/* *****************************************************
 *
 *     ** Custom Stylesheet **
 *
 *         Any custom styling you want to apply should be
 *             defined here.
 *
 *             ***************************************************** */
.menu-wrap .logo-menu { width: auto !important; max-width: 225px !important; }

.maping .datacenters.dallas {
    top: 49.5%;
    left: 20%;
}
.maping .datacenters.india {
    top: 54%;
    left: 68%;
}
.secnav li.dropdown {
  list-style: none;
  text-decoration: auto;
  color: #fff;
  display: inline-block;
}
.secnav li a.dropdown-toggle {
  text-decoration: none;
  color: #f9d700 !important;
}
.secnav li a.dropdown-toggle:hover {
  color: #fff !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
[data-background="light"] .secnav li a.dropdown-toggle {
  color: #212122 !important;
}
[data-background="light"] .secnav li a.dropdown-toggle:hover {
  color: #808080 !important;
}
.pricing .list-info {
    padding: 15px 20px 15px;
    margin-top: -5px;
}
[data-background=dark] .box-container .tophalfpadding,[data-background=light] .box-container .tophalfpadding {
    padding-top: 35px!important;
}
.best-plans .table td,.best-plans .table th {
    padding: 10px !important;
}
.spinner-txt {
    width: 100px;
}
#page-web-hosting .sec-normal {
    padding-bottom: 20px !important;
    padding-top: 100px !important;
}
#page-web-hosting .pricing .table .title { font-size: 18px; }
#page-web-hosting .pricing .table tr td { font-size: 15px; }
#page-web-hosting .best-plans tr td { font-size: 15px !important; }
#page-web-hosting .best-plans tr td .btn { font-size: 14px !important; font-weight: 500; padding: 5px !important; }

#page-index .list-info { color: #fff; }
#page-index .list-info .spec { font-weight: 800; }

#page-sitelock #sitelockbanner { background-color: #bf1e28 !important; }
#page-sitelock .best-plans .table div.title-table{ text-decoration: none !important}

.landing-page .navbar .navbar-nav {
    flex-direction: inherit
}

.landing-page .hero {
    background-color: #fff;
    padding: 80px!important;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    text-align: left!important
}

.landing-page .panel.panel-default {
    border-radius: 12px!important;
    border: 0!important;
    box-shadow: none!important
}

.landing-page .panel.panel-default .panel-heading h3 {
    font-weight: 400;
    margin-top: 0!important
}

.domain-checker-container.overlay:before,.input-group.input-group-lg.kb-search.overlay:before,.landing-page .panel.panel-default .panel-heading,.landing-page .pricing-item {
    border-radius: 12px
}

.landing-page .panel.panel-default .panel-body {
    font-size: 13px;
    position: relative;
    padding: 30px;
    line-height: 32px
}

.landing-page .content-block.faq .panel-heading {
    background-color: transparent!important;
    font-weight: 500!important;
    font-size: 13px;
    color: #414142!important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.landing-page .content-block.faq .panel-body {
    font-size: 16px!important;
    letter-spacing: .5px!important;
    list-style-type: none!important;
    padding: 20px 0!important;
    line-height: 32px!important
}

.landing-page .hero img {
    width: 150px;
    margin-bottom: 20px
}

.landing-page .hero .logo-container,.m-0 {
    margin: 0!important
}

.landing-page .navbar li {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.landing-page .navbar li:hover {
    background-color: rgba(0,0,0,.1)!important
}

.landing-page .navbar .navbar-nav>li>a {
    border-bottom: none!important;
    font-weight: 600!important;
    color: #fff!important
}

.landing-page .image-standout {
    padding: 20px 35px!important
}

.landing-page p.lead {
    font-size: 18px!important;
    color: #818182!important;
    line-height: 32px!important
}

.landing-page .col-sm-7 p {
    line-height: 28px!important
}

.landing-page .content-block p {
    font-size: 16px!important;
    line-height: 36px;
    color: grey;
    font-weight: 500
}

.landing-page .content-block.plans .plan {
    background: 0 0!important;
    border: 1px solid #edf2f4;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.landing-page .content-block.plans .plan .header {
    background-color: #fff!important;
    padding-top: 50px!important;
    padding-right: 50px!important;
    padding-left: 50px!important
}

.landing-page .content-block.plans .plan .header h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 25px!important
}

.landing-page .content-block.plans .plan .header h4 span {
    display: block;
    margin: 15px 0;
    font-size: 30px;
    float: initial!important
}

.landing-page .navbar-nav a:before {
    width: 0!important;
    border: none!important;
    transition: none!important
}

.landing-page .content-block.plans .plan .header p {
    line-height: 30px!important
}

.landing-page .content-block.plans .plan ul {
    padding: 0 50px 30px!important;
    background-color: #fff;
    height: auto!important
}

.landing-page .feature-wrapper i {
    font-size: 3em!important;
    color: grey!important
}

.landing-page .content-block h2,.landing-page .content-block.faq h3 {
    text-align: center;
    font-size: 52px!important;
    line-height: 52px!important;
    font-weight: 700!important
}

.landing-page .content-block.plans .plan ul li {
    border: none!important;
    font-size: 14px!important;
    padding: 5px 0!important
}

.landing-page .content-block .icon img {
    width: auto
}

.landing-page .pricing-item ul,.landing-page .pricing-item ul.ecommerce-features {
    height: auto!important
}

.landing-page .pricing-item .header {
    margin-right: initial
}

.landing-page .panel.panel-default .panel-heading {
    padding: 25px 30px!important
}

.landing-page .content-block.faq .panel.panel-default .panel-heading {
    padding: 25px 0!important;
    border-bottom: 1px solid #ddd;
    border-radius: initial
}

.landing-page .content-block.faq h3 {
    margin-bottom: 50px!important
}

.landing-page .content-block {
    background-color: #fff;
    padding: 80px!important;
    border-radius: 12px!important;
    border: none!important
}

.landing-page .content-block .plan ul {
    padding: 0 50px 50px
}

.landing-page .content-block h2 {
    color: #212122!important;
    margin-bottom: 20px!important
}

.landing-page .content-block h3 {
    text-align: center!important;
    margin-bottom: 50px!important;
    color: grey!important
}

.landing-page .btn,.landing-page .btn-buy,.landing-page .btn-learn-more:hover,.landing-page .btn-order-now {
    background-color: #fdd700!important;
    color: #000!important;
    border: none
}

.landing-page .product-options,.validation-levels {
    padding: 80px 80px 0!important;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.landing-page .product-options .item,.validation-levels .item {
    background-color: #fff!important;
    border-radius: 12px!important;
    line-height: 28px
}

.header .dropdown.lang-drop .dropdown-toggle,.landing-page,.landing-page .benefits,[data-color=black] .custom-control-label::before,[data-color=blue] .custom-control-label::before,[data-color=green] .custom-control-label::before,[data-color=pink] .custom-control-label::before {
    background-color: transparent!important
}

.landing-page .content-block .col-sm-8 h2 {
    text-align: left
}

.landing-page.ssl .what-is-ssl ul {
    display: grid;
    padding: 0
}

.landing-page .content-block .col-sm-8 ul li {
    padding-bottom: 15px;
    color: grey
}

.landing-page .content-block.standout .col-sm-4,[data-background=dark] #order-standard_cart .products .product div.product-desc p,[data-background=light] #order-standard_cart .products .product div.product-desc p {
    color: grey
}

.landing-page .detailed-info .panel-body {
    border: none!important;
    background: 0 0!important;
    padding: 50px 0!important
}

.cpanel-usage-stats .limit-near,.landing-page .emergency .price,.landing-page .padded-cell a,.landing-page .plans .plan ul li span,.services.overview-services .service-wrap .service-section .list-group a:hover,[data-background=dark] .div-service-item .dropdown-menu li,[data-background=dark] .dropnav-header-lined .mc-panel-promo .panel-body span,[data-background=dark] .landing-page .hero h3,[data-background=light] #menu-mobile .mobile.navbar-nav a:hover,[data-background=light] .landing-page .hero h3,[data-background=light] .secnav li a.dropdown-toggle:hover {
    color: grey!important
}

.landing-page .plans .plan .footer {
    padding: 0 50px 50px!important;
    background-color: #fff
}

.landing-page .feature-wrapper,.landing-page.sitelock .feature-wrapper {
    margin: 0 0 40px!important
}

.landing-page .plans .plan .footer select {
    border: 1px solid #edf2f4!important
}

.landing-page .product-options .powered-by {
    margin-bottom: 50px!important;
    text-align: center!important;
    font-size: 16px!important
}

.landing-page .nav-tabs>li>a {
    font-size: 16px!important;
    background-color: #efefef;
    border-radius: 0!important;
    color: #212122
}

.landing-page .content-block .tab-content h3 {
    font-size: 32px!important;
    margin-bottom: 20px!important;
    margin-top: 50px!important
}

.landing-page .benefits {
    padding: 0!important;
    font-size: 14px!important;
    color: grey!important;
    line-height: 34px!important
}

.landing-page .content-block.get-started .checkbox-inline {
    padding: 0!important;
    font-size: 16px!important
}

.landing-page .content-block.get-started form h2 {
    text-align: left;
    margin-bottom: 50px!important
}

.landing-page .features .feature {
    height: auto!important;
    vertical-align: middle!important;
    border-radius: 12px!important;
    font-size: 52px!important
}

.landing-page .header {
    border-radius: 12px!important;
    padding: 80px!important
}

.nav-menu .main-menu a { font-weight: normal; }

/* HERO */
#hero { background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important; }
#hero h1.display-5 { font-size: 14px !important; letter-spacing: -0.015em !important; }
.hero-illustration { max-width: 680px !important; filter: drop-shadow(0 8px 24px rgba(0,0,0,.08)) !important; }
@media (max-width: 991.98px) {
  #hero { text-align: center !important; }
  .hero-illustration { max-width: 520px !important; margin: 0 auto !important; }
}