/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Hanlding Updates

-----------------------------------------------------------------*/


.button-cta:hover:not(.sold-out-btn),
.serverspecs-box:hover:not(.serverspecs-categories):not(.serverspecs-bottom-note):not(.serverspecs-quote) .button-cta:not(.sold-out-btn) {
    background-color: #1290ba !important;
}

.alert {

    position: relative;

    display: block;

    margin-bottom: 20px;

    border-radius: 5px;

    padding: 4px;

}

a.links--gray, .links--gray {
    color: #252525 !important;
}


.alert-success {

    background: #e4f5e5;

    border: 1px solid #4ebf56;

    color: #000000;

}


.price_savings {

    text-transform: uppercase !important;

    letter-spacing: -0.17px !important;

    color: #fff;

    background-color: #bb0628;

    padding: 5px;

    border-radius: 1px;

}

.product-rating i {
    color: #ffc200 !important;
}

#page-title.page-title-color {
    background-color: #202932;
}

.img-map {
    opacity: 0.15;
    margin-top: 0;
}

.subscribe-form-process {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/preloader.gif") center center no-repeat #FFF;
}

.list-group-item + .list-group-item {
    border-top-width: inherit;
}

.btn-primary, .btn-primary:hover {
    background-color: #15A9DB;
    border-color: #15A9DB;
}

.nobottompaddingpage .content-wrap {
    padding-bottom: 0 !important;
}

#posts .entry:after {
    background-color: #F5F5F5 !important;
}

#posts .entry-noborder:after {
    display: none !important;
}

#posts .entry-title {
    text-align: center;
    margin-bottom: 15px;
    vertical-align: middle;
}

#posts .entry-meta {
    display: block;
    padding: 5px 0;
    border-top: 1px solid #e6dfdf;
    border-bottom: 1px solid #e6dfdf;
    margin: 10px -10px -15px 0;
    list-style: none;
}

#posts .entry-image {
    margin-bottom: 15px;
}

#posts .entry-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

#posts .entry-meta li:first-child {
    padding-left: 0;
    border-left: none;
}

#posts .entry-meta li {
    display: inline-block;
    position: relative;
    padding: 8px;
    margin: 0 !important;
    border-left: 1px solid #e6dfdf;
    color: #777d86;
    line-height: 20px;
}

#posts .entry-meta li {
    text-align: center;
    width: 50%;
    font-size: 13px;
    font-family: crete round, serif;
    font-style: italic;
}

#posts .entry-meta li span, #posts .entry-meta li span a {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    font-family: lato, sans-serif !important;
}

#posts .entry-meta li:before {
    display: none;
}

#posts .entry-title h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product .product-price {
    color: #142149;
}

.product .product-price del {
    font-size: 110%;
    color: #a2a5ac;
}

.product .product-price ins:not(.regular-price) {
    font-size: 85%;
    color: #e52f48;
}

.product .product-price .billing-cycle {
    font-size: 65%;
    color: #bbbec6;
}

.product .sale-flash {
    background-color: #e52f48;
    border-radius: 2px;
}

.white-bg {
    background-color: #FFF !important;
}


.nobgimg {

    background-image: none !important;

}

.nowrap {
    white-space: nowrap !important;
}

.changePort {
    white-space: nowrap !important;
    border-bottom: 1px #15A9DB dashed;
    padding-bottom: 3px;
    cursor: pointer;
    color: #142149;
}

#tooltip {
    text-align: center;
    border-radius: 4px;
    /*background: #111;*/
    color: #fff;
    background: #15A9DB;
    /*color: #142149;*/
    position: absolute;
    z-index: 100;
    padding: 15px;
    max-width: 650px;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /*border-top: 10px solid #111;*/
    border-top: 10px solid #15A9DB;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

.menu-item-important > a > div:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dc3545;
}

.footer-links h4 {
    margin-bottom: 15px !important;
}

a .card-app p.card-text {
    color: #444 !important;
}

.color-primary {
    color: #15a9db;
}

.section-domain-subheading {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7 !important;
}


.footer-links ul li:not(:last-child) {

    margin-bottom: 5px !important;

}

.serverwizard-init-image {
    max-width: 350px;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.boxed {
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    padding: 1.85714286em;
}

.boxed.boxed--lg {
    padding: 2.78571429em;
}

.box-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.feature-box a {
    font-weight: bold;
}

.feature-box.dark a {
    color: #ffffff !important;
}

.dark .feature-box p {
    color: #ffffff;
    opacity: 0.9;
}

a.black-link {
    color: #222 !important;
}

.font-smaller {
    font-size: 80% !important;
}

.font-bigger {
    font-size: 120% !important;
}

.type--fine-print {
    font-size: 0.85714286em;
    opacity: .8;
}

.font-lato {
    font-family: 'Lato', sans-serif !important;
}

#AddServerToCart .billingcycle {
    float: left;
    margin-right: 30px;
}

#AddServerToCart .billingcycle label {
    display: block;
    font-size: 10px;
    margin-bottom: 3px;
}

#AddServerToCart .billingcycle .bootstrap-select {
    border: 1px solid #DDD;
}

#AddServerToCart a.add-to-cart {
    margin-top: 18px !important;
}

#AddServerToCart #bs-select-1 a:not([href]) small {
    font-size: 85%;
}

#AddServerToCart #bs-select-1 a:not([href]).active small {
    font-size: 92%;
}

#bs-select-1 a:not([href]):hover.active, #bs-select-1 a:not([href]).active small {
    color: #fff !important;
}

#bs-select-1 .dropdown-item.active {
    background-color: #15A9DB;
}

.footer-links ul.overflow-excerpt li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.footer-links ul.overflow-excerpt li a {
    max-width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.cursor-pointer {

    cursor: pointer !important;

}


.dark .widget_links li a:hover {

    color: #fff !important;

}


.affiliate-program .fancy-title {

    margin-bottom: 15px !important;

}


.affiliate-program p {

    font-size: 18px !important;

    margin-bottom: 15px !important;

}


.affiliate-program h2 {

    font-size: 25px !important;

}

#page-title.page-title-center .breadcrumb {
    margin: 12px auto !important
}


.homepage-slider {

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.43)), url('../images/index-datacenter.jpg');

    position: relative;

    margin: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

}


.homepage-slider .slider-caption .t-rotate {

    font-size: 34px;

    font-weight: 500;

    letter-spacing: 1.5px;

}


.homepage-slider .homepage-textrotator {

    color: #EEE !important;

}


#slider .container-fullwidth {

    width: 100% !important;

}


#page-title {
    background-color: #FCFCFC;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #15a9db;
}


.bootstrap-switch-id-servertype .bootstrap-switch-handle-on, .bootstrap-switch-id-servertype .bootstrap-switch-handle-off {

    font-size: 16px;

    font-family: 'Raleway', sans-serif;

    font-weight: 400;

    letter-spacing: 0.3px;

    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum=1";
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    -webkit-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;

}


.mh-bottomborder {

    padding-bottom: 40px;

    border-bottom: 1px solid #eee;

}


.serverspecs-categories .spec-name a .data-toggle {

    color: #fff !important;

    cursor: pointer !important;

}


.serverspecs-categories .serverspecs-spec {

    white-space: nowrap !important;

}


.selector-column .selector-subtitle {

    white-space: nowrap !important;

}


.spec-name a .data-toggle-black {

    color: #000 !important;

    cursor: pointer !important;

}


.spec-name .data-toggle {

    margin-left: 3px !important;

    font-size: 13px !important;

}


.heading-block .small-desc .text-shadow {

    text-shadow: 0 2px 5px rgba(150, 150, 150, 0.6);

}


.promo-custom-quote {

    background-color: #1290ba !important;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

}


.promo.promo-flat a.button:hover {

    color: #fff !important;

}

.automargin, .auto-margin {
    margin-left: auto !important;
    margin-right: auto !important;
}

.list-horizontal li {
    display: inline;
    margin: 0 30px 0 15px;
}


.price #shown-price sup {

    font-size: 10px;

    margin-left: 1px;

}

.before-heading {
    font-family: roboto, sans-serif !important;
}

.iconlist span {
    font-size: 15px;
    color: #444;
}


#billing-cycle i {

    margin-left: 3px;

    cursor: pointer;

}


.form-process {

    left: 0;

}


.button.button-border.button-selector {

    border-color: rgba(18, 144, 186, .5);

}


/*MD devices or smaller */

@media (max-width: 1199.98px) {

    .mega-menu-column .feature-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }

    .mega-menu-column .feature-box.fbox-center .fbox-icon {
        margin: 0;
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

    .mega-menu-column .feature-box.fbox-center .fbox-icon svg {
        width: 28px !important;
        height: 28px !important;
        margin-right: 10px;
    }

    .mega-menu-content .feature-box h3 a {
        font-size: 13px;
        text-transform: capitalize;
        letter-spacing: 0;
    }

    .dark .mega-menu-content .feature-box h3 a {
        color: #FFF;
    }

    .mega-menu-content .feature-box.fbox-center {
        text-align: left;
    }

    .mega-menu-content .btn.btn-link {
        display: none;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding: 10px 0;
    }

    #primary-menu .mega-menu-column .feature-box p {
        display: none !important;
    }

    .dark #primary-menu:not(.not-dark) ul li, .dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, .dark #primary-menu:not(.not-dark) ul ul li, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-2 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-3 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-4 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-5 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li {
        border-top-color: rgba(255, 255, 255, 0.1) !important;
    }

    .mega-menu-column .feature-box p {
        display: none;
    }

    .selector-column:first-child {

        flex-basis: 100% !important;

    }


    .selector-column {

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

    }


    .selector-body {

        flex-wrap: wrap !important;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }


    .selector-subtitle {

        font-weight: 600 !important;

        color: #555 !important;

        top: -40px !important;

    }


    .selector-body .selector-column:not(:first-child) {

        margin-top: 30px;

    }


    .selector-column:first-child:after, .selector-column:last-child:after, .selector-column:nth-last-child(2):after {

        display: none !important;

    }


    .selector-column:last-child {

        width: 100% !important;

    }


    .selector-column:last-child .customizeBtn a {

        box-shadow: 0px 0px 5px 3px rgba(17, 31, 56, 0.25) !important;

        -webkit-box-shadow: 0px 0px 5px 3px rgba(17, 31, 56, 0.25) !important;

    }


    .selectorCPU:last-child {

        border-bottom: 1px solid #EEE;

    }

}


/*MD devices */

@media (min-width: 992px) and (max-width: 1200px) {

    #primary-menu.style-5 > ul > li:not(:first-child) {

        margin-left: 8px !important;

    }


    .selector-body .selector-column:first-child {

        text-align: center;

    }


    /*.selector-column:last-child {*/
    /*    position: absolute !important;*/
    /*    right: 10px;*/
    /*    bottom: -10px;*/
    /*}*/
    /*.selector-column:last-child .selector-subtitle {*/
    /*    display: none !important;*/
    /*}*/
    /*.selector-column:last-child:after, .selector-column:nth-last-child(2):after {*/
    /*    display: none !important;*/
    /*}*/

}


/*SM or smaller*/

@media (max-width: 991px) {

    .app-page .app-image {
        display: none;
    }

    .serverspecs-spec .spec-value {

        text-align: center;

    }


    #live-chat-promo > .container {

        text-align: center !important;

    }


    .footer-last-part {

        margin-top: 30px !important;

    }

}


/* SM Devices and bigger */

@media (min-width: 768px) {

    #page-title :not(.page-title-center) .breadcrumb {
        max-width: 450px;
    }

    .pricing-box.pricing-extended .pricing-action-area .pricing-meta {
        margin-top: 30px;
    }

    #posts .entry-title {
        height: 50px;
    }


    .footer-logo-container img {

        float: left;

        margin: 5px 20px 13px 0;

        max-width: 100%;

        margin-top: 8px;

        padding-right: 18px;

        border-right: 1px solid #4A4A4A;

    }


    .button-mdplus-sizing-513 {

        min-width: 513px;

    }

}


/* SM Devices and smaller */

@media (max-width: 767px) {

    .trustspot_banner_large {
        display: none;
    }

    .serverwizard-page .container {
        width: 100% !important;
        padding: 15px !important;
    }

    .serverwizard-page .container .product-meta {
        display: none;
    }

    .serverwizard-init-image {
        max-width: 200px;
    }

    .boxed.boxed--lg {
        padding: 1.23809524em;
    }

    .product ul.tab-nav:not(.tab-nav-lg) li:first-child {
        margin-left: 0 !important;
    }

    #networkWow {
        background-position-x: -700px !important;
    }


    .selector-column:last-child .customizeBtn a {

        width: 100% !important;

    }


    #main-title {

        font-size: 25px !important;

    }


    .footer-widgets-wrap .widget_links:not(:first-child) {

        margin-top: 40px !important;

    }

    .widget_links li a {
        padding: 0 !important;
    }


    .footer-logo-container {

        display: inline-block !important;

        width: 100% !important;

        margin-bottom: 20px !important;

    }


    .footer-logo-container img {

        margin: auto !important;

        float: none !important;

        display: block !important;

    }


    .footer-widgets-wrap .widget_links:not(:last-child) {

        text-align: center !important;

    }


    .footer-widgets-wrap .widget_links ul li a {

        background-image: none !important;

    }

    #server-row-section {

        background: #7d7e7d; /* Old browsers */

        background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */

        background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */

        background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0); /* IE6-9 */

    }


    .homepage-slider .slider-caption {

        top: 35px !important;

    }


    .homepage-slider .homepage-textrotator {

        display: block !important;

        margin-top: 70px !important;

    }


    .homepage-slider .homepage-textrotator .t-rotate {

        font-size: 30px !important;

    }


    .slider-caption h2 {

        font-size: 18px !important;

        line-height: 1.5;

        padding-top: 45px;

        padding-right: 2px;

        padding-left: 2px;

    }


    .homepage-slider .homepage-textrotator .t-rotate {

        font-size: 22px !important;

    }


    .heading-block h1 {

        font-size: 22px !important;

    }


    .heading-block.center > span {

        font-size: 16px !important;

    }


    .serverspecs-bottom-note {

        padding-top: 12px;

        padding-bottom: 12px;

        border-radius: 6px;

    }


    .selector-column:after {

        display: none !important;

    }


    .selector-body .selector-column:not(:first-child):not(:last-child) {

        flex-basis: 50%;

        padding: 0;

        margin-top: 40px !important;

    }


    .selector-body .selector-column:first-child {

        padding: 0;

    }

}


.button.button-border.button-selector:not(.selected) {

    /*-webkit-box-shadow: 0 0 1px 2px rgba(18,144,186,.15);*/

    /*-moz-box-shadow: 0 0 1px 2px rgba(18,144,186,.15);*/

    /*box-shadow: 0 0 1px 2px rgba(18,144,186,.15);*/

}


.button.button-border.button-selector:not(.selected):hover {

    border-color: #1290ba !important;

    outline: none;

    color: #333;

    background-color: transparent !important;

    text-decoration: none;

    -webkit-box-shadow: 0 0 1px 2px rgba(220, 220, 220, .8);

    -moz-box-shadow: 0 0 1px 2px rgba(220, 220, 220, .8);

    box-shadow: 0 0 1px 2px rgba(220, 220, 220, .8);

}


.button.button-border.button-selector.selected {

    background-color: #15a9db;

    border-color: #1290ba !important;

    color: #fff;

    /*-webkit-box-shadow: 0 0 1px 2px rgba(18,144,186,.1);*/

    /*-moz-box-shadow: 0 0 1px 2px rgba(18,144,186,.1);*/

    /*box-shadow: 0 0 1px 2px rgba(18,144,186,.1);*/

}


.selector-body .button-config {

    border-radius: 3px;

    touch-action: manipulation;

    align-items: flex-start;

    text-transform: none;

    display: block;

    box-sizing: inherit;

    overflow: visible;

}


.selector-body .button-config.selected {

    /*TODO: Update with blue borders*/

    /*color: #FFF;*/

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.selector {

    position: relative;

    z-index: 1;

    /*-webkit-box-shadow: 0 2px 4px 1px rgba(222, 229, 237, .5);*/

    /*box-shadow: 0 2px 4px 1px rgba(222, 229, 237, .5);*/

}


.selector-head {

    height: 60px;

    box-sizing: inherit;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #1290ba;

    padding: 0 30px;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    border-bottom-left-radius: 2px;

    border-bottom-right-radius: 2px;

}


.selector-body {

    border: 1px solid #eaeef4;

    background-color: #F9F9F9;

    color: #52657b;

    padding: 10px 10px;

    display: flex;

}


.selector-body .selector-column {

    min-width: 100px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    position: relative;

    padding: 5px 15px;

    -ms-flex-negative: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-shrink: 0;

}


.selector-body .selector-column:not(:last-child):after {

    content: "";

    width: 1px;

    height: 100%;

    max-height: 300px;

    display: block;

    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#c4d1df));

    background: linear-gradient(0deg, #fff 0, #c4d1df);

    opacity: .65;

    position: absolute;

    top: 0;

    right: 0;

}


.selector-body .selector-column:first-child {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-negative: 1;

    flex-shrink: 1;

    /*text-align: left;*/

}

.button-disabled {
    pointer-events: none;
    cursor: default;
    min-width: 157.80px;
    border: 1px solid #b7b6b6;
    border-radius: 3px;
    background-color: #dddddd !important;
    color: #000 !important;
    font-weight: 700;
    padding: 0 14px;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    opacity: .85;
}

.language-switcher {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.language-flag {
    display: block;
    width: 20px;
    height: 15px;
}

.language-flag.zh {
    background: url(../images/flags/chinese.svg)
}

.language-flag.en {
    background: url(../images/flags/english.svg)
}

.language-flag.dutch {
    background: url(../images/flags/dutch-nl.svg)
}

.language-flag.french {
    background: url(../images/flags/french.svg)
}

.language-flag.hebrew {
    background: url(../images/flags/hebrew.svg)
}

.language-flag.italian {
    background: url(../images/flags/italian.svg)
}

.language-flag.russian {
    background: url(../images/flags/russian.svg)
}

.language-flag.spanish {
    background: url(../images/flags/spanish.svg)
}

.selector-body .selector-column:not(:first-child) {

    /*border-left: 1px solid #EEE;*/

}


.selector-body .selector-column:last-child {

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

}


.selector-title {

    color: #fff !important;

    font-weight: 400;

    margin-top: 30px;

    white-space: nowrap;

}


.selector-subtitle {

    color: #fff;

    font-weight: 400;

    margin-top: 30px;

    position: absolute;

    top: -70px;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}


.selectorCPU {

    padding-bottom: 10px;

    margin-bottom: 12px;

}


.selectorCPU:not(:last-child) {

    border-bottom: 1px solid #EEE;

}


.selector-head div:not(:first-child) .selector-title {

    text-align: center;

}


.selectorSideBorders {

    border-left: 1px solid #EEE;

    /*border-right: 1px solid #EEE;*/

}


.selector-group div, .button-config {

    text-align: center;

    text-transform: none !important;

}


.selectorPrice {

    text-align: center;

    text-transform: none !important;

    margin-bottom: 6px;

}


.selectorPrice .price {

    font-size: 16px;

    color: #555;

    /*opacity: .9;*/

    font-weight: 600;

}


.selectorPrice .cycle span {

    color: #555;

    opacity: .8;

    font-family: 'Lato', sans-serif;

    font-size: 12px;

}


.table-server-types table {

    border-collapse: collapse;

}


.table-server-types table, .table-server-types th, .table-server-types td {

    vertical-align: middle !important;

    border: 1px solid #ddd !important;

}


.table-server-types td {

    padding-top: 10px;

    padding-bottom: 10px;

}


.table-server-types tr th, tr td:first-child {

    font-size: 16px;

}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a {
    color: #FFF !important;
}

.customizeBtn {

    margin-bottom: 10px;

    text-align: center;

}


.customizeBtn .button {

    border-radius: 5px !important;

}


#formresult {

    color: #fff;

    font-size: 20px;

}


.radio-style-2-label {

    text-transform: capitalize;

    font-family: 'Lato', sans-serif;

    font-weight: 600;

    font-size: 14px;

}


.radio-style-2-label small {

    opacity: .8;

    margin-left: 24px;

    font-family: 'Lato', sans-serif;

    font-size: 12px;

}


.radio-style:checked + .radio-style-2-label:before {

    background: #15a9db;

}


.serverspecs-box:nth-child(2) {

    /*border-top: 2px solid rgba(21, 169, 219,.9)!important;*/

}


.serverspecs-box:first-child {

    background-color: #1290ba;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    border-bottom-left-radius: 0 !important;

    border-bottom-right-radius: 0 !important;

    border: none;

}


.serverspecs-box:first-child .spec-name {

    color: #fff !important;

    font-weight: 400;

    white-space: nowrap;

}


.pricing.pricing-4 .pricing-box {

    float: left;

    margin-top: 20px;

}


.pricing-action {

    padding: 15px 5px;

}


.bestsellers .pricing-box .pricing-title h3 {

    font-family: lato, sans-serif !important;

    text-transform: none !important;

}


.bestsellers .pricing-features li {

    letter-spacing: 0px !important;

}


.bestsellers-footer p {

    font-size: 22px;

}


.bestsellers .pricing-action-link {

    padding: 15px 5px;

    background-color: #15a9db;

    color: #FFF;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: block;

    border: 1px solid #15a9db !important;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.bestsellers .pricing-action-link:hover {

    background-color: #15a9db;

    opacity: 0.85;

    color: #FFF;

}


.serverspecs-bottom-note .data-toggle {

    border-bottom: 1px dotted #1290ba !important;

}


.shadow-3d-effect {

    box-shadow: 0px 3px 7px 3px rgba(17, 31, 56, 0.15);

    -webkit-box-shadow: 0px 3px 7px 3px rgba(17, 31, 56, 0.15);

}


#page-menu-wrap {

    -webkit-box-shadow: 0 6px 20px 0 rgba(17, 31, 56, 0.2);

    box-shadow: 0 6px 20px 0 rgba(17, 31, 56, 0.2);

}


.stamp {

    position: absolute;

    /*float: right;*/

    /*right: -5px;*/

    left: -15px;

    -webkit-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

    top: -15px;

    width: 200px;

    text-align: center;

    border-radius: 4px;

    line-height: 40px;

    font-size: 20px;

    letter-spacing: 1px;

    font-weight: 600;

}

.mega-menu-content .feature-box .not-dark h3 a {
    color: #222;
}

.mega-menu-content .feature-box.fbox-center:not(.fbox-bg) h3:after {
    content: none;
}

.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
    border-left-color: #F2F2F2 !important;
}


.stamp.over-blue {

    background-color: #444;

    color: #FFF;

}


.feature-box.fbox-massive:not(.fbox-bg) h3:after {

    border-top-color: rgba(255, 255, 255, 0.85) !important;

}


.feature-box.fbox-massive i {

    font-size: 80px !important;

}


a.call-for-action-btn {

    background-color: rgba(21, 169, 219, 0.85) !important;

}


a.call-for-action-btn:hover {

    background-color: rgba(21, 169, 219, 1) !important;

}


.feature-box.fbox-massive h3, .feature-box.fbox-massive p {

    color: #FFF !important;

}


.industries h3 {

    text-align: center;

    color: #555;

    font-family: lato, sans-serif;

    letter-spacing: 0.2px;

}


.industry i {

    font-size: 65px;

    color: #15a9db;

}


.industry h2 {

    font-family: lato, sans-serif;

    font-size: 18px;

    letter-spacing: 0.5px;

    opacity: .8;

}


.transparent-toggles .togglet {

    letter-spacing: 1.5px;

    color: #fff !important;

    background: rgba(255, 255, 255, 0.2);

    font-size: 17px;

    font-weight: 500;

    line-height: 35px !important;

    text-align: center;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-topright: 4px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


.transparent-toggles .togglet:not(.toggleta) {

    -moz-border-radius-bottomleft: 4px;

    -moz-border-radius-bottomright: 4px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}


.transparent-toggles .toggle-border {

    border: 0px;

}


.transparent-toggles .togglet i {

    left: 48% !important;

}


.transparent-toggles .togglec {

    letter-spacing: 0.5px;

    color: #fff !important;

    background: rgba(255, 255, 255, 0.3);

    padding-top: 15px !important;

    -moz-border-radius-bottomleft: 4px;

    -moz-border-radius-bottomright: 4px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}


.uptimemain {

    font-family: 'Lato', sans-serif;

    letter-spacing: .1em;

}


.insetshadow {

    font-family: 'Lato', sans-serif;

    letter-spacing: .1em;

    text-shadow: -1px -1px 1px #111,
    2px 2px 1px #e4e4e4;

}


#server-row-section {

    padding: 100px 0;

}

.mega-menu-column-clickable:hover {
    cursor: pointer;
}


/*LG or bigger*/

@media (min-width: 1200px) {

    .marketplace-app-title {
        font-size: 4em;
    }

    .mega-menu-column .feature-box.fbox-center .fbox-icon {
        margin-bottom: 12px;
    }

    #primary-menu .mega-menu-column .feature-box p {
        display: block !important;
    }

    .mega-menu-column .feature-box.fbox-center.fbox-small .fbox-icon, img.main-menu-icon {
        height: 80px !important;
        width: 80px !important;
    }

    #page-title :not(.page-title-center) .breadcrumb {
        max-width: 450px;
    }

    #posts .entry-title {
        height: 50px;
    }

    .heading-block h2 + span {

        font-size: 20px;

    }


    .feature-box.fbox-massive h3 {

        font-size: 30px;

    }


    .feature-box.fbox-massive p {

        font-size: 18px;

    }

}


/*MD devices */

@media (min-width: 992px) and (max-width: 1199px) {


    .bestsellers-footer p {

        font-size: 19px !important;

    }


    .feature-box.fbox-massive h3 {

        font-size: 25px;

    }


    .feature-box.fbox-massive p {

        font-size: 18px;

    }

}


.testimonialsbg3 {

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/testimonialsbg3.jpeg');

}


/*LG or bigger*/

@media (min-width: 1200px) {

    #primary-menu ul.list_separated li:not(:last-child):after {
        content: "";
        position: absolute;
        left: 5%;
        bottom: 0;
        height: 1px;
        width: 90%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .spec-value-cpu .label {

        /*float: right;*/

        /*margin-top: 5px;*/

    }


    .testimonialsbg2 {

        background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/testimonialsbg2.jpeg');

    }

}


/*MD devices */

@media (min-width: 992px) and (max-width: 1199px) {

    .testimonialsbg2 {

        background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/testimonialsbg2-small.jpeg');

    }

}


/*SM or smaller*/

@media (max-width: 991px) {

    #top-bar {
        min-height: 44px;
        height: fit-content;
    }

    #top-bar p {
        margin-bottom: 0px;
        line-height: 2em !important;
        padding: 5px !important;
    }

    #header .button {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }

    #header .button {
        position: absolute;
        top: 50px;
        right: 15px;
        margin: 0;
        padding: 0 14px;
    }

    .bestsellers-footer p {

        max-width: 500px;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 15px;

    }


    .bestsellers-footer {

        margin-top: 0px !important;

    }


    .bestseller {

        max-width: 400px !important;

        margin: auto !important;;

        float: none !important;;

        margin-bottom: 50px !important;;

    }


    .pricing-box.best-price {

        margin: 0px -1px 0 -1px !important;

    }


    .feature-box.fbox-massive h3 {

        font-size: 25px;

    }


    .feature-box.fbox-massive p {

        font-size: 16px;

    }


    .industries h3 {

        font-size: 19px;

    }


    .testimonialsbg2 {

        background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/testimonialsbg2-smallest.jpeg');

    }


    .testimonialsbg1 {

        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/testimonialsbg1-small.jpeg');

    }


    .transparent-toggles > div {

        padding-left: 20px;

        padding-right: 20px;

    }

}


/*MD or bigger*/

@media (min-width: 992px) {

    #main-title {

        letter-spacing: 1px;

    }


    .bestsellers-footer {

        margin-top: 40px !important;

    }


    .homepage-textrotator {

        font-size: 30px;

    }


    .slider-caption.slider-caption-center {

        max-width: 900px;

        margin-top: 0px;

    }


    .industries {

        padding: 25px 40px 40px;

    }


    .industries h3 {

        font-size: 25px;

    }


    .testimonialsbg1 {

        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/testimonialsbg1.jpeg');

    }
}


/*SM or bigger*/

@media (min-width: 768px) {

    .trustspot_banner_small {
        display: none;
    }

    .serverwizard-bigbutton {
        min-width: 250px;
    }

    #server-row-section {

        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/datacenter-row-small.jpeg');

    }

}


/*SM Devices*/

@media (min-width: 768px) and (max-width: 1199px) {

    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 12px auto !important;
        justify-content: center;
    }

    #posts .entry-title {
        height: 75px;
    }

    #main-title {
        font-size: 28px;
    }

}


.ddos-pricing .pricing-title h3 {

    font-family: 'Lato', sans-serif;

}


.plan-icon {

    height: 18px;

    width: 18px;

}


.t900 {

    font-weight: 900 !important;

}


.shadowbox {

    box-shadow: 0px 5px 10px rgba(0, 0, 0, .4);

}


.spec-price span.big-price {

    font-size: 18px !important;

    line-height: 0px;

}


.spec-note .big-number {

    color: #e52f48 !important;

    font-size: 16px;

    line-height: 0;

}


.nobottommargin {

    margin-bottom: 0px !important;

}


.middle-aligned th, .middle-aligned td {

    vertical-align: middle !important;

}


#vps-additional-features .owl-prev, .owl-next {

    opacity: 1 !important;

}


.spreadout li {

    margin-bottom: 12px;

}


.spreadout li .upgrade-pricing {

    background-color: #15a9db;

    color: #FFFFFF;

    width: 95px;

    padding-top: 3px;

    padding-bottom: 3px;

    display: inline-block;

    text-align: center;

    border-radius: 3px;

}


.spreadout li .upgrade-specs {

    display: inline-block;

    width: 122px;

}


.spreadout li [class^="icon-"]:first-child {

    top: 3px;

}


.infinite-animation {

    animation-iteration-count: infinite !important;

    -webkit-animation-iteration-count: infinite !important;

    -ms-animation-iteration-count: infinite !important;

    -moz-animation-iteration-count: infinite !important;

    -o-animation-iteration-count: infinite !important;

}


.blue-bottom-border .pricing-price:after {

    content: '';

    position: absolute;

    width: 100px;

    border-top: 1px solid rgba(21, 169, 219, 0.85);

    top: auto;

    bottom: 0;

    left: 50%;

    margin-left: -50px;

}


.float-left {

    float: left !important;

}


.float-right {

    float: right !important;

}


.stretched #gotoTop {
    left: 30px;
    right: auto;
}

.pricing-box .pricing-price {
    padding: 20px 0 10px;
}

.pricing-box.best-price .pricing-price .pricing-sale {
    color: #333;
    padding: 0;
}

.pricing-box .pricing-sale .original-price {
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    color: #333;
}

.pricing-box .pricing-sale .sale-price {
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 0;
}

.pricing-box .pricing-sale span.original-price:not(.price-unit):not(.price-tenure) {
    text-decoration: line-through;
    font-weight: 300;
    font-size: 50px;
    line-height: 1;
}

.pricing-box .pricing-sale span.sale-price:not(.price-unit):not(.price-tenure) {
    color: #4CAF50;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
}


.faqs .toggle .togglet i {

    font-size: 18px;

    position: absolute;

    right: 15px;

    left: auto;

}


.faqs .toggle .togglet, .faqs .toggle .toggleta {

    font-size: 17px;

    letter-spacing: 0.5px;

}


/*Start of One Click Apps require navigation arrows to always show*/


#vps-comparison-tbl {

    font-size: 15px;

    letter-spacing: 1px;

}


.dark #primary-menu.style-5:not(.not-dark) > ul, #primary-menu.dark.style-5 > ul {

    border: none;

}


.bootstrap-select .dropdown-menu.open {

    opacity: 0.93;

}


.carousel-always-show-nav .owl-nav [class*=owl-] {

    opacity: 1 !important;

    left: -18px !important;

}


.carousel-always-show-nav .owl-nav .owl-next {

    left: auto !important;

    right: -18px !important;

}


/*End of One Click Apps require navigation arrows to always show*/


.tabs.tabs-alt ul.tab-nav li:not(.ui-tabs-active) a {

    color: #15a9db;

}


.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {

    color: #EEE !important;

}


#footer .footer-widgets-wrap {

    padding: 30px 0;

}


.col-padding40 {

    padding: 40px !important;

}


.sold-out-btn {

    background: transparent !important;

    color: #000 !important;

}


.bgicon {

    position: absolute;

    bottom: -40px;

    right: 0px;

    font-size: 210px;

    color: rgba(0, 0, 0, 0.06);

}


.live-chat-custom-btn {

    background-color: rgba(0, 0, 0, 0.2) !important;

}


#page-title {
    padding: 20px 0 25px;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
}


.extra-bold {

    font-weight: bolder;

}


#page-title span {

    text-transform: capitalize;

}


#page-title > div {

    margin-top: 20px !important;

}


.pricing-price-was {

    position: relative;

    padding-top: 15px;

    font-weight: 400;

    font-size: 16px;

    line-height: 1;

    color: #999;

}


.pricing-price-was span.price-was-price {

    /*text-decoration: line-through;*/

    font-weight: 600;

}


.pricing-features li {

    font-size: 16px;

    letter-spacing: 1px;

}


.data-toggle:not(.cursor-pointer), .pricing-features li span, .table-comparison td span {

    cursor: help !important;

    text-decoration: none;

    /*border-bottom: dashed 1px #0088cc !important;*/

}


.testi-meta {

    text-align: center;

}


.testi-meta i {

    color: #fde16d;

}


.pricing-features li i {

    font-size: 14px;

    margin-left: 3px;

}


.process-steps li.ui-tabs-active a {

    color: #FFF;

}


.icon-green {

    color: #3c763d;

}


.icon-red {

    color: #a94442;

}

.app-page ul {
    margin-left: 25px;
}


.fs11 {

    font-size: 11px !important;

}


.fs12 {

    font-size: 12px !important;

}


.fs13 {

    font-size: 13px !important;

}


.fs14 {

    font-size: 14px !important;

}


.fs15 {

    font-size: 15px !important;

}


.fs16 {

    font-size: 16px !important;

}


.fs17 {

    font-size: 17px !important;

}


.fs18 {

    font-size: 18px !important;

}


.fs19 {

    font-size: 19px !important;

}


.fs20 {

    font-size: 20px !important;

}


.fs21 {

    font-size: 21px !important;

}


.fs22 {

    font-size: 22px !important;

}


.fs23 {

    font-size: 23px !important;

}


table-responsive .table tr > td {

    text-align: center;

}


.heading-block.center > span.small-desc {

    max-width: 800px;

    font-size: 20px;

}


#quoteformresult {

    font-size: 17px;

    text-align: center;

}


/* Server specs Boxes

-----------------------------------------------------------------*/


.box-shadow-shallow {

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);


}


.serverspecs-box {

    /*-webkit-box-shadow: 0 2px 4px 1px rgba(222, 229, 237, .5);*/

    /*box-shadow: 0 2px 4px 1px rgba(222, 229, 237, .5);*/

    background-color: #F9F9F9;

    padding-left: 0;

    padding-right: 0;

}


.serverspecs-box:not(:nth-child(2)):not(:first-child):not(:last-child) {

    border-top: 1px solid #EEE;

    border-left: 1px solid #EEE;

    border-right: 1px solid #EEE;

}


.serverspecs-box:last-child {

    border-bottom: 1px solid #EEE;

    border-left: 1px solid #EEE;

    border-right: 1px solid #EEE;

}


.serverspecs-box:hover:not(.serverspecs-categories):not(.serverspecs-bottom-note):not(.serverspecs-quote) {

    /*background-color: #e9f4dd;*/

    background-color: #e2f5fc;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


.serverspecs-box:hover:not(.serverspecs-categories):not(.serverspecs-bottom-note) .serverspecs-spec-customize .button:not(.sold-out-btn) {

    box-shadow: 0px 2px 7px 3px rgba(17, 31, 56, 0.15);

    -webkit-box-shadow: 0px 2px 7px 3px rgba(17, 31, 56, 0.15);

}


.serverspecs-box .serverspecs-spec-note {

    padding-top: 8px;

    padding-bottom: 8px;

}


.serverspecs-box .spec-note {

    font-size: 14px;

    text-align: center;

    letter-spacing: 1.1px;

}


.serverspecs-box .spec-note-md {

    font-size: 14px !important;

    letter-spacing: 0.2px !important;

}


/*.serverspecs-box:active:not(.serverspecs-categories) .show-on-hover {*/

/*display: inline-block !important;*/

/*}*/


/*.serverspecs-box:active:not(.serverspecs-categories) .hide-on-hover {*/

/*display: none !important;*/

/*}*/


.serverspecs-box:active:not(.serverspecs-categories) .button-spec {

    /*background-color: #da2727 !important;*/

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);

    /*color: #FFF;*/

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


.button-spec-act-fast {

    padding-left: 28px !important;

    padding-right: 27px !important;

}


.button-spec-base-plan {

    padding-left: 18px !important;

    padding-right: 18px !important;

}


.button-spec-regular {

    padding-left: 28px !important;

    padding-right: 27px !important;

}


.spec-base-plan-responsive {

    /*font-size: 12px !important;*/

    letter-spacing: 0px !important;

}


/*.serverspecs-box:hover .spec-value-cpu,*/

/*.serverspecs-box:hover .spec-price {*/

.serverspecs-box:hover .spec-value {

    /*font-weight: 600 !important;*/

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


.serverspecs-spec .spec-value-cpu > i {

    font-size: 16px;

    float: left;

}


.serverspecs-spec {

    /*border-left: 1px solid rgba(0, 0, 0, 0.075);*/

    padding-top: 18px;

    /*padding-top: 15px;*/

    padding-bottom: 18px;

    /*padding-bottom: 15px;*/

    padding-left: 5px !important;

    padding-right: 5px !important;

}


.serverspecs-quote-spec {

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 4px !important;

    padding-right: 4px !important;

}


.serverspecs-spec-reqquote {

    padding-top: 5px;

    padding-bottom: 5px;

}


.serverspecs-spec-customize {

    padding-top: 3px;

    /*padding-top: 5.5px;*/

    padding-bottom: 3px;

    /*padding-bottom: 5.5px;*/

}


.spec-customize {

    padding: 2px 0 !important;

    /*display: inline !important;*/

}


.button-spec:hover .show-on-btn-hover,
.serverspecs-box:hover .show-on-row-hover {

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    display: inline-block !important;

}


.button-spec:hover .hide-on-btn-hover,
.serverspecs-box:hover .hide-on-row-hover {

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    display: none !important;

}


.button-spec:hover .white-on-hover {

    color: #fff !important;

}


.button-spec:hover > i .white-on-hover {

    color: #fff !important;

}


.button-spec {

    margin: 0 !important;

    text-transform: none;

    padding-left: 18px;

    padding-right: 18px;

    /*font-size: 13px;*/

    letter-spacing: 2px;

    width: 100%;

    font-family: 'Raleway', sans-serif;

    height: 30px;

    display: inline;

    padding-top: 7px;

    padding-bottom: 7px;

    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum=1";
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    -webkit-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;

    /*color: #d31e00 !important;*/

    /*border: solid 2px #72b823 !important;*/

}


.button-spec > i {

    color: #15a9db;

}


.button-spec:hover > i.icon-line2-settings {

    color: #FFF;

}


/*Next line is applied to MD devices*/

.small-padding-spec {

    padding-left: 5px !important;

    padding-right: 5px !important;

}


.button-special-price:hover {

    background-color: #E25822 !important;

}


.button-regular-price:hover {

    background-color: #15a9db !important;

}


.button-spec:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

}

table.table-vertical-middle td {
    vertical-align: middle !important;
}


.badge {
    display: inline-block !important;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
    margin: 6px auto;
}

.list-group-item > .badge {
    float: right;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.dark .input-group-addon, .dark .input-group-btn .btn-default {
    color: #999;
    background-color: rgba(0, 0, 0, .35);
    border-color: rgba(0, 0, 0, .25);
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.serverspecs-spec .spec-name {

    color: #000;

    letter-spacing: 1.3px;

    text-align: center;

    font-family: raleway, sans-serif;

    font-size: 18px;

}

#header, #header.transparent-header {
    z-index: 99 !important;
}


.serverspecs-spec .spec-value {

    /*padding-top: 3px;*/

    /*padding-bottom: 3px;*/

    color: #1a1a1a;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: normal;

    /*white-space: nowrap;*/

}


.serverspecs-spec .smaller-price {

    font-size: 15px !important;

}


.serverspecs-spec .spec-value:not(.spec-value-cpu) {

    text-align: center;

}


.serverspecs-spec .spec-price .spec-special {

    color: #e52f48 !important;

    font-weight: bold;

}


/*End of server specs section*/


.contactuspic-lg {

    padding-right: 250px;

    font-size: 50px !important;

}


.toppadding-sm {

    padding-top: 30px !important;

}

.bottompadding-sm {

    padding-bottom: 30px !important;

}


.postcontent {

    width: 100%;

}


.helptype:not(.helptype-selected) {

    box-shadow: 0px 3px 7px 3px rgba(17, 31, 56, 0.15);

    -webkit-box-shadow: 0px 3px 7px 3px rgba(17, 31, 56, 0.15);

}


.helptype-selected {

    border-radius: 3px;

    border-bottom: 3px solid rgba(0, 0, 0, 0.15);

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    background-color: #1488b0 !important;

    font-weight: 900;

}


.helptype-hover {

    background-color: #444 !important;

    color: #FFF !important;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) !important;

}


.g-recaptcha {

    display: inline-block;

}


.table-comparison th:first-child, .table-comparison td:first-child {

    text-align: center;

}


.upgrade-options {

    margin: 0 auto;

}

.label {
    display: inline-block;
    font-size: 12px;
    line-height: 2.1em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    height: 26px;
    min-width: 65px;
    padding: 0 10px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    z-index: 3;
    top: 1.23809524em;
    right: 1.23809524em;
}

.label:not([class*='bg--']) {
    background-color: #15A9DB;
}

.bg-gray {
    background-color: #F9F9F9;
}

.bg-primary {
    background-color: #15A9DB !important;
}

.flipped-image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


/*lg Devices only*/

@media (min-width: 1199px) {

    .spec-price {

        max-width: 150px !important;

        margin: auto !important;;

    }


    .plan-icon {

        margin-left: 16px;

    }


    .plan-name-spec-value {

        margin-right: 34px !important;

    }


    .specs-plan-name-span {

        font-size: 14px !important;

        line-height: 1 !important;

    }


    .weprovidetitle span {

        font-size: 27px !important;

    }


    #primary-menu ul li > a {

        font-size: 12px;

    }


    #primary-menu.style-5 > ul > li > a i {

        font-size: 27px;

    }

}


/*md Devices only*/

@media (min-width: 992px) and (max-width: 1199px) {

    #networkWow {
        background-position-x: -400px !important;
    }


    .quotereq-button {

        padding-right: 8px !important;

        padding-left: 8px !important;

    }


    .specs-plan-name-span {

        font-size: 14px !important;

        line-height: 1 !important;

    }


    .plan-icon {

        float: left;

        margin-left: 7px;

    }


    .plan-name-spec-value {

        margin-right: 25px !important;

    }


    .weprovidetitle {

        font-size: 16px !important;

    }


    .weprovidetitle span {

        font-size: 20px !important;

    }


    .spec-base-plan-responsive {

        white-space: nowrap;

    }


    .button-spec-act-fast {

        padding-left: 5px !important;

        padding-right: 5px !important;

    }


    .button-spec-base-plan {

        padding-left: 4px !important;

        padding-right: 4px !important;

    }


    .button-spec-regular {

        padding-left: 5px !important;

        padding-right: 5px !important;

    }

}


/*MD screens or bigger*/

@media (min-width: 992px) {


    .plan-icon {

        float: left;

    }


    .upgrade-options {

        width: 80%;

    }


    #primary-menu ul ul li {

        /*TODO: Once new topnav is live, make following comment live*/

        text-align: center;

    }


    #primary-menu ul ul li > a {

        /*TODO: Once new topnav is live, make following comments live*/

        letter-spacing: 1px !important;

        font-family: 'Raleway', sans-serif !important;

        font-variant-numeric: lining-nums;
        -moz-font-feature-settings: "lnum" 1;
        -moz-font-feature-settings: "lnum=1";
        -ms-font-feature-settings: "lnum" 1;
        -o-font-feature-settings: "lnum" 1;
        -webkit-font-feature-settings: "lnum" 1;
        font-feature-settings: "lnum" 1;

    }


    .slider-caption h2 {

        font-size: 50px;

        letter-spacing: 5px;

        margin-bottom: 30px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 2px;

        padding-left: 2px;

    }


    .bottom-divider:after {

        /*text-align: center;*/

        content: "";

        position: absolute;

        left: 5%;

        bottom: 0;

        height: 1px;

        width: 90%; /* or 100px */

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }


    .bottom-divider-small:after {

        /*text-align: center;*/

        content: "";

        position: absolute;

        left: 15%;

        bottom: 0;

        height: 1px;

        width: 70%; /* or 100px */

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }

}


@media (max-width: 991px ) and (min-width: 768px) {

    #networkWow {
        background-position-x: -500px !important;
    }

    .slider-caption h2 {

        font-size: 38px !important;

        letter-spacing: 5px;

        line-height: 1;

        margin-bottom: 30px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 2px;

        padding-left: 2px;

    }


    .homepage-slider .slider-caption {

        margin-top: 145px !important;

    }

}


/*SM Devices and smaller*/

@media (max-width: 991px) {

    #primary-menu ul li > a {
        font-size: 13px;
    }

    .label-container {
        margin: 30px;
    }

    .homepage .features-area .heading-block h2 {
        padding-top: 25px;
    }

    .slider-box-wrap {
        display: none;
    }

    .slider-box-wrap h2, .slider-box-wrap p {
        text-align: center;
    }

    img.main-menu-icon {
        height: 28px !important;
        width: 28px !important;
    }

    .serverspecs-spec .spec-name {

        font-weight: 600 !important;

    }


    .big-price {

        font-size: 17px !important;

    }


    .spec-special {

        font-size: 15px !important;

    }


    .serverspecs-box {

        /*max-width: 450px !important;*/

        margin-left: auto;

        margin-right: auto;

        float: none;

    }


    .plan-icon {

        display: block;

        margin-right: auto;

        margin-left: auto;

        margin-bottom: 5px;

    }


    .plan-name-spec {

        padding-bottom: 0px !important;

    }


    .plan-name-spec-value {

        letter-spacing: 2px !important;

        font-size: 17px !important;

        text-align: center !important;

    }


    .serverspecs-box {

        padding-bottom: 30px;

    }


    .upgrade-options {

        width: 100%;

    }


    .faqs .toggle .togglet i {

        right: 0px;

        padding-left: 15px;

    }

}


/* bigger than XXS */

@media (min-width: 480px) {


    .button-app-cta {

        padding: 0 26px !important;

        font-size: 16px !important;

        height: 46px !important;

        line-height: 46px !important;

    }


    .bootstrap-switch-id-servertypemobile {

        display: none !important;

    }


    .promo-custom-quote {

        margin-left: 25px;

        margin-right: 25px;

    }

}


/*XXS Devices and smaller*/

@media (max-width: 479px) {

    .slider-element {
        height: 350px;
    }

    #slider .img-map {
        margin-top: 50px !important;
    }

    #slider .slider-title h1 {
        font-size: 1.6em;
    }

    #slider .slider-title p {
        font-size: 1em;
    }

    #networkWow {
        background-position-x: -850px !important;
    }

    .post-grid.grid-2 .entry, .post-grid.grid-3 .entry {
        padding-right: 0 !important;
    }


    .button-app-cta {

        padding: 0 17px !important;

        font-size: 12px !important;;

        height: 34px !important;;

        line-height: 34px !important;;

    }


    .container {

        width: 345px !important;

    }


    .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {

        min-height: 400px !important;

    }


    #slider .swiper-wrapper .container {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }


    .mfp-wrap {

        z-index: 2000;

    }


    .bootstrap-switch-id-servertypedesktop {

        display: none !important;

    }


    #header .container {

        width: auto !important;

    }


    .heading-block h2 {

        font-size: 19px;

    }


    .heading-block h4 {

        font-size: 15px;

    }


    .heading-block.center > span {

        font-size: 16px !important;

    }


    .heading-block h2 + span {

        font-size: 17px !important;

    }


    .heading-block .small-desc {

        font-size: 15px !important;

    }


    .transparent-toggles .toggle.toggle-border .togglet {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .transparent-toggles .togglec {
        padding: 10px !important;
    }

}
