@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {font-family: 'Roboto', sans-serif; margin:0; padding:0; background-image: url("../img/bg1.jpg"); background-size:100%; background-repeat:no-repeat; background-attachment:fixed; }
h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,span{margin:0; padding:0;}
img {  max-width: 100%;} 
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}
.contentsection {max-width: 100%; padding:0 20px; max-height: 100%;}
.float-left{ float:left!important;} .float-right{ float:right!important;}
.text-center{ text-align:center!important;} .text-left{ text-align:left!important;} .text-right{ text-align:right!important;}
.arrow {border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding: 3px; vertical-align:middle;}
.arrow.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.arrow.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.arrow.up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.arrow.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.d-block{ display:block!important} .d-inline{ display:inline-block!important}

sb {font-weight:500;}
.uc {text-transform:uppercase;}
.f11 {font-size:11px;}


/*GRID COLUMNS*/
.row::after {content: "";clear: both;display: table;}
[class*="col-"] {width: 100%;padding:0 15px; float:left; }
.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}
/* Margins & Padding */
.m-auto { margin:0 auto!important;}
.m-0 {margin: 0 !important;}.mt-0{margin-top: 0 !important;}.mr-0{margin-right: 0 !important;}.mb-0{margin-bottom: 0 !important;}.ml-0{margin-left: 0 !important;}.m-1 {margin: 0.25rem !important;}.mt-1{margin-top: 0.25rem !important;}.mr-1{margin-right: 0.25rem !important;}.mb-1{margin-bottom: 0.25rem !important;}.ml-1{margin-left: 0.25rem !important;}.m-2 {margin: 0.5rem !important;}.mt-2{margin-top: 0.5rem !important;}.mr-2{margin-right: 0.5rem !important;}.mb-2{margin-bottom: 0.5rem !important;}.ml-2{margin-left: 0.5rem !important;}.m-3 {margin: 1rem !important;}.mt-3{margin-top: 1rem !important;}.mr-3{margin-right: 1rem !important;}.mb-3{margin-bottom: 1rem !important;}.ml-3{margin-left: 1rem !important;}.m-4 {margin: 1.5rem !important;}.mt-4{margin-top: 1.5rem !important;}.mr-4{margin-right: 1.5rem !important;}.mb-4{margin-bottom: 1.5rem !important;}.ml-4{margin-left: 1.5rem !important;}.m-5 {margin: 3rem !important;}.mt-5{margin-top: 3rem !important;}.mr-5{margin-right: 3rem !important;}.mb-5{margin-bottom: 3rem !important;}.ml-5{margin-left: 3rem !important;}.p-0 {padding: 0 !important;}.pt-0{padding-top: 0 !important;}.pr-0{padding-right: 0 !important;}.pb-0{padding-bottom: 0 !important;}.pl-0{padding-left: 0 !important;}.p-1 {padding: 0.25rem !important;}.pt-1{padding-top: 0.25rem !important;}.pr-1{padding-right: 0.25rem !important;}.pb-1{padding-bottom: 0.25rem !important;}.pl-1{padding-left: 0.25rem !important;}.p-2 {padding: 0.5rem !important;}.pt-2{padding-top: 0.5rem !important;}.pr-2{padding-right: 0.5rem !important;}.pb-2{padding-bottom: 0.5rem !important;}.pl-2{padding-left: 0.5rem !important;}.p-3 {padding: 1rem !important;}.pt-3{padding-top: 1rem !important;}.pr-3{padding-right: 1rem !important;}.pb-3{padding-bottom: 1rem !important;}.pl-3{padding-left: 1rem !important;}.p-4 {padding: 1.5rem !important;}.pt-4{padding-top: 1.5rem !important;}.pr-4{padding-right: 1.5rem !important;}.pb-4{padding-bottom: 1.5rem !important;}.pl-4{padding-left: 1.5rem !important;}.p-5 {padding: 3rem !important;}.pt-5{padding-top: 3rem !important;}.pr-5{padding-right: 3rem !important;}.pb-5{padding-bottom: 3rem !important;}.pl-5{padding-left: 3rem !important;}.m-auto {margin: auto !important;}.mt-auto{margin-top: auto !important;}.mr-auto{margin-right: auto !important;}.mb-auto{margin-bottom: auto !important;}.ml-auto{margin-left: auto !important;}

/*HEADER*/
.headsection{width:100%; display:block;position: sticky; top: 0; background-color:#fff; z-index:999;}
.headtop{ border-bottom:1px solid #f4f4f4; height:30px;} 
.flagsection{ width:50px;height:30px; text-align:center; padding-top:5px; cursor:pointer;_cursor:pointer;}
.flagsection .arrow{ margin:-10px 0 0 10px;}
.logname{ font-size:13px!important;}
.topmenu{ margin:0; padding:0;}
.topmenu ul{margin:0; padding:0; list-style:none;}
.topmenu ul li{ float:left; height:100%; position:relative;}
.topmenu ul li a{ color:#000000; text-decoration:none; font-size:10px; line-height:30px; padding:0 10px; display:inline-block;}
.topmenu ul li a:hover{ color:#000;}
.topmenu ul li a.active{ background-color:#4285f4; color:#ffffff;}
.headlogo{ height:auto; padding:0px 20px; border-bottom:0px solid #ccc; display:inline-block; width:100%; box-shadow: 0 6px 16px 0 #1919190f;} 
.headlogo .logo {width:150px; height:60px;;  background-size: auto 42px; background-repeat:no-repeat;background-image:url(../img/logo.png);background-position:left center;}

.topmenu li.submenu > ul { display:none; background-color:#fafafa; position:absolute;}
.topmenu li.submenu ul > li{ float:none; width:200px;}
.topmenu li.submenu ul > li a {font-size:13px!important; width:100; padding:5px 10px; color:#000;}
.topmenu li.submenu:hover > ul {display:block}

.becomeapartner {text-transform:uppercase; font-size:11px;font-weight:500;}

/*MAIN MENU*/
.menusection{ clear:both; width:100%; display:block;}
ul.menubar{display: flex; list-style:none; /*justify-content: space-between;*/}
ul.menubar li{position:relative;}
.menusection ul li a{ color:#000000; text-decoration:none; font-size:16px; display:inline-block; padding:0 15px; font-weight:400; line-height:60px;  }
.menusection ul li a.active{ color:#d20000;}
.menusection ul li a:hover{ color:#d20000;}
/* SUB MENU*/
li.drop-down>ul{left: 0px;min-width: 230px; position:absolute; z-index:1; }
.drop-down-ul{display:none!important; list-style:none;background-color:#000;}
.drop-down-ul:hover,li.drop-down>a:hover +.drop-down-ul,.mega-drop-down a:hover+.mega-menu,.mega-menu:hover{display:block!important;  box-shadow: 0 6px 16px 0 #1919190f; border-top:0px solid #1919190f;}
.drop-down-ul li,.drop-down-ul li a{ width:100%; }
/*MEGA MENU*/
li.mega-drop-down{ position:inherit!important;}
.mega-menu {left: 0; padding:30px 20px;display:none;position:absolute; background-color:#fff; min-height:150px; min-width:100%;z-index:1;  }
.mega-menu p { font-size:14px; line-height:20px; text-align:justify; }
.mega-menu .border-right{ border-right:2px dotted #4e4e4e;}

/* BANNER */
.homebanner{width:100%; height:450px; background-color:#f9f9f9; position:absolute; z-index:-1;background:url(img/globe.jpg) no-repeat left center;background-size:cover;}
.hostingbanner {width:100%; height:150px; padding:30px; padding-left:calc((100% - 1400px)/2); border-bottom:1px solid #eff9fe; background-color1:#eff9fe; border-bottom:1px dotted #333;}
.hostingbanner .title {font-size:50px; color:#000; font-weight:400;}
.hostingbanner .title span {font-size:20px; color:#000;}



/* DOMAIN SECTION */
.domainsection{clear:both;width:100%; display:inline-block; padding:75px 0; min-height:150px; max-height:100%;} 
.domainsection .searchwrapper{ width:100%; box-sizing: border-box;display: flex; justify-content: center;}
.domainsection .searchbox{width: 80%; text-align:center; }
.searchbox h2{ font-family: 'Roboto', sans-serif; margin:0; padding:0; font-size:2.25rem; font-weight:500; color:#d20000;} 
.searchbox .subheading{font-size:15px; font-style:italic; font-weight:400; color:#000; padding-bottom:10px;} 
.formcontainer{width:600px; display:block; margin:0 auto; border:0px solid #009900; border-radius:0px;}

/*DOMAIN SEARCH FORM*/
.searchform{clear:both;margin:auto;max-width:600px;}
.searchform input[type=text] {padding: 14px;font-size: 20px;float: left;width: calc(100% - 110px); outline:none; border-radius:5px 0 0 5px; background-color:#eeeeee;}
.searchform input[type=text],.searchform input[type=text]:focus,.searchform input[type=text]:hover {outline:none; border:0; background-color:#eeeeee;}

.searchform button {float: left;width: 110px;padding: 16px;color: white; background-color:#00CC00; font-size: 17px; font-weight:500; cursor: pointer; outline:0;border:0; border-radius:0 5px 5px 0;}
.searchform::after {content: "";clear: both;display: table;}
.domainsearch{max-width: 100%; padding:0 15%;}

/* DOMAIN PRICE SECTION */
.dpsection{clear:both;width:100%; display:inline-block; max-height:100%;} 
.ps-nav{ width:900px; margin:0 auto; height:auto; outline:0;}
#ps-nav{ display: flex; list-style:none; padding:0; margin:0; width:100%;}
#ps-nav li {text-align:center;flex:1; font-size:18px; font-weight:600; text-transform:uppercase; padding:0px 0; border:0px solid #009900; border-radius:5px; margin-left:5px; margin-right:5px; background-color:#e7f1f5;}
#ps-nav li:hover {cursor:pointer; border:0px solid #009900; abackground-color:#cce3ea;}
#ps-nav li .dprice{font-size:17px; font-weight:400; }
#ps-tld{ display: flex; list-style:none; padding:0; margin:0; width:100%;}
#ps-tld li {text-align:right;flex:1; font-size:22px; font-weight:600; text-transform:uppercase; padding:15px 0px; text-align:center; }

.tld {background-repeat:no-repeat; background-position:center center;}
.logo_com {background-size:auto 15px;}
.logo_net {background-size:auto 20px;}
.logo_org {background-size:auto 40px;}
.logo_in,.logo_coin,.logo_netin {background-size:auto 30px;}


/* PRICE SECTION */
.hosting{ width:400px; margin:0 auto;}
.hosting h2{ padding: 20px 0 5px 0;color: #222;font-size: 26px;font-weight: 400;margin:20px 0 10px;text-align: center;text-transform: uppercase;  position: relative;}
.hosting h2.heading1:before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;background-color: #b80000;}
.hosting h2.heading1:after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 25px;left: 50%;margin-left: -50px;background-color: #b80000;}
.hosting h2.heading2 {letter-spacing:1px;text-transform: uppercase;display: grid;grid-template-columns: 1fr max-content 1fr;grid-template-rows: 27px 0;grid-gap: 20px;align-items: center; text-align:center;}
.hosting h2.heading2:after,.hosting h2.heading2:before {content: " ";display: block;border-bottom: 1px solid #000;border-top: 1px solid #000;height: 5px;background-color:#fff;}

/* Domain Search Result */
#domainSearchList {width:100%; border:0px solid #ccc; }
#domainSearchList ul { width:100%; float:left; border:0px solid #ccc; }
#domainSearchList ul li{width:100%; list-style: none; display:inline-block; border:1px solid #dfdfdf; margin-bottom:10px; border-radius:5px;}
#domainSearchList ul li:hover { border:1px solid #eeeeee; cursor:pointer; _cursor:pointer; background-color:#eeeeee;}
#domainSearchList .domainname{width:320px; float:left; font-size:20px; font-weight:500;  padding:30px; padding-bottom:0;}
#domainSearchList .domainslab{width:165px; float:right; font-size:15px; font-weight:400; padding-top:10px; margin-right:10px;}
#domainSearchList .domainslab .selectbox{width:160px; border:none!important; padding-top:20px;}
#domainSearchList .domainprice{width:100px; float:right; font-size:14px; font-weight:400; text-align:center;  padding:30px; margin-right:10px;}
#domainSearchList .btnsection {width:100px; float:right; font-size:12px; font-weight:400; text-align:right; padding-top:20px;}
#domainSearchList .btnsection button {width:calc(100% - 4px); border-width:2px; float:right; margin-right:20px;}

/* My Cart */
#cartfix, .cartboard { float:left; border:0px solid #ccc; width:220px; margin-left:10px; background-color:#f5f5f5;}
#cartfix .title{font-size:18px; padding:15px; border-bottom:1px solid #dedede;}
#cartfix .cartItems { min-height:30px; display:block; padding:10px 10px;}
#cartfix #domain_names {padding:15px 15px; display:inline-block; width:100%; border:0px solid #ccc;}
#cartfix #domain_names li{ list-style: none; font-size:13px;}
#cartfix #domain_names li .domain{float:left; width:calc(100% - 20px); padding-bottom:10px;}
#cartfix #domain_names li .closebt{float:left; width:20px; border-radius:50px; background-color:#dedede; margin-left:0px; text-align:center; color:#b4b4b4; font-size:12px; padding:2px 0 3px 0; cursor:pointer;}
#cartfix #domain_names li .closebt:hover{ background-color:#000; color:#fff; }


/* DOMAIN SEARCH RESULTS */
.dsResults{width:100%; max-width:900px; margin:0 auto;}
.dsResults ul { width:650px; float:left; border:0px solid #ccc; }
.dsResults ul li{width:100%; list-style: none; display:inline-block; border:1px solid #ccc; margin-bottom:10px; }
.dsResults ul li:hover { border:1px solid #9a9a9a; cursor:pointer; _cursor:pointer;}
.dsResults .domainname{width:340px; float:left; font-size:16px; font-weight:500;  padding:20px; padding-bottom:0;}
.dsResults .domainslab{width:100px; float:left; font-size:12px; font-weight:400; padding-top:10px;}
.dsResults .domainslab .selectbox{width:100px!important; border:none!important; padding-top:10px;}
.dsResults .domainprice{width:100px; float:left; font-size:14px; font-weight:400; text-align:center;  padding:20px;}
.dsResults .btnsection{width:100px; float:left; font-size:12px; font-weight:400; text-align:right; padding-top:10px;}
.dsResults .btnsection button{width:calc(100% - 4px); border-width:2px;}




/* Tabs */
.tabs-nav{ max-width:200px; margin:0 auto 20px auto; border:4px solid #e7e7e7; border-radius:5px; outline:0; background-color:#fff;}
#tabs-nav{ display: flex; list-style:none; padding:0; margin:0; width:100%; padding:5px;}
#tabs-nav li{ text-align:center;flex:1 ; cursor:pointer; padding:5px;}
#tabs-nav li a{ text-decoration:none; display:block; color:#000; font-size:14px; padding:0 0 0 10px; line-height:30px;}
#tabs-nav li i{ margin:4px 0 0 0; float:left}
#tabs-nav li.active{ background-color:#000;}
#tabs-nav li.active a{ color:#fff;}
#tabs-nav li:first-child{ border-radius:5px 0 0 5px; }
#tabs-nav li:last-child{ border-radius:0 5px 5px 0; }

.tab-content{ display:none;}
.tabcontainer .tab-content:first-child{ display:block;}

.package {clear:both; width:100%; display:block; padding:0px 0 10px 0; border:6px solid #000; text-align: center; }
.package:hover {background: linear-gradient(120deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);}

.packagehead {font-size:32px; text-align:center; padding:25px 0; }

.packageprice .price {display: block; font-weight: 400; text-align:center}
.packageprice .price .sign {display: inline-block;font-size: 22px;vertical-align: top; margin-top:5px;}
.packageprice .price .currency {font-size: 55px;font-weight: 600;line-height: 60px;padding: 0;vertical-align: middle;}
.packageprice .price .cent {display: inline-block;font-size: 24px;vertical-align: bottom;}
.packageprice .price .month {display: inline-block; font-size: 14px;vertical-align: top; margin-top:35px;}

.pricesection{clear:both;width:100%; display:block; padding:50px 0 0px 0; }
.pricecontainer {max-width: 100%; padding:0 20px; margin:0 auto}
.pricetable{overflow: hidden;position: relative;text-align: center; background-color:#000;}
.pricetable .pricehead {margin: 0 0 20px 0;background-color: #000;}

.pricehead .headbox{margin: 0 0 50px 0;}
.headbox .headbg{border-style: solid;border-width: 90px 1411px 23px 399px;position: absolute; border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;}
.headbox .headbg.basic{border-color: #FF4500 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FF4500;}
.headbox .headbg.biz{border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;}
.headbox .headbg.bizpro{border-color: #228B22 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #228B22;}

.headbox .headtitle{padding-top: 40px;position: relative;z-index: 1;}
.headbox .headtitle span{font-size: 22px;font-weight: 400;margin: 0;padding: 0;text-transform: uppercase; color: #fff;}

/*
.pricetag{padding: 0 0 20px; background-color:#000}
.pricetag .price{display: block;  color: #f5c63b; font-weight: 400;}
.pricetag .price .sign{display: inline-block;font-size: 32px;vertical-align: middle;}
.pricetag .price .currency{font-size: 55px;font-weight: 300;line-height: 60px;padding: 0;vertical-align: middle;}
.pricetag .price .cent{display: inline-block;font-size: 24px;vertical-align: bottom;}
.pricetag .month{font-size: 18px;vertical-align: bottom;}

*/
.featurelist ul{list-style: none;padding: 0;margin: 0;}
.featurelist ul li{font-size: 16px;padding: 8px 0; color: #000; text-align:center;}
.featurelist ul li span{color: #000; font-weight:600;}
.featurelist ul li:hover{}


.sbox{padding:15px 0;}
.sbox .selectbox { width:80%;}
.btnsection{padding:0px 0;}

/*SignIn & SignUp*/
#forgetpassword{ font-size:13px}
.accountbox{padding: 50px!important;}
.signinbox,.signupbox{ padding-left:0!important; padding-right:0!important;}
.signinbox{ border-right:1px solid #e4e4e4;}
.signinbox h2,.signupbox h2{ font-size:24px; margin:0; padding:0; font-weight:500;}
.signinbox .subtitle,.signupbox .subtitle{ font-size:14px; color:#333;}
span.label{ font-size:12px}

/*Footer*/
.footersection{clear:both;width:100%; display:block; margin-top:50px;} 
.connectus{ width:100%; min-height:70px; color:#000; background-color:rgba(239,239,239,0.5);/*#f5c63b*/}
.connectus h4{ font-size:20px; line-height:70px; letter-spacing:1px;} 
.connectus span.txt{ line-height:70px; font-size:14px;} 
.socialicons{margin: 0; padding:0; list-style:none;}
.socialicons li {list-style: none outside none;display: inline-block;}
.socialicons .fa {width: 35px;height: 35px;color: #000;margin: 17px 10px 0 0;display: inline-block;}
.socialicons .fass:hover {color: #FFF;background-color: #000;border: 1px solid #000;}

.footer{ width:100%;  background-color:#000; color:#fff;}
.footer .mainmenu{ background-color:#111; padding-bottom:50px; padding-top:30px;}
.footer .mainmenu ul{ margin:0; padding:0; list-style:none;}
.footer .mainmenu ul li.title{ font-weight:600; text-transform:uppercase; padding:15px 0; font-size:16px;}
.footer .mainmenu  ul li a{color:#9e9e9e; text-decoration:none; font-size:14px; line-height:30px;}
.footer .menubar{height:60px; line-height:60px; font-size:13px;}
.footer .menubar a{color:#fff; text-decoration:none;}
.footer .mainmenu  ul li a:hover,.footer a:hover{color:#fff;}

/* Gradient Colors */
.bg-gradient-primary {background: linear-gradient(to right, #30CFD0 0%, #330867 100%);}
.bg-gradient-info {background: linear-gradient(to right, #3ddeff 0%, #0a9ed8 100%);}
.bg-gradient-green {background: linear-gradient(to right, #0cfc40 0%, #28a745 100%);}
.bg-gradient-black {background: linear-gradient(to right, #66686b 0%, #1d2c42 100%);}
.bg-gradient1 {background-image: linear-gradient(120deg, #f56348 0%, #f81f8b 100%);}
.bg-gradient2 {background-image: linear-gradient(120deg, #00e795 0%, #0095e2 100%);}
.bg-gradient3 {background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.bg-gradient4 {background: linear-gradient(120deg, #606c88 0%, #330867 100%);}
.bg-gradient5 {background: linear-gradient(120deg, rgba(193,187,9,0.9836309523809523) 0%, rgba(189,255,0,1) 100%);}

/* Password Policy*/
#password-policy{ margin:5px 0 0 0; font-size:14px; }
.passwordpolicy{ margin:5px 0 0 0; padding:0 0 0 15px;}
.passwordpolicy li{ font-size:12px; color: #616A6B;}
.passwordpolicy li::marker {color: #7F8C8D;}

#password-policy li.invalid { color: #F00;}
#password-policy li.valid { color: #43841e;}