/*

Template Name: Hostz

*/


html, body{
	 overflow-x:hidden;
}
ul{
	list-style:none;
}
.mobile_menu_logo  {
	padding:20px 0;
}


.hostz_nav_area.prefix, .hbg2 {
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
}
.hbg2 {
    background: rgba(0, 0, 0, .7);
    padding: 0 0 10px;
}
/* menu button */
.header_btn{}
.header_btn a{
    font-size: 15px;
    padding: 7px 37px;
    font-weight: 400;	
}
.header_btn,
.hostz_menu_ulfirst {
     display: inline-block;
}
 
/* ----  Menu css --- */
.hostz-main-menu {
    position: fixed;
    z-index: 999;
    /* text-align: center; */
    width: 1903px;
	background: #05052b; 	
}
.hostz_menu_area {
    /* background: #05052b; */
    left: 0;
    right: 0;
    position: absolute;
    /* z-index: 9999; */
    background: transparent;
}
 .menu_logo{
    margin-top: 33px;	 
 }
.hostz_menu {
    float: right;
}
 .hostz_menu ul {
     text-align: right;
     list-style: none;
}
 .hostz_menu > ul > li {
     display: inline-block;
     position: relative;
}
 .hostz_menu > ul > li > a {
     display: block;
     margin: 38px 13px 38px;
     -webkit-transition: .5s;
     transition: .5s;
     position: relative;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
}

/* sub menu style */
 .hostz_menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 130%;
     width: 197px;
     text-align: left;
     background: #070a23;
     margin: 0;
     padding: 15px 0;
     z-index: 9999;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
     -webkit-transition: .5s;
     transition: .5s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .hostz_menu ul li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .hostz_menu ul .sub-menu li {
     position: relative;
}
 .hostz_menu ul .sub-menu li a {
     display: block;
     padding: 12px 20px;
     margin: 0;
     line-height: 1.3;
     letter-spacing: normal;
     font-size: 12px;
     color: #c9c9c9;
     font-weight: 500;
     text-transform: uppercase;
     -webkit-transition: .1s;
     transition: .1s;
     visibility: inherit !important;
}
/* sub menu 2 */
 .hostz_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .hostz_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .hostz_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .hostz_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .hostz_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .hostz_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .hostz_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
 .hostz_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

 .hostz_menu ul li:hover > a,
 .hostz_menu ul .sub-menu li:hover > a,
 .hostz_menu ul .sub-menu .sub-menu li:hover > a,
 .hostz_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
 .hostz_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     /* background: rgba(255, 255, 255, .06); */
     color: #3d59e8;
}
.mean-container .mean-bar {
    float: none !important;
	text-transform:uppercase;
}

/* ===========slider css============ */

.witr_slider_area{
	position:relative;
}
.witr_ds_content_area{
	
}
.witr_ds_content {
    height: 970px;
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.witr_ds_content_inner h1{
    font-size: 15px;
    color: #3d59e8;
    margin-bottom: 31px;
    font-weight: 500;
    text-transform: uppercase;
}
.witr_ds_content_inner h2{
    font-size: 43px;
    text-transform: capitalize;
    color: #fffefe;
    margin-bottom: 30px;	
}
.witr_ds_content_inner p {
    width: 62%;
    margin: 20px auto 34px auto;
	color:#fff;
    font-size: 18px;
font-weight: 300;	
}
/* slider text align */
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner p {
    width: 62%;
    margin: 20px auto 34px 0;
}
.text-right .witr_ds_content_inner h2,
.text-right .witr_ds_content_inner p {
    width: 62%;
    margin: 20px 0 34px auto;
}

/* slider image thumb position */

.text-left .witr_slider_thumb {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.text-right .witr_slider_thumb {
    position: absolute;
    left: 0;
    top: -65px;
}
.witr_gbtn{
	position:relative;
}


.witr_gbtn::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #060734;
    top: 2px;
    content: "";
    z-index: -1;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:1s;
}
.witr_gbtn.active::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
    top: 2px;
    content: "";
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:.5s;
}
.witr_gbtn:hover::after {
    background: none;
}
.witr_gbtn.active:hover::after {
    background: #060734;
}
.slider_btn {
    margin-top: 58px;
}




/* slider icon css */
.text-center .icon_section {
    position: absolute;
    left: 50%;
    bottom: -90%;
	transform:translateX(-50%);
}
.text-left .icon_section {
    position: absolute;
    left: 15px;
    bottom: -90%;
}

.text-right .icon_section {
    position: absolute;
    right: 15px;
    bottom: -90%;
}

.icon_title{
    display: inline-block;	
}
.icon_title h3{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
}
.hostz_slider_icon{
    display: inline-block;	
}
.hostz_slider_icon ul{}
.hostz_slider_icon ul li{
    list-style: none;
    display: inline-block;	
}
.hostz_slider_icon ul li a{}
.hostz_slider_icon ul li a i{
    font-size: 15px;
    color: #fff;
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
    height: 26px;
    width: 25px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
	transition:.5s;	
}
.hostz_slider_icon ul li a i:hover{
    background: linear-gradient(45deg, #8e00ff, #00b0ff);	
}

/* DOMAIN AREA CSS */
.domain_area {
    background: #05052b;
    padding-top: 125px;
    padding-bottom: 126px;
}
.domain_title{}
.domain_title h1{
	font-size:28px;
	font-weight:600;
	color:#f9f9f9;
    margin-bottom: 6px;	
}
.domain_title p{
	font-size:18px;
	color:#8182aa;
}
.hostz_email_form {
    margin-top: 20px;
}
.domain_form {
    position: relative;
    width: 72%;
    float: left;
}
.witr_gbtn.brdn {
    color: #fff;
    font-size: 15px;
    padding: 11px 48px;
}
.shosting_search button {
    float: right;
    text-transform: capitalize;
	font-weight: 400;
}
.witr_gbtn.brdn::after {
    opacity:0;
}
.domain_form input{
    background: none;
    height: 45px;
    border: 1px solid #304fff;
    border-radius: 30px;
    padding-left: 20px;
    color: #8182aa;	
    font-size: 15px;
    width: 100%;
}
.domain_scom {
    position: absolute;
    top: 0;
    right: 10px;
}
.nice-select.domain_name_serch {
    height: 45px;
    background: transparent;
    border: none;
    color: #fff;
}
.nice-select.domain_name_serch .option {
    background: #05052b;
    outline: none;
	    border: none;
}

.nice-select .list{
	  background: #05052b;
}
.nice-select .option.focus,
 .nice-select .option.selected.focus {
    background: #0f0f48;
}
.nice-select:after {
    height: 8px;
    margin-top: -8px;
    width: 8px;
}
.brdn{
	border:none;
}

/* FEATURE AREA CSS */
.feature_area{
    background: #02031d;
    padding-top: 108px;
}
.section_title{
    text-align: center;	
}
.section_contents{}
.section_contents h2{
    font-size: 90px;
    position: relative;
    color: #14163b;
    margin-bottom: 7px;
    text-transform: uppercase;	
}
.section_content{}
.section_content h1{
    position: absolute;
    font-size: 40px;
    color: #f9f9f9;
    top: 50px;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}
.section_desc{
    margin-bottom: 69px;	
}
.section_desc p{
    width: 52%;
    margin: auto;
}
/* SINGLE FEATURE CSS */
.single_feature{
    text-align: center;
    background: #02042b;
    padding: 40px 0px 27px;
    margin:-2px 0px 30px;
}
.single_feature_inner{}
.single_feature_thumb{}
.single_feature_thumb img{}
.single_feature_content{}
.single_feature_content h2{
    font-weight: 500;
    color: #f9f9f9;
    margin: 25px 0 20px;
	transition:.5s;
}
.single_feature_content h2:hover,
.feature_btn a:hover{
    color: #00b0ff;
}
.single_feature_content p{
}
.feature_btn{
    margin: 20px 0 7px;	
}
.feature_btn a{
	color:#8182aa;	
}

/* SOLUTION AREA CSS */
.solution_area{
    background: #02031d;
    padding: 110px 0px 140px;
}
.solution_thumb{
	
}
.solution_thumb img{}
.solution_title{
    margin-top: -16px;	
}
.solution_title h1{
    font-size: 36px;
    color: #f9f9f9;
    margin-bottom: 37px;	
}
.solution_title p{
    margin-bottom: 23px;	
}
.solution_title span{
	color:#8182aa;
}

/* btn video */
.video_buttom_area{
    margin-top: 48px;	
}
.video_buttom_area_innter{}
 .video{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
     margin-left: 1px;
}
 .video:before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
 .video:after{
     height: calc(100% - 4px);
     z-index: -1;
     opacity: 1;
     background: #05071c;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 2px;
     top: 2px;
     content: "";
     width: calc(100% - 4px);
}
 .video i{
     color:#503bde;
}
 .btn_v_icon{
     float: left;
     width: 70px;
     height: 70px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-right: 20px;
}
 .btn_v_icon:before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: -webkit-linear-gradient(45deg, #8e00ff, #00b0ff);
     background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
 .btn_v_icon:after{
     height: calc(100% - 2px);
     z-index: -1;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #05071c;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 1px;
     top: 1px;
     content: "";
     width: calc(100% - 2px);
}
 .btn_v_text {
     float: left;
}
 .btn_v_textstyle {
     margin-top: 10px;
}
 span.btnv-text1 {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
}
 span.btnv-text2 {
     color: #fff;
     font-size:17px;
     font-weight:600;
     text-transform:uppercase;
}


/* APPS AREA CSS */
.apps_area{
	background-image: url(assets/images/apps/app-bg.jpg);

	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;	
}
.apps_thumb{
    margin-top: 140px;	
}
.apps_thumb img{}
.single_apps{}
.apps_title{
    margin-top: 232px;	
}
.apps_title h1{
    font-size: 36px;
    color: #f9f9f9;
    margin-bottom: 36px;	
}
.apps_title p{
    margin-bottom: 40px;	
}
.apps_icon{}
.apps_icon i{
	color:#8182aa;
	font-size:14px;	
}
.apps_content_title{}
.apps_content_title h2{
    color: #8182aa;
	font-weight:400;
    margin-top: -24px;
    margin-left: 40px;
	font-size:16px;	
    margin-bottom: 20px;	
}
.app_btn{
    margin-top: 70px;	
}
.app_bp {
    padding: 18px 48px;
    font-size: 16px;
    text-transform: capitalize;
}
/* READMAP AREA CSS */
.readmap_area{
    padding-top: 107px;
    background: #050724;
}
.readmap_thumb{
    position: relative;
    padding-bottom: 200px;
    margin-left: -33px;	
}
.single_readmap{
    margin-top: 46px;
}
.single_readmap_title{}
.single_readmap_inner{
	position:absolute;
    transform: translateX(-50%) translateY(-50%);	
}

.single_readmap_inner:nth-child(2){
    top: 23%;
    left: 554px;
}
.single_readmap_inner:nth-child(3){
    top: 81px;
    left: 1108px;
}
.single_readmap_inner:nth-child(4){
    top: 118px;
    right: 63px;
}
.single_readmap_inner:nth-child(5){
    bottom: 76px;
    left: 41%;
}
.single_readmap_inner:nth-child(6){
    right: -61px;
    bottom: 89px;	
}

.single_readmap_title h2 {
    color: #8182aa;
    margin-bottom: 10px;
    font-weight: 500;
}
.single_readmap_title p{
    color: #8182aa;
    width: 71%;
}

/* TEAM AREA CSS */
.team_area{
    background: #05052b;
    padding-top: 106px;
	background-image:url(assets/images/team/bg.png);
}
/* .single{ */
    /* margin-left: 50px; */
/* } */
.single_team{
    text-align: center;
    margin-top: -5px;
    transition: .5s;
    margin-bottom: 30px;	
}
.single_team_inner{
    margin-top: 36px;	
}
.section_ti {
    padding-top: 78px;
}
.tion h1{
    top: 130px;	
}
.single_team_thumb{}
.single_team_thumb img{}
.hostz_title {
    background: #0e103d;
    padding: 6px 0 14px;
    margin: -30px 30px 0 30px;
    transition: .5s;
    position: relative;
}
.hostz_title:before {
    position: absolute;
    left: 0;
    top: 0;
	right:0;
	bottom:0;
    transition: .5s;
    content: "";
    width: 100%;
    height: 0;
	    background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
.single_team:hover .hostz_title:before{
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
	height: 100%;
}
.secs {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: -52px;
}
.single_team_title,
.single_team_social{
	position:relative;
}
.single_team_title h2{
	font-size:18px;
	color:#f9f9f9;
	font-weight:600;
    margin-bottom: 5px;	
}
.single_team_title p{
	color:#8182aa;
	font-size:14px;
	margin-bottom: 3px;	
}
.single_team_social{}
.single_team_social ul{}
.single_team_social ul li{
    display: inline-block;	
}
.single_team_social ul li a{}
.single_team_social ul li a i{
	font-size:15px;
	color:#8182aa;
    margin-right: 14px;
	transition:.5s;	
}
.single_team:hover .single_team_title h2,
.single_team:hover .single_team_title p,
.single_team:hover .single_team_social ul li a i{
	color:#fff;
}
/* Advisory_area css */
.Advisory_area{
    background: #05052b;
    padding-bottom: 110px;
	background-image:url(assets/images/team/bg.png);	
}
/* COUNTDOWN AREA CSS */
.countdown_area{
	background:#020421;
    padding-top: 108px;	
}

.single_countdown {
    text-align: center;
    background: #05062f;
    padding: 128px 0 100px;
    background-size: cover;
    background-position: center center;
    margin-top: -37px;
    background: url(assets/images/countdown/cdbg.png);
}

span.cdowns {
    width: 172px;
    height: 135px;
    background: #090a47;
    display: inline-block;
    position: relative;
    border: 10px solid #07083c;
    margin-left: 60px;
    margin-right: 24px;
}
span.cdowns::before {
	position: absolute;
	content: "";
	background: #00028a;
	top: 40px;
    right: -60px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}
span.cdowns::after{
	position: absolute;
	content: "";
	background: #00028a;
	top: 81px;
    right: -60px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}
span.cdowns:last-child::before,
span.cdowns:last-child::after
{
display:none;
}

span.time-counts {

    font-size: 70px;
    color: #fff;
font-weight: 600;	
}
.single_countdown p {
	color: #8182aa;
	font-size: 30px;
	line-height: 0px;
	margin-top: 46px;
	font-weight:600;
}

.single_countdown_thumb{}
.single_countdown_thumb img{
    margin-top: 81px;
    margin-bottom: 18px;
}
.coundown_battons{
    margin-top: -35px;
    text-align: center;	
}
.coundown_batton{
    font-size: 16px;
    padding: 15px 57px;
}
.coundown_batton.witr_gbtn::after{
	opacity:0;
}
/* SKILL AREA CSS */
.skill_area{
    background: #020421;
    padding-bottom: 22px;
}
.sec{
	margin-top: 135px;	
}
.sec h2{
    font-size: 30px;
    color: #f9f9f9;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 21px;
}
.con p{
	width:96%;	
}
.single_skill_thumb{
	position:relative;	
}
.single_skill_thumb img{}
.single_skill_thumb3,
.single_skill_thumb2{
    position: absolute;
    top: 49%;
    left: 43%;
    transform: translateX(-50%) translateY(-50%);	
}
.single_skill_thumb2 img{}
.single_skill_thumb3{
    top: 37%;
    left: 47%;
}

/* PRICING AREA CSS */
.pricing_area {
    padding-top: 106px;
    /* background: #020421; */
    background-image: url(assets/images/pricing/bg.png);
}


/* single_pricing */
.single_pricing {
    position: relative;
    margin-bottom: 83px;
}
 .single_pricing_title{}
 .single_pricing_title_inner{
     text-align: center;
     padding: 22px 0px;
     background: #060734;
}
 .single_pricing_title_inner h3{
     font-size: 24px;
     font-weight: 600;
     color: #fff;
     text-transform: uppercase;
     display: inline-block;
     padding-top: 8px;
}
 .single_pricing_item{
    text-align: center;
    background: #14153f;
    padding: 0px 0 10px;
}
 .single_pricing_item span{
     font-size: 20px;
     font-weight: 500;
     font-family: "montserrat",sens-serif;
     color: #f9f9f9;
     display: inline-block;
}
 .single_pricing_item .tk{
     font-size: 52px;
     font-weight: 500;
     color: #f9f9f9;
}
 .pricing_text{
    background: #060734;
    padding: 27px 0px 130px;
}
 .pricing_text ul li{}
 .pricing_text ul li a{
     font-size: 18px;
     font-weight: 400;
     display: block;
     padding: 6px 0px;
     color: #8182aa;
     text-transform: none;
     text-align: center;
}
.pbat:hover{
    border-color: #5f6094;
}

/* pricing_botton */
.pricing_btn{
	text-align: center;
    margin-top: -5px;
}
.pricing_btn_inner{}
.pricing_batton li a {
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 40px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: all 0.5s;	
}
.pricing_batton.pbpding li a {
    padding: 13px 40px;
}


.pricing_batton li a::before {
    position: absolute;
    border-radius: 100px;
    left: 0;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    transition: all .5s ease;
}
.pricing_batton li.active a::before {
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
.pricing_batton li a::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #05052b;
    top: 2px;
    content: "";
    z-index: -1;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.pricing_batton li.active a::after {
    background:linear-gradient(45deg, #8e00ff, #00b0ff);
}
.pricings{
    top: -52px;
    left: 115px;	
}
.single_pricing_btn {
    text-align: center;
    margin-top: -99px;
}
.pricing_bat li a{
	position:relative;
}

.pricing_bat li a::before {
    position: absolute;
    border-radius: 100px;
    left: 0;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    transition: all .5s ease;
}
.pricing_bat li a::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #060734;
    top: 2px;
    content: "";
    z-index: -1;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.pricing_bat li a:hover::after{
	background:none;
}
/* BRAND AREA CSS  */
.brand_area{
    padding-top: 82px;
    padding-bottom: 38px;	
}
.single_brand{
    text-align: center;
    margin-top: -5px;	
}
.single_brand_thumb{
    display: inline-block;
    margin-right: 70px;
    margin-bottom: 100px;	
}
.single_brand_thumb img{}



/* FAQ AREA CSS */
.faq_area {
    background: #020421;
    padding-top: 108px;
}
/* ac css */
.single_collapse{
    background: #050832;
    padding: 20px 30px 1px;
    margin-top: -5px;	
}
.panel-title{} 
.panel-title a{}    
.panel-heading1{
    padding: 11px 15px;	
}
.panel-body{}
.panel-body p {
    width: 77%;
    color: #8182aa;
    font-size: 14px;
	font-weight:400;
}
.panel-heading1{
	position:relative;
}

/* .panel-heading1.active a { */
	/* font-size: 16px; */
	/* font-weight: 500; */
/* } */
.panel-heading1 a {
    display: block;
    color: #f9f9f9;
    font-size: 17px;
    font-weight: 400;
}
.panel-default {
    border-bottom: 1px solid #1c1d41;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0;
    background: transparent;
}
.panel-default:nth-child(5) {
    border:none;
}
.panel-group .panel {
	border-radius: 0px;
}
/* subscrib area */
.hostz_email_form_inner{
	position:relative;
	width: 35%;
	margin: auto;
}
.border_none {
    border: none;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.border_nonec{
	border:none;
}

.main_subscribe {
    float: none;
    width: 100%;
    margin: auto;
}
.sbscribe_search {
    position: absolute;
    right: -33px;
    top: 0;
}
/* TESTIMONIAL AREA CSS */
.testimonial_area{
    background: #020421;
    padding-top: 108px;
    padding-bottom: 388px;		
}
/* single_testimonial */
 .single_testimonial {
    background: #050832;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 29px 25px 37px;
    position: relative;
    margin: -3px 0px 30px 1px;
}
 .single_testimonial_thumb{
    float: left;
    margin-top: 14px;
 }
 .single_testimonial_thumb img{}
 .single_testimonial_thumb2{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
             transform: translateY(-50%) translateX(-50%);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
 .single_testimonial_thumb2 img{}
 .single_testimonial_content{
    padding: 0px 0px 10px;
    margin-top: 20px;
    margin-left: 81px;
}
 .single_testimonial_content h2{
     font-size: 18px;
     margin-top: 9px;
	 color:#f9f9f9;
     margin-bottom: 0px;
     text-transform: capitalize;
     font-weight:600;
} 
 .single_testimonial_content h3{
     font-size: 14px;
     font-weight: 400;
	 color:#f9f9f9;	 
     text-transform: capitalize;
     display: block;
     margin: 8px 0px 2px;
}
.single_testimonial:hover .single_testimonial_content h2{
     color:#3d59e8;
}
 .single_testimonial_text{}
 .single_testimonial_text p{
    padding-top: 15px;
    color: #8182aa;
    width: 100%;
    font-size: 14px;
}

/* hostz_contact_form css */
.contact_area{
}
.host_contact_bg {
    background: #000235;
    margin-top: -235px;
    background-size: cover;
    background-position: center center;
    background: url(assets/images/countdown/fbg.png);
	    padding: 15px;
}
.bg_contact{
    margin-top: -114px;	
}
.contact_area.contacts{
    margin-top: 120px;	
}
.contact_form_title{}
.contact_form_title h2{
    font-size: 35px;
    color: #f9f9f9;
    font-weight: 500;
    margin-bottom:42px;	
}
 .hostz_contact_form {
    padding: 100px 30px 145px;
}
 .contact_form_inner{}
 .form_filed{
     width:100%;
}
 .form_filed_inner{
    border-bottom: 1px solid #012f5d;	 
     float:left;
     width:48.80%;
     margin-bottom: 47px;
}
 .form_filed_inner:nth-child(odd){
     margin-right:1.20%;
}
 .form_filed_inner:nth-child(even){
     margin-left:1.20%;
}
 .form_filed_inner input, .hostz_form_filed_inner textarea {
     text-transform: capitalize;
     padding-left: 10px;
     height: 50px;
     width: 100%;
     font-size: 14px;
     font-weight: 500;
     color: #f9f9f9;
    background: none;
	border:none;	
}
 .form_filed_inner input:focus, .hostz_form_filed_inner textarea:focus {
     /* border-bottom:#f9f9f9; */
}
/* textarea css */
 .hostz_form_filed{}
 .hostz_form_filed_inner{}
 .hostz_form_filed_inner textarea{
     height: 50px;
     padding-top:10px;
     border-bottom: 1px solid #012f5d;
}
/* contact btn css */
.contact_btn{
	margin-top:63px;
}
.contact_btn a{
    text-transform: capitalize;
    font-size: 14px;
    padding: 12px 37px;
	font-weight: 400;	
}
/* right */
.single_contact{
    padding: 100px 0px 22px 65px;	
}
.single_contact_title{}
.single_contact_title h1{
    color: #f9f9f9;
    font-size: 35px;
    text-transform: capitalize;
    margin-bottom: 54px;
    font-weight: 500;	
}
.single_contact_title p{
    width: 80%;	
}
.contact_address {
	margin-top:19px;
}
.contact_address ul {

}
.contact_address ul li {}
.contact_address ul li a {
	font-size: 15px;
	font-weight: 500;
	color: #8182aa;
	/* margin-right: 30px; */
}
.contact_address ul li a i {
	color: #fff;
	font-size: 14px;	
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
	margin-right: 20px;
    text-align: center;
    margin-top: 50px;
	transition:.5s;	
}
.contact_address ul li a i:hover {
    background: linear-gradient(45deg, #8e00ff, #00b0ff);	
}
/* footer area css */
.main{}
.main input{
    padding: 10px 130px 10px 15px;
    margin-right: 120px;	
}

.footer_area{
    background-size: cover;
    background-position: center center;
    background: url(assets/images/countdown/fbgb.png);
}
.single_footer{
	text-align:center;
}
.single_footer_thumbnail {
    margin-top: -78px;
}
.single_footer_thumbnail img{}
.single_footer_title{}
.single_footer_title h1{
    font-size: 24px;
    color: #f9f9f9;
    font-weight: 600;
    margin-top: 29px;
    margin-bottom: 54px;
}
/* footer btn css */
.footer_btn{
    margin-top: -46px;
    margin-left: 23%;	
}
.footer_btn a{
    font-size: 14px;
    text-transform: capitalize;
    padding: 12px 47px;	
}
.single_social_title{}
.single_social_title h2{
    font-size: 18px;
    color: #f9f9f9;
    font-weight: 600;
    margin: 50px 0 42px;	
}
.single_social{
    margin-bottom: 140px;	
}
.hostz_footer_icon ul{}
.hostz_footer_icon ul li{
    list-style: none;
    display: inline-block;
}
.hostz_footer_icon ul li a{}
.hostz_footer_icon ul li a i{
    font-size: 20px;
    color: #fff;
    background: #304fff; 
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
	transition:.5s;		
}
.hostz_footer_icon ul li a i:hover,
.hostz_footer_icon ul li:nth-child(2) a i:hover,
.hostz_footer_icon ul li:nth-child(3) a i:hover,
.hostz_footer_icon ul li:nth-child(4) a i:hover,
.hostz_footer_icon ul li:nth-child(5) a i:hover,
.hostz_footer_icon ul li:nth-child(6) a i:hover{
    background: #8e00ff; 
}

.hostz_footer_icon ul li:nth-child(2) a i{
    background: #1ca0eb; 
}
.hostz_footer_icon ul li:nth-child(3) a i{
    background: #ff4300; 
}
.hostz_footer_icon ul li:nth-child(4) a i{
    background: #01ab6c; 
}
.hostz_footer_icon ul li:nth-child(5) a i{
    background: #01449f; 
}
.hostz_footer_icon ul li:nth-child(6) a i{
    background: #0077b4; 
}

/* FOOTER BOTTOM AREA CSS */
.footer_bottom_area{
    border-top: 1px solid #000d59;
    padding: 38px 0 28px;

}
.footer_bottom_title{}
.footer_bottom_title p{
	color:#f9f9f9;	
}
.footer_menu{
	float:right;
}
.footer_menu ul{}
.footer_menu ul li{
    display: inline-block;	
}
.footer_menu ul li a{
	color:#f9f9f9;
    margin-right: 20px;	
	font-size:16px;
}
.footer_menu ul li a:hover{
	color:#00b0ff;
}
.footer_area.con {
    padding-top: 42%;
}


#scrollUp {
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
    bottom: 30px;
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 44px;
    right: 30px;
    text-align: center;
    width: 40px;
}
#scrollUp i {
    color: #fff;
}










/*======================== hostz BREADCRUMB AREA CSS =========================*/
 .breadcumb-blog-area {
     padding: 80px 0px 100px;
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}
 .breadcumb-inner h2 {
     font-size: 36px;
     color: #464646;
}
 .breadcumb-area {
     padding: 100px 0 100px;
	 background-image:url(assets/images/bannerimage.jpg);
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
}
 .breadcumb-inner ul {}
 .breadcumb-inner li {
     display: inline-block;
     margin: 0 2px;
     color: #fff;
}
 .breadcumb-inner li:nth-last-child(-n+1) {
     color: #3d59e8;
}
 .breadcumb-inner li a {
     color: #fff;
}
 .brpt h2 {
     font-size: 22px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/*======================== END hostz BREADCRUMB AREA CSS =========================*/
/*======================== hostz 404 AREA CSS =========================*/
 .not-found-area {
     background-color: #fff;
     background-position: center top;
     background-repeat: repeat;
     background-size: cover;
     border-top: 1px solid #f5f3f3;
     padding: 0 0 16px;
}
 .not-found {
     display: table;
     width: 100%;
     height: 500px;
     text-align: center;
     padding-bottom: 40px;
}
 .not-found-inner {
     display: table-cell;
     vertical-align: middle;
}
 .not-found-inner {
     font-size: 30px;
}
 .not-found-inner h2 {
     color: #3d59e8;
     display: inline-block;
     font-size: 160px;
     font-weight: 700;
     line-height: 1.2;
     padding: 15px 0;
}
 .not-found-inner p {
     font-size: 30px;
}
 .not-found-inner a {
     color: #606b82;
     font-size: 24px;
     margin-top: 40px;
     display: inline-block;
     text-decoration: underline;
}
/* search error */
 .hostz-search-page{
     background:#fff;
}
 .search-error .search input {
     padding: 20px 0;
}
 .search-error .search input[type="text"] {
     padding-left: 10px;
}
 .search-error .search button {
     top: 48%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .search-error > p {
     font-size: 14px;
     margin: 14px 0 19px;
}
 .search-error > h3 {
     display: block;
     font-size: 30px;
     color: #333;
}
 .search-error .search input {
     height: 54px;
     border: 1px solid #ddd;
}
/*======================== END hostz 404 AREA CSS =========================*/


/*===================== hostz BLOG AREA CSS =========================*/
 .hostz-blog-area {
     padding: 90px 0 90px;
}
 .hostz-single-blog {
     background-color: #fff;
     box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
     margin-bottom: 30px;
     overflow: hidden;
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     /* margin-right: 30px; */
}
 .hostz-single-blog.hostz-lt {
     text-align: left;
}

 .hostz-blog-index.blog-area.hostz-blog-area {
     padding: 100px 0 100px;
}
/* BLOG THUMB CSS */
 .hostz-blog-thumb {
     overflow: hidden;
}
 .hostz-blog-thumb a {
     position: relative;
}
 .hostz-blog-thumb a {
     display: block;
}
 .hostz-blog-thumb a:before {
     content: "";
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     background: #f00;
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(0, 0, 0, .7);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     z-index: 999;
     -webkit-transition: .5s;
     transition: .5s;
}
 .hostz-blog-thumb img {
     -webkit-transition: .5s;
     transition: .5s;
     display: block;
    width: 100%;	 
}
/* BLOG TITLE AND CONTENT CSS */
 .blog-inner {
}
 .blog-content {
     word-break: break-word;
}
 .blog-content h2 {
     color: #333;
     margin: 0 0 18px;
}
 .blog-content h2 a {
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
}
 .blog-content h2 a:hover {
     color: #3d59e8;
}
 .blog-content p {
}
/* BLOG POST META CSS */
 .hostz-blog-meta {
     margin-bottom: 0;
     margin-top: 0;
     width: 100%;
}
 .hostz-blog-meta:after {
     display: block;
     clear: both;
     content: "";
}
 .hostz-blog-meta a {
}
/* BLOG POST META LEFT CSS */
/* left style 1 */
 .hostz-blog-meta-left {
     padding: 0 0 9px;
}
 .hostz-blog-meta-left a, .hostz-blog-meta-left span {
     color: #666;
     font-size: 12px;
     margin-right: 5px;
     text-transform: capitalize;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .hostz-blog-meta-left a:hover, .hostz-blog-meta-left span:hover {
     color: #3d59e8;
}
 .hostz-blog-meta-left i {
     color: #3d59e8;
     margin-right: 5px;
}
/* BLOG POST META RIGHT CSS */
 .hostz-blog-meta-right {
     float: right;
     padding: 0px 0;
}
 .hostz-blog-meta-right a, .hostz-blog-meta-right span {
     font-size: 12px;
     color: #454545;
     margin-left: 5px;
}
 .hostz-blog-meta-right i {
     margin-right: 5px;
}
/* blog readmore */
 .readmore a {
     border: 1px solid #ddd;
     color: #444;
     display: inline-block;
     font-size: 11px;
     font-weight: 400;
     padding: 6px 10px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
}
 .readmore a:hover {
     border-color: #3d59e8;
     background: #3d59e8;
     color: #fff;
}
/* blog hover */
 .hostz-single-blog:hover .hostz-blog-thumb a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .hostz-single-blog:hover .hostz-blog-thumb img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
/*======================== EMD hostz BLOG AREA CSS =========================*/
/*======================== hostz BLOG DETAILS AREA CSS =========================*/
 .hostz-single-blog-details {
}
 .hostz-single-blog--thumb {
     overflow:hidden;
}
 .hostz-single-blog--thumb a {
}
 .hostz-single-blog--thumb img {
     -webkit-transform: scale(1);
             transform: scale(1);
     -webkit-transition: .5s;
     transition:.5s;
     display:block;
}
 .hostz-single-blog--thumb img:hover {
     -webkit-transform: scale(1.1);
             transform: scale(1.1);
}
 .hostz-single-blog-title h2 {
     font-size: 23px;
     padding: 0;
     font-weight: 500;
     margin-top: 0;
     margin-bottom: 8px;
     text-transform: capitalize;
     color: #333;
     padding-top: 20px;
}
 .hostz-single-blog-details .hostz-blog-meta {
     padding: 0px;
     margin: 0px;
}
 .hostz-single-blog-details .hostz-blog-meta-right, .hostz-single-blog-details .hostz-blog-meta-left {
     padding: 0px 0 10px 0;
}
 .hostz-blog-social {
     margin-bottom: 25px;
     margin-top: 25px;
}
 .hostz-single-icon-inner {
     text-align: center;
}
 .hostz-single-icon-inner a {
     background: transparent none repeat scroll 0 0;
     border: 1px solid #3d59e8;
     border-radius: 50%;
     color: #3d59e8;
     display: inline-block;
     font-size: 18px;
     height: 40px;
     line-height: 38px;
     margin: 0 5px;
     text-align: center;
     width: 40px;
}
 .hostz-single-icon-inner a:hover {
     background: #3d59e8;
     border-color: #3d59e8;
     color: #fff;
}
 .hostz-single-icon-inner a i {
}
 .single-blog-content ul {
     padding-bottom: 10px;
}
/*======================== hostz unittest =========================*/
 .blog-page-title h2 {
     color: #333;
     display: block;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 7px;
     text-transform: capitalize;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
}
 .blog-page-title a {
     color: #333;
     display: inline-block;
     font-weight: 600;
}
 .blog-page-title h2 a:hover {
     color: #3d59e8;
}
 .em-blog-content-area {
     padding: 5px 15px 7px;
     text-align: left;
}
 .single-blog-content iframe {
     margin-top: 20px;
}
 .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 500;
     color: #333;
     font-size: 30px;
}
 .post_reply h1, .post_reply h2, .post_reply h3, .post_reply h4, .post_reply h5, .post_reply h6 {
     color: #303030;
     font-size: 30px;
     font-weight: 500;
     margin-top: 15px;
     margin-bottom: 15px;
}
 .blog-content h2, .post_reply h2 {
     font-size: 26px;
}
 .blog-content h3, .post_reply h3 {
     font-size: 22px;
}
 .blog-content h4, .post_reply h4 {
     font-size: 20px;
}
 .blog-content h5, .post_reply h5 {
     font-size: 18px;
}
 .blog-content h6, .post_reply h6 {
     font-size: 17px;
}
 single blog .single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4, .single-blog-content h5, .single-blog-content h6 {
     margin-bottom: 20px;
     margin-top: 20px;
     font-size: 30px;
     font-weight: 600;
}
 .single-blog-content h2 {
     font-size: 26px;
}
 .single-blog-content h3 {
     font-size: 22px;
}
 .single-blog-content h4 {
     font-size: 20px;
}
 .single-blog-content h5 {
     font-size: 18px;
}
 .single-blog-content h6 {
     font-size: 17px;
}
/*======================== hostz PAGINATION AREA CSS =========================*/
 .paginations {
     text-align: center;
     margin-top: 20px;
}
 .paginations a, .page-numbers span.current {
     width: 35px;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     margin: auto 5px;
     border: 1px solid #ddd;
     color: #888;
}
 .page-numbers li {
     display: inline-block;
}
 .paginations a:hover, .paginations a.current, .page-numbers span.current {
     background: #3d59e8;
     border-color: #3d59e8;
     color: #fff;
}
/*======================== END hostz PAGINATION AREA CSS =========================*/
 .kc_counter_box i {
     display: inline-block;
     font-size: 45px;
     margin-bottom: 0;
}

/* RECENT POST ITEM CSS */
.recent-post-item {
     clear: both;
     overflow: hidden;
     margin-bottom: 20px;
}
 .recent-post-image {
     float: left;
     margin-right: 10px;
}
 .recent-post-image a {
     display: inline-block;
}
 .recent-post-text {
     margin-top: -29px;
     overflow: hidden;
}
.recent-post-text > h4 {
    margin-bottom: 0;
    margin-top: 39px;
    line-height: 15px;
}
.recent-post-text h4 a {
    color: #333;
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 500;
}
.recent-post-text h4 a:hover {
    color: #3d59e8;
}
 .recent-post-text .rcomment i {
     margin-right: 5px;
}
.recent-post-text .rcomment {
    color: #333;
    font-size: 14px;
    text-transform: none;
}
/* COMMENT FORM CSS */

.comment_field {} .comment_field .input-field {
    width: 33.33%;
    float: left;
}
.comment_field .input-field label,
.comment_field .textarea-field label {
    color: #606060;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}
.comment_field .textarea-field label {
    margin-top: 30px;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    height: 42px;
    font-size: 12px;
}
.comment_field .input-field input[type="text"] {} .comment_field .input-field input[type="email"] {} .comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 120px;
    padding: 10px;
}
.comment_field .input-field input,
.comment_field .textarea-field textarea {
    color: #555555;
}
.hostz_btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #444;
    margin-top: 30px;
    padding: 8px 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.hostz_btn:hover {
    border-color: #3d59e8;
    background: #3d59e8;
    color: #fff;
}
.em-theme-main-page .commment_title h3 {
    margin-top: 0px;
}
.em-theme-main-page .empgc {
    margin-top: 40px;
}
.em-theme-main-page .empgc.commment_title h3 {
    margin-bottom: 35px;
}
.em-single-page-comment .commment_title.empgc > h3 {
    margin-bottom: 35px;
}
.logged-in-as {
    margin-bottom: 0;
    margin-top: 30px;
}
.logged-in-as a {
    color: #333;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
a.comment-edit-link {
    margin-bottom: 12px;
    display: inline-block;
}
.em-theme-main-page .comments-area {
    margin-top: 40px;
    clear: both;
}
.hostz_btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #444;
    margin-top: 30px;
    padding: 8px 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.hostz_btn:hover {
    border-color: #3d59e8;
    background: #3d59e8;
    color: #fff;
}
.comment_inner {} .commment_title {} .commment_title h3 {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}
.commment_title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: #3d59e8;
}

/* carousel nav */
 .curosel-style .owl-nav div {
    background: linear-gradient(45deg, #00b0ff, #8e00ff);	 
     border-radius: 50%;
     color: #3d59e8;
     font-size: 19px;
     height: 44px;
     left: -45px;
     line-height: 44px;
     position: absolute;
     top: 50%;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 44px;
     text-align: center;
     z-index: 99;
     -webkit-transform: translateY(-49%);
     transform: translateY(-49%);
     opacity: 0;
     /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}
 .curosel-style .owl-nav .owl-next {
     left: auto;
     right: -45px;
	 transition:.5s;
     color: #fff;	 
}
 .curosel-style .owl-nav .owl-prev{
     color: #fff;
	 transition:.5s;	 
 }
 .curosel-style .owl-nav .owl-next:hover {
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
 .curosel-style .owl-nav .owl-prev:hover {
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
}
 .owl-carousel .owl-item img {
     margin: auto;
}
 .testimonial_list:hover .owl-nav div {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: contents; 
}
/* carousel dots */

 .owl-dots {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     bottom: -53px;
     position: absolute;
     text-align: center;
     width: 100%;
}
 .owl-dot {
    background: transparent;
     border-radius: 50px;
     display: inline-block;
     height:12px;
     margin-left: 5px;
     margin-right: 5px;
     width: 12px;
	  border: 1px solid #00b0ff;
}
 .owl-dot.active {
     background: linear-gradient(45deg, #00b0ff, #8e00ff);
	 border:none;
    
}

	/* slick css */
.slick-prev, .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: block;
     width: 20px;
     height: 20px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: none;
     outline: none;
     background: transparent;
}
 .slick-prev, .slick-next {
     background: linear-gradient(45deg, #00b0ff, #8e00ff);
     border-radius: 50px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     height: 50px;
     top: 50%;
     -webkit-transform: translate(0px, -50%);
     transform: translate(0px, -50%);
     width: 50px;
     z-index: 1;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     line-height: 50px;
}
.witr_slider_area .slick-prev {
    left: 45px;
    transform: translateX(-50%);
}
 .witr_slider_area .slick-next {
     right: 0;
    transform: translateX(-50%);	 
 } 
 .slick-prev:before, .slick-next:before {
     color: #999;
     font-size: 30px;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     content: "\f104";
     font-family: FontAwesome;
}
 .slick-next:before {
     content: "\f105";
     font-family: FontAwesome;
}
 .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
     background-color: #3d59e8;
}
 .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
     color: #fff;
}
 .witr_slider_area .slick-dots {
     bottom: 35px;
     position: absolute;
     text-align: center;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     left: 50%;
}
 .slick-dots {
     bottom: -30px;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li {
     height: 5px;
     margin: 0 8px;
     width: 20px;
}
 .slick-dots li button {
     background-color: #fff;
     border: 0 none;
     height: 10px;
     padding: 0;
     text-indent: -99999px;
     width: 29px;
}
 .slick-dots .slick-active button {
     background-color: #3d59e8;
}
 .skbrop, .overlay-dark {
     position: relative;
     z-index: 0;
}
 .skbrop:after, .bnrsk:after {
     background-color: rgba(255, 255, 255, 0.5);
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .bnrsk:after {
     background-color: rgba(0, 0, 0, 0.85);
}
 .em_slick_testimonial .slick-dots li button {
     background-color: #333;
}
 .em_slick_testimonial .slick-dots .slick-active button {
     background-color: #3d59e8;
}
.domains_form input{
    background: none;
    height: 45px;
    border: 1px solid #304fff;
    border-radius: 30px;
    padding-left: 20px;
    color: #8182aa;	
    font-size: 15px;
    width: 100%;
    margin-left: -51px;
}
/* ABOUT CSS */
.about{
    padding-top: 218px;	
}
.service{
    padding-bottom: 186px;	
}
/* breadcumb-area css */
.breadcumb-area{
	background-image:url(assets/images/breadcumb/b.jpg);
    height: 333px;	
}
.breadcumb-inner {
    padding: 84px 0;
}
::-webkit-input-placeholder{color:#fff}
::-moz-placeholder{color:#fff;opacity:1}


/* home-2 */

.home-2 .single_feature {
    padding: 30px 0px 27px 26px;
    text-align: left;	
}
.home-2 .feature_btn {
    margin: 27px 0 2px;
}
.home-2 .solution_thumb {
    float: right;
}
.single_team:hover .hostz_title:before {
    background: linear-gradient(45deg, #8e00ff, #00b0ff);
    height: 100%;
}
.home-2 .hostz_title {
	opacity:0;
}
.home-2 .single_team:hover .hostz_title {
	opacity:1;
}
/* team css */
.home-2 .single_testimonial {
    text-align: center;
}
.home-2 .single_testimonial_thumb {
    float: none;
    margin-top: 14px;
}
.home-2 .single_testimonial_content {
    margin-left: 0;
}