@charset "utf-8";



/* CSS Document */



body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}



#wpadminbar ul:after{ clear:inherit;}



a{ color:#000;}



ul{ list-style-type:none;}



.flex-s{ display:flex; flex-wrap:wrap;  align-items: center; justify-content: center;}



.flex-m{ display:flex; flex-wrap:wrap;  align-items: center; justify-content: center;}



.flex-l{ display:flex; flex-wrap:wrap;  align-items: center; justify-content: center;}



.flex-left{ justify-content:flex-start;}



.reverse{ flex-direction:row-reverse;}



.rounded{ border-radius:6px;}







.equal-height{align-items: initial!important;}



.gray-text{ color:#8c7f7f;}



.red-text{ color:#ed1c24;}



.white-text{ color:#fff;}



.gray-bg{ background:#eaeaea;}



.blackbg{ background:#262626;}



.light-text{ font-weight:300 !important;}







.gaps{ padding-right:70px; padding-left:70px;}



.gaps-left{ padding-left:70px;}



.gaps-right{ padding-right:70px;}







.gaps2{ padding-right:50px; padding-left:50px;}



.gaps2-left{ padding-left:50px;}



.gaps2-right{ padding-right:50px;}



.gaps3{ padding:15px 30px 30px;}











.more-btn{ font:400 18px/22px 'Lato', sans-serif; text-transform:uppercase; padding:12px 44px 12px 30px; border:3px solid #ed1c24; background:url(images/more-r.png) no-repeat 90% 50% #fff; border-radius:5px; display:inline-block; margin-top:20px; color:#ed1c24;  transition: all 300ms ease-out 0s;}



.more-btn:hover{ background:url(images/more-w.png) no-repeat 90% 50% #e00e01;color:#fff;}



.more-btn-black{ font:400 18px/22px 'Lato', sans-serif; text-transform:uppercase; padding:12px 44px 12px 30px; border:3px solid #000; background:url(images/more-b.png) no-repeat 90% 50% #fff; border-radius:5px; display:inline-block; margin-top:20px; transition: all 300ms ease-out 0s;}



.more-btn-black:hover{ background:url(images/more-w.png) no-repeat 90% 50% #000; color:#fff;}



.more-btn-s{ font:400 15px/22px 'Lato', sans-serif; text-transform:uppercase; padding:8px 35px 8px 25px; border:3px solid #ed1c24; background:url(images/more-r.png) no-repeat 93% 50% #fff; border-radius:5px; display:inline-block; margin-top:20px; color:#ed1c24;  transition: all 300ms ease-out 0s;}



.more-btn-s:hover{ background:url(images/more-w.png) no-repeat 93% 50% #e00e01; color:#fff;}



.more-btn-black-s{ font:400 15px/22px 'Lato', sans-serif; text-transform:uppercase; padding:8px 35px 8px 25px; border:3px solid #000; background:url(images/more-b.png) no-repeat 93% 50% #fff; border-radius:5px; display:inline-block; margin-top:20px;  transition: all 300ms ease-out 0s;}



.more-btn-black-s:hover{ background:url(images/more-w.png) no-repeat 93% 50% #000; color:#fff;}



.btn{ font:400 18px/20px 'Lato', sans-serif; color:#000; display:inline-block; border:1px solid #ed1c24; padding:14px 60px; border-radius:9px;}







.saparater-xl, .saparater-l, .saparater-m, .saparater-s, .saparater-xs{ position:relative;}



.saparater-xl:before, .saparater-l:before, .saparater-m:before, .saparater-s:before, .saparater-xs:before{ position:absolute; left:50%; top:25px; bottom:10px; border-left:1px solid #000; content:"";}



.hidden{	opacity: 0;}



.visible{	opacity: 1;}



.full-height{ height:100%}



header{ padding:17px 0 15px; background:#fff;}



#logo{ float:left;}



#navbtn2{ display:none;}



#navigation{ padding:14px 0 0 15px; float:left;}



#navbtn{ display:none;}



.nav-menu{ position:relative;}

.nav-menu > li.homemenu{ display:none !important;}

.nav-menu > li{ float:left; }



.nav-menu > li .menuarrow{ display:none;}



.nav-menu > li > a{ font:700 14px/32px 'Lato', sans-serif; color:#282828;  white-space:nowrap; display:block; padding:0 12px; text-transform:uppercase;}



.nav-menu > li:hover > a, .nav-menu > li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#ed1c24;}



.nav-menu > li > .dropdown-menu{    border: 1px solid #ccc !important;    margin: 0 !important;    border-radius: 5px !important;  padding: 0px !important; width:935px; position:absolute; left:0; top:100%; z-index:99; background:#fff; display:none;}

.nav-menu > li:hover > .dropdown-menu{ display:block;}

.sublist {    padding-top: 20px;    padding-left: 20px;    padding-right: 5px; width:66%; float:left;}

.promo-block {

    display: table-cell;

    font-size: 12px;

    line-height: 18px;

    position: relative;

    text-align: center;

    vertical-align: middle;

    width: 34%; float:right;

}



ul.sub li {     list-style: none;    border-bottom: 0.5px solid #e2e2e2;    padding-bottom: 5px;    margin-bottom: 10px;    min-height: 60px;}

ul.second-inner-menu li a {    font-weight: bold !important;    font-size: 15px;}

.dropdown-menu span {    font-size: 14px;   white-space: normal;   font-weight: 300; display:block; line-height:24px;}

ul.second-inner-menu li ul.sub{ display:flex; flex-wrap:wrap;}

ul.second-inner-menu li ul.sub li{ float:left; width:50%;font-size: 14px; line-height: 24px !important; margin:0 0 5px;}	

.nav-wrapper {    display: table;    width: 100%;}	

.newitem {    background-image: url(images/new-white.gif);    background-repeat: no-repeat;    background-size: 34px 24px;

    background-position:99% 0; display:block;}

.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#fff; min-width:220px; box-shadow:0 8px 8px 0 rgba(0,0,0,0.1); transition: all 300ms ease-out 0s; display:none; z-index:999;}

.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}



.nav-menu li:hover > .sub-menu{ display:block;}



.nav-menu .sub-menu li{ float:none;}



.nav-menu .sub-menu a{ font:400 14px/48px  'Lato', sans-serif; padding:0 10px; white-space:nowrap; text-transform:capitalize;}



.nav-menu .sub-menu a:hover{ background:#f5f5f5}



#log-sec{ float:right; padding: 14px 0 0;}



#log-sec ul li{ float:left;}



#log-sec ul li a{ display:block; color:#ed1c24; padding:0 16px; font:400 16px/32px 'Lato', sans-serif;}



.header-user{ display:none;}



#banner{ position:relative; text-align:center; display:block; overflow:hidden; min-height:576px; background:#333;}



#banner:before, #inner-banner:before{ background:url(images/banner-bg.png) no-repeat 50% 100%; position:absolute; left:0; right:0; bottom:-3px; height:42px; content:""; z-index:99;}



#banner > img{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-height:100%; min-width:100%; max-width:inherit;}



.home-banneetr-img{ opacity:0; visibility:hidden;}



#banner img.animated+.home-banneetr-img{ display:none;}







.headin-animation{ text-align:left; padding-left:300px;}



#banner h1{ font:700 88px/80px 'Lato', sans-serif; color:#fff; text-transform:uppercase; display:block; overflow:hidden; vertical-align:top;}







.slidingVertical{display:inline-block;overflow:hidden;height:80px; }



.slidingVertical span{animation:topToBottom 8s linear infinite 0s;-ms-animation:topToBottom 8s linear infinite 0s;-webkit-animation:topToBottom 8s linear infinite 0s;opacity:0;overflow:hidden;position:absolute; top:4px; font:700 88px/80px 'Lato', sans-serif;}



.slidingVertical span:nth-child(2){animation-delay:2s;-ms-animation-delay:2s;-webkit-animation-delay:2s}



.slidingVertical span:nth-child(3){animation-delay:4s;-ms-animation-delay:4s;-webkit-animation-delay:4s}



.slidingVertical span:nth-child(4){animation-delay:6s;-ms-animation-delay:6s;-webkit-animation-delay:6s}



@-moz-keyframes topToBottom{0%{opacity:0}5%{opacity:0;-moz-transform:translateY(-30px)}10%{opacity:1;-moz-transform:translateY(0px)}25%{opacity:1;-moz-transform:translateY(0px)}30%{opacity:0;-moz-transform:translateY(30px)}80%{opacity:0}100%{opacity:0}}



@-webkit-keyframes topToBottom{0%{opacity:0}5%{opacity:0;-webkit-transform:translateY(-30px)}10%{opacity:1;-webkit-transform:translateY(0px)}25%{opacity:1;-webkit-transform:translateY(0px)}30%{opacity:0;-webkit-transform:translateY(30px)}80%{opacity:0}100%{opacity:0}}



@-ms-keyframes topToBottom{0%{opacity:0} 5%{opacity:0;-ms-transform:translateY(-30px)}10%{opacity:1;-ms-transform:translateY(0px)} 25%{opacity:1;-ms-transform:translateY(0px)} 30%{opacity:0;-ms-transform:translateY(30px)} 80%{opacity:0} 100%{opacity:0}}



.banner-text-holder{display:block; overflow:hidden; position:relative;}







.banner-text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}



#searchbox{ display:block; margin:10px auto 0; position:relative; width:700px; max-width:98%;}



#searchbox input[type="text"]{ width:100%; font:400 16px/70px 'Lato', sans-serif; background:#fff; color:#666; border-radius:6px; float:none; height:70px; border:0; margin:0;}



#searchbox select{ width:122px; color:#666; font:700 19px/70px 'Lato', sans-serif; height:70px; float:left; border:0; margin:0; border-radius:0; border-left:1px solid #000;}



#searchbox input[type="submit"]{ font:700 0/70px 'Lato', sans-serif; height:70px; width:80px; text-align:center; border-radius:0 6px 6px 0; background:url(images/research.png) no-repeat 50% 50%; color:#fff; float:left; border:0; margin:0; background-size:auto 50%; position:absolute; right:0; top:0;}



.after-search{ text-align:center; color:#fff; font:400 19px/30px 'Lato', sans-serif; padding:10px 0;}



.after-search > div{ display:inline-block; padding:0 9px;}



.gray-section{ background:#f6f6f6; position:relative; padding:90px 0; margin-top:100px;}



.gray-section:before{ background:url(images/gray-bg.jpg) no-repeat 50% 0; position:absolute; left:0; right:0; top:-80px; content:""; height:145px;}



.provider{ padding:30px 0 0; max-width:340px;}



#testimonial{ background:url(images/testi.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; padding:40px 0;}



#testimonial .wrapper{ position:relative;}



#testimonial .flexslider{ width:80%; margin:40px auto 0;}



#testimonial .t-flex{ display:flex; flex-wrap:wrap;align-items: center;}



#testimonial .t-image{ width:32%; float:left; position:relative;}



#testimonial .t-text{ width:65%; float:left;}



#testimonial .t-text > div{ border:1px solid #fff; padding:15px 30px 30px; margin:0 0 0 -22px;}



#testimonial ul.slides li+li{ display:none;}



#testimonial ul.flex-direction-nav li{ position:absolute; top:50%; transform:translate(0,-50%);}



#testimonial ul.flex-direction-nav li.flex-nav-prev{ left:0;}



#testimonial ul.flex-direction-nav li.flex-nav-next{ right:0;}



#testimonial ul.flex-direction-nav li a{ width:21px; height:29px; cursor:pointer; display:block; font-size:0;}



#testimonial ul.flex-direction-nav li.flex-nav-prev a{ background:url(images/f-left.png) no-repeat 50% 50%;}



#testimonial ul.flex-direction-nav li.flex-nav-next a{ background:url(images/f-right.png) no-repeat 50% 50%;}







#content h1, #content h2{ font:700 40px/44px 'Lato', sans-serif; padding:15px 0 0;}



#content h3{ font:400 34px/36px 'Lato', sans-serif; padding:15px 0 0;}



#content h4{ font:400 25px/28px 'Lato', sans-serif; padding:15px 0 0;}



#content h5{ font:400 20px/22px 'Lato', sans-serif; padding:15px 0 0;}



#content h6{  font: 300 26px/32px 'Lato', sans-serif; padding:15px 0 0;}



#content p{ font:400 16px/20px 'Lato', sans-serif; padding:10px 0 0;}



#content ol{ padding:5px 0 0 25px;}



#content ol li{ font:400 16px/20px 'Lato', sans-serif; padding:10px 0 0;}



#content ul.tabs{ display:inline-block;}



#content ul.tabs li{ display:inline-block;  font:400 18px/20px 'Lato', sans-serif; padding:18px 35px; background:#b0b0b0; color:#fff; text-transform:uppercase; border-radius:20px; cursor:pointer; margin-bottom:5px; cursor:pointer;}



#content ul.tabs li:hover, #content ul.tabs li.current{ background:#e00e01;}











.logo-panel{ text-align:center; display:flex; flex-wrap:wrap;align-items: center;}



.logo-panel > div{ width:25%}



.subscrib{ background:#e3e3e3; text-align:center;}



#content .link-setion{ padding:20px 0 0;}



#content .link-setion ul li{ display:inline-block; font:400 16px/20px 'Lato', sans-serif;}



#content .link-setion ul li a{ padding:0 15px;}



.get-start{ background:url(images/get-start.jpg) no-repeat 50% 50%; background-size:cover;}



.started{ color:#ed1c24; font:700 22px/56px 'Lato', sans-serif; text-transform:uppercase; padding:0 56px; margin:15px 0 0; border-radius:12px; background:#fff; display:inline-block;}



.started:hover{ background:#ed1c24; color:#fff;}



footer{ background:#000; padding:50px 0 35px;}



footer p{ color:#838383; font:400 16px/25px 'Lato', sans-serif; padding:10px 0 0;}



footer .info{ position:relative;}



footer h2{ color:#ed1c24; font:400 22px/25px 'Lato', sans-serif; padding:15px 0 0;}



footer ul li{font:400 16px/20px 'Lato', sans-serif; padding:6px 0 0;}



footer ul li a{ color:#838383;}



.pay{ text-align:center; padding:20px 0 0;}



.copyrt{ background:#161616; color:#838383;  font:400 16px/20px 'Lato', sans-serif; text-align:center;}



.copyrt > div{ position:relative; padding:30px 0 30px 0;}



.chat{ position:absolute; right:0; bottom:0;}



.info{ position:relative; padding:5px 0 0 25px;}



.info p{ padding:0;}



.info img{ position:absolute; left:0; top:10px;}



footer a{ color:#838383;}



footer a:hover{ color:#fff;}



.idTabs > .wrapper{ position:relative; }



.idTabs > .wrapper:before{ position:absolute; left:0; right:0; top:50%; content:""; border-top:1px solid #000; z-index:-1}







/*.cd-title {     position: relative;     height: 160px;     line-height: 230px;     text-align: center; }



@media only screen and (min-width: 768px) { .cd-title{ line-height: 250px; } }



@media only screen and (min-width: 1170px) {



.cd-title {         height: 200px;         line-height: 300px;     }



.cd-title h1 {     font-size: 3rem;  }



}



.cd-intro {     text-align: center; }



.cd-headline {     font-size: 3rem;     line-height: 1.2; }



.cd-words-wrapper {     display: inline-block;     position: relative;     text-align: left; }



.cd-words-wrapper b {     display: inline-block;     position: absolute;     white-space: nowrap;     left: 0;     bottom: 0; }



.cd-words-wrapper b.is-visible {     position: relative; }



.no-js .cd-words-wrapper b {     opacity: 0; }



.no-js .cd-words-wrapper b.is-visible {     opacity: 1; }



.cd-headline.push b {     opacity: 0; }



.cd-headline.push b.is-visible {     opacity: 1;     -webkit-animation: push-in 1.6s;     -moz-animation: push-in 1.6s;     animation: push-in 1.6s; }



.cd-headline.push b.is-hidden {     -webkit-animation: push-out 1.6s;     -moz-animation: push-out 1.6s;     animation: push-out 1.6s; }



.cd-intro2{ display:block; animation:menu-up 1500ms forwards;  -webkit-animation:menu-up 1500ms forwards; text-align:center;}



.cd-intro3{ animation:menu-up 1500ms forwards;  -webkit-animation:menu-up 1500ms forwards;}



@keyframes menu-up{0%{ opacity: 0; -webkit-transform: translatey(100%);}   60% { opacity: 1; -webkit-transform: translatey(10%); }  100% { opacity: 1;



         -webkit-transform: translatey(0);  }}



@-webkit-keyframes menu-up{0%{ opacity: 0; -webkit-transform: translatey(100%);}  60% { opacity: 1; -webkit-transform: translatey(10%); } 100% {        opacity: 1;    -webkit-transform: translatey(0);  }}



 



@-webkit-keyframes push-in {



	0%{ opacity: 0; -webkit-transform: translatey-(100%);}



    100% {      opacity: 1;      -webkit-transform: translatey(0);     }



 }



 @-moz-keyframes push-in { 



 0% {       opacity: 0;      -moz-transform: translatey(-100%);  } 



 100% {     opacity: 1;    -moz-transform: translatey(0);     }



 }



 @keyframes push-in {     



 0% { opacity:0; -webkit-transform: translatey(-100%); -moz-transform:translatey(-100%); -ms-transform:translatey(-100%); -o-transform: translatey(-100%);         transform: translatey(-100%);}



100% { opacity:1; -webkit-transform:translatey(0); -moz-transform:translatey(0); -ms-transform:translatey(0); -o-transform:translatey(0);         transform:translatey(0); }



 }



 @-webkit-keyframes push-out {



     0% {         opacity: 1;         -webkit-transform: translatey(0);     }



     100% {         opacity: 0;         -webkit-transform: translatey(100%);     }



 }



 @-moz-keyframes push-out {



     0% {         opacity: 1;         -moz-transform: translatey(0);     }



     100% {         opacity: 0;         -moz-transform: translatey(100%);     }



 }



 @keyframes push-out {



     0% {         opacity: 1;         -webkit-transform: translatey(0);         -moz-transform: translatey(0);         -ms-transform: translatey(0);



         -o-transform: translatey(0);         transform: translatey(0);     }



     100% {         opacity: 0;         -webkit-transform: translatey(100%);         -moz-transform: translatey(100%);         -ms-transform: translatey(100%);         -o-transform: translatey(100%);         transform: translatey(100%);     }



 }*/



 



 



#inner-banner{ position:relative; color:#fff; overflow:hidden; background:#fff;}



#inner-banner > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}



#inner-banner h2{ font:700 47px/50px 'Lato', sans-serif; text-transform:uppercase;}



#inner-banner h3{ font:300 34px/40px 'Lato', sans-serif;}



#inner-banner ul li{ font:400 16px/20px 'Lato', sans-serif; background:url(images/list1.png) no-repeat 0 15px; padding:10px 0 0 27px;}



#inner-banner .buynow{ color:#fff;font:400 18px/20px 'Lato', sans-serif; background:#e00e01; border-radius:14px; padding:14px 40px; display:inline-block; margin:18px 0 0;}



#inner-banner .buynow:hover{ background:#333;}







ul.tabs{ }



ul.tabs li{ }



ul.tabs li.current{ }



.tab-content{ display:none; }



.tab-content.current{ display:inherit; }



.pricebox{ background:#fff; box-shadow:0 0 6px #666; text-align:center; position:relative; text-align:center; padding:25px 15px 50px; height:100%;}



.pricebox h4{ color:#e00e01;}



.pricebox:before{ position:absolute; left:0; top:0; content:""; border-bottom:36px solid transparent;border-left:36px solid #620601;}



.pricebox2{ background:#620601; box-shadow:0 0 6px #666; text-align:center; position:relative;text-align:center; padding:25px 15px 50px; color:#fff; height:100%;}



.pricebox2:before{ position:absolute; left:0; top:0; content:""; border-bottom:36px solid transparent;border-left:36px solid #fff;}



#content .pricebox ul, #content .pricebox2 ul{ display:table; max-width:100%; margin:12px auto; text-align:left;}



#content .pricebox ul li, #content .pricebox2 ul li{ font:400 16px/20px 'Lato', sans-serif; padding:5px 0 5px 30px; background:url(images/pricelist.png) no-repeat 0 7px; border-bottom:1px dashed #cecece;}



.graysection{ background:url(images/gray-left.jpg) no-repeat 0 50%, url(images/gray-right.jpg) no-repeat 100% 50% #eaeaea;}



.summary{ background:#fff; box-shadow:0 0 6px #666; height:100%; position:relative; padding:1px 25px 25px; text-align:center;}



.summary:before{ position:absolute; left:0; top:0; content:""; border-bottom:36px solid transparent;border-left:36px solid #e00e01;}



.summary-red{ background:#620601; color:#fff; box-shadow:0 0 6px #666; height:100%; position:relative; padding:1px 25px 25px; text-align:center;}



.summary-red:before{ position:absolute; left:0; top:0; content:""; border-bottom:36px solid transparent;border-left:36px solid #fff;}



#content .summary-red ul{ display:table; max-width:100%; margin:12px auto; text-align:left;}



#content .summary-red ul li{ font:400 16px/20px 'Lato', sans-serif; padding:5px 0 5px 30px; background:url(images/pricelist.png) no-repeat 0 7px; border-bottom:1px dashed #cecece;}







#content .summary ul{ display:table; max-width:100%; margin:12px auto; text-align:left;}



#content .summary ul li{ font:400 16px/20px 'Lato', sans-serif; padding:5px 0 5px 30px; background:url(images/pricelist.png) no-repeat 0 7px; border-bottom:1px dashed #cecece;}



.midddlebox{ max-width:960px; margin:0 auto; background:#fff; box-shadow:0 0 5px #666;}



.black-bg{ background:#000; padding-bottom:15px !important;}







.midddlebox ul{  max-width:100%; margin:12px 0 0; text-align:left;}



.midddlebox ul li{ font:400 16px/20px 'Lato', sans-serif; padding:10px 0 10px 66px; background:url(images/pricelist.png) no-repeat 38px 12px;}



.midddlebox ul li:nth-child(2n+2){ background-color:#e6e6e6;}



.box{ background:#fff; box-shadow:0 0 5px #666; padding:60px 15px 35px; text-align:center; position:relative; height:100%;}



.box-num{ font:700 40px/108px 'Lato', sans-serif; color:#fff; width:108px; height:108px; border-radius:100%; position:absolute; left:50%; top:0; margin:-50px 0 0; transform:translate(-50%,0); background:#e00e01;}



.box-num img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}







.box2{ background:#fff; box-shadow:0 0 5px #666; padding:50px 15px 35px; text-align:center; position:relative; height:100%;}



.box-num2{ font:700 27px/66px 'Lato', sans-serif; color:#fff; width:66px; height:66px; border-radius:100%; position:absolute; left:50%; top:0; margin:-33px 0 0; transform:translate(-50%,0); background:#e00e01;}



.box-num2:before{ position:absolute; left:-3px; top:-3px; border:1px solid #333; width:70px; height:70px; content:""; border-radius:100%;}











ul.listing{}



ul.listing li{ font:400 16px/20px 'Lato', sans-serif; padding:15px 0 5px 40px; background:url(images/listing1.png) no-repeat 0 16px;}



.table-box{ max-width:1100px; width:100%; margin:0 auto;}



.table-box table{ background:#fff; text-align:center; border:1px solid #d8d8d8;}



.table-box th{ font:700 20px/24px 'Lato', sans-serif; padding:15px 5px; color:#fff; background:#ed1c24;}



.table-box td{ font:400 16px/20px 'Lato', sans-serif; padding:15px 5px;}



.table-box td+td, .table-box th+th{ border-left:1px solid #000;}



.table-box table tr:nth-child(2n+1){ background:#e9e9e9;}



.domainbox{ background:#ed1c24; color:#fff; padding:15px 30px 30px; display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0; box-shadow:0 0 10px #666;}



.domainbox.white{ background:#fff; color:#000;}



.domainbox > div{ float:left; width:60%;}



.domainbox > div+div{ width:30%; text-align:center;}



.domainbox > div+div+div{ width:10%;}



.supportbox{ background:#fff; box-shadow:0 0 6px #666; padding:15px; border-radius:6px; overflow:hidden; position:relative; text-align:center;}



.supportbox:before{ position:absolute; left:0; top:0; content:"";border-bottom: 36px solid transparent;



border-left: 36px solid #e00e01;}



.contact-sec{ background:url(images/contact-bg.jpg) no-repeat no-repeat 50% 50%; background-size:cover;}



.flexslider2{ max-width:1230px; width:100%; margin:0 auto; position:relative;}



.flexslider2 ul.slides li{ position:relative;}



.flexslider2 ul.slides li+li{ display:none;}



.flexslider2 ul.flex-direction-nav li{ position:absolute; left:0; top:50%; transform:translate(0,-50%);}



.flexslider2 ul.flex-direction-nav li+li{ position:absolute; left:auto; right:0; top:50%; transform:translate(0,-50%);}



.flexslider2 ul.flex-direction-nav li a{ background:url(images/fl-left.png) no-repeat 50% 50%; background-size:100%; width:30px; height:55px; display:block; font-size:0;}



.flexslider2 ul.flex-direction-nav li+li a{ background:url(images/fl-right.png) no-repeat 50% 50%; background-size:100%; width:30px; height:55px; display:block; font-size:0;}







.listing-block{ position:relative; margin:10px auto 5px; background:#fff; border-radius:8px; width:830px; max-width:98%; box-shadow:0 0 6px #666; padding:10px 10px 10px 80px;font:400 16px/20px 'Lato', sans-serif;}



.listing-block:before{ position:absolute; left:0; top:0; bottom:0; color:#fff; background:#ed1c24; border-radius:8px 0 0 8px; width:68px; content:attr(data-title) ""; font:400 34px/40px 'Lato', sans-serif; text-align:center;}











.domain-plan{ background:#fff; text-align:center; max-width:1040px; width:100%; margin:20px auto; box-shadow:0 0 6px #666;}



.domain-plan th{ font:700 20px/24px 'Lato', sans-serif; padding:15px 5px; color:#fff; background:#ed1c24;}



.domain-plan td{ font:400 16px/20px 'Lato', sans-serif; padding:15px 5px;}



.domain-plan td+td, .domain-plan th+th{ border-left:1px solid #000;}



.domain-plan tr:nth-child(2n+1){ background:#e9e9e9;}



.domain-sec{ background:url(images/tab-bg-1.jpg) no-repeat 100% 30%, url(images/tab-bg-2.jpg) no-repeat 0 100%; background-size:30% auto;}







.domain-plan-nh{ background:#fff; text-align:center; max-width:1040px; width:100%; margin:20px auto; box-shadow:0 0 6px #666;}



.domain-plan-nh th{ font:700 20px/24px 'Lato', sans-serif; padding:15px 5px; color:#fff; background:#ed1c24;}



.domain-plan-nh td{ font:400 16px/20px 'Lato', sans-serif; padding:15px 5px;}



.domain-plan-nh td+td, .domain-plan th+th{ border-left:1px solid #000;}



.domain-plan-nh tr:nth-child(2n+1){ background:#e9e9e9;}



.domain-plan-nh .in-b{ margin-bottom:3px;}



.navlist{ padding:15px;}



.navlist li{ display:inline-block; background:url(images/faq-1.png) no-repeat 0 10px; font:400 18px/20px 'Lato', sans-serif; padding:0 10px 5px 15px;}







ul.listing-number li{font:400 16px/22px 'Lato', sans-serif; margin:10px 0 0; padding:0 0 0 54px; min-height:40px; position:relative;}



ul.listing-number li:before{ position:absolute; left:0; top:0; background:#e00e01; width:40px; height:40px; content:attr(data-title)""; border-radius:100%; color:#fff; text-align:center;font:400 16px/40px 'Lato', sans-serif;}



ul.e-listing{ margin:15px 0 0;}



ul.e-listing li{font:400 16px/20px 'Lato', sans-serif; background:#fff; border-radius:6px; position:relative; margin:6px 0 0; padding:24px 20px 24px 85px; border-radius:6px; box-shadow:0 0 5px #666;}



ul.e-listing li:before{ position:absolute; width:68px; left:0; top:0; bottom:0; background:url(images/e-listing.jpg) no-repeat 0 50% #ed1c24; content:"";border-radius:6px 0 0 6px;}



.faq-section{}



.faq-section > div{ float:left; width:35%; border-right:1px solid #000;}



.faq-section > div+div{ float:left; width:65%;border-right:0; padding:0 0 0 45px;}



.faq-section ul li{font:400 16px/20px 'Lato', sans-serif; text-transform:uppercase; padding:10px 10px 10px 48px; background:url(images/faq-1.png) no-repeat 26px 15px; border-radius:15px 0 0 15px; cursor:pointer;}



.faq-section ul li.current, .faq-section ul li:hover{background:url(images/faq-2.png) no-repeat 26px 15px #e00e01; color:#fff;}



.hosting-holder{}



.hosting-holder > div{ width:1200px; max-width:96%; margin:0 auto; display:flex; flex-wrap:wrap;}



.hosting-box{ width:48%; float:left; text-align:center; box-shadow:0 0 5px #666; margin-top:35px; padding:15px 30px 30px; background:#fff;}



.hosting-box.red{ margin-right:4%; background:#e00e01; color:#fff;}



.hosting-box ul{  display:table; margin:15px auto 0;}



.hosting-box ul li{ background:url(images/host-li.png) no-repeat 0 12px; padding:10px 0 0 30px; text-align:left;}



.refugee{ background:#fff; width:900px; margin:30px auto 0; box-shadow:0 0 5px #666; padding:15px 30px 30px 125px; position:relative; min-height:195px; max-width:80%;} 



.refugee img{ position:absolute; left:0; top:-2px; transform:translate(-50%,0);}



.tab-content.flex-m{ display:none;}



.tab-content.flex-m.current{ display:block;}



.hosting-bg{ background:url(images/hosting-bg1.jpg) no-repeat 0 50%, url(images/hosting-bg2.jpg) no-repeat 100% 10%;}



.table-box .more-btn-s{ margin-top:0;}



.gallery{ display:flex; flex-wrap:wrap; padding:15px 0 0;}



.gallery > div{ width:25%; float:left; padding:5px;}



.term{}



.term > div{ background:#fff; padding:12px 0 30px;}



.term > div:nth-child(2n+1){ background:#eaeaea;}



.formbox{ padding:9px;}



.formbox h2{font:400 30px/34px 'Lato', sans-serif; padding:5px 0 0;}



.formbox h3{font:400 16px/18px 'Lato', sans-serif; padding:5px 0 0;}



.row-box{ border-bottom:1px dashed #cacaca;}



.row-box > div{ float:left; width:50%; padding:1px 8px 8px; text-align:left;}



.row-box > div+div{ float:right;}



.fist-rowgap{ padding-top:10px;}



.vps-sec{}



.vps-sec > div{ width:32.2%; margin-left:1.4%; float:left;}



.vps-sec > div:first-child{ margin-left:0;}



.vps-sec .summary{ padding-left:20px; padding-right:20px;}



.resalerbox{ display:flex; flex-wrap:wrap; justify-content:center;}



.resalerbox > div:nth-child(5n+1){ clear:left; margin-left:0;}



.resalerbox > div{ float:left; width:19%; margin-bottom:15px; margin-left:1.2%; background:#fff; position:relative; box-shadow: 0 0 6px #666; padding:5px 15px 20px; border-radius:4px;}



.resalerbox > div:before {    position: absolute;    left: 0;    top: 0;    content: "";    border-bottom: 36px solid transparent;    border-left: 36px solid #e00e01;}



.features{ display:flex; flex-wrap:wrap; justify-content:center;}



.features > div{ position:relative; width:49%; float:left; margin-bottom:14px; margin-left:2%; background:#fff; box-shadow:0 0 8px #666; border-radius:4px; overflow:hidden; display:block; padding:1px 20px 20px 101px; min-height:97px;}



.features > div > div{ position:absolute; left:0; top:0; bottom:0; background:#ed1c24; width:87px;}



.features > div:nth-child(2n+1){ clear:left; margin-left:0;}



#content .features p{ padding:5px 0 0;}



.faq-sm{ background:url(images/faq-bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}



.faq-sm-heading{ display:block; font:400 17px/20px 'Lato', sans-serif; border:1px solid #fff; padding:15px 54px 15px 20px; background:url(images/faq-pl.png) no-repeat calc(100% - 20px) 8px; cursor:pointer; margin-top:14px;background-color:#9a1630;}



.faq-sm-heading.active{ background-image:url(images/faq-mi.png);}



.faq-sm-content{ display:none; border:1px solid #fff; border-top:0; padding:2px 15px 15px;}



.red-box{ box-shadow:0 0 5px #666; background:#de0e01; text-align:center; padding:0 0 10px; color:#fff; margin-bottom:20px;}



.box3{ background:#fff; box-shadow:0 0 5px #666; margin-bottom:20px;}



.box3 > div{ position:relative; padding:5px 20px 20px 100px;}



.box3 > div > div{ background:#e00e01; text-align:center; color:#fff; position:absolute; left:0; top:-6px; bottom:0; left:0; width:94px; font:700 60px/62px 'Lato', sans-serif;}



.box3 > div > div > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}



.button-sec{ display:flex; flex-wrap:wrap; text-align:center; margin-bottom:15px;}



.button-sec > div{ width:32.33%; float:left; margin:10px 0.5% 0; background:#e00e01; border-radius:12px;}



.button-sec a{ color:#fff; display:block; font:400 16px/18px 'Lato', sans-serif; height:100%; padding:5px 20px;}







.step-no{ display:none;}



#content ul.tabs2{ display:inline-block;}



#content ul.tabs2 li{ display:inline-block;  font:400 18px/20px 'Lato', sans-serif; padding:18px 35px; background:#575757; color:#fff; text-transform:uppercase; border-radius:20px 20px 0 0; cursor:pointer; margin-top:5px; cursor:pointer;}



#content ul.tabs2 li:hover, #content ul.tabs2 li.current{ background:#ec1f27;}







ul.tabs2{ }



ul.tabs2 li{ }



ul.tabs li.current{ }



.tab-content2{ display:none; background:#ec1f27; padding:5px 20px 20px; color:#fff;}



.tab-content2.current{ display:inherit; }



.listing2{}



.listing2 li{ font:400 16px/18px 'Lato', sans-serif; background:url(images/listing2.png) no-repeat 0 15px; padding:10px 0 0 15px;}



span.price{ font-size:30px; font-weight:700;}



.gap-tab{ padding-top:20px;}



.approval{ background:#f7f7f7; margin-top:25px;}



.approval > div:first-child{ background:#e00e01; color:#fff; font:400 25px/27px 'Lato', sans-serif; text-transform:uppercase;}



.approval > div{ font:400 18px/20px 'Lato', sans-serif; padding:15px 40px;}



.approval > div:nth-child(2n+2){ background:#e6e5e5;}



.pament-s input[type="text"], .pament-s input[type="email"]{ border:1px solid #f0444b; border-radius:5px; margin-top:20px;}



.red-paybox{ background:url(images/pay-bg.jpg) no-repeat 50% 50%; background-size:cover;}







.paybox {    background: #fff;    box-shadow: 0 0 5px #666;    padding: 54px 15px 20px;  text-align: center;    position: relative;    height: 100%;}



.paybox-num { font: 700 40px/108px 'Lato', sans-serif;    color: #fff;    width:94px;    height:94px;    border-radius: 100%;    position: absolute;



    left: 50%;    top: 0;    margin: -47px 0 0;    transform: translate(-50%,0);    background: #e00e01;}



.paybox-num img {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);    max-width: 100%;}



.tagbox{ background:#fff; box-shadow:0 0 5px #666; margin:25px 0 0; padding:20px 30px 25px; position:relative;}



.tagbox:before {    position: absolute;    left: 0;    top: 0;    content: "";    border-bottom: 36px solid transparent;    border-left: 36px solid #e00e01;}



.host-box-heading{font: 700 20px/24px 'Lato', sans-serif; padding: 15px 5px; color: #fff; background: #ed1c24; text-align:center;}



.host-box{ box-shadow:0 0 5px #666; margin-top:30px;}



.host-box-content > div{ background:#fff; position:relative;font: 400 16px/20px 'Lato', sans-serif; padding:15px 5px 15px 55px;}



.host-box-content > div:nth-child(2n+2){ background:#e9e9e9;}



.host-box-content > div:before{ border-right:1px solid #929292; position:absolute; left:0; top:0; bottom:0; content:""; width:44px; background:url(images/listing-host.png) no-repeat 50% 50%;}







#searchbox2 {    display: inline-block;    margin:20px auto 0; border:1px solid #999; border-radius:6px;}



#searchbox2 input[type="text"] {    width: 530px;    font: 400 16px/70px 'Lato', sans-serif;    background: #fff;    color: #666;    border-radius: 6px 0 0 6px;    float: left;    height: 70px;    border: 0;    margin: 0;}



#searchbox2 select {    width: 122px;    color: #666;    font: 700 19px/70px 'Lato', sans-serif;    height: 70px;    float: left;    border: 0;    margin: 0;    border-radius: 0;    border-left: 1px solid #000;}



#searchbox2 input[type="submit"] {    font: 700 19px/70px 'Lato', sans-serif;    height: 70px;    width: 210px;    text-align: center;    border-radius: 0 6px 6px 0;    background: #e00e01;    color: #fff;    float: left;    border: 0;    margin: 0; padding:0;}







.domainplan{ background:#fff; max-width:1040px; width:100%; margin:20px auto; box-shadow:0 0 6px #666;}



.domainplan th{ font:700 20px/24px 'Lato', sans-serif; padding:15px 5px; color:#fff; background:#ed1c24; text-align:center;}



.domainplan td{ font:400 16px/20px 'Lato', sans-serif; padding:15px; }



.domainplan td+td, .domain-plan th+th{ border-left:1px solid #000;}



.domainplan tr:nth-child(2n+1){ background:#e9e9e9;}



.sitebuilder{ position:relative; margin:0 0 25px 100px; padding:1px 15px 15px; background:#ed1c24; border-radius:6px; color:#fff;}



.sitebuilder img{ position:absolute; left:-100px; top:0; border-radius:100px; border:2px solid #ed1c24;}







.host-box2{ box-shadow:0 0 5px #666; margin-top:30px;}



.host-box-heading2{font: 700 20px/24px 'Lato', sans-serif; padding:15px 5px; color: #fff; background: #ed1c24; text-align:center;}



.host-box-content2 { background:#fff; position:relative;font: 400 16px/20px 'Lato', sans-serif; padding:15px 5px 15px;}



.contactform{}



.contactform input[type="text"], .contactform input[type="email"], .contactform input[type="password"], .contactform input[type="tel"], .contactform input[type="search"], .contactform input[type="url"], .contactform textarea{ border-color:#fff; color:#fff;}



.contactform ::-webkit-input-placeholder { /* Chrome */ opacity: 0.7; color:#fff;}



.in-b{ display:inline-block;}



.price-addon{ display:flex; flex-wrap:wrap; align-items:center; margin:20px 0 0;}



.price-addon > .price-on{ width:260px; padding:10px 15px 25px; background:#e00e01; color:#fff; border-radius:8px;}



.price-addon > .text-on{ padding:0 10px;}







.sitebuilder2{ position:relative; margin:0 0 25px 100px; padding:1px 15px 15px;}



.sitebuilder2 img{ position:absolute; left:-100px; top:0; border-radius:100px; max-width:90px;}



.faq-sm-heading2{  font:700 17px/20px 'Lato', sans-serif; padding:15px 20px; cursor:pointer; background:#eaeaea; margin-top:8px;}



.faq-sm-content2{ background:#f3f3f3; padding:1px 20px 15px; border-top:1px solid #989898; display:none;}



.whatsappsec{ padding-bottom:130px;}



.portfolio{ margin-bottom:20px;}



.portfolio > div{ background:#fff; box-shadow:0 0 5px #666; width:19%; float:left; margin:15px 0.5% 0; padding:15px 10px;}







.jcarousel {    width: 100%;    overflow: hidden;    display: block; margin:30px 0 0;}



.jcarousel ul{    width: 20000em;    position: relative;    list-style: none;    margin: 0;}



.jcarousel ul li{ float:left;}



.slider-holder{ position:relative;}



.slider-holder .jcarousel-control-prev{ width:22px; height:42px; position:absolute; left:-24px; top:50%; transform:translate(0,-50%); background:url(images/arrow-l.png) no-repeat 50% 50%; font-size:0;}



.slider-holder .jcarousel-control-next{ width:22px; height:42px; position:absolute; right:-24px; top:50%; transform:translate(0,-50%); background:url(images/arrow-r.png) no-repeat 50% 50%; font-size:0;}



.white-bg{ background:#fff;}



.red-whitebox{}



.red-whitebox > div{ background:#fff; box-shadow:0 0 5px #666; margin-top:15px; padding:1px 15px 15px;}



.red-whitebox > div:nth-child(2n+2){ background:#e00e01; color:#fff;}



.video-section{ background:url(images/video-bg.jpg) no-repeat 50% 50%; background-size:cover; padding:35px 0;}



.vieobox{ background:url(images/video-1.png) no-repeat 0 100%, url(images/video-2.png) no-repeat 100% 0; background-size:50% 50%; padding:36px; display:table; margin:0 auto; max-width:990px;}



.vieobox > div{ border:12px solid #fff; border-radius:12px; position:relative;}



.vieobox > div img{ opacity:0; visibility:hidden;}



.vieobox > div iframe{ position:absolute; left:0; top:0; width:100%; height:100%;}



.app-box{ display:flex; flex-wrap:wrap; text-align:center;}



.app-box > div{ width:20%; float:left; padding:15px; border-left:1px solid #b2b2b2;}



.app-box > div:nth-child(5n+1){ border-left:0;}



.app-box > div+div+div+div+div+div{border-top:1px solid #b2b2b2;}



.pone-option{ display:flex; flex-wrap:wrap; margin:30px 0 10px;}



.pone-option > div{    position: relative; width:49%; float:left; color:#fff;    margin: 10px 0.5% 0;    background: #000;    border-radius: 8px;   padding: 1px 15px 15px 80px; min-height:60px}



.pone-option > div:before {    position: absolute;    left: 0;    top: 0;    bottom: 0;    color: #fff;    background: #ed1c24;    border-radius: 8px 0 0 8px;    width: 68px;    content: attr(data-title) "";    font:700 26px/60px 'Lato', sans-serif;    text-align: center;}



ul.listing3 li {    font: 400 16px/20px 'Lato', sans-serif;    padding: 15px 0 5px 40px;    background: url(images/listing3.png) no-repeat 0 16px;}



.list-table{ display:table; max-width:100%; margin:15px auto 0;}



.two-tablebox{ margin-top:20px; display:flex; flex-wrap:wrap;}



.two-tablebox > div{ width:50%; float:left; background:#fff;}



.two-tablebox > div+div{ background:#ededed;}



.two-tablebox > div > div{ padding:1px 15px 15px 15px; border-bottom:1px solid #b2b2b2; min-height:68px;}



.two-tablebox .heading1{ background:#ed1c24; color:#fff; border-bottom:0; min-height:inherit;}



.two-tablebox .heading2{ background:#b4060d; color:#fff; border-bottom:0; min-height:inherit;}



.gray-bg2{ background:#393939;}



.text-bg{ background:#666666; border-radius:6px; padding:0 5px;}



.stap-box{ display:flex; flex-wrap:wrap; align-items:center}



.stap-box > div{ background:#393939; border-radius:6px; color:#fff; padding:50px 25px; float:left; margin:20px 1%; width:31.33%; position:relative;}



.stap-box > div:nth-child(2){ background:#f11c24; padding:70px 25px;}



.stap-box > div:nth-child(2):before{ border-top:20px solid #f11c24; }



.stap-box > div:before{ position:absolute; left:50%; top:100%; content:""; border-top:20px solid #393939; border-left:15px solid transparent; border-right:15px solid transparent; transform:translate(-50%,0);}



.stap-link{}



.stap-link > div{ float:left; margin:20px 0; width:33.33%; position:relative;  font: 400 30px/32px 'Lato', sans-serif; color:#393939; text-align:center;}



.stap-link > div:nth-child(2){ color:#f11c24;}



.stap-link > div:nth-child(2):before{ background:#f11c24;}



.stap-link > div:before{ width:28px; height:28px; position:absolute; left:50%; top:50%; transform:translate(-50%,0%); content:""; background:#393939; border-radius:30px;}



.yellow-section{ background:#d8920a;}



.space-bittom{ padding-bottom:15px;}



.margin-b{ margin-bottom:15px;}



.margin-t{ margin-top:15px;}



.margin-t-s{ margin-top:5px;}



.red-btn{ background:#f11c24; border-radius:100px; padding-bottom:15px !important; padding-left:20px !important; padding-right:20px !important;}



.red-app-bg{ background:url(images/app-red-bg.jpg) no-repeat 50% 50%; background-size:cover;}



.white-box{ background:#fff; border-radius:6px; margin-top:20px; padding:5px 15px 20px;}



.mobile-view{ display:none;}



.desktop-view{ display:block;}



@media only screen and (max-width: 1390px) {



.gaps-left{ padding-left:50px;}



.gaps-right{ padding-right:50px;}



.gaps{ padding-right:50px; padding-left:50px;}



.gaps2{ padding-right:30px; padding-left:30px;}



.gaps2-left{ padding-left:30px;}



.gaps2-right{ padding-right:30px;}



#navigation{ padding:14px 0 0 15px; }



#log-sec ul li a{ padding:0 10px;}



.hosting-holder > div{ width:1100px; max-width:96%; margin:0 auto; display:flex; flex-wrap:wrap;}



.headin-animation{ text-align:left; padding-left:200px;}



}











@media only screen and (max-width: 1198px) {



.flex-xl{ display:block;}



.gaps-l{ padding:20px;}



.aligncenter-l{ text-align:center;}



.saparater-xl:before{ display:none;}



body.menuopen{ display:block; overflow:hidden;}



.menubox{ width:100%; height:100%; display:block; overflow:scroll;}



.menu-holder{ position:fixed; top:0; right:-400px; width:400px; max-width:calc(100vw - 50px); height:100vh; background:#fff;box-shadow:0 0 6px #000;  transition: all 300ms ease-out 0s; z-index:999;}



.menuopen .menu-holder{ right:0; }



#navigation{ padding:0;}



#banner{ min-height:437px;}



#banner h1 { font: 700 58px/58px 'Lato', sans-serif;}







.headin-animation{ text-align:left; padding-left:240px;}



.slidingVertical{height:58px; }



.slidingVertical span{ font:700 58px/58px 'Lato', sans-serif;}











#navbtn2{ display:block; /*background:url(images/navigation.png) no-repeat 0 0;*/ width:38px; height:27px; font-size:0; cursor:pointer; float:right; margin:20px 0 0 0;}



#navbtn2 span{ height:4px; width:90%; background:#000; display:block; margin:4px 0 0;transition: all 300ms ease-out 100ms;}



#navbtn2 span:nth-child(2), #navbtn span:nth-child(2){ width:70%;}







#navigation{ position:relative; float:right; margin:21px 0 0 29px;}



#navbtn{ display:block; /*background:url(images/navigation.png) no-repeat 0 0;*/ width:38px; height:27px; font-size:0; cursor:pointer; position:absolute; left:0; top:37px;}



.menuopen #navbtn{ /*background:url(images/navigation2.png) no-repeat 0 0;*/ background:#fff; left:-43px; padding:5px 0 5px 5px; box-sizing:content-box; border-radius:4px 0 0 4px; box-shadow:0 0 5px #333; z-index:-1; display:block;}

.nav-menu > li.homemenu{ display:block !important;}

#navbtn span{ height:4px; width:90%; background:#000; display:block; margin:4px 0 0;transition: all 300ms ease-out 100ms;}



.menuopen #navbtn span{ background:#e24747; margin:0;}



.menuopen #navbtn span:nth-child(2){ display:none;}



.menuopen #navbtn span:nth-child(1){ transform:rotate(-45deg); transform-origin:30px 5px;}



.menuopen #navbtn span:nth-child(3){ transform:rotate(45deg); transform-origin:10px 6px;}



.nav-menu{  /*position:absolute; right:0; top:100%; width:260px; z-index:999;*/ background:#fff; }



.nav-menu li{ float:none; position:relative;}



.nav-menu > li+li{ border-top:1px solid #035e8d;}



.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}



.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow2.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}



.nav-menu li.active > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50%;}



.nav-menu .sub-menu{ position:relative; margin:0 3px; background:#eeeeee; box-shadow:none;}



.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}



.nav-menu .sub-menu li{ float:none;}



.nav-menu .sub-menu li+li{ border-top:0;}



.nav-menu li:hover > .sub-menu{ display:none;}

.newitem {  background-position:99% 4px;}

#inner-banner > img{ width:140%; max-width:140%; margin:0 -20%;}



.domain-plan{ width:100%; }



.vps-sec > div{ width:49%; margin-left:2%; float:left;}



.vps-sec > div:first-child{ margin-left:auto; margin-right:auto; width:50%;  float:none;}



.vps-sec > div:nth-child(2){ margin-left:0;}



.slider-holder{ padding:0 24px;}



.slider-holder .jcarousel-control-prev{ width:22px; height:42px; position:absolute; left:0; top:50%; transform:translate(0,-50%); background:url(images/arrow-l.png) no-repeat 50% 50%; font-size:0;}



.slider-holder .jcarousel-control-next{ width:22px; height:42px; position:absolute; right:0; top:50%; transform:translate(0,-50%); background:url(images/arrow-r.png) no-repeat 50% 50%; font-size:0;}



.vieobox{ padding:26px;}



.two-tablebox{display:block;}



.two-tablebox > div{ width:100%; float:none; }



.two-tablebox > div > div{ min-height:inherit;}





.nav-menu > li > .dropdown-menu{margin: 0 3px!important; background: #eeeeee; box-shadow: none; width:auto!important; position:relative; border-radius:0 !important; border:0 !important; display:none;}

.nav-menu > li:hover > .dropdown-menu{ display:none;}

.sublist {    padding-top:0;    padding-left:0;    padding-right:0;    width:100%;    float:none;}

ul.second-inner-menu li ul.sub{ display:block;}

ul.second-inner-menu li ul.sub li{ float:none; width:100%; min-height:inherit; border-bottom:0; padding:0; margin:0;}

ul.second-inner-menu li ul.sub li a{padding:0 10px; font:400 14px/48px 'Lato', sans-serif;}

ul.second-inner-menu li ul.sub li a:hover{background: #f5f5f5;}

ul.second-inner-menu li ul.sub li a{ display:block;}

.promo-block, .dropdown-menu span{ display:none;}

ul.second-inner-menu li a{ font:normal 16px/40px Arial, Helvetica, sans-serif !important; }

}



@media only screen and (max-width: 990px) {



.gaps {  padding-right:30px; padding-left:30px;}



.flex-l{ display:block;}



.started{padding: 0 40px;}



.aligncenter-m{ text-align:center;}



.saparater-l:before{ display:none;}



.more-btn{ padding:12px 70px 12px 20px}



#banner{ min-height:524px;}



#banner > img {    width:160%;}



#inner-banner > img{ width:160%; max-width:160%; margin:0 -30%;}



#content h1, #content h2{ font:900 34px/36px 'Lato', sans-serif; padding:15px 0 0;}



#content h3{ font:900 30px/32px 'Lato', sans-serif; padding:15px 0 0;}



#content h4{ font:400 25px/28px 'Lato', sans-serif; padding:15px 0 0;}



#content h6{ font: 300 26px/32px 'Lato', sans-serif; padding:15px 0 0;}



#content p{ font:400 16px/20px 'Lato', sans-serif; padding:10px 0 0;}



#inner-banner h2 {    font: 700 34px/38px 'Lato', sans-serif;}
#inner-banner h3 {    font: 300 28px/30px 'Lato', sans-serif;}



.domainbox > div{ float:none; width:100%;}



.domainbox > div+div{ width:70%; text-align:center;}



.domainbox > div+div+div{ width:30%;}



.refugee{max-width: calc(100% - 120px); margin:30px 0 0 100px;}



.resalerbox > div:nth-child(5n+1){ clear:inherit;  margin-left:1.5%;}



.resalerbox > div{ float:left; width:32.33%; margin-left:1.5%; }



.resalerbox > div:nth-child(3n+1){ clear:left; margin-left:0;}



.features{ display:block;}



.features > div{ position:relative; width:98%; float:none; margin-bottom:14px; margin-left:1%; background:#fff;}



.features > div:nth-child(2n+1){ margin-left:1%;}



#content ul.tabs2 li{ padding:18px 15px;}



.headin-animation{ padding-left:110px;}



#searchbox2 input[type="text"] {    width: 400px;}







.vieobox{ padding:16px;}



.vieobox > div{ border:9px solid #fff;}







.app-box > div, .app-box > div:nth-child(5n+1){ width:33.33%; float:left; padding:15px; border-left:1px solid #b2b2b2;}



.app-box > div:nth-child(3n+1){ border-left:0;}



.app-box > div+div+div+div{border-top:1px solid #b2b2b2;}



}



@media only screen and (max-width: 740px) {



.aligncenter-s{ text-align:center;}



.saparater-m:before{ display:none;}



.flex-m{ display:block;}



.btn{ padding:13px 20px;}



header{ padding:5px 0;}



#logo{ width:190px;}



#searchbox{ width:80%;}



#searchbox input[type="text"]{  line-height:40px; height:40px;}



#searchbox select{border-radius:0 6px 0 0; line-height:40px; height:40px;}



#searchbox input[type="submit"]{  border-radius:0 0 6px 6px; line-height:38px; height:38px;}







.headin-animation{ text-align:left; padding-left:110px;}



.slidingVertical span{ font:700 48px/50px 'Lato', sans-serif;}



.slidingVertical{height:50px;}



#banner{ min-height:455px;}



#banner h1{    font:700 48px/50px 'Lato', sans-serif;}



.gaps{ padding-right:20px;  padding-left:20px;}



.gaps-left{ padding-left:15px;}



.gaps-right{ padding-right:15px;}



.gaps3{ padding:15px 15px 30px;}



.gaps2{ padding-right:15px; padding-left:15px;}



.gaps2-left{ padding-left:15px;}



.gaps2-right{ padding-right:15px;}



.gray-section:before{ background-size:100%; top:-38px;}



#navbtn2{ margin:16px 0 0;}



#navbtn{ top:21px;}



.menuopen #navbtn{ top:17px;}



.header-user{ float:right; display:block; margin:14px 0 0;}



#testimonial .t-flex{ display:block;}



#testimonial .t-image { width: 60%; float: none; margin:0 auto 10px;}



#testimonial .t-text {    width:100%;    float: none;}



#testimonial .t-text > div{ padding:5px 20px 20px}



#inner-banner ul{ display:none;}



.box{ margin:35px 0; height:auto;}



.midddlebox ul li{ padding:10px 0 10px 46px; background-position:18px 12px;}



#testimonial .flexslider{ width:85%;}



#testimonial .t-text > div{ margin:0;}



#searchbox input[type="submit"]{ width:40px;}







.faq-section > div{ float:left; width:100%; border-right:0;}



.faq-section > div+div{ float:left; width:100%;border-top:1px solid #000; padding:1px 15px 15px;}



.hosting-holder>div{  display:block;}



.hosting-box{ width:100%;}



.gray-section{ margin-top:40px;}



.gap-mob{ margin-top:30px;}



.table-box .more-btn-s{ margin-top:10px;}



#log-sec{ display:none;}



.started{ margin:15px auto 0; display:table}







.vps-sec > div{ width:49%; margin-left:2%; float:left;}



.vps-sec > div:first-child{ margin-left:auto; margin-right:auto; width:70%;  float:none;}



.vps-sec > div:nth-child(2){ margin-left:0;}











.resalerbox > div:nth-child(5n+1), .resalerbox > div:nth-child(3n+1){ clear:inherit;  margin-left:2%;}



.resalerbox > div{ float:left; width:49%; margin-left:2%; }



.resalerbox > div:nth-child(2n+1){ clear:left; margin-left:0;}



#content ul.tabs2 li{ padding:12px 12px; font-size:16px; border-radius:12px 12px 0 0;}



.gap-tab{ padding-top:5px;}



#searchbox2 input[type="text"] {    width: calc(100% - 122px);    border-radius: 6px 0 0 0;    line-height: 40px;    height: 40px;}



#searchbox2 select {    border-radius: 0 6px 0 0;    line-height: 40px;    height: 40px;}



#searchbox2 input[type="submit"] {    width: 100%;    border-radius: 0 0 6px 6px;    line-height: 40px;    height: 40px;}



.hosting-box, .hosting-box.red{ width:96%; margin-left:2%; margin-right:2%;}







.price-addon{ display:block; text-align:center;}



.price-addon > .price-on{ width:260px; margin:0 auto;}



.price-addon > .text-on{ padding:0 10px;}



.pone-option{ display:block;}



.pone-option > div{    position: relative; width:99%; float:left; color:#fff;    margin: 10px 0.5% 0;    background: #000;    border-radius: 8px;   padding: 1px 15px 15px 80px; min-height:60px}




#inner-banner h2 {    font: 700 30px/34px 'Lato', sans-serif;}
#inner-banner h3 {    font: 300 24px/26px 'Lato', sans-serif;} 


.mobile-view{ display:block;}



.desktop-view{ display:none;}



}



@media only screen and (min-width: 740px) {



/*.nav-menu{ display:block !important;}*/



}



@media only screen and (max-width: 450px) {



.aligncenter-xs{ text-align:center;}



.saparater-s:before{ display:none;}



.flex-s{ display:block;}



.idTabs .wrapper:before{ display:none;}



#log-sec{ float:left;}



#navigation{ margin:18px 0 0 29px;}



#banner h1 {    font: 700 28px/30px 'Lato', sans-serif; text-align:center;}







.headin-animation{ text-align:left; padding-left:0;}



.slidingVertical span{ font:700 28px/30px 'Lato', sans-serif; left:0; right:0;}



.slidingVertical{height:30px; display:block; text-align:center; position:relative; width:120px; margin:0 auto;}







#banner:before{ background-size:50%;}



.copyrt > div{ padding:15px 0 15px 0;}



#searchbox {    width:90%;}



#banner{ min-height:320px;}



#banner:before, #inner-banner:before{background-size: 50% auto;}



#banner > img, #inner-banner > img{    width:200%;}



#content h1, #content h2{ font:900 30px/34px 'Lato', sans-serif; padding:15px 0 0;}



#content h3{ font:900 28px/30px 'Lato', sans-serif; padding:15px 0 0;}



#content h4{ font:400 24px/26px 'Lato', sans-serif; padding:15px 0 0;}



#content ul.tabs li{ padding:18px 20px;}



#inner-banner h2 {    font: 700 24px/28px 'Lato', sans-serif;}
#inner-banner h3 {    font: 400 16px/18px 'Lato', sans-serif;}



#inner-banner .buynow{ margin:10px 0 0; padding: 6px 30px;}



.provider { max-width:100%;}



.after-search{ font-size:14px; line-height:24px;}



.domainbox{ padding:5px 15px 15px;}



.domainbox > div{ float:none; width:100%;}



.domainbox > div+div{ width:90%; text-align:center;}



.domainbox > div+div+div{ width:10%;}



.domain-plan tr th{ display:none;}



.domain-plan tr td{ width:100%; display:block; text-align:right; padding:10px;}



.domain-plan td+td{ border-left:0; border-top:1px solid #ccc;}



.domain-plan td:before{ content:attr(data-title)""; float:left; color:#e00e01;}



ul.e-listing li{ padding:15px 15px 15px 85px;}



footer .row{   padding: 0 15px;}



.refugee{max-width:100%; margin:120px 0 1px; padding:105px 15px 15px;}



.refugee img{ left:50%; top:0; transform:translate(-50%,-50%);}



.menu-holder{ right:-280px; width:280px;}







.vps-sec > div{ width:100%; margin-left:0%; float:left;}



.vps-sec > div:first-child{ margin-left:auto; margin-right:auto; width:100%;  float:none;}



.vps-sec > div:nth-child(2){ margin-left:0;}



.button-sec > div{ width:49%;}



.domain-plan tr td:first-child:before{ font-weight:700;}



.sitebuilder {  margin: 0 0 25px 90px;}



.sitebuilder img {  left: -90px;}



.pricebox, .pricebox2, .summary, .summary-red{ width:96%; margin-left:2%; margin-right:2%;}



.app-box > div, .app-box > div:nth-child(5n+1), .app-box > div:nth-child(3n+1){ width:50%; float:left; padding:15px; border-left:1px solid #b2b2b2;}



.app-box > div:nth-child(2n+1){ border-left:0;}



.app-box > div+div+div{border-top:1px solid #b2b2b2;}











.stap-box > div{ background:#393939; border-radius:6px; color:#fff; padding:50px 25px; float:none; margin:20px 1% 50px; width:98%; position:relative;}



.stap-box > div:nth-child(2){ background:#f11c24; padding:50px 25px;}



.stap-box > div:nth-child(2):before{ border-top:20px solid #f11c24; }







.stap-link{ display:none;}



.step-no{ display:block;position: absolute;left: 0;right: 0;top: 100%;color:#393939;margin-top: 30px;text-align: center; font:400 20px/22px 'Lato', sans-serif;}



.stap-box > div:nth-child(2) .step-no{ color:#f11c24;}



.navlist li{ display:block;}



}