@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body {font-family: 'helveticaregular';}
body.primary-bg-color {background: #fff; }
.container {width: 100%; max-width: 980px; display: block !important;}

header.header .logo-img {max-height: 120px !important; }
header.header {padding: 0 0 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
header.header .navbar {padding: 0 0;}
.header .row {width: 100%; }
div#mainNavbar {padding: 25px 0 0; justify-content: flex-end;}
.__Account {padding-left: 25px;}

div#topNav ul.menu {display: flex; justify-content: flex-end; gap: 25px; padding-top: 10px; padding: 8px 0 0 0; margin: 0 0 20px; font-family: 'Bebas Neue', sans-serif;}
div#topNav ul.menu li {list-style: none; }
#topNav li a {font-size: 14px; text-decoration: none; color: #2c8f9d; font-weight: 600;}
div#topNav ul.menu li:last-child {margin-top: -10px;}
header.header .navbar-nav a {color: #37a6b6; text-decoration: none; font-size: 18px; font-family: 'Bebas Neue', sans-serif;}

.CallUs {text-align: right;}
span.wishingCall {color: #c85949; font-weight: 600; }
.CallUs span.CallUs_On {color: #887e7b; font-size: 16px; }
.CallUs span {font-family: 'Bebas Neue', sans-serif; font-size: 19px; }
.master-breadcrumb {background-color: #e9ecef; display: none; }
.cta-img {background: #665042; }

.transferWrapper {background: #fae3e0; width: 100%; text-align: center; float: left;}
.vendors {padding: 30px 0;float: left; width: 100%;text-align: center;}
.domaininput {position: relative; top: 85px; left: 30px; width: 190px; height: 40px; background: #d1eaee; border: 1px solid #d1eaee; }
.domainType {position: relative; left: 130px; top: 90px; border: 1px solid #a5acb2 !important; padding: 3px; color: #333333;}
#domainChecker .submit {position: relative; top: 145px; left: 60px; }

.HostingBoxes{padding: 30px 0;float: left;width: 100%;}
.HostingBoxes .intro {width: auto; height: auto; margin: 55px 0 5px 0; margin-left: 23px; font-size: 12px; color: #666666; line-height: 145%; }
.HostingBoxes .intro ul {padding: 0; margin: 0}
.HostingBoxes .intro li {background: none repeat scroll 0 0 transparent; color: #C85949; float: none; font-size: 12px; font-weight: bold; height: auto; line-height: 150%; margin-left: 0px; list-style: none;}
.HostingBoxes span {display: block; color: #666666; font-size: 12px; }
.HostingBoxes div.StartingAt {float: left; margin-left: 24px; font-size: 13px; color: #37a6b6; display: flex; gap: 5px;}
#chosting .intro {width: 190px; margin: 55px 0 5px 0; margin-left: 50px; font-size: 12px; color: #666666; line-height: 145%; }
#chosting div.StartingAt {float: left; margin-left: 60px; font-size: 13px; color: #37a6b6; }
.intro p {font-size: 12px; line-height: 16px; margin-bottom: 5px;}

input:focus,select:focus {outline: none; border: 0;}
p[style="text-align:center;"] {display: none;}
div[style="margin:0 0 10px 0;padding:10px 35px;background-color:#ffffd2;color:#555;font-size:16px;text-align:center;"] {
    display: none;}
.homepage .MainBody {margin: 0; padding: 0 !important;}
.MainBody {padding: 50px 0 !important;}
div#content {padding: 50px 0;}
header#header{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

#footerWrapper {background: #2095a6; width: 100%; padding: 30px 0 0;}
.FooterColune {text-align: left; max-width: 20%; width: 100%;}
.FooterColune ul.menu {padding: 0; margin: 0; }
.FooterColune ul li {font-size: 12px; line-height: 150%; color:#fff; list-style: none;}
.FooterColune a {color: #fff; text-decoration: none;}
.FooterColune h4 {font-size: 20px; margin-bottom: 10px; color: #fff;font-family: 'Bebas Neue', sans-serif;}

.col-md-6.FooterLind {padding: 0;}
.FooterLind p {margin: 0px; font-size: 12px; color: #fff;}
.FooterLind ul.menu {padding: 0; margin: 0; display: flex;gap: 7px;}
.FooterLind ul li {font-size: 12px; line-height: 150%; color:#fff; list-style: none;}
.FooterLind a {color: #fff; text-decoration: none;}
#copyrightWrapper {background: #665042; width: 100%; text-align: center; padding-bottom: 15px;}
div#copyright {display: flex; justify-content: space-between;}
.vision {color: #fff; font-size: 12px; display: flex; align-items: center; gap: 10px; }
.form-control {border: 1px solid #ced4da !important;}

.dropdown-divider {display: none;}
.header .navbar-nav ul.dropdown-menu {margin: 0; padding: 0; }
.header .navbar-nav ul.dropdown-menu li {padding: 0; }
.header .navbar-nav ul.dropdown-menu li a {font-size: 14px; border-bottom: 1px solid #e9ecef; padding: 10px 15px!important; display: block; }

#clientAreaLogin {width: auto; background: #177083; display: none; padding: 5px; position: absolute;z-index: 11; top: 0;}
#clientAreaLogin label {color: #fff; font-size: 13px; display: block; margin: 0; }
#clientAreaLogin .username, #clientAreaLogin .password {width: 100%; height: 20px; font-size: 12px; color: #177083; margin-bottom: 5px;}
a.ClientArea_Hide, button.ClientArea_Hide {position: absolute; right: 0; margin: 4px -9px 0 0; border: 0; background: none;}
a.ClientArea_Show, button.ClientArea_Show {border: 0; background: none; padding: 0; }
button:focus {outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
.Logo a.navbar-brand {margin: 0 !important;}

.MobileButton {padding: 5px 10px; border-radius: 0.25rem; border: 1px solid #e5e5e5; color: #3db5c6; position: relative; font-size: 20px;}
.MobileMenu{display: none;}

@media only screen and (min-width: 100px) and (max-width: 980px) {
    img.ResponsiveImg {width: 100%; max-width: 100%; }
    .HostingBoxes > div {display: flex; flex-direction: column; justify-content: center; float: none !important; margin: 0 auto !important; }
    .FooterColune {max-width: 100%; padding: 0 15px 20px;}
    div#copyright {flex-direction: column; padding-top: 10px;}
    .col-md-6.FooterLind {padding: 0px 15px 5px 15px;}
    .vision {gap: 10px; flex-direction: column; padding-top: 15px;}
    #domainChecker { margin: 30px auto 0;}

    div#topNav {display: none; background: #efecdd;}
    .Logo {display: flex; align-items: center; justify-content: space-between; }
    .MobileMenu{display: block;}
    div#mainNavbar {padding: 20px 20px 20px; background: #efecdd; margin-top: 10px;}
    header.header .navbar-nav a {font-size: 16px; padding: 5px 0; display: block; border-bottom: 1px solid #fffcef;}
    
    div#topNav ul.menu {flex-direction: column; padding: 0; }
    div#topNav ul.menu li {padding: 5px 15px; display: block; border-bottom: 1px solid #fffcef; }
    button.ClientArea_Show {display: none;}

}