.margin-bottom {
    margin-bottom: 20px
}

.product-bg {
    padding: 120px 0 100px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0F17ED 0%, #0F81F3 100%)
}

.justg-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../image/about_overlay.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s
}

.position-parent {
    position: relative;
    z-index: 1
}

.justg-section-title, .justg-column-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 0 20px;
    text-transform: capitalize
}

.justg-section-title-2{
    font-size: 24px !important;
}

.
@media (max-width: 991.98px) {
    .justg-section-title, .justg-column-title {
        font-size: 40px;
        line-height: 50px
    }
}

@media (max-width: 767.98px) {
    .justg-section-title, .justg-column-title {
        font-size: 28px;
        line-height: 38px
    }
}

.justg-section-title span, .justg-column-title span {
    font-size: 32px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    color: var(--primary_color)
}

.justg-section-title span.top, .justg-column-title span.top {
    margin: 0 0 10px
}

.justg-section-title span.bottom, .justg-column-title span.bottom {
    margin: 10px 0 0
}

@media (max-width: 991.98px) {
    .justg-section-title span, .justg-column-title span {
        font-size: 20px
    }
}

@media (max-width: 767.98px) {
    .justg-section-title span, .justg-column-title span {
        font-size: 20px
    }

    .justg-section-title-2{
        font-size: 15px !important;
    }
}

.justg-column-title {
    font-size: 40px
}

@media (max-width: 767.98px) {
    .justg-column-title {
        font-size: 32px;
        line-height: 42px
    }
}

.bg-e {
    position: absolute;
    top: 0;
    left: -100px
}

@media (max-width: 1600px) {
    .bg-e {
        left: 0;
        max-width: 380px
    }
}

@media (max-width: 1199.98px) {
    .bg-e {
        max-width: 320px
    }
}

@media (max-width: 991.98px) {
    .bg-e {
        position: static;
        margin-bottom: 30px
    }
}

.justg-single-icon-box.help-box {
    height: 145px;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(183, 184, 185, .2);
    box-shadow: 0 5px 20px 0 rgba(183, 184, 185, .2)
}

.justg-single-icon-box.help-box .icon-thumb {
    margin-right: 30px
}

@media (max-width: 1199.98px) {
    .justg-single-icon-box.help-box {
        height: auto
    }
}

.justg-single-icon-box.help-box .iconbox-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px
}

.feature-parent-item li {
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .feature-parent-item li {
        position: static
    }
}

.feature-parent-item li:nth-child(2n) {
    top: 74px
}

.justg-single-icon-box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.justg-single-icon-box .icon-thumb {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.justg-single-icon-box.feature-list-item {
    overflow: hidden;
    height: 334px;
    padding-top: 55px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 27px 0 rgba(62, 97, 157, .3);
    box-shadow: 0 15px 27px 0 rgba(62, 97, 157, .3)
}

.justg-single-icon-box.feature-list-item .icon-thumb {
    margin-bottom: 30px
}

.justg-single-icon-box.feature-list-item .iconbox-content {
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out
}

.justg-single-icon-box.feature-list-item .iconbox-content h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 10px
}

.justg-single-icon-box.feature-list-item .iconbox-content h4, .justg-single-icon-box.feature-list-item .iconbox-content p {
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out
}

.justg-single-icon-box.feature-list-item .iconbox-content .hover_link {
    display: none
}

.justg-single-icon-box.feature-list-item::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    opacity: 0;
    border-radius: 30px;
    background: -webkit-linear-gradient(345deg, #6457c6 0%, #30d2be 0%, #30d2be 0%, #2c6bf1 0%, #1a59e7 100%);
    background: linear-gradient(105deg, #6457c6 0%, #30d2be 0%, #30d2be 0%, #2c6bf1 0%, #1a59e7 100%);
    filter: alpha(opacity=0)
}

.justg-single-icon-box.feature-list-item:hover .icon-thumb {
    -webkit-animation: fade-out-top .7s cubic-bezier(.25, .46, .45, .94) both;
    animation: fade-out-top .7s cubic-bezier(.25, .46, .45, .94) both
}

.justg-single-icon-box.feature-list-item:hover .iconbox-content {
    padding-bottom: 67px
}

.justg-single-icon-box.feature-list-item:hover .iconbox-content h4, .justg-single-icon-box.feature-list-item:hover .iconbox-content p {
    color: #fff
}

.justg-single-icon-box.feature-list-item:hover .hover_link {
    display: block;
    -webkit-animation: zoomIn .6s cubic-bezier(.39, .575, .565, 1) both;
    animation: zoomIn .6s cubic-bezier(.39, .575, .565, 1) both
}

.justg-single-icon-box.feature-list-item:hover::after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.head-top {
    margin-bottom: 70px
}

.head-title {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px
}

.head-subtitle {
    color: #999;
    font-size: 16px
}

section.section.operating-system {
    background-color: #f9f9ff
}

.os-card {
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd00;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .04);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 40px 0 30px;
    background: #fff
}

.os-card:hover {
    border-style: solid;
    border-color: #2c7be5
}

.os-card:hover .os-card-image-box-description {
    color: #2c7be5
}

.os-card-image-box-wrapper {
    text-align: center
}

.faq-wrap .card {
    border: 0
}

.faq-wrap .card .card-header {
    padding: .95rem 1.25rem;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .12);
    border-radius: 4px 4px 0 0;
    background: #0948b3;
    margin-bottom: 0;
    border: 1px solid rgba(93, 118, 174, .15)
}

.faq-wrap .card .card-header h6 {
    color: #fff
}

.faq-wrap .card .card-header.collapsed {
    background: 0 0
}

.faq-wrap .card .card-header.collapsed h6 {
    color: initial
}

.faq-wrap .card .card-header.collapsed:after {
    content: "\f107";
    -webkit-transition: .5s;
    transition: .5s;
    color: initial
}

.faq-wrap .card .card-header:after {
    font-family: "font awesome 5 free";
    font-weight: 900;
    color: initial;
    content: "\f106";
    float: right;
    -webkit-transition: .5s;
    transition: .5s;
    width: 30px;
    text-align: center;
    background: #4383fe;
    border-radius: 4px
}

.faq-wrap .card .card-body {
    background: #fafafa;
    border-radius: 0 0 4px 4px
}

#default-captcha-domainchecker {
    margin-top: 15px;
    margin-bottom: -63px
}

#default-captcha-domainchecker #inputCaptcha {
    width: 100px;
    border-radius: 4px
}

.domainchecker-homepage-captcha #google-recaptcha-domainchecker {
    margin-bottom: -46px
}

@media (max-width: 991px) {
    #google-recaptcha-domainchecker {
        padding-left: 2.5%
    }

    #default-captcha-domainchecker {
        margin-bottom: -25px
    }
}

.captchaimage {
    margin: 0;
    padding: 3px 0 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-align: right
}

.blockquote-card {
    padding: 1.2em 30px 1.2em 75px;
    border-left: .5rem solid #2c7be5;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.blockquote-card:before {
    font-family: Arial;
    content: "\201C";
    color: #2c7be5;
    font-size: 4em;
    position: absolute;
    left: .875rem;
    top: -.875rem
}

.hover-scale-110:hover {
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

section.section.about-detail {
    background-image: url(../image/about_detail.jpg) !important;
    background-size: cover;
    background-position: center
}

.about-detail-content {
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    padding: 25px 0 50px;
    background: #fff;
    border: 2px solid #fff;
    visibility: visible;
    animation-name: fadeIn;
    margin-bottom: 20px
}

.about-detail-content {
}

span.about-detail-count {
    display: block;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    margin-top: 10px;
    text-align: center;
    color: #2f73f6
}

.about-detail-content p {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    opacity: 1;
    text-align: center;
    text-transform: capitalize;
    color: #3c424f
}

p.about-lead {
    font-size: 14px;
    color: #828282
}

.header-area .is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: .32s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .32s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 999;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.header-area .is-sticky .navigation-menu--text_white > ul > li > a {
    color: #444
}

.header-area .is-sticky .navigation-menu--text_white > ul > li > a > span:after {
    background-color: #444
}

.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a {
    color: #000
}

.header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a:after, .header-area .is-sticky .navigation-menu--text_white > ul > li.active > a:after {
    color: #000
}

.header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a > span, .header-area .is-sticky .navigation-menu--text_white > ul > li.active > a > span {
    color: #000
}

.header-area .is-sticky .header-search-form .search-form-top .style-02 {
    background-color: transparent;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 {
    background-color: transparent;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-webkit-input-placeholder, .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-webkit-input-placeholder {
    color: #333
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-moz-placeholder, .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-moz-placeholder {
    color: #333
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 input:-ms-input-placeholder, .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea:-ms-input-placeholder {
    color: #333
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-ms-input-placeholder, .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-ms-input-placeholder {
    color: #333
}

.header-area .is-sticky .header-search-form .search-form-top.style-03 input::placeholder, .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::placeholder {
    color: #333
}

.header-area .is-sticky .header-search-form .search-form-top .search-field {
    color: #000
}

.header-area .is-sticky .header-search-form .search-form-top .search-submit {
    color: #333
}

.header-area .header-top-bar-info {
    border-bottom-color: #ffffff12 !important
}

.header__logo .dark-logo, .header__logo .light-logo {
    width: 70%
}

.header-area .is-sticky .header__logo .dark-logo {
    display: inherit
}

.header-area .is-sticky .header__logo .light-logo {
    display: none
}

.header-area .is-sticky .menu-style-four .navigation-menu > ul > li > a {
    color: #227
}

.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:after, .header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:after {
    color: #2c7be5
}

.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a > span, .header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a > span {
    color: #2c7be5
}

.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:before, .header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:before {
    width: 100%;
    left: 0
}

.header-area .is-sticky .header-search-form-two.white-icon a {
    color: #333
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-area.is-sticky.only-mobile-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: .32s ease-in-out 0s normal none 1 running fadeInDown;
        animation: .32s ease-in-out 0s normal none 1 running fadeInDown;
        z-index: 999;
        -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
        transition: all .7s cubic-bezier(.645, .045, .355, 1);
        -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky {
        display: none !important
    }
}

.header-area--absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-area--absolute {
        position: static
    }
}

.header-area--absolute__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5
}

.header-area--default {
    border-color: #e4e8f6;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .05)
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    -webkit-flex-basis: 25.6%;
    -ms-flex-preferred-size: 25.6%;
    flex-basis: 25.6%;
    padding: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__logo.top-logo {
    padding: 0
}

.header-area .is-sticky > .header__logo {
    padding: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header__logo {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media only screen and (max-width: 767px) {
    .header__logo {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .header__logo.top-logo {
        padding: 15px 0
    }
}

.header__logo > a img {
    width: 120px !important
}

.header__logo .dark-logo {
    display: none
}

.header__logo .light-logo {
    display: inherit
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__logo .dark-logo {
        display: inherit
    }

    .header__logo .light-logo {
        display: none
    }
}

.header.default-menu-style .header__logo {
    -webkit-flex-basis: 23.5%;
    -ms-flex-preferred-size: 23.5%;
    flex-basis: 23.5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 0
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header.default-menu-style .header__logo {
        -webkit-flex-basis: 13%;
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header.default-menu-style .header__logo {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 767px) {
    .header.default-menu-style .header__logo {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.header.default-menu-style .header-midle-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header.default-menu-style .header-right-box {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 23.5%;
    -ms-flex-preferred-size: 23.5%;
    flex-basis: 23.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header.default-menu-style .header-right-box {
        -webkit-flex-basis: 23%;
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header.default-menu-style .header-right-box {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header.default-menu-style .header-right-box {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

@media only screen and (max-width: 767px) {
    .header.default-menu-style .header-right-box {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.header.default-menu-style .header-right-box .header-right-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .header.default-menu-style .header-right-box .header-right-inner {
        margin: auto
    }
}

.megamenu .left.resources ul li a {
    justify-content: flex-start;
    margin: 1.2rem 0;
    padding: 0;
    height: auto
}

.megamenu .left.resources {
    flex-basis: 50%
}

.megamenu .left.resources .page-list-title, .megamenu .right.resources .page-list-title {
    font-family: heebo, sans-serif;
    background-color: #2c7be5;
    display: block;
    padding: .5rem;
    color: #fff
}

ul[data-value=company] {
    margin: .2rem 0
}

.platform-list > span {
    color: #fff
}

.language-menu {
    padding-right: 25px
}

.language-menu > ul > li {
    position: relative;
    display: inline-block;
    line-height: 1;
    padding: 0 10px
}

.language-menu > ul > li > a {
    padding: 0 10px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase
}

.language-menu > ul > li > a span {
    margin-left: 10px
}

.language-menu > ul > li > a::after {
    content: '\f078';
    font-size: 8px;
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'font awesome 5 pro';
    font-weight: 900
}

.language-menu > ul > li ul {
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 102;
    -webkit-box-shadow: 0 0 37px rgba(0, 0, 0, .07);
    box-shadow: 0 0 37px rgba(0, 0, 0, .07);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.language-menu > ul > li ul li a {
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    padding: 10px;
    border: 0;
    background: #fff;
    color: #222;
    line-height: 1;
    text-transform: uppercase
}

.language-menu > ul > li ul li a span {
    margin-left: 10px
}

.language-menu > ul > li ul li a img {
    width: 24px;
    height: auto
}

.language-menu > ul > li ul li a:hover {
    background: #eee
}

.language-menu > ul > li:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.header-right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-right .empty-space {
    height: 1px;
    width: 127px;
    background: 0 0
}

.header-right-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .header-right-inner {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
        -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
        box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
        transition: all .7s cubic-bezier(.645, .045, .355, 1);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .header-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-right-inner.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        z-index: 999
    }
}

@media only screen and (max-width: 767px) {
    .header-right-box .header-right-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width: 575px) {
    .header-right-box .header-right-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.header-top-info-slider-werap {
    overflow: hidden;
    max-width: 770px;
    width: 100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-top-info-slider-werap {
        max-width: 540px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-top-info-slider-werap {
        max-width: 280px
    }
}

@media only screen and (max-width: 767px) {
    .header-top-info-slider-werap {
        max-width: 100%
    }
}

.header-top-info-slider-werap {
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .header-top-info-slider-werap {
        padding: 0 0
    }
}

.header-top-info-inner .info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #ddd;
    padding-left: 19px
}

.header-top-info-inner .info-item .info-icon {
    width: 41px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 30px;
    line-height: 1;
    color: var(--secondary-color)
}

.header-top-info-inner .info-item .info-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-top-info-inner .info-item .info-content .info-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.18;
    margin-bottom: 6px
}

.header-top-info-inner .info-item .info-content .info-sub-title {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .header-top-info-inner .info-item {
        padding-left: 0;
        margin-top: 20px
    }
}

.header-top-info-inner.default-color .info-item .info-icon {
    color: #2c7be5
}

.top-info-slider__container {
    cursor: w-resize
}

.top-info-slider__container .swiper-slide-active .info-item {
    border-left: none
}

.header-social-networks.style-icons a {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    margin-top: 10px
}

.header-bottom-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-bottom-left-wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-search-form {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.header-search-form .search-form-top {
    position: relative;
    background-color: rgba(0, 47, 166, .3)
}

.header-search-form .search-form-top .search-field {
    width: 270px;
    border-radius: 0;
    border: 0 !important;
    background: 0 0 !important;
    min-height: 60px;
    padding-right: 50px;
    padding-left: 10px;
    color: #fff
}

.header-search-form .search-form-top input::-webkit-input-placeholder, .header-search-form .search-form-top textarea::-webkit-input-placeholder {
    color: #333
}

.header-search-form .search-form-top input::-moz-placeholder, .header-search-form .search-form-top textarea::-moz-placeholder {
    color: #333
}

.header-search-form .search-form-top input:-ms-input-placeholder, .header-search-form .search-form-top textarea:-ms-input-placeholder {
    color: #333
}

.header-search-form .search-form-top input::-ms-input-placeholder, .header-search-form .search-form-top textarea::-ms-input-placeholder {
    color: #333
}

.header-search-form .search-form-top input::placeholder, .header-search-form .search-form-top textarea::placeholder {
    color: #333
}

.header-search-form .search-form-top .search-submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 18px;
    background: 0 0;
    width: 48px;
    height: 48px;
    line-height: 50px;
    padding: 0;
    border: 0;
    color: #fff
}

.header-search-form .search-form-top.style-02 {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed
}

.header-search-form .search-form-top.style-02 .search-field {
    width: 232px;
    border-radius: 0;
    background: #fff !important;
    border: 0 !important;
    min-height: 60px;
    color: #333
}

.header-search-form .search-form-top.style-02 .search-submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 18px;
    background: 0 0;
    width: 48px;
    height: 48px;
    line-height: 50px;
    padding: 0;
    border: 0;
    color: #000
}

.header-search-form .search-form-top.style-03 input::-webkit-input-placeholder {
    color: #ddd
}

.header-search-form .search-form-top.style-03 input::-moz-placeholder {
    color: #ddd
}

.header-search-form .search-form-top.style-03 input:-ms-input-placeholder {
    color: #ddd
}

.header-search-form .search-form-top.style-03 input::-ms-input-placeholder {
    color: #ddd
}

.header-search-form .search-form-top.style-03 input::placeholder {
    color: #ddd
}

.header-search-form.default-search {
    height: 100%
}

.header-search-form.default-search .search-form-top {
    background: 0 0;
    border-left: 1px solid #eee;
    margin-right: -15px
}

@media only screen and (max-width: 575px) {
    .header-search-form.default-search .search-form-top {
        margin-top: 15px;
        background: #eee
    }
}

.header-search-form.default-search .search-form-top .search-field {
    max-width: 225px;
    color: #333;
    min-height: 80px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header-search-form.default-search .search-form-top .search-field {
        max-width: 160px
    }
}

@media only screen and (max-width: 767px) {
    .header-search-form.default-search .search-form-top .search-field {
        min-height: 40px
    }
}

.header-search-form.default-search .search-form-top .search-submit {
    color: #000
}

.header-search-form-two {
    padding-left: 24px;
    display: block
}

.header-search-form-two a {
    line-height: 0;
    font-size: 18px
}

.header-search-form-two a:hover {
    -webkit-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.header-search-form-two.white-icon a {
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-search-form-two.white-icon a {
        color: #333
    }
}

.top-bar-left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.top-bar-left .top-bar-text {
    font-size: 14px;
    line-height: 1.78
}

.top-bar-left .top-bar-text .font-medium {
    font-weight: 500
}

.top-bar-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.top-bar-wrap .top-bar-right .top-bar-info .info-item {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px
}

.top-bar-wrap .top-bar-right .top-bar-info .info-item:first-child {
    margin-left: 0
}

.top-bar-wrap .top-bar-right .top-bar-info .info-item .info-icon {
    margin-right: 5px;
    font-size: 13px
}

.top-message {
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.78
}

.top-message a {
    color: #2c7be5;
    font-weight: 500
}

.top-message a:hover {
    color: var(--secondary-color)
}

.navigation-menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.navigation-menu > ul > li {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.no-bg-hover a {
    background-color: transparent !important;
    border: 0;
    visibility: visible;
"
}

.no-bg-hover span:hover {
    color: var(--logo-variant-light-color-2)
}

.navigation-menu > ul > li.no-bg-hover:hover {
    color: var(--logo-variant-dark-color-6)
}

.navigation-menu > ul > li:not(.no-bg-hover):hover {
    background-color: #fff;
    border-top-color: var(--logo-variant-light-color-2)
}

.navigation-menu > ul > li.always-active {
    color: var(--logo-variant-dark-color-6);
    height: 3rem;
    display: flex;
    align-self: center;
    align-items: center;
    background-color: #fff;
    border-top: 3px solid var(--logo-variant-light-color-2)
}

.navigation-menu > ul > li.always-active a {
    width: 7.6rem;
    text-align: center
}

.navigation-menu > ul > li.always-active:hover {
    background-color: var(--logo-variant-light-color-1)
}

.navigation-menu > ul > li.always-active:hover {
    background: var(--white-difference);
    cursor: pointer
}

.navigation-menu > ul > li.always-active a {
    color: var(--logo-variant-dark-color-6) !important
}

.navigation-menu > ul > li {
    margin: 0 24px
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .navigation-menu > ul > li {
        margin: 0 22px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .navigation-menu > ul > li {
        margin: 0 15px
    }
}

.navigation-menu > ul > li > a {
    display: block;
    color: inherit;
    padding: 21px 2px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.18
}

.navigation-menu > ul > li.has-children > a {
    position: relative
}

.navigation-menu > ul > li.has-children > a:after {
    position: static;
    margin-left: 5px;
    font-family: "font awesome 5 pro";
    content: '\f107';
    font-size: 14px;
    vertical-align: middle;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.has-children--multilevel-submenu.active > a > span {
    color: var(--secondary-color-variant-light)
}

.navigation-menu > ul > li.has-children--multilevel-submenu {
    position: relative
}

.navigation-menu > ul > li.has-children:hover .megamenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.navigation-menu > ul > li.has-children:hover > .submenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.navigation-menu.primary--menu > ul > li > a {
    padding: 31px 2px
}

.navigation-menu--text_white > ul > li > a {
    color: rgba(255, 255, 255, .7)
}

.navigation-menu--text_white > ul > li > a:before {
    background-color: #fff
}

.navigation-menu--text_white > ul > li.active > a {
    color: #fff
}

.navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after {
    color: #fff
}

.navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span {
    color: #fff
}

.header-bottom-left-wrap .navigation-menu > ul > li:first-child {
    margin: 0 24px 0 0
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 29px rgba(0, 0, 0, .05);
    border-bottom: none;
    background-color: #fff;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    visibility: hidden;
    opacity: 0;
    min-width: 240px;
    padding: 20px 0;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.submenu > li {
    position: relative
}

.submenu > li > a {
    display: block;
    padding: 5px 30px;
    color: #ababab;
    font-weight: 400;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.submenu > li > a > span {
    position: relative
}

.submenu > li > a > span:after {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    background-color: #2c7be5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.submenu > li > a:hover {
    color: #2c7be5
}

.submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.submenu > li:hover > .submenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    z-index: 9
}

.submenu > li.active > a {
    color: #2c7be5
}

.submenu > li.has-children > a {
    position: relative;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.submenu > li.has-children > a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "font awesome 5 pro";
    content: '\f105';
    font-size: 14px;
    vertical-align: middle;
    color: #ababab
}

.submenu > li.has-children > a:hover:after {
    color: #2c7be5
}

.submenu > li.has-children.active > a {
    color: #2c7be5
}

.submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.menu-style-three .navigation-menu > ul > li:not(.always-active), .menu-style-four .navigation-menu > ul > li:not(.always-active) {
    padding-left: 24px;
    padding-right: 24px;
    margin: 0
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .menu-style-three .navigation-menu > ul > li, .menu-style-four .navigation-menu > ul > li {
        padding-left: 22px;
        padding-right: 22px
    }
}

.menu-style-three .navigation-menu > ul > li:hover > a:before, .menu-style-three .navigation-menu > ul > li.active > a:before, .menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before {
    width: 0%;
    left: 0
}

.menu-style-three .submenu.left, .menu-style-four .submenu.left {
    left: -100px
}

.menu-style-three .submenu.left .submenu.left, .menu-style-four .submenu.left .submenu.left {
    right: 100%;
    left: auto
}

.menu-style-four .navigation-menu > ul > li > a {
    color: hsla(0, 0%, 100%, .7);
    transition: all 0.3s ease-in-out 0s;
}

.menu-style-four .navigation-menu > ul > li:hover > a:after, .menu-style-four .navigation-menu > ul > li.active > a:after {
    color: #fff
}

.menu-style-four .navigation-menu > ul > li:not(.no-bg-hover):hover > a > span, .menu-style-four .navigation-menu > ul > li.active > a > span {
    color: var(--secondary-color-variant-light)
}

.menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before {
    width: 100%;
    left: 0
}

.navigation-menu > ul > li:not(.no-bg-hover):hover {
    background: 0 0;
    border-top-color: var(--logo-variant-light-color-2);
    color: rgba(255, 255, 255, .7)
}

.megamenu {
    position: absolute;
    top: 80%;
    left: 0%;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    background-color: #fff;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    visibility: hidden;
    opacity: 0;
    z-index: 9
}

.megamenu--fix-position {
    top: 100%
}

.megamenu--mega {
    min-width: 752px;
    width: 80%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-flow: row nowrap
}

.megamenu--mega .left, .megamenu--mega .right {
    padding: 0
}

.megamenu--mega .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    flex-flow: row wrap;
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.megamenu--mega .right {
    padding: 1.2rem 1rem 1rem .8rem;
    padding-top: 1.2rem;
    -webkit-flex-basis: 26%;
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%;
    background: #2c7be5
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .megamenu--mega {
        min-width: 700px
    }
}

.megamenu--mega li {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.megamenu--mega .left li a {
    height: 6rem;
    padding: 1.2rem
}

.megamenu--mega .right li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.megamenu--mega .left:not(.resources) li:not(.inner-list):hover {
    background-color: #fafafa
}

.megamenu--mega li:hover .page-list-title {
    color: var(--logo-variant-dark-color-3)
}

.megamenu--mega li:not(.inner-list) .page-list-title {
    display: block;
    font-size: 1rem;
    color: #777;
    line-height: 12px;
    margin-bottom: 10px
}

.megamenu--mega li .platform-list a {
    display: block;
    margin: 1rem 0;
    color: #fff;
    font-weight: 400
}

.megamenu--mega li:not(.inner-list) .description {
    color: #777;
    font-size: 1rem;
    line-height: 1.5
}

.megamenu--mega li:not(.inner-list):hover .description {
    color: #2c7be5
}

.megamenu--mega li:not(.inner-list):hover .page-list-title {
    color: #2c7be5
}

.megamenu--mega li:not(.inner-list) > a {
    padding: 1rem 1rem 1rem .2rem;
    color: #1c2768;
    line-height: 1;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    align-items: center
}

.megamenu--mega li:not(.inner-list) > a > img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.megamenu--mega li:not(.inner-list) > a[data-adjust-padding=true] {
    padding-top: 1.6rem
}

.megamenu--mega li a .img-description {
    margin-right: .4rem
}

.megamenu--mega li ul li > a:hover span:after {
    width: 100%;
    left: 0;
    right: auto
}

.megamenu--mega li ul li > a > span {
    position: relative
}

.megamenu--mega li ul li.active > a {
    color: #2c7be5
}

.container-fluid .megamenu--mega {
    padding: 35px 220px 30px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega {
        min-width: 700px
    }
}

.mobile-navigation-icon {
    width: 24px;
    height: 25px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 30px
}

.mobile-navigation-icon:hover i {
    background-color: #2c7be5
}

.mobile-navigation-icon:hover i:before {
    width: 80%;
    background-color: #2c7be5
}

.mobile-navigation-icon:hover i:after {
    background-color: #2c7be5;
    width: 60%
}

.mobile-navigation-icon i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: #333;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-navigation-icon i:before {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    content: "";
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-navigation-icon i:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    content: "";
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mobile-navigation-icon.white-md-icon i {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:before {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:after {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon:hover i {
        background-color: #2c7be5
    }

    .mobile-navigation-icon.white-md-icon:hover i:before {
        width: 80%;
        background-color: #2c7be5
    }

    .mobile-navigation-icon.white-md-icon:hover i:after {
        background-color: #2c7be5;
        width: 60%
    }
}

@media only screen and (max-width: 992px) {
    .mobile-navigation-icon.white-md-icon i {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:before {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:after {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon:hover i {
        background-color: #2c7be5
    }

    .mobile-navigation-icon.white-md-icon:hover i:before {
        width: 80%;
        background-color: #2c7be5
    }

    .mobile-navigation-icon.white-md-icon:hover i:after {
        background-color: #2c7be5;
        width: 60%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .is-sticky .white-md-icon i {
        background-color: #333
    }

    .is-sticky .white-md-icon i:before {
        background-color: #333
    }

    .is-sticky .white-md-icon i:after {
        background-color: #333
    }
}

.page-open-off-sidebar:hover i {
    width: 100%
}

.page-open-off-sidebar:hover i:before {
    width: 100%
}

.page-open-off-sidebar:hover i:after {
    width: 100%
}

.page-open-off-sidebar i {
    width: 100%;
    background-color: #333
}

.page-open-off-sidebar i:before {
    width: 70%;
    background-color: #333
}

.page-open-off-sidebar i:after {
    width: 70%;
    background-color: #333
}

.hidden-icons-menu {
    margin-left: 15px
}

.hidden-icons-menu a {
    color: #6d70a6;
    font-size: 20px
}

.hidden-icons-menu a:hover {
    color: #2c7be5
}

.mobile-menu-overlay, .page-oppen-off-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    overflow: auto;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    cursor: url(https://www.justg.com/templates/justg-new/includes/front/assets/images/icons/light-close.png) 16 16, pointer;
    visibility: hidden;
    opacity: 0
}

.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    width: 400px;
    height: 100%;
    float: right;
    cursor: default;
    background: #2452e8;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    overflow-y: auto
}

@media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
        width: 100%
    }
}

.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
    visibility: visible;
    opacity: 1
}

.mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
    background-color: #fff;
    padding: 15px 0
}

.mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon {
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
    position: absolute;
    top: 23px;
    left: 8px;
    content: '';
    width: 24px;
    height: 3px;
    background: #333;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
    position: absolute;
    top: 23px;
    left: 8px;
    content: '';
    width: 24px;
    height: 3px;
    background: #333;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {
    color: #2c7be5
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
    padding: 20px 40px 100px
}

.mobile-menu-overlay__body .offcanvas-navigation, .page-oppen-off-sidebar__body .offcanvas-navigation {
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
    display: block;
    color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {
    color: #fff
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child {
    border-bottom: 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {
    content: '\f106'
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {
    position: absolute;
    right: 0;
    top: 12px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {
    background: rgba(255, 255, 255, .2)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {
    content: '\f107';
    font-size: 18px;
    font-family: "font awesome 5 pro"
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
    padding: 12px 0 14px 10px;
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, .7);
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {
    color: #fff
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {
    border-bottom: 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {
    content: "\f106"
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
    position: absolute;
    right: 0;
    top: 6px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {
    background: rgba(255, 255, 255, .2)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {
    content: '\f107';
    font-size: 16px;
    font-family: "font awesome 5 pro";
    font-weight: 500
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
    content: "\f106"
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {
    content: '\f107';
    font-size: 16px;
    font-family: "font awesome 5 pro";
    font-weight: 500
}

.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a {
    font-weight: 700
}

.megamenu .right.resources {
    flex-basis: 50%
}

ul.megamenu.megamenu--mega.megamenu--fix-position {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400
}

.megamenu.megamenu--mega.megamenu--fix-position {
    min-width: 28rem
}

ul.megamenu.megamenu--mega.megamenu--fix-position.services-megamenu {
    min-width: 50rem
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.adminreturndiv {
    display: none
}

.breadcrumb-area {
    padding-top: 164px;
    position: relative;
    padding-bottom: 114px;
    background-image: linear-gradient(90deg, #0F17ED 0%, #0F81F3 100%)
}

.breadcrumb-area::after {
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--logo-variant-dark-color-1);
    background-repeat: no-repeat;
    border-bottom-width: 0;
    padding-top: 136px;
    padding-bottom: 131px;
    background-size: cover;
    z-index: -1;
    background-image: url(https://www.justg.com/templates/justg-new/includes/front/assets/images/bg/banner-alt-bg-variant.svg)
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.breadcrumb-title {
    color: #fff;
    text-shadow: 0 1px 4px var(--logo-variant-dark-color-1);
    font-size: 45px
}

.breadcrumb-list {
    margin-top: 20px
}

.breadcrumb-list li {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.58;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: heebo, sans-serif;
    color: var(--text-visible-obscure)
}

.breadcrumb-list li a {
    position: relative
}

.breadcrumb-list li a::after {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -o-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: currentColor
}

.breadcrumb-list li a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
    z-index: 0
}

.breadcrumb-list li.active {
    color: #fff
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

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

.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-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

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

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
    margin-top: 0
}

.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-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 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-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

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

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

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

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

a.list-group-item, button.list-group-item {
    color: #555
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.pull-right {
    float: right !important
}

@media (min-width: 992px) {
    .pull-md-left {
        float: left
    }

    .pull-md-right {
        float: right
    }
}

@media (min-width: 768px) {
    .pull-sm-left {
        float: left
    }

    .pull-sm-right {
        float: right
    }

    .text-right-sm {
        text-align: right
    }
}

.mb-10 {
    margin-bottom: 10px
}

.mt-15 {
    margin-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.justg-box-careers {
    -webkit-box-shadow: 0 0 30px rgba(51, 51, 51, .08);
    box-shadow: 0 0 30px rgba(51, 51, 51, .08);
    border: 1px solid #f0efef;
    border-radius: 12px;
    background: #fff;
    padding: 25px 30px 34px;
    height: 100%
}

.justg-box-careers:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.job-title {
    display: block;
    line-height: 1
}

.mt-20 {
    margin-top: 20px
}

.feature-icon-wrapper {
    background: url(../images/justg-home-infotechno-section-company-bg.png) top 62px left no-repeat, -webkit-linear-gradient(top, #FFF 0, #F5F5F5 100%)
}

.justg-box-icon.style-02:hover .icon-box-wrap {
    border-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    box-shadow: 0 0 20px rgba(51, 51, 51, .1)
}

.justg-box-icon.style-02 .icon-box-wrap {
    padding: 30px 15px;
    border-radius: 5px;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 14rem
}

#faqTabs li a {
    color: #0f336b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 1.5em;
    min-width: 250px;
    text-align: center;
    box-shadow: 0 3px 19px -9px rgba(0, 0, 0, .2);
    transition: .3s
}

#faqTabs li a.active, #faqTabs li a:hover {
    border-color: #2c7be5;
    color: #2c7be5;
    box-shadow: 0 6px 10px -1px rgba(0, 0, 0, .1)
}

.faq-question {
    margin-bottom: 1em
}

#faqTabs li a svg {
    width: 48px;
    height: 48px
}

#faqTabs li a svg.filled path.cls-2 {
    fill: #0f336b
}

#faqTabs li a.active svg circle, #faqTabs li a.active svg line, #faqTabs li a.active svg path, #faqTabs li a:hover svg circle, #faqTabs li a:hover svg line, #faqTabs li a:hover svg path {
    stroke: #2c7be5
}

#faqTabs li a.active svg.filled path.cls-2, #faqTabs li a:hover svg.filled path.cls-2 {
    stroke: #2c7be5;
    fill: #2c7be5
}

.faq-question a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.faq-question a + div {
    font-size: 16px;
    font-weight: 300;
    padding-right: 2rem
}

.faq-question p {
    font-size: 16px;
    font-weight: 400;
    color: #1f4073;
    margin: 0
}

@media screen and (max-width: 480px) {
    #faqTabs li a {
        font-size: .65rem;
        width: 100%
    }

    #faqTabs li {
        margin-bottom: 1rem;
        width: 45%
    }

    #faqTabs li a {
        min-width: auto
    }

    .faq-question a {
        display: inline-block;
        width: 100%
    }
}

.our-numbers {
    background-color: #f8faff;
    color: #3b3b3b;
    padding-top: 25px;
    padding-bottom: 25px
}

.our-numbers p {
    margin: 0;
    padding: 0
}

.our-numbers p.emphasis {
    font-size: 35px;
    font-weight: 600
}

.card-spin-container {
    position: relative;
    height: 170px;
    z-index: 1;
    cursor: pointer
}

.face.back {
    display: none
}

@media all and (-webkit-transform-3d) {
    .card-spin-container {
        perspective: 1000;
        -webkit-perspective: 1000
    }

    .card-spin {
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: transform 1s
    }

    .card-spin.clicked {
        transform: rotateY(180deg)
    }

    .card-spin.clicked .card {
        border-color: #2c7be5;
        transition: 1s
    }

    .card-spin.clicked .card .card-body {
        color: #2c7be5
    }

    .face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden
    }

    .face.back {
        display: block;
        transform: rotateY(180deg)
    }
}

.justg-box-icon.style-01 .icon-box-wrap {
    padding: 36px 10px 26px;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    text-align: center;
    margin-top: 30px;
    min-height: 14rem;
    max-height: 16rem
}

.justg-box-icon.style-01 .icon-box-wrap .icon {
    text-align: center;
    margin: auto;
    margin-bottom: 29px;
    color: #2c7be5
}

.justg-box-icon.style-01 .icon-box-wrap .icon svg > * {
    stroke: #2c7be5
}

.justg-box-icon.style-01 .icon-box-wrap .content {
    text-align: center
}

.justg-box-icon.style-01 .icon-box-wrap .content .heading {
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 12px
}

.justg-box-icon.style-01 .icon-box-wrap .content .service_text {
    color: var(--text-color)
}

.justg-box-icon.style-01:hover .icon-box-wrap {
    border-color: #fff;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.justg-box-icon.style-01 .feature-btn a {
    color: #2c7be5;
    margin-top: 20px
}

.justg-box-icon.style-01 .feature-btn a:hover {
    color: var(--secondary-color)
}

.justg-box-icon.style-02 .icon-box-wrap {
    padding: 30px 15px;
    border-radius: 5px;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 14rem
}

.justg-box-icon.style-02 .icon-box-wrap .icon {
    min-width: 80px;
    margin-right: 10px;
    color: #333
}

.justg-box-icon.style-02 .icon-box-wrap .icon .svg-icon {
    width: 65px;
    height: 65px
}

.justg-box-icon.style-02 .icon-box-wrap .icon svg * {
    stroke: currentColor
}

.justg-box-icon.style-02 .icon-box-wrap .content {
    text-align: left
}

.justg-box-icon.style-02 .icon-box-wrap .content .heading {
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 12px
}

.justg-box-icon.style-02 .icon-box-wrap .content .service_text {
    color: var(--text-color)
}

.justg-box-icon.style-02:hover .icon-box-wrap {
    border-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    box-shadow: 0 0 20px rgba(51, 51, 51, .1)
}

.justg-box-icon.style-02 .feature-btn a {
    color: #2c7be5;
    margin-top: 20px
}

.justg-box-icon.style-02 .feature-btn a:hover {
    color: var(--secondary-color)
}

.justg-box-icon.style-03 .icon-box-wrap {
    padding: 30px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.justg-box-icon.style-03 .icon-box-wrap .content-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.justg-box-icon.style-03 .icon-box-wrap .content-header .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 48px;
    font-weight: 48px;
    min-width: 60px;
    margin-right: 10px;
    color: var(--secondary-color)
}

.justg-box-icon.style-03 .icon-box-wrap .content-header .heading {
    color: #2c7be5;
    margin-bottom: 10px
}

.justg-box-icon.style-03 .icon-box-wrap .content .service_text {
    color: var(--text-color)
}

.justg-box-icon.style-03:hover .icon-box-wrap {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

@media only screen and (max-width: 575px) {
    .justg-box-icon.style-03 .icon-box-wrap {
        padding: 37px 10px
    }

    .justg-box-icon.style-03 .icon-box-wrap .image {
        height: 100px;
        width: 100px;
        line-height: 100px
    }
}

.feature-list-button-box .ht-btn {
    margin: 10px
}

.icon-box-wrap.adjust-height {
    height: 14rem;
    max-height: unset;
    min-height: unset
}

.svg-icon {
    height: 100px
}

.index-banner {
    background: url(../image/hero-1-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

@media (max-width: 768px) {
    .index-banner {
        background: 0 0
    }
}

.location-stats-bg {
    background-color: #2c7be5;
    background-image: url(../image/home-appointment-contact-bg-image.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain
}

.border-bottom-drak {
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important
}

.border-bottom {
    border-bottom: 1px solid #ededed !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e626 !important
}

.location-stats div.container div.row.section-space--mb_100 div.col-12 div.row div.col-12.col-lg-6 {
    height: 2.24rem;
    color: #f1f1f1
}

.location-stats div.container div.row.section-space--mb_100 div.col-12 > div.row > div.col-12.col-lg-6 div.col-2 {
    color: #fff
}

.pt {
    font-weight: 400;
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 8px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 4px
}

.pt__header {
    padding: 0 28px;
    display: flex
}

.pt__header .pt__cell {
    height: 64px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
    color: #a1a5b2;
    cursor: pointer
}

.pt__header .pt__cell.pt__cell-price {
    min-width: 300px
}

.pt__header [data-sort-order=asc], .pt__header [data-sort-order=desc] {
    color: #007bfc
}

.pt__header [data-sort-order=asc]:after, .pt__header [data-sort-order=desc]:after {
    content: "";
    transform-origin: center center;
    margin-left: 16px;
    height: 14px;
    width: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjA2NiIgaGVpZ2h0PSIxMy45NzQiPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTUxMCBrb3BpYSA5IiBkPSJNLjM2MiA0LjU5N2wzLjY3LTMuODcgMy42NyAzLjg3IiBzdHJva2U9IiMwMDdiZmMiLz48cGF0aCBkYXRhLW5hbWU9IktzenRhxYJ0IDE1MTAga29waWEgMTAiIGQ9Ik0uMzYyIDkuMzc3bDMuNjcgMy44NyAzLjY3LTMuODciIHN0cm9rZT0iI2I0YjZiOCIvPjwvZz48L3N2Zz4=) no-repeat
}

.pt__header [data-sort-order=desc]:after {
    transform: rotate(180deg)
}

.pt__row-content {
    display: flex;
    cursor: pointer;
    border-top: 1px solid #edeef2;
    transition: border-top .3s
}

.pt__header .pt__cell, .pt__row-content .pt__cell {
    display: flex;
    align-items: center
}

.pt__header .pt__cell:first-child, .pt__row-content .pt__cell:first-child {
    padding-left: 0;
    min-width: 25%
}

.pt__header .pt__cell:nth-child(2), .pt__row-content .pt__cell:nth-child(2) {
    min-width: 9%
}

.pt__header .pt__cell:nth-child(3), .pt__row-content .pt__cell:nth-child(3) {
    min-width: 9%
}

.pt__header .pt__cell:nth-child(4), .pt__row-content .pt__cell:nth-child(4) {
    min-width: 9%
}

.pt__header .pt__cell:nth-child(5), .pt__row-content .pt__cell:nth-child(5) {
    min-width: 9%
}

.pt__header .pt__cell:nth-child(6), .pt__row-content .pt__cell:nth-child(6) {
    min-width: 9%
}

.pt__header .pt__cell:nth-child(7), .pt__row-content .pt__cell:nth-child(7) {
    min-width: 12%
}

.pt__header .pt__cell:last-child, .pt__row-content .pt__cell:last-child {
    padding-right: 0
}

.pt__row {
    padding: 0 28px;
    position: relative;
    display: block
}

.pt__row:hover {
    text-decoration: none
}

.pt__row:last-child {
    padding-bottom: 16px
}

.pt__row:before {
    will-change: opacity;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(90deg, #021048, #1e38a3)
}

.pt__row.is-open {
    border-top: 0
}

.pt__row.is-open:before {
    opacity: 1;
    visibility: visible
}

.pt__row.is-open .pt__cell, .pt__row.is-open .pt__score.pt__score--faded {
    color: #e5ebff
}

.pt__row.is-open .pt__row-content {
    border-top: 1px solid transparent
}

.pt__row.is-open .pt__cell.pt__cell-price .pt__btn {
    background: #007bfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjQyNCIgaGVpZ2h0PSI5LjQyNCI+PGcgZGF0YS1uYW1lPSJHcm91cCA1MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTllYmY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTgxOSIgZD0iTS43MDcuNzA3bDggOCIvPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTgxOSBrb3BpYSIgZD0iTTguNzE3LjcwN2wtOC4wMSA4LjAxIi8+PC9nPjwvc3ZnPg==) no-repeat 50%
}

.pt__row.is-open .pt__cell-price-monthly {
    color: #e5ebff
}

.pt__cell {
    transition: color .3s;
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 12px;
    color: #142149
}

.pt__cell span div {
    color: #a1a5b2;
    font-size: 10px
}

.pt__cell.pt__cell-price {
    display: flex;
    align-items: center;
    flex: 1
}

.pt__cell.pt__cell-price .pt__btn {
    cursor: pointer;
    text-align: center;
    height: 28px;
    width: 28px;
    line-height: 28px;
    min-width: 28px;
    border: 1px solid #007bfc;
    border-radius: 100px;
    margin-left: auto;
    position: relative;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjcwNyIgaGVpZ2h0PSI1LjA2MSI+PHBhdGggZGF0YS1uYW1lPSJLc3p0YcWCdCAxNTEwIGtvcGlhIDIiIGQ9Ik0uMzU0LjM1NWw0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDdiZmMiLz48L3N2Zz4=) no-repeat 50%
}

.pt__row-collapse {
    margin-left: -5px;
    padding: 16px 5px 30px;
    width: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(229, 235, 255, .08);
    display: none
}

.pt__benchmark-name {
    color: #e5ebff;
    margin-bottom: 10px
}

.pt__score {
    font-weight: 500
}

.pt__score.pt__score--faded {
    color: #a1a5b2;
    font-weight: 400
}

.pt__score-container {
    flex: 1 0 auto;
    border: 1px solid rgba(229, 235, 255, .16);
    color: #e5ebff;
    padding: 12px;
    border-radius: 3px
}

.pt__speedometer + .pt__score {
    margin-left: 0
}

.pt__score-value {
    margin: 0;
    color: #fff;
    font-weight: 400
}

.pt__score-heading {
    color: rgba(229, 235, 255, .56)
}

.pt__actions {
    color: #fff;
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center
}

.pt__actions.pt__actions--skylake {
    justify-content: space-between
}

.pt__actions.pt__actions--skylake .pt__deoploy {
    max-width: 170px
}

.pt__deoploy {
    max-width: 210px;
    width: 100%;
    display: flex
}

.pt__cell-price-monthly {
    padding-right: 8px;
    min-width: 110px;
    color: #007bfc
}

.pt__cell-price-hourly {
    margin-right: 16px
}

.pt__show-more {
    background: #fff;
    color: #007bfc;
    text-transform: lowercase;
    font-weight: 400;
    margin: 18px auto 0;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    font-size: 15px;
    line-height: 24px;
    border-radius: 0
}

@media (max-width: 1011px) {
    .pt__show-more {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.pt--version-comparison {
    max-width: 520px;
    margin: 0 auto
}

.pt--version-comparison .pt__cell {
    height: 62px
}

.pt--version-comparison .pt__row-content {
    cursor: auto
}

.pt__remark {
    padding: 0 15px;
    color: #354052;
    line-height: 40px;
    border-radius: 3px;
    background-color: #f5f5f5
}

.pt__remark strong {
    color: #ec3c00
}

@media (max-width: 579px) {
    .navbar-item .link {
        padding: 0
    }

    .navbar-item {
        margin: 0 15px
    }

    .productgroups .btn {
        margin-bottom: 15px
    }

    .pt__remark > span {
        display: block
    }
}

@media (max-width: 1011px) {
    .pt {
        box-shadow: none
    }

    .pt__header {
        display: none
    }

    .pt__score {
        display: flex;
        flex-direction: column
    }

    .pt__score span {
        display: block;
        height: 26px;
        line-height: 24px;
        white-space: nowrap
    }

    .pt__score.pt__score--faded span:last-child {
        font-weight: 500;
        color: #142149
    }

    .pt.show-more .pt__row:nth-child(+n+4) {
        display: block
    }

    .pt__row {
        position: relative;
        min-height: 192px;
        margin-bottom: 16px;
        padding: 0;
        background: #fff;
        border-radius: 3px
    }

    .pt__row-collapse, .pt__row-content {
        position: relative;
        z-index: 2
    }

    .pt__row-content {
        height: 272px;
        padding: 0 16px 54px;
        border: none
    }

    .pt__row-content .pt__cell {
        position: absolute
    }

    .pt__row-content .pt__cell:not(.pt__cell-price) {
        display: inline-block
    }

    .pt__row-collapse {
        margin-left: 0;
        width: 100%;
        padding: 16px
    }

    .pt__row:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06);
        border-radius: 3px;
        transition: box-shadow .3s ease
    }
}

@media (max-width: 1011px) {
    .pt__row:nth-child(+n+5) {
        display: none
    }

    .pt__row:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .pt__row:before {
        z-index: 1;
        top: 138px;
        height: calc(100% - 138px);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pt__row.is-open .pt__cell:not(.pt__cell-price), .pt__row.is-open .pt__score.pt__score--faded {
        color: #142149
    }

    .pt__actions.pt__actions--skylake {
        flex-direction: column
    }

    .pt__actions.pt__actions--skylake .pt__deoploy {
        margin-top: 16px;
        max-width: 100%;
        width: 100%
    }

    .pt__deoploy {
        max-width: 100%;
        margin-top: 0
    }

    .pt__cell {
        position: absolute;
        top: 0;
        height: 24px;
        left: 16px;
        right: 16px;
        width: 50%;
        padding: 0
    }

    .pt__cell.pt__cell-price {
        top: 220px;
        left: 0;
        right: 0;
        height: 54px;
        width: 100%;
        padding: 0 16px !important;
        border-top: 1px solid #edeef2
    }

    .pt__cell.pt__cell-price .pt__btn {
        margin-left: auto
    }

    .pt__cell .pt__cell-price-monthly {
        min-width: 0;
        margin-right: 8px
    }

    .pt__cell:first-child {
        height: 50px;
        top: 20px;
        width: 100%
    }

    .pt__cell:nth-child(2) {
        top: 68px
    }

    .pt__cell:nth-child(3) {
        top: 116px
    }

    .pt__cell:nth-child(4) {
        left: calc(50% + 16px);
        top: 68px
    }

    .pt__cell:nth-child(5) {
        left: calc(50% + 16px);
        top: 116px
    }

    .pt__cell:nth-child(6) {
        top: 166px
    }

    .pt__cell:nth-child(7) {
        left: calc(50% + 16px);
        top: 166px
    }

    .pt__score-container {
        margin-bottom: 16px
    }

    .pt__cell-price-hourly {
        color: #a1a5b2
    }
}

.dedicated-performance-section {
    position: relative;
    padding: 39px 0 0
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section {
        padding: 59px 0 0
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-performance-section {
        padding: 79px 0 0
    }
}

.dedicated-performance-section .section-title-1 {
    margin: 0 0 60px;
    letter-spacing: -.01em
}

.dedicated-performance-section .section-title-1 mark {
    padding: 0;
    background-color: transparent;
    position: relative;
    display: inline-block
}

.dedicated-performance-section .section-title-1 mark:after {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 100%;
    right: -20px;
    height: 12px;
    border: solid 2px #00ab6b;
    border-color: #00ab6b transparent transparent transparent;
    border-radius: 50%/12px 12px 0 0;
    margin-top: 14px
}

.dedicated-performance-section .subtitle {
    margin: 10px 0 24px
}

.dedicated-performance-section .description {
    margin-bottom: 38px
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section .description {
        margin-bottom: 48px
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-performance-section .description {
        margin-bottom: 68px
    }
}

.dedicated-performance-section .heading-box {
    margin-bottom: 40px
}

.dedicated-performance-section .image-box-dots {
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section .image-box-dots {
        position: relative
    }
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section .image-box-dots {
        padding-left: 12%;
        margin-left: 0;
        margin-right: -174px;
        margin-bottom: -50px
    }
}

.dedicated-performance-section .image-box-dots:after {
    height: 48%
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section .image-box-dots:after {
        bottom: 50px
    }
}

.dedicated-performance-section .image-box-dots .review-card {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    max-width: 90%
}

@media screen and (min-width: 768px) {
    .dedicated-performance-section .image-box-dots .review-card {
        max-width: 63.5%
    }
}

.dedicated-performance-section .image-box-dots .review-card p {
    margin-bottom: 15px;
    font-style: italic;
    color: #535b81
}

.dedicated-performance-section .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.review-card {
    padding: 25px 20px;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .review-card {
        padding: 30px 25px
    }
}

@media screen and (min-width: 1200px) {
    .review-card {
        padding: 30px
    }
}

.review-card p {
    margin-bottom: 15px;
    font-style: italic;
    letter-spacing: -.03em
}

.heading-boxes-section {
    padding: 50px 0 35px;
    background-color: #f4f5f7
}

@media screen and (min-width: 768px) {
    .heading-boxes-section {
        padding: 90px 0 65px
    }
}

.heading-boxes-section .title {
    margin: 0 0 15px
}

.heading-boxes-section .heading-box dt {
    margin-bottom: 1em
}

.heading-boxes-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .heading-boxes-section .row {
        margin-left: -25px;
        margin-right: -25px
    }

    .heading-boxes-section .row > * {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 1200px) {
    .heading-boxes-section .row {
        margin-left: -35px;
        margin-right: -35px
    }

    .heading-boxes-section .row > * {
        padding-left: 35px;
        padding-right: 35px
    }
}

.heading-boxes-section .row [class*=col] {
    margin: 15px 0
}

@media screen and (min-width: 992px) {
    .heading-boxes-section .row [class*=col] {
        margin: 20px 0
    }
}

@media screen and (min-width: 1200px) {
    .heading-boxes-section .row [class*=col] {
        margin: 25px 0
    }
}

@media screen and (max-width: 479px) {
    .heading-boxes-section .row [class*=col] {
        width: 100%
    }
}

.heading-box {
    margin: 0;
    padding: 0
}

.heading-box dt {
    line-height: 20px;
    font-weight: 600;
    margin-bottom: .75em;
    letter-spacing: -.01em
}

.heading-box dt .label {
    font-size: 12px;
    line-height: 18px;
    margin: -4px 0 -4px 10px;
    letter-spacing: 1px;
    vertical-align: top
}

.heading-box dd {
    line-height: 1.5;
    color: #535b81
}

.heading-box dd a {
    color: inherit
}

.image-box-dots .image {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 32px 44px 0 rgba(12, 20, 58, .2);
    box-shadow: 0 32px 44px 0 rgba(12, 20, 58, .2)
}

.dedicated-deploy-section {
    position: relative
}

.dedicated-deploy-section .container, .dedicated-deploy-section .modal-lg, .dedicated-deploy-section .modal-md, .dedicated-deploy-section .modal-sm, .dedicated-deploy-section [class*=col] {
    position: static
}

@media screen and (min-width: 768px) {
    .dedicated-deploy-section .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 768px) {
    .dedicated-deploy-section .row [class*=col]:first-child {
        padding-top: 200px;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.dedicated-deploy-section .bg {
    padding-bottom: 75%;
    margin: 0 -20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

@media screen and (min-width: 768px) {
    .dedicated-deploy-section .bg {
        position: absolute;
        left: 0;
        right: calc(50% + 15px);
        bottom: 60px;
        top: 0;
        padding: 0;
        width: auto;
        margin: 0
    }
}

.dedicated-deploy-section .bg:after {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: -60px;
    right: -45px;
    height: 36%
}

@media screen and (min-width: 768px) {
    .dedicated-deploy-section .bg:after {
        right: -20px;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .dedicated-deploy-section .bg:after {
        right: -45px
    }
}

.dedicated-deploy-section .scheme-holder {
    padding: 30px 20px;
    position: relative;
    z-index: 2;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .dedicated-deploy-section .scheme-holder {
        padding: 35px 55px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-deploy-section .scheme-holder {
        padding: 40px 80px 50px
    }
}

.dedicated-deploy-section .scheme-holder .head {
    margin-bottom: 25px
}

@media screen and (min-width: 992px) {
    .dedicated-deploy-section .scheme-holder .head {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-deploy-section .scheme-holder .head {
        margin-bottom: 40px
    }
}

.comparison-hosting-block ul li:first-child .dedicated-deploy-section .scheme-holder .head .cell, .customer-review .dedicated-deploy-section .scheme-holder .head .author, .dedicated-deploy-section .scheme-holder .head .comparison-hosting-block ul li:first-child .cell, .dedicated-deploy-section .scheme-holder .head .customer-review .author, .dedicated-deploy-section .scheme-holder .head .h1, .dedicated-deploy-section .scheme-holder .head .h2, .dedicated-deploy-section .scheme-holder .head .h3, .dedicated-deploy-section .scheme-holder .head .h4, .dedicated-deploy-section .scheme-holder .head .h5, .dedicated-deploy-section .scheme-holder .head .h6, .dedicated-deploy-section .scheme-holder .head .heading, .dedicated-deploy-section .scheme-holder .head .heading-box dt, .dedicated-deploy-section .scheme-holder .head .icons-expander .item .head, .dedicated-deploy-section .scheme-holder .head .list-checkbox > li, .dedicated-deploy-section .scheme-holder .head h1, .dedicated-deploy-section .scheme-holder .head h2, .dedicated-deploy-section .scheme-holder .head h3, .dedicated-deploy-section .scheme-holder .head h4, .dedicated-deploy-section .scheme-holder .head h5, .dedicated-deploy-section .scheme-holder .head h6, .heading-box .dedicated-deploy-section .scheme-holder .head dt, .icons-expander .item .dedicated-deploy-section .scheme-holder .head .head {
    margin-bottom: 6px;
    display: block
}

.dedicated-deploy-section .scheme-holder .scheme img {
    width: 100%;
    height: auto;
    margin: auto;
    z-index: 2;
    position: relative
}

.dedicated-deploy-section .scheme-holder .scheme img.s2 {
    width: 71%;
    margin-top: -5.5%;
    margin-bottom: 2.5%;
    z-index: 1
}

.dedicated-deploy-section .scheme-holder .scheme img.s4 {
    width: 77%;
    margin-top: -3.5%;
    margin-bottom: 2%;
    z-index: 1
}

.dedicated-deploy-section .text-content {
    padding: 25px 0
}

@media screen and (min-width: 992px) {
    .dedicated-deploy-section .text-content {
        padding: 35px 0 70px
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-deploy-section .text-content {
        padding: 45px 0 80px
    }
}

.dedicated-deploy-section .text-content .title {
    margin-top: 0;
    margin-bottom: 1.1em
}

.dedicated-deploy-section .text-content .description {
    margin: 2em 0
}

.dedicated-deploy-boxes-section {
    padding: 20px 0
}

.dedicated-deploy-boxes-section .heading-box dt {
    margin-bottom: .5em;
    line-height: 1.5
}

.dedicated-deploy-boxes-section .boxes-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -15px
}

@media screen and (min-width: 992px) {
    .dedicated-deploy-boxes-section .boxes-row {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -20px
    }

    .dedicated-deploy-boxes-section .boxes-row > * {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-deploy-boxes-section .boxes-row {
        margin-bottom: -22px
    }
}

.dedicated-deploy-boxes-section .boxes-row [class*=col] {
    margin: 15px 0
}

@media screen and (min-width: 992px) {
    .dedicated-deploy-boxes-section .boxes-row [class*=col] {
        margin: 20px 0
    }
}

@media screen and (min-width: 1200px) {
    .dedicated-deploy-boxes-section .boxes-row [class*=col] {
        margin: 22px 0
    }
}

@media screen and (max-width: 479px) {
    .dedicated-deploy-boxes-section .boxes-row [class*=col] {
        width: 100%
    }
}

.relaible-service-section {
    padding: 0 0 40px
}

@media screen and (min-width: 768px) {
    .relaible-service-section {
        margin-top: 100px
    }
}

@media screen and (min-width: 992px) {
    .relaible-service-section {
        padding: 0 0 60px
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section {
        padding: 0 0 80px
    }
}

.relaible-service-section .title {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .relaible-service-section .title {
        margin-top: 80px
    }
}

.relaible-service-section .heading-box dt {
    margin-bottom: .5em;
    line-height: 1.5
}

.relaible-service-section .boxes-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -15px
}

@media screen and (min-width: 992px) {
    .relaible-service-section .boxes-row {
        margin-bottom: -20px
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section .boxes-row {
        margin-bottom: -35px
    }
}

@media screen and (min-width: 992px) {
    .relaible-service-section .boxes-row {
        margin-left: -25px;
        margin-right: -25px
    }

    .relaible-service-section .boxes-row > * {
        padding-left: 25px;
        padding-right: 25px
    }
}

.relaible-service-section .boxes-row [class*=col] {
    margin: 15px 0
}

@media screen and (min-width: 992px) {
    .relaible-service-section .boxes-row [class*=col] {
        margin: 20px 0
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section .boxes-row [class*=col] {
        margin: 35px 0
    }
}

@media screen and (max-width: 479px) {
    .relaible-service-section .boxes-row [class*=col] {
        width: 100%
    }
}

.relaible-service-section .image-box-dots {
    margin: 0 -20px 40px
}

@media screen and (min-width: 768px) {
    .relaible-service-section .image-box-dots {
        position: absolute;
        left: 15px;
        top: -180px;
        right: -5px;
        margin: 0
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section .image-box-dots {
        right: -186px
    }
}

.relaible-service-section .image-box-dots:after {
    left: 75px;
    bottom: 40px;
    height: 46%;
    display: none
}

@media screen and (min-width: 768px) {
    .relaible-service-section .image-box-dots:after {
        display: block;
        left: -35px;
        bottom: 35px
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section .image-box-dots:after {
        left: -75px;
        bottom: 40px
    }
}

.relaible-service-section .image-box-dots img {
    width: 100%
}

@media screen and (min-width: 768px) {
    .relaible-service-section .image-box-dots img {
        max-height: 360px
    }
}

@media screen and (min-width: 1200px) {
    .relaible-service-section .image-box-dots img {
        max-height: none
    }
}

.enjoy-support-section {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .enjoy-support-section {
        padding: 60px 0
    }
}

@media screen and (min-width: 992px) {
    .enjoy-support-section {
        padding: 70px 0
    }
}

@media screen and (min-width: 1200px) {
    .enjoy-support-section {
        padding: 80px 0
    }
}

.enjoy-support-section .title {
    margin: 0 0 .6em
}

.enjoy-support-section .description {
    margin: 1em 0 2.2em
}

.enjoy-support-section .list-checkbox {
    margin-bottom: 3em
}

.list-checkbox {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-checkbox:not(:last-child) {
    margin-bottom: 1.5em
}

.list-checkbox > li {
    position: relative;
    padding-left: 38px;
    line-height: 20px;
    font-weight: 400
}

.list-checkbox > li:not(:last-child) {
    margin-bottom: 28px
}

.list-checkbox > li:before {
    content: '\e916';
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #21c48b
}

.owl-carousel-support {
    padding: 0
}

.owl-carousel-support .owl-stage-outer {
    border: 1px solid #e3e8ee
}

.owl-carousel-support .customer-review {
    border-color: transparent
}

.owl-carousel-support .owl-dots {
    margin: 19px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px
}

.owl-carousel-support .owl-dots .owl-dot {
    margin-left: 6px;
    margin-right: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 4px solid #e3e8ee;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.owl-carousel-support .owl-dots .owl-dot.active {
    width: 18px;
    height: 18px
}

.customer-review {
    border: 1px solid #e3e8ee;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    padding: 20px
}

@media screen and (min-width: 768px) {
    .customer-review {
        padding: 25px
    }
}

@media screen and (min-width: 992px) {
    .customer-review {
        padding: 25px 30px
    }
}

.customer-review .image {
    margin-bottom: 16px;
    width: auto !important
}

.customer-review .quote {
    font-size: 18px;
    font-style: italic;
    color: #232e44;
    letter-spacing: -.52px;
    line-height: 1.5;
    margin-bottom: 1.25em
}

.customer-review .author {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customer-review .author:not(:last-child) {
    margin-bottom: 7px
}

.customer-review .position {
    color: #656d78;
    margin-bottom: 16px
}

.customer-review .link {
    font-weight: 500;
    color: #00ab6b;
    margin: 0
}

.trustpilot-reviews-section {
    padding: 16px 0 26px
}

@media screen and (min-width: 768px) {
    .trustpilot-reviews-section {
        padding: 26px 0 36px
    }
}

@media screen and (min-width: 992px) {
    .trustpilot-reviews-section {
        padding: 36px 0 46px
    }
}

.trustpilot-reviews-section .section-title-1 {
    margin-top: 0;
    margin-bottom: 1em
}

.trustpilot-reviews-section .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    letter-spacing: -.01em
}

@media screen and (min-width: 768px) {
    .trustpilot-reviews-section .head {
        margin: 0 -5px 38px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 992px) {
    .trustpilot-reviews-section .head {
        font-size: 21px;
        margin: 0 -10px 52px
    }
}

.trustpilot-reviews-section .head p {
    margin: 0
}

.trustpilot-reviews-section .head .text-nowrap, .trustpilot-reviews-section .head .trust-stars {
    margin: 10px 0
}

@media screen and (min-width: 768px) {
    .trustpilot-reviews-section .head .text-nowrap, .trustpilot-reviews-section .head .trust-stars {
        margin: 0 5px
    }
}

@media screen and (min-width: 992px) {
    .trustpilot-reviews-section .head .text-nowrap, .trustpilot-reviews-section .head .trust-stars {
        margin: 0 10px
    }
}

.trustpilot-reviews-section .customer-review {
    margin-bottom: 30px
}

.trustpilot-reviews-section .customer-review:last-child {
    margin-bottom: 0
}

.trustpilot-reviews-section .customer-review .quote {
    color: #6a7898;
    margin-bottom: .9em
}

.trustpilot-reviews-section .customer-review .author img {
    position: relative;
    top: -3px;
    margin-left: 10px;
    max-width: 86px
}

.trustpilot-reviews-section .customer-review.customer-light {
    background: #f2f4f7;
    border: none
}

.trustpilot-reviews-section .customer-review.customer-light .quote {
    color: #232e44
}

.trustpilot-reviews-section .customer-review.light-text .quote {
    color: #6a7898
}

.trustpilot-reviews-section .customer-review.light-text .author {
    color: #535b81
}

.trustpilot-reviews-section .customer-review .image-holder {
    max-width: 80px
}

.trustpilot-reviews-section .customer-review .image-holder img {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .trustpilot-reviews-section.shared-a {
        padding: 81px 0
    }
}

.trustpilot-reviews-section .text-stars .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin-top: 10px
}

.extreme-power-section {
    padding: 25px 0
}

@media screen and (min-width: 768px) {
    .extreme-power-section {
        padding: 40px 0
    }
}

@media screen and (min-width: 992px) {
    .extreme-power-section {
        padding: 70px 0 40px
    }
}

.extreme-power-section .title {
    margin-top: 0;
    margin-bottom: 1em
}

.comparison-hosting-block ul li:first-child .extreme-power-section .cell, .customer-review .extreme-power-section .author, .extreme-power-section .comparison-hosting-block ul li:first-child .cell, .extreme-power-section .customer-review .author, .extreme-power-section .h1, .extreme-power-section .h2, .extreme-power-section .h3, .extreme-power-section .h4, .extreme-power-section .h5, .extreme-power-section .h6, .extreme-power-section .heading, .extreme-power-section .heading-box dt, .extreme-power-section .icons-expander .item .head, .extreme-power-section .list-checkbox > li, .extreme-power-section h1, .extreme-power-section h2, .extreme-power-section h3, .extreme-power-section h4, .extreme-power-section h5, .extreme-power-section h6, .heading-box .extreme-power-section dt, .icons-expander .item .extreme-power-section .head {
    margin-bottom: 1em;
    letter-spacing: -.02em
}

.extreme-power-section p {
    line-height: 1.5;
    margin: 1em 0
}

.extreme-power-section .check-list > li {
    margin-bottom: 1.15em
}

.extreme-power-section .card {
    background-image: url(https://www.justg.com/templates/justg-new/includes/front/images/map-europe.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0;
    padding: 20px;
    border: 1px solid #e3e8ee;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    min-height: 200px;
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .extreme-power-section .card {
        padding: 25px;
        min-height: 347px;
        margin-top: 0
    }
}

@media screen and (min-width: 992px) {
    .extreme-power-section .card {
        padding: 35px 30px
    }
}

.comparison-hosting-block ul li:first-child .extreme-power-section .card .cell, .customer-review .extreme-power-section .card .author, .extreme-power-section .card .comparison-hosting-block ul li:first-child .cell, .extreme-power-section .card .customer-review .author, .extreme-power-section .card .h1, .extreme-power-section .card .h2, .extreme-power-section .card .h3, .extreme-power-section .card .h4, .extreme-power-section .card .h5, .extreme-power-section .card .h6, .extreme-power-section .card .heading, .extreme-power-section .card .heading-box dt, .extreme-power-section .card .icons-expander .item .head, .extreme-power-section .card .list-checkbox > li, .extreme-power-section .card h1, .extreme-power-section .card h2, .extreme-power-section .card h3, .extreme-power-section .card h4, .extreme-power-section .card h5, .extreme-power-section .card h6, .heading-box .extreme-power-section .card dt, .icons-expander .item .extreme-power-section .card .head {
    margin-bottom: 1.5em;
    letter-spacing: -.03em
}

.extreme-power-section .card .check-list > li {
    margin-bottom: .75em
}

.panel-faq {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #c8cad1
}

.panel-faq .faq-panel-heading {
    padding: 18px 0 26px
}

.panel-faq .faq-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #0c143a
}

.panel-faq .faq-collapse:focus, .panel-faq .faq-collapse:hover {
    text-decoration: none
}

.panel-faq .faq-collapse span {
    padding-right: 10px;
    line-height: 1.25;
    font-size: 16px;
    font-weight: 500
}

.panel.open .button-views:after {
    content: none
}

.section-faq {
    padding: 30px 0 80px
}

@media screen and (min-width: 1200px) {
    .section-faq {
        padding-top: 46px
    }
}

.section-faq .panel-group {
    margin-bottom: 50px
}

@media screen and (min-width: 1200px) {
    .section-faq .panel-group {
        margin-bottom: 117px
    }
}

.section-faq .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 0 0 22px;
    font-size: 16px
}

.section-faq .panel-group .panel-heading + .panel-collapse > .panel-body p {
    margin-bottom: 24px
}

.section-faq .panel-group .panel-heading + .panel-collapse > .panel-body p:last-child {
    margin-bottom: 0
}

.section-faq .panel-group .panel + .panel {
    margin-top: 0
}

.section-faq .bottom-row {
    text-align: center;
    margin: 0 auto;
    max-width: 250px
}

.section-faq .bottom-row .btn {
    margin-bottom: 28px
}

.section-faq .bottom-row .text-row {
    margin-bottom: 10px
}

.section-faq .faq-heading {
    margin-bottom: 38px
}

.section-faq .button-views {
    top: 4px
}

.faq-secondary {
    background: #f4f5f7;
    padding-bottom: 52px;
    margin-bottom: 0
}

.faq-secondary.bg-white .panel {
    background: #fff
}

.faq-secondary .panel-group {
    margin-bottom: 48px
}

.faq-secondary .panel {
    background: #f4f5f7
}

.faq-secondary .faq-heading {
    margin-bottom: 27px
}

@media screen and (min-width: 992px) {
    .faq-secondary .faq-collapse span {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

@media screen and (min-width: 992px) {
    .faq-secondary .panel-faq .faq-panel-heading {
        padding: 29px 0
    }
}

.faq-secondary .panel-faq .button-views {
    top: 0
}

.faq-secondary .bottom-row {
    max-width: none
}

.faq-secondary .bottom-row .title {
    font-size: 24px
}

.faq-secondary .bottom-row .section-head {
    margin-bottom: 30px;
    color: #0c143a
}

.faq-secondary .bottom-row p {
    color: #0c143a;
    margin-bottom: 29px
}

.faq-secondary .bottom-row .btn {
    min-width: auto;
    padding: 18px 24px
}

.starz-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.starz-align .img-responsive {
    width: 78px
}

.starz-align .img-responsive, .starz-align .trust-stars {
    margin: 0 8px
}

@media screen and (min-width: 992px) {
    .dedicated-service-section {
        padding-top: 80px
    }
}

.home-a-carousel {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .home-a-carousel {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .home-a-carousel {
        padding: 16px 50px 0
    }
}

@media screen and (min-width: 992px) {
    .home-a-carousel .customer-review {
        padding: 29px 30px
    }
}

.home-a-carousel .customer-review .image {
    margin-bottom: 14px
}

.home-a-numbers {
    margin-bottom: 15px;
    padding-top: 56px
}

.home-a-numbers .description {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .home-a-numbers .description {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 1200px) {
    .home-a-numbers .description {
        padding: 0 15px
    }
}

.home-a-numbers .text-holder {
    margin: 0 auto;
    max-width: 630px
}

.home-a-dedicated-performance {
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .home-a-dedicated-performance {
        padding-bottom: 69px
    }
}

@media screen and (min-width: 992px) {
    .home-a-dedicated-performance .title {
        margin-bottom: 64px
    }
}

.home-a-dedicated-performance .image-box-dots {
    margin-bottom: 80px
}

@media screen and (min-width: 768px) {
    .home-a-dedicated-performance .image-box-dots {
        margin-top: 24px;
        margin-bottom: 0
    }
}

.home-a-dedicated-performance .image-box-dots .review-card {
    bottom: -68px
}

@media screen and (min-width: 992px) {
    .home-a-dedicated-performance .heading-box-align {
        margin-left: 75px
    }
}

.home-a-dedicated-performance .heading-box-align dt {
    margin-bottom: 5px;
    color: #0c143a
}

.home-a-dedicated-performance .description {
    font-size: 18px;
    color: #535b81
}

.home-a-dedicated-performance .heading-box {
    margin-bottom: 25px
}

.home-a-dedicated-performance .heading-box dt .label {
    margin: 4px 0 -4px 16px
}

.home-a-security {
    background: #f4f5f7;
    margin-top: 40px;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .home-a-security {
        margin-top: 72px;
        padding-bottom: 81px
    }
}

.home-a-security .image-box-dots {
    display: block
}

@media screen and (min-width: 768px) {
    .home-a-security .image-box-dots:after {
        width: 812px;
        left: auto;
        right: 0;
        bottom: -47px;
        height: 40%
    }
}

.home-a-security .image-box-dots img {
    position: relative;
    z-index: 2;
    margin-top: -40px
}

@media screen and (min-width: 768px) {
    .home-a-security .image-box-dots img {
        max-width: 685px;
        float: right;
        margin-top: -72px
    }
}

@media screen and (min-width: 992px) {
    .home-a-security .image-box-dots img {
        margin-right: 54px
    }
}

.home-a-security .text-content {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .home-a-security .text-content {
        margin-bottom: 0
    }
}

@media screen and (min-width: 480px) {
    .home-a-security .bottom-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.home-a-security .bottom-row .heading-box {
    margin-bottom: 30px
}

@media screen and (min-width: 480px) {
    .home-a-security .bottom-row .heading-box {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-right: 30px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .home-a-security .bottom-row .heading-box {
        margin-right: 50px
    }
}

.home-a-security .top-row {
    margin-bottom: 47px
}

.partners-sections {
    padding: 40px 0;
    background: #f2f4f7 50%;
    position: relative
}

.partners-sections:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 305px
}

@media screen and (min-width: 768px) {
    .partners-sections {
        padding: 60px 0
    }
}

.partners-sections .title-h {
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .partners-sections .title-h {
        margin-right: 93px;
        margin-bottom: 33px
    }
}

.partners-sections .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.partners-sections .list-box img {
    display: block;
    position: relative;
    margin: 0 30px 30px 0;
    max-height: 36px;
    max-width: 157px
}

.partners-sections .description {
    margin-bottom: 40px;
    color: #535b81
}

@media screen and (min-width: 768px) {
    .partners-sections .description {
        margin-bottom: 54px;
        font-size: 21px;
        letter-spacing: -.24px;
        line-height: 32px;
        max-width: 550px
    }
}

.partners-sections .partners-holder {
    background: url(https://www.justg.com/templates/justg-new/includes/front/images/map-europe.png) #fff no-repeat top 54% right -154px;
    padding: 30px;
    min-height: 480px;
    -webkit-box-shadow: 0 22px 53px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 22px 53px 0 rgba(31, 37, 50, .05);
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .partners-sections .partners-holder {
        position: relative
    }
}

@media screen and (max-width: 991px) {
    .partners-sections .partners-holder:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .65)
    }
}

.partners-sections .partners-holder .link {
    display: block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 19px 0;
    border-radius: 6px
}

@media screen and (min-width: 768px) {
    .partners-sections .partners-holder .link {
        padding: 19px 20px
    }
}

@media screen and (min-width: 768px) {
    .partners-sections .partners-holder .link:hover {
        background: #f2f4f7
    }
}

@media screen and (min-width: 1200px) {
    .partners-sections .partners-holder .links-more {
        margin-right: 28px
    }
}

@media screen and (min-width: 1200px) {
    .partners-sections .partners-holder .card {
        margin-left: 26px
    }
}

.comparison-hosting-block ul li:first-child .partners-sections .partners-holder .card .cell, .customer-review .partners-sections .partners-holder .card .author, .heading-box .partners-sections .partners-holder .card dt, .icons-expander .item .partners-sections .partners-holder .card .head, .partners-sections .partners-holder .card .comparison-hosting-block ul li:first-child .cell, .partners-sections .partners-holder .card .customer-review .author, .partners-sections .partners-holder .card .h1, .partners-sections .partners-holder .card .h2, .partners-sections .partners-holder .card .h3, .partners-sections .partners-holder .card .h4, .partners-sections .partners-holder .card .h5, .partners-sections .partners-holder .card .h6, .partners-sections .partners-holder .card .heading, .partners-sections .partners-holder .card .heading-box dt, .partners-sections .partners-holder .card .icons-expander .item .head, .partners-sections .partners-holder .card .list-checkbox > li, .partners-sections .partners-holder .card h1, .partners-sections .partners-holder .card h2, .partners-sections .partners-holder .card h3, .partners-sections .partners-holder .card h4, .partners-sections .partners-holder .card h5, .partners-sections .partners-holder .card h6 {
    margin-bottom: 23px
}

.partners-sections .partners-holder .check-list > li {
    margin-bottom: 8px
}

.partners-sections .title {
    font-size: 12px;
    color: #535b81;
    font-weight: 500;
    letter-spacing: -.17px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 9px
}

@media screen and (min-width: 992px) {
    .partners-sections .title {
        margin-left: 20px
    }
}

.partners-sections .h1, .partners-sections .text-size-1, .partners-sections h1 {
    margin-bottom: 22px
}

.partners-sections .top-offset {
    margin-bottom: 27px
}

@media screen and (min-width: 1200px) {
    .partners-sections .top-offset {
        margin-left: 11px
    }
}

@media screen and (min-width: 768px) {
    .home-a-plans {
        margin-bottom: 59px;
        padding: 40px 0 0
    }
}

@media screen and (max-width: 991px) {
    .home-a-plans .item {
        padding: 30px 30px 80px
    }
}

@media screen and (max-width: 767px) {
    .home-a-plans .item {
        padding: 30px
    }
}

@media screen and (min-width: 768px) {
    .home-a-plans .item .bottom-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.home-a-plans .item .btn {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .home-a-plans .item .btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        min-width: auto;
        margin: 0 33px 0 0
    }
}

.home-a-plans .cards {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .home-a-plans .cards {
        display: block
    }
}

.home-a-plans .custom-col {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .home-a-plans .custom-col {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .home-a-plans .custom-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49.9%;
        flex: 0 0 49.9%;
        max-width: 49.9%
    }
}

.home-a-plans .h1, .home-a-plans .text-size-1, .home-a-plans h1 {
    margin-bottom: 31px
}

.home-a-plans .description {
    margin-bottom: 48px
}

.home-a-plans .title {
    line-height: 1.1
}

@media screen and (min-width: 768px) {
    .home-a-plans .title {
        margin-bottom: 41px
    }
}

.plans-include .card-text-secondary {
    padding: 0
}

.plans-include .card-text-secondary a.card-link {
    display: block;
    padding: 8px 16px 21px
}

.plans-include .card-text-secondary a.card-link:hover {
    text-decoration: none
}

.plans-include .card-text-secondary > p {
    display: none
}

.features-section {
    padding: 45px 0
}

@media screen and (min-width: 992px) {
    .features-section {
        padding: 70px 0
    }
}

@media screen and (min-width: 1200px) {
    .features-section {
        padding: 100px 0
    }
}

@media screen and (min-width: 1200px) {
    .features-section .custom-row {
        margin-left: -35px;
        margin-right: -35px
    }

    .features-section .custom-row > * {
        padding-left: 35px;
        padding-right: 35px
    }
}

.features-section .section-title-1 {
    margin-bottom: 25px
}

@media screen and (min-width: 992px) {
    .features-section .section-title-1 {
        margin-bottom: 40px
    }
}

.features-section .title {
    line-height: 1.33;
    margin-bottom: 48px
}

.features-section .heading-box dt {
    margin-bottom: 1em
}

.features-section .wrap-items {
    margin-bottom: 30px
}

.features-section .item {
    margin-bottom: 12px
}

.features-section .read-more {
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.features-section .read-more img {
    width: 10px;
    margin-left: 10px
}

.get-started-section {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .get-started-section {
        padding: 80px 0
    }
}

.get-started-section .right-col .title {
    margin-bottom: 19px
}

.get-started-section .container-small {
    max-width: 1052px
}

.get-started-section .get-started-title {
    letter-spacing: -.011em;
    margin-bottom: 17px
}

.get-started-section .description {
    color: #3d4361;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px
}

.get-started-section .list {
    color: #535b81
}

.get-started-section .list li {
    margin-bottom: 10px
}

.get-started-section .list i {
    color: #00ab6b;
    margin-right: 11px;
    font-size: .9em
}

.get-started-section .brand-icons-title {
    font-weight: 600;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-table .responsive-data-table th img {
    max-width: 102px
}

@media screen and (min-width: 992px) {
    .hosting-hero-a {
        padding-bottom: 110px
    }
}

.hosting-hero-a .title {
    line-height: 1.3
}

@media screen and (min-width: 992px) {
    .hosting-hero-a .title {
        margin-bottom: 43px
    }
}

.hosting-hero-a .subtitle {
    margin-bottom: 24px
}

.hosting-hero-a .tools .btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 155px
}

.hosting-hero-a .trust-review {
    margin-left: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hosting-hero-a .trust-review .text span {
    color: #535b81
}

@media screen and (min-width: 992px) {
    .hosting-hero-a .holder {
        margin-right: 40px
    }
}

.hosting-packages-a {
    padding: 0 0 50px
}

@media screen and (min-width: 992px) {
    .hosting-packages-a {
        padding-bottom: 136px
    }
}

.hosting-packages-a .content-holder {
    max-width: 1020px;
    margin: 0 auto
}

.hosting-packages-a .label-success {
    background: #e6f8e8
}

.hosting-packages-a .label {
    padding: 7px 12px
}

.hosting-packages-a .top-row {
    margin-bottom: 26px
}

@media screen and (min-width: 992px) {
    .hosting-packages-a .top-row {
        margin-bottom: 52px
    }
}

.windows-vps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #232e44;
    font-weight: 500;
    margin-bottom: 11px
}

.windows-vps .icon {
    font-size: 23px;
    margin-right: 17px
}

.windows-vps .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.windows-vps > * {
    margin-bottom: 15px
}

.windows-vps .title-text {
    margin-right: 10px
}

.windows-vps .link-icon-thin {
    text-decoration: underline
}

.windows-vps .link-icon-thin:hover {
    text-decoration: none
}

.plans-resources {
    max-width: 796px;
    margin: 0 auto
}

.plans-resources .list {
    margin-bottom: 13px
}

.plans-resources .check-list > li {
    margin-bottom: 7px
}

.plans-resources .resources-subtitle {
    color: #535b81;
    margin-bottom: 13px
}

.resources-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resources-tabs > li > a {
    padding: 8px 19px
}

.resources-tabs li.active a {
    background: #e4e8ee
}

.resources-tabs li.active a:hover {
    background: #e4e8ee
}

.resources-tabs li a {
    color: #0c143a;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-weight: 600;
    border: 1px solid #e4e8ee
}

.resources-tabs li a:hover {
    opacity: .75;
    background: 0 0
}

.resources-tabs.v2 {
    border-radius: 4px;
    border: 1px solid #e3e8ee;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .resources-tabs.v2 {
        margin-bottom: 67px
    }
}

.resources-tabs.v2 > li > a {
    padding: 9px 23px 11px
}

.resources-tabs.v2 li.active a {
    background: #f2f4f7
}

.resources-tabs.v2 li.active a:hover {
    background: #f2f4f7
}

.resources-tabs.v2 li:not(.active) a {
    font-weight: 400;
    position: relative;
    top: 3px
}

.resources-tabs.v2 li a {
    color: #0c143a;
    border: none;
    -webkit-transition: none;
    transition: none
}

.resources-tabs.v2 li:not(:last-child) a {
    border-right: 1px solid #e3e8ee
}

@media screen and (min-width: 992px) {
    .hosting-a-layout h1.title {
        font-size: 40px;
        font-weight: 600;
        letter-spacing: -.9px;
        line-height: 52px;
        margin-bottom: 43px
    }
}

.hosting-a-layout .section-title-1 {
    color: #0c143a;
    line-height: 1.25
}

.hosting-a-layout .btn {
    padding: 15px 20px
}

.hosting-a-layout .section-subtitle {
    color: #535b81
}

@media screen and (min-width: 768px) {
    .hosting-a-layout .section-subtitle {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width: 768px) {
    .hosting-a-layout .section-subtitle.v2 {
        color: #3d4361;
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .hosting-a-cards {
        padding-top: 60px
    }
}

.hosting-a-cards .text-holder {
    max-width: 780px;
    margin: 0 auto
}

.hosting-a-cards .description {
    max-width: 600px;
    margin: 0 auto 30px
}

@media screen and (min-width: 768px) {
    .hosting-a-cards .description {
        margin-bottom: 60px
    }
}

.hosting-a-cards .title {
    margin-bottom: 17px
}

@media screen and (min-width: 1200px) {
    .hosting-a-cards-align {
        margin: 0 38px
    }
}

.lone-head {
    padding: 35px 0 123px
}

.hosting-a-traffic {
    background: #f4f5f7;
    padding: 60px 0 0;
    color: #3d4361
}

@media screen and (min-width: 768px) {
    .hosting-a-traffic {
        padding: 90px 0 0
    }
}

.hosting-a-traffic .top-row {
    margin-bottom: 22px
}

@media screen and (min-width: 1200px) {
    .hosting-a-traffic .top-row {
        min-height: 600px
    }
}

.hosting-a-traffic .subtitle {
    color: #7d84a2;
    font-weight: 600
}

.hosting-a-traffic .title {
    margin: 2px 0 19px
}

.hosting-a-traffic .description {
    margin-bottom: 36px
}

.hosting-a-traffic dd {
    color: #3d4361
}

@media screen and (min-width: 1200px) {
    .hosting-a-traffic dd {
        margin-right: 40px
    }
}

.hosting-a-traffic .heading-box {
    margin-bottom: 30px
}

.hosting-a-traffic .test-traffic {
    display: none
}

@media screen and (min-width: 1200px) {
    .hosting-a-traffic .test-traffic {
        display: block;
        position: absolute;
        top: -181px;
        right: 11px;
        width: 938px;
        max-width: none
    }
}

.hosting-a-traffic .review-card {
    margin-bottom: 40px
}

@media screen and (min-width: 1200px) {
    .hosting-a-traffic .review-card {
        position: absolute;
        top: 334px;
        right: 44px;
        max-width: 482px;
        min-height: 187px
    }
}

.hosting-a-traffic .review-card p {
    color: #535b81;
    font-size: 18px;
    font-style: italic;
    letter-spacing: -.52px;
    line-height: 24px
}

.hosting-a-traffic .customer-review {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

@media screen and (min-width: 1200px) {
    .hosting-a-traffic .customer-review {
        padding: 0 115px 0 0
    }
}

.groundwork-block {
    background: #fff;
    padding: 48px 50px 33px;
    -webkit-box-shadow: 0 22px 53px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 22px 53px 0 rgba(31, 37, 50, .05);
    border-radius: 6px
}

.groundwork-block .start-col {
    margin-bottom: 30px
}

.groundwork-block .description {
    line-height: 1.5;
    margin-bottom: 21px
}

@media screen and (min-width: 1200px) {
    .text-list {
        margin-left: -8px
    }
}

.text-list .subtitle-label {
    background: #00ab6b;
    color: #fff;
    border-radius: 4px;
    padding: 5px 20px 4px;
    display: inline-block;
    text-transform: uppercase
}

.text-list .subtitle-label span {
    font-weight: 500;
    letter-spacing: .03em
}

@media screen and (min-width: 992px) {
    .text-list .list-title {
        font-size: 24px;
        letter-spacing: -.34px;
        line-height: 28px;
        margin: 24px 0 14px
    }
}

.text-list p {
    line-height: 1.5;
    margin-bottom: 21px
}

.hosting-a-stop-issues {
    padding: 290px 0 44px;
    margin-top: -166px;
    background: #fff
}

@media screen and (min-width: 768px) {
    .hosting-a-stop-issues .image-server {
        position: absolute;
        left: 0;
        top: 0
    }
}

@media screen and (min-width: 1200px) {
    .hosting-a-stop-issues .image-server {
        margin-left: 41px;
        width: 909px;
        max-width: none;
        margin-top: -28px
    }
}

.hosting-a-stop-issues .backward-emphasis {
    color: #00ab6b
}

.hosting-a-stop-issues .title {
    margin-bottom: 30px
}

.hosting-a-stop-issues .description {
    margin-bottom: 30px
}

.hosting-a-stop-issues .card-brand {
    margin-bottom: 77px
}

.hosting-a-stop-issues .heading-box {
    margin-bottom: 30px
}

.hosting-a-help {
    background: #f4f5f7;
    padding: 50px 0
}

@media screen and (min-width: 992px) {
    .hosting-a-help {
        padding-bottom: 77px
    }
}

.hosting-a-help .btn {
    border: 1px solid #5e40e4;
    background: 0 0
}

.hosting-a-help .description {
    max-width: 500px;
    margin: 0 auto 30px
}

.hosting-a-help .title {
    margin-bottom: 18px
}

.hosting-a-help .list-holder {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .hosting-a-help .list-holder {
        margin: 0 18px 32px
    }
}

.hosting-a-enterprise-hardware {
    padding: 60px 0 30px;
    min-height: 700px
}

@media screen and (min-width: 768px) {
    .hosting-a-enterprise-hardware {
        padding: 97px 0 4px
    }
}

@media screen and (min-width: 768px) {
    .hosting-a-enterprise-hardware .image-enterprise-hardware {
        margin-left: 29px;
        width: 600px;
        max-width: none;
        position: absolute;
        top: 50px;
        right: -200px
    }
}

@media screen and (min-width: 992px) {
    .hosting-a-enterprise-hardware .image-enterprise-hardware {
        width: 800px;
        right: -322px;
        top: -29px
    }
}

@media screen and (min-width: 1200px) {
    .hosting-a-enterprise-hardware .image-enterprise-hardware {
        width: 906px
    }
}

.hosting-a-enterprise-hardware .title {
    margin-bottom: 28px
}

.hosting-a-enterprise-hardware .tab-content {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .hosting-a-enterprise-hardware .tab-content {
        margin-bottom: 0
    }
}

.hosting-a-enterprise-hardware .heading-box {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .hosting-a-enterprise-hardware .heading-box {
        margin-bottom: 0
    }
}

.business-benefits {
    padding: 0 0 94px;
    border-bottom: 1px solid #e4e8ee
}

@media screen and (max-width: 991px) {
    .business-benefits {
        padding: 0 0 20px
    }
}

.business-benefits .note {
    font-size: 18px;
    margin: 0 0 77px
}

@media screen and (max-width: 767px) {
    .business-benefits .note {
        margin: 0 0 40px;
        font-size: 16px
    }
}

.business-benefits .title {
    margin-top: 0;
    margin-bottom: 22px
}

.business-benefits .resources-tabs {
    display: block;
    border: none;
    max-width: 420px
}

@media screen and (max-width: 767px) {
    .business-benefits .resources-tabs {
        max-width: none
    }
}

.business-benefits .resources-tabs li {
    margin: 0 0 15px
}

.business-benefits .resources-tabs li:not(:last-child) a {
    border: none
}

.business-benefits .resources-tabs li:not(.active) a {
    top: 0
}

.business-benefits .resources-tabs li.active a {
    font-weight: 400
}

.business-benefits .resources-tabs li a {
    border-radius: 10px;
    -webkit-transition: background .2s;
    transition: background .2s;
    padding: 17px 23px
}

@media screen and (max-width: 767px) {
    .business-benefits .resources-tabs li a {
        padding: 10px 15px
    }
}

.business-benefits .resources-tabs li a:hover {
    opacity: 1;
    background: #f2f4f7
}

.business-benefits .resources-tabs li a .nav-title {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px
}

@media screen and (max-width: 767px) {
    .business-benefits .resources-tabs li a .nav-title {
        font-size: 16px
    }
}

.business-benefits .image-enterprise-hardware {
    top: 138px
}

@media screen and (min-width: 992px) {
    .business-benefits .image-enterprise-hardware {
        right: -300px
    }
}

@media screen and (min-width: 1200px) {
    .business-benefits .image-enterprise-hardware {
        width: 790px;
        right: -120px
    }
}

.hosting-a-easy {
    background: #f2f4f7;
    padding: 55px 0
}

@media screen and (min-width: 768px) {
    .hosting-a-easy {
        padding-bottom: 150px
    }
}

@media screen and (min-width: 768px) {
    .hosting-a-easy .carousel-title {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -.34px;
        line-height: 28px
    }
}

.hosting-a-easy .description {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .hosting-a-easy .description {
        margin-bottom: 63px
    }
}

.hosting-a-easy .text-holder {
    margin-bottom: 26px
}

@media screen and (min-width: 1200px) {
    .hosting-a-easy .text-holder {
        margin-right: 130px
    }
}

.nav-list-y {
    border-left: 1px solid #d2d4da;
    margin-bottom: 30px
}

.nav-list-y > li > a {
    color: #0c143a;
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    padding: 10px 23px
}

.nav-list-y > li > a:hover {
    opacity: .75;
    background: 0 0
}

.nav-list-y > li > a:focus {
    background: 0 0
}

.nav-list-y > li.active > a {
    font-weight: 600;
    position: relative
}

.nav-list-y > li.active > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #0c143a
}

.hosting-a-datacenters {
    padding: 56px 0 50px;
    background: url(https://www.justg.com/templates/justg-new/includes/front/images/map-europe.png) #fff no-repeat top 22% right -211px
}

@media screen and (min-width: 1200px) {
    .hosting-a-datacenters {
        background-position: right 0
    }
}

.hosting-a-datacenters .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.hosting-a-datacenters .card-col {
    padding: 0 10px;
    margin-bottom: 20px
}

.hosting-a-datacenters .title {
    margin-bottom: 23px
}

.hosting-a-datacenters .description {
    margin-bottom: 38px
}

.hosting-a-faq {
    background: #fff
}

.hosting-a-faq .panel {
    background: 0 0
}

.hosting-a-faq .bottom-row .btn {
    min-width: 250px
}

.hosting-a-trustpilot {
    padding: 77px 0 49px
}

@media screen and (min-width: 992px) {
    .hosting-a-table {
        padding-bottom: 94px
    }
}

.hosting-a-table .resources-tabs > li > a {
    padding: 13px 29px;
    color: #001038
}

.hosting-a-table .resources-tabs > li.active > a {
    background: #e3e8ee;
    color: #0c143a
}

.hosting-a-table .td-only {
    background: #e3e8ee
}

.hosting-a-table .btn {
    padding: 18px 20px
}

.inner-top-row {
    background: #e3e8ee;
    padding: 27px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .inner-top-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 992px) {
    .inner-top-row {
        margin-bottom: 79px
    }
}

@media screen and (min-width: 1200px) {
    .inner-top-row {
        padding: 27px 60px
    }
}

.inner-top-row .title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .inner-top-row .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (min-width: 480px) {
    .inner-top-row .title {
        letter-spacing: -.34px;
        line-height: 28px;
        font-size: 24px
    }
}

.inner-top-row .icon-right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 0 0 8px
}

.inner-top-row .icon-left {
    margin: 0 8px 0 0
}

.inner-top-row .link {
    color: #0c143a;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.inner-top-row .icon {
    font-size: 1.8em
}

.inner-top-row a:focus {
    text-decoration: none
}

.inner-content {
    color: #535b81;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 992px) {
    .inner-content {
        padding-bottom: 104px
    }
}

.inner-content .h2, .inner-content h2 {
    margin: 0 0 20px
}

@media screen and (min-width: 992px) {
    .inner-content .h2, .inner-content h2 {
        color: #0c143a;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: -1px;
        line-height: 52px
    }
}

.inner-content .subtitle-2 {
    margin-bottom: 32px
}

.inner-content p {
    margin-bottom: 21px
}

.inner-content h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 18px
}

.inner-content ul {
    margin-bottom: 30px;
    padding: 0;
    color: #535b81
}

.inner-content ul li {
    list-style-type: none;
    margin-bottom: 9px;
    padding-left: 8px;
    position: relative;
    line-height: 1.45
}

.inner-content ul li:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-block;
    background: #535b81;
    position: absolute;
    left: 0;
    top: 8px
}

.inner-content h3 {
    color: #0c143a;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.34px;
    line-height: 28px;
    margin-bottom: 27px
}

@media screen and (min-width: 1200px) {
    .section-hero-2 {
        margin-bottom: 70px
    }
}

.review-holder {
    position: relative;
    padding: 30px 0 21px
}

.review-holder:before {
    content: '';
    position: absolute;
    left: -3000px;
    top: 0;
    width: 6000px;
    height: 100%;
    background: #f2f4f7
}

.tabs-2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #e3e8ee;
    margin-bottom: -1px
}

.tabs-2 > li:not(:last-child) {
    border-right: 1px solid #fff
}

.tabs-2 > li a {
    color: #0c143a;
    font-size: 11px;
    font-weight: 500;
    background: #e3e8ee;
    padding: 7px 5px
}

@media screen and (min-width: 480px) {
    .tabs-2 > li a {
        font-size: 12px;
        padding: 10px
    }
}

@media screen and (min-width: 768px) {
    .tabs-2 > li a {
        padding: 19px 30px 15px;
        font-size: 14px;
        line-height: 24px
    }
}

.tabs-2 > .active a, .tabs-2 > .active a:focus {
    background: #fff
}

@media screen and (min-width: 992px) {
    .section-hardware-table .custom-radio-checkbox {
        margin-bottom: 52px
    }
}

.section-hardware-table .tabs-holder {
    border-bottom: 1px solid #e3e8ee;
    margin-bottom: 13px
}

.section-hardware-table .tab-content {
    margin-bottom: 23px
}

.section-hardware-table .plans-include {
    max-width: 826px
}

.section-environment {
    padding: 40px 0
}

@media screen and (min-width: 992px) {
    .section-environment {
        padding: 58px 0 150px
    }
}

.section-environment .top-row {
    max-width: 560px;
    margin: 0 auto;
    text-align: center
}

.section-environment .top-row .title {
    margin-bottom: 30px
}

.section-environment .top-row .description {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .section-environment .top-row .description {
        margin-bottom: 60px
    }
}

.section-environment .video-align {
    max-width: 683px;
    margin: 0 auto;
    position: relative
}

.section-environment .video-align:before {
    content: '';
    position: absolute;
    bottom: 60px;
    left: -54px;
    width: 954px;
    height: 226px
}

.section-environment .video-holder {
    -webkit-box-shadow: 0 32px 44px 0 rgba(12, 20, 58, .2);
    box-shadow: 0 32px 44px 0 rgba(12, 20, 58, .2);
    position: relative;
    z-index: 1;
    margin-bottom: 80px;
    padding-bottom: 60%
}

@media screen and (min-width: 768px) {
    .section-environment .video-holder {
        margin-bottom: 140px
    }
}

.section-environment .video-holder iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (min-width: 768px) {
    .section-environment .custom-row-holder .custom-row:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px) {
    .section-environment .custom-row-holder .custom-row:nth-child(2n) .text-holder {
        text-align: right
    }
}

@media screen and (min-width: 1200px) {
    .section-environment .custom-row-holder .custom-row:nth-child(2n) .text-holder {
        margin: 0 42px 0 65px
    }
}

.section-environment .custom-row {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .section-environment .custom-row {
        margin-bottom: 95px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section-environment .custom-row .title {
    margin: 0 0 30px
}

@media screen and (min-width: 992px) {
    .section-environment .custom-row .title {
        font-size: 24px;
        letter-spacing: -.34px;
        line-height: 28px;
        color: #0c143a
    }
}

.section-environment .custom-row p {
    color: #535b81;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .section-environment .custom-row p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .section-environment .custom-row img {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .section-environment .text-holder {
        margin: 0 65px 0 41px
    }
}

@media screen and (max-width: 767px) {
    .section-environment .col-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.section-servers-card {
    padding: 40px 0
}

@media screen and (min-width: 480px) {
    .section-servers-card {
        padding: 55px 0 70px
    }
}

.section-servers-card .custom-row:after, .section-servers-card .custom-row:before {
    display: none
}

@media screen and (min-width: 480px) {
    .section-servers-card .custom-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1200px) {
    .section-servers-card .custom-row {
        margin-left: -30px;
        margin-right: -30px
    }

    .section-servers-card .custom-row > * {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 480px) {
    .section-servers-card .custom-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 768px) {
    .section-servers-card .custom-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.section-servers-card dt {
    margin-bottom: 20px
}

@media screen and (max-width: 479px) {
    .section-servers-card .col-xs-6 {
        width: 100%
    }
}

.section-servers-card .title {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .section-servers-card .title {
        margin-bottom: 58px
    }
}

.section-servers-card .heading-box {
    margin-bottom: 26px
}

@media screen and (min-width: 992px) {
    .cloud-extreme-power {
        padding: 74px 0
    }
}

@media screen and (min-width: 992px) {
    .cloud-trustpilot {
        padding: 80px 0
    }
}

.cloud-trustpilot .section-table .bottom-row, .cloud-trustpilot .stars-block, .section-table .cloud-trustpilot .bottom-row {
    margin: 40px 0 0
}

@media screen and (min-width: 992px) {
    .cloud-trustpilot .section-table .bottom-row, .cloud-trustpilot .stars-block, .section-table .cloud-trustpilot .bottom-row {
        margin: 87px 0 0
    }
}

.cloud-faq {
    padding-bottom: 52px
}

.cloud-faq .bottom-row {
    max-width: 350px
}

@media screen and (min-width: 992px) {
    .cloud-faq .bottom-row .title {
        color: #0c143a;
        font-size: 24px;
        font-weight: 600;
        line-height: 26px
    }
}

.cloud-faq .bottom-row p {
    color: #0c143a;
    margin-bottom: 28px
}

.cloud-faq .panel-group {
    margin-bottom: 69px
}

.layout-404 {
    display: table;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.layout-404 .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 20px
}

.layout-404 .holder {
    max-width: 690px;
    margin: auto;
    background-color: #e4e7ec;
    text-align: center;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .34);
    box-shadow: 0 0 32px rgba(0, 0, 0, .34);
    border-radius: 0 0 5px 5px
}

.layout-404 .holder .head {
    background-color: #fff;
    padding: 20px
}

.layout-404 .holder .head .logo {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.layout-404 .holder .content {
    padding: 60px 60px 40px;
    background: #e4e7ec;
    background: url(https://www.justg.com/templates/justg-new/includes/front/images/clouds-404.png) no-repeat 0 100%;
    background-size: 100% auto
}

@media screen and (max-width: 1199px) {
    .layout-404 .holder .content {
        padding: 30px 20px 40px
    }
}

.comparison-hosting-block ul li:first-child .layout-404 .cell, .customer-review .layout-404 .author, .heading-box .layout-404 dt, .icons-expander .item .layout-404 .head, .layout-404 .comparison-hosting-block ul li:first-child .cell, .layout-404 .customer-review .author, .layout-404 .h1, .layout-404 .h2, .layout-404 .h3, .layout-404 .h4, .layout-404 .h5, .layout-404 .h6, .layout-404 .heading, .layout-404 .heading-box dt, .layout-404 .icons-expander .item .head, .layout-404 .list-checkbox > li, .layout-404 h1, .layout-404 h2, .layout-404 h3, .layout-404 h4, .layout-404 h5, .layout-404 h6 {
    font-size: 60px;
    letter-spacing: -3px;
    margin: 0;
    font-weight: 300
}

@media screen and (max-width: 1199px) {
    .comparison-hosting-block ul li:first-child .layout-404 .cell, .customer-review .layout-404 .author, .heading-box .layout-404 dt, .icons-expander .item .layout-404 .head, .layout-404 .comparison-hosting-block ul li:first-child .cell, .layout-404 .customer-review .author, .layout-404 .h1, .layout-404 .h2, .layout-404 .h3, .layout-404 .h4, .layout-404 .h5, .layout-404 .h6, .layout-404 .heading, .layout-404 .heading-box dt, .layout-404 .icons-expander .item .head, .layout-404 .list-checkbox > li, .layout-404 h1, .layout-404 h2, .layout-404 h3, .layout-404 h4, .layout-404 h5, .layout-404 h6 {
        font-size: 40px
    }
}

.layout-404 .sub-head {
    font-size: 24px;
    letter-spacing: -1px;
    margin: 4px 0
}

@media screen and (max-width: 1199px) {
    .layout-404 .sub-head {
        font-size: 18px;
        line-height: 24px
    }
}

.layout-404 .button {
    position: relative;
    -webkit-transition: all .25s;
    transition: all .25s;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #3fbe80;
    color: #fff;
    text-decoration: none
}

.layout-404 .button:after, .layout-404 .button:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    width: 1000px;
    border-top: 1px solid #d1dbfc
}

.layout-404 .button:after {
    left: 100%;
    margin-left: 20px
}

.layout-404 .button:before {
    right: 100%;
    margin-right: 20px
}

.layout-404 .button strong {
    display: block;
    font-size: 16px;
    color: inherit
}

.layout-404 .button:hover {
    opacity: .9
}

.layout-404 .btn-holder {
    margin: 54px 0 64px;
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .layout-404 .btn-holder {
        margin: 30px 0
    }
}

.layout-404 .menu {
    margin: 0 -8px 40px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.25
}

.layout-404 .menu li {
    display: inline-block;
    vertical-align: top;
    margin: 3px 8px
}

.layout-404 .menu li a {
    color: #71798c
}

@media screen and (max-width: 1199px) {
    .layout-404 .menu {
        margin-bottom: 20px
    }
}

.layout-404 .copy > * {
    font-size: 10px;
    line-height: 12px;
    color: #71798c
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a {
    margin-bottom: 60px
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a {
        padding-top: 280px
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box {
    left: calc(50% + 15px);
    right: 30px;
    bottom: 15px
}

@media screen and (min-width: 1600px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box {
        right: 0;
        left: calc(50% + 200px)
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box .diamond {
    margin-right: 28px
}

@media screen and (min-width: 1200px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box .diamond {
        bottom: 14%
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box .disc {
    bottom: -13%;
    right: -24%
}

@media screen and (min-width: 1600px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box .disc {
        right: 7%
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box .dots {
    left: -7%;
    bottom: -11.5%
}

@media screen and (min-width: 1200px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .holder {
        margin-bottom: 45px
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .tools .btn {
    max-width: 215px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box-card {
    width: 100%;
    max-width: 480px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
}

@media screen and (min-width: 1600px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .image-box-card {
        left: 62px;
        max-width: 524px
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card {
    border-radius: 20px;
    padding: 38px 30px 30px;
    z-index: 5
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card .title {
    margin-bottom: 21px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card .item {
    color: #0c143a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    background: #fff;
    -webkit-box-shadow: 0 6px 8px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 6px 8px 0 rgba(31, 37, 50, .05);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card .item img {
    position: relative
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card .item .item-img-holder {
    border-radius: 4px;
    background: #00ab6b;
    padding: 6px;
    display: inline-block;
    margin-right: 8px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .card .item .item-img-holder img {
    width: 24px;
    max-height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card {
    background: rgba(62, 187, 129, .18);
    margin-bottom: 20px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .title {
    text-transform: uppercase
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .item {
    padding: 20px 30px 20px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .item .item-img-holder {
    padding: 10px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .row-logos-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -14px;
    margin-right: -14px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .row-logos-holder .item-logos-holder {
    padding: 0 14px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .focus-card .row-logos-holder .item-logos-holder img {
    width: 22px;
    height: auto
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .manage-card {
    background: rgba(111, 190, 154, .18);
    padding-bottom: 10px
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .manage-card .item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6px;
    margin-right: 18px;
    margin-bottom: 18px;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .manage-card .item {
        min-width: 170px;
        width: auto
    }

    .page-template-template-fully-managed-hosting .dedicated-section-hero-a .manage-card .item:nth-last-child(2) {
        margin-left: 20px
    }
}

.page-template-template-fully-managed-hosting .dedicated-section-hero-a .manage-card .item-logos-holder {
    width: 38px;
    height: 38px
}

.page-template-template-fully-managed-hosting .reviews-section {
    padding: 40px 0 20px;
    z-index: 10;
    position: relative
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .reviews-section {
        padding: 40px 0
    }
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .reviews-section .review-row {
        margin-left: -30px;
        margin-right: -30px
    }

    .page-template-template-fully-managed-hosting .reviews-section .review-row > * {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 992px) {
    .page-template-template-fully-managed-hosting .reviews-section .review-row {
        margin-left: -40px;
        margin-right: -40px
    }

    .page-template-template-fully-managed-hosting .reviews-section .review-row > * {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-fully-managed-hosting .reviews-section .review-row {
        margin-left: -50px;
        margin-right: -50px
    }

    .page-template-template-fully-managed-hosting .reviews-section .review-row > * {
        padding-left: 50px;
        padding-right: 50px
    }
}

.page-template-template-fully-managed-hosting .reviews-section .review-row .review {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .reviews-section .review-row .review {
        margin-bottom: 20px
    }
}

.page-template-template-fully-managed-hosting .reviews-section .review-row .review .info {
    margin-top: 20px
}

.page-template-template-fully-managed-hosting .reviews-section .review-row .review .name {
    margin-right: 16px
}

.page-template-template-fully-managed-hosting .rates-section {
    padding: 32px 0;
    position: relative
}

.page-template-template-fully-managed-hosting .rates-section .dots {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 1%;
    height: 90%;
    z-index: -2
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .rates-section .dots {
        top: auto;
        height: 24%;
        left: -3%;
        bottom: 12%;
        right: 9%
    }
}

.page-template-template-fully-managed-hosting .rates-section .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .rates-section .items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.page-template-template-fully-managed-hosting .rates-section .item-holder {
    width: 100%
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .rates-section .item-holder {
        max-width: 350px;
        width: 33%
    }
}

.page-template-template-fully-managed-hosting .rates-section .item {
    border: 1px solid #e3e8ee;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    box-shadow: 0 2px 3px 0 rgba(31, 37, 50, .05);
    padding: 36px 30px 38px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: #fff
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-template-template-fully-managed-hosting .rates-section .item {
        padding: 36px 15px 38px
    }
}

.page-template-template-fully-managed-hosting .rates-section .item:hover {
    -webkit-box-shadow: 0 14px 24px 0 #e3e8ee;
    box-shadow: 0 14px 24px 0 #e3e8ee;
    border-color: #5e40e4
}

.page-template-template-fully-managed-hosting .rates-section .item .btn {
    min-width: 150px
}

.page-template-template-fully-managed-hosting .rates-section .moving-block {
    position: relative
}

.page-template-template-fully-managed-hosting .rates-section .moving-block .question {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: #00ab6b;
    background: #dbffde;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1
}

.page-template-template-fully-managed-hosting .rates-section .moving-block.global-item-question .question {
    position: absolute;
    right: -15px;
    top: -20px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-template-template-fully-managed-hosting .rates-section .moving-block.global-item-question .question {
        right: 0
    }
}

.page-template-template-fully-managed-hosting .rates-section .rows-holder {
    margin-bottom: 32px
}

.page-template-template-fully-managed-hosting .rates-section .title {
    margin-top: 0;
    margin-bottom: 22px
}

.page-template-template-fully-managed-hosting .rates-section .subtitle {
    font-size: 18px;
    line-height: 1;
    color: #232e44
}

.page-template-template-fully-managed-hosting .rates-section .including {
    margin-bottom: 18px
}

.page-template-template-fully-managed-hosting .rates-section .line-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-template-template-fully-managed-hosting .rates-section .line-holder .question {
    margin-left: 10px
}

.page-template-template-fully-managed-hosting .rates-section .line {
    border-radius: 6px;
    border: 2px solid #e3e8ee;
    background: #e3e8ee;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.page-template-template-fully-managed-hosting .rates-section .line .holder-img {
    max-width: 16px;
    min-width: 16px;
    margin-right: 9px
}

.page-template-template-fully-managed-hosting .rates-section .line .holder-img img {
    width: 100%
}

.page-template-template-fully-managed-hosting .rates-section .line .conditions {
    text-transform: uppercase;
    color: #0c143a;
    padding: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-template-fully-managed-hosting .rates-section .line .details {
    background: #fff;
    padding: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-template-template-fully-managed-hosting .full-specs-section {
    padding: 20px 0 50px
}

@media screen and (min-width: 1200px) {
    .page-template-template-fully-managed-hosting .full-specs-section {
        padding-bottom: 70px
    }
}

.page-template-template-fully-managed-hosting .full-specs-section .section-title {
    margin-bottom: 48px
}

.page-template-template-fully-managed-hosting .full-specs-section .table {
    max-width: 995px;
    margin: 0 auto
}

.page-template-template-fully-managed-hosting .full-specs-section .table .th-heading {
    text-align: center
}

.page-template-template-fully-managed-hosting .full-specs-section .table thead tr td, .page-template-template-fully-managed-hosting .full-specs-section .table thead tr th {
    border: 0
}

.page-template-template-fully-managed-hosting .full-specs-section .table thead tr th {
    font-size: 18px;
    line-height: 1.01;
    color: #0c143a
}

.page-template-template-fully-managed-hosting .full-specs-section .table thead tr td {
    padding-bottom: 22px
}

.page-template-template-fully-managed-hosting .full-specs-section .table thead a {
    color: #5e40e4
}

.page-template-template-fully-managed-hosting .full-specs-section .table tbody tr {
    border-top: 1px solid #e3e8ee;
    border-bottom: 1px solid #e3e8ee
}

.page-template-template-fully-managed-hosting .full-specs-section .table tbody tr.title {
    text-transform: uppercase
}

.page-template-template-fully-managed-hosting .full-specs-section .table tbody tr.title .td-only {
    padding: 19px 20px;
    border: 0
}

.page-template-template-fully-managed-hosting .full-specs-section .table tbody tr td {
    line-height: 1.5
}

@media screen and (min-width: 768px) {
    .page-template-template-fully-managed-hosting .full-specs-section .table tbody tr td {
        padding: 12px 20px
    }
}

.page-template-template-fully-managed-hosting .full-specs-section .table tbody tr td:first-child {
    text-align: left;
    padding: 12px 20px
}

.page-template-template-fully-managed-hosting .full-specs-section .table .state-icon {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    font-size: 10px
}

.page-template-template-fully-managed-hosting .feedback-section {
    padding: 0 0 45px
}

@media screen and (min-width: 992px) {
    .page-template-template-fully-managed-hosting .feedback-section {
        padding: 0 0 58px
    }
}

.page-template-template-fully-managed-hosting .feedback-section .description {
    margin-bottom: 30px;
    color: #0c143a
}

.page-template-template-fully-managed-hosting .feedback-section .btn {
    margin-bottom: 30px
}

.page-template-template-fully-managed-hosting .feedback-section .trust-review .trust-stars {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.page-template-template-fully-managed-hosting .feedback-section .trust-review .text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1200px) {
    .menaged-migration .dedicated-servers-hero-a .tools {
        margin-left: -73px
    }
}

@media screen and (min-width: 992px) {
    .menaged-migration .section-advantages .title {
        margin-bottom: 26px
    }
}

.menaged-migration .section-advantages .text {
    font-size: 16px;
    margin-bottom: 25px
}

.menaged-migration .section-advantages .count {
    display: inline-block;
    background-color: #e3e8ee;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    font-size: 22px;
    color: #1f252d;
    font-weight: 500;
    margin-bottom: 10px
}

.menaged-migration .section-advantages .count span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

@media screen and (min-width: 992px) {
    .menaged-migration .section-advantages .count {
        margin-bottom: 18px
    }
}

.section-advantages {
    margin-bottom: 25px
}

@media screen and (min-width: 992px) {
    .section-advantages {
        margin-bottom: 75px
    }
}

.section-advantages .item {
    margin-bottom: 25px
}

@media screen and (min-width: 768px) {
    .section-advantages .item {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .section-advantages .item:after {
        content: '';
        background: url(https://www.justg.com/templates/justg-new/includes/front/images/Line@2x.png);
        padding-bottom: 10%;
        background-size: cover;
        background-position: center;
        display: block;
        margin: 15px
    }
}

@media screen and (min-width: 992px) {
    .section-advantages .item:after {
        margin: 27px
    }
}

.section-advantages .item:nth-child(2n):after {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.section-advantages .item:last-child:after {
    display: none
}

.section-advantages .image {
    max-width: 170px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 767px) {
    .section-advantages .image {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .section-advantages .image {
        max-width: 206px
    }
}

@media screen and (min-width: 768px) {
    .section-advantages .custom-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.section-advantages .custom-row:after, .section-advantages .custom-row:before {
    display: none
}

.section-advantages .link {
    color: #5e40e4;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.section-advantages .link:hover {
    color: #456cf1
}

.get-start-block {
    margin: 30px 0
}

@media screen and (min-width: 992px) {
    .get-start-block {
        margin: 113px 0 64px
    }
}

.get-start-block .title {
    margin: 0 0 13px;
    font-size: 24px;
    letter-spacing: -.01em;
    font-weight: 600
}

.get-start-block .text {
    font-size: 16px;
    margin-bottom: 28px
}

.get-start-block .btn {
    margin-bottom: 30px
}

.get-start-block .trust-stars {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.get-start-block .trust-review .text {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 0
}

.managed-block {
    margin: 30px 0;
    position: relative
}

.managed-block .count {
    margin-bottom: 24px
}

.managed-block .title {
    margin-bottom: 8px
}

.managed-block .cloud-1, .managed-block .cloud-2, .managed-block .cloud-3 {
    position: absolute
}

@media screen and (max-width: 1199px) {
    .managed-block .cloud-1, .managed-block .cloud-2, .managed-block .cloud-3 {
        display: none
    }
}

.managed-block .cloud-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12%
}

.managed-block .cloud-2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%
}

.managed-block .cloud-3 {
    top: 3%;
    right: 13%
}

.managed-block .text-holder {
    margin: 0 auto 50px;
    max-width: 578px
}

@media screen and (min-width: 992px) {
    .managed-block .text-holder {
        margin-bottom: 103px
    }
}

@media screen and (max-width: 767px) {
    .managed-block .text-holder {
        margin-bottom: 20px
    }
}

.managed-block .main-holder {
    margin-bottom: 30px
}

.managed-block ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.managed-block ul li {
    position: relative
}

.managed-block .left-col {
    font-size: 22px;
    font-weight: 600;
    color: #252855;
    width: 30%;
    margin-right: 7%
}

@media screen and (max-width: 991px) {
    .managed-block .left-col {
        width: 22%
    }
}

@media screen and (max-width: 767px) {
    .managed-block .left-col {
        display: none
    }
}

.managed-block .left-col li {
    text-align: right;
    padding-right: 100px;
    margin-bottom: 100px
}

.managed-block .left-col li:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    border: 1px dashed #d0d3d9;
    right: -27px;
    width: 107px
}

.managed-block .img-holder {
    width: 15%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .managed-block .img-holder {
        display: none
    }
}

.managed-block .right-col {
    width: 31%;
    margin-left: 5%
}

@media screen and (max-width: 991px) {
    .managed-block .right-col {
        width: 44%;
        padding-top: 5px
    }
}

@media screen and (max-width: 767px) {
    .managed-block .right-col {
        margin: 0;
        width: 100%
    }
}

.managed-block .right-col li {
    padding-left: 100px;
    margin-bottom: 54px
}

@media screen and (max-width: 991px) {
    .managed-block .right-col li {
        margin-bottom: 28px
    }
}

@media screen and (max-width: 767px) {
    .managed-block .right-col li {
        padding-left: 36px
    }
}

.managed-block .right-col li:before {
    content: "\f147";
    position: absolute;
    margin-left: -50px;
    top: 3px;
    color: #00ab6b;
    font-family: dashicons;
    width: 26px;
    height: 26px;
    border: 1px solid #d1dbfc;
    border-radius: 50%;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .managed-block .right-col li:before {
        margin-left: -36px
    }
}

.managed-block .right-col li:after {
    content: '';
    position: absolute;
    top: 13px;
    border: 1px dashed #d0d3d9;
    left: -13%;
    width: 19%
}

@media screen and (max-width: 991px) {
    .managed-block .right-col li:after {
        left: -8%
    }
}

@media screen and (max-width: 767px) {
    .managed-block .right-col li:after {
        display: none
    }
}

.managed-block h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.heading-intro {
    color: #6c6c6c;
    font-family: mulish;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 100px;
    font-weight: 400
}

.pricing-table-two .pricing-table {
    margin-bottom: 30px
}

.pricing-table-two .pricing-table__inner {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s cubic-bezier(.645, .045, .355, 1);
    text-align: center;
    padding: 34px 20px 40px;
    border: 1px solid #dce6ed;
    border-radius: 5px;
    background-color: #fff
}

.pricing-table-two .pricing-table__header {
    margin-bottom: 25px
}

.pricing-table-two .pricing-table__title {
    color: #333;
    margin-bottom: 24px
}

.pricing-table-two .pricing-table__price-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pricing-table-two .pricing-table__price-wrap .currency {
    font-size: 15px;
    margin-bottom: 0;
    color: #ababab
}

.pricing-table-two .pricing-table__price-wrap .price {
    font-size: 56px;
    line-height: .8;
    margin: 0 4px;
    font-weight: 300;
    color: #333
}

.pricing-table-two .pricing-table__price-wrap .period {
    font-size: 15px;
    margin-bottom: 0;
    color: #ababab;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.pricing-table-two .pricing-table__list li {
    position: relative;
    display: block;
    padding: 5px 0
}

.pricing-table-two .pricing-table__list li .featured {
    font-weight: 500
}

.pricing-table-two .pricing-table__footer {
    margin-top: 30px
}

.pricing-table-two .pricing-table__footer .ht-btn {
    width: 180px;
    max-width: 100%
}

.pricing-table-two .pricing-table__footer .ht-btn:hover {
    background: var(--primary-color)
}

.pricing-table-two .pricing-table__feature-mark {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 88px solid var(--secondary-color);
    border-bottom: 88px solid transparent;
    border-left: 88px solid transparent
}

.pricing-table-two .pricing-table__feature-mark span {
    position: absolute;
    top: -72px;
    right: 6px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.19;
    display: block;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pricing-table-two .pricing-table:hover .pricing-table__inner {
    -webkit-box-shadow: 0 2px 30px rgba(89, 69, 230, .12);
    box-shadow: 0 2px 30px rgba(89, 69, 230, .12);
    border: 0 solid transparent;
    padding: 35px 21px 41px
}

.pricing-table-two .pricing-table--popular .pricing-table__inner {
    -webkit-box-shadow: 0 2px 30px rgba(89, 69, 230, .12);
    box-shadow: 0 2px 30px rgba(89, 69, 230, .12);
    border: 0 solid transparent;
    padding: 35px 21px 41px;
    background: var(--primary-color)
}

.pricing-table-two .pricing-table--popular .pricing-table__title {
    color: #fff
}

.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .currency {
    color: #fff
}

.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .price {
    color: #fff
}

.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .period {
    color: #fff
}

.pricing-table-two .pricing-table--popular .pricing-table__list li {
    color: #fff
}

.mb-20 {
    margin-bottom: 20px
}

.mb-40 {
    margin-bottom: 40px
}

.circle-list .list-item {
    position: relative;
    padding-left: 14px;
    margin-bottom: 12px
}

.circle-list .list-item::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999
}

.circle-list .list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.circle-list .list-item a {
    line-height: 16px
}

.text-intro {
    font-size: 1.2rem;
    color: grey;
    font-family: mulish;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    padding-bottom: 50px
}

.hidden {
    display: none
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, .05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../image/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url(../image/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.panel-sidebar {
    border-color: #eee;
    font-size: 15px;
}

.panel-sidebar > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 0;
}

.panel-heading i.far,
.panel-heading i.fas,
.panel-heading i.fal,
.panel-heading i.fab {
    font-size: 0.85em;
}

.panel-sidebar .panel-title {
    font-size: 1.1em;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    color: #555;
}

.panel-sidebar .panel-minimise {
    margin-top: 4px;
    color: #ddd;
    cursor: pointer;
    transition: transform 200ms ease;
}

.panel-sidebar .panel-minimise.minimised {
    transform: rotate(180deg);
    margin-top: 7px;
}

.panel-sidebar > .panel-footer {
    color: #333;
    background-color: #f5f5f5;
    border-top: 0;
}

.panel-sidebar .list-group-item {
    line-height: 24px;
}

.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}

.panel-sidebar .list-group-item.disabled,
.panel-sidebar .list-group-item.disabled:focus,
.panel-sidebar .list-group-item.disabled:hover {
    background-color: transparent;
    opacity: 0.5;
}

.panel-sidebar a.list-group-item:hover i.fas,
.panel-sidebar a.list-group-item:hover i.far {
    color: #666 !important;
}

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: #465054;
    border-color: #465054;
}

.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:focus i,
.panel-sidebar a.list-group-item.active:hover i {
    color: #fff;
}

.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
    background-color: #eee;
    border-color: #eee;
    color: #555;
}

.panel-sidebar .recent-ticket {
    line-height: 20px;
}

.feature-box.aff-box {
    margin-bottom: 0px;
}

.feature-box.aff-box h3 {
    padding-top: 35px;
}

h1.affstep {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    border-radius: 6px 0 0;
    color: #fff;
    padding: 8px 10px;
    background-color: #2c7be5;
    font-size: 25px;
}

img.avatar {
    max-width: 48px;
}


/*------------- #PRICING Style Tables --------------*/
.pricing-tables-wrap-table {
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-collapse: unset;
    border-spacing: 0 10px;
}

.pricing-tables-wrap-table > tbody > tr:after {
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    background-color: #ebf2f8;
}

.pricing-tables-wrap-table > tbody > tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pricing-tables-wrap-table > thead {
    background-color: transparent;
}

.pricing-tables-wrap-table > tfoot > tr > td {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    text-align: center;
}

.pricing-tables-wrap-table > thead > tr > th {
    font-size: 14px;
    font-weight: 400;
    padding: 25px 20px;
    color: #2c7be5;
}

.pricing-tables-wrap-table > tbody > tr > td {
    padding: 25px 20px;
    border-right: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
}

.pricing-tables-wrap-table > tbody > tr > td:first-child::before {
    content: attr(data-value);
    display: none;
    width: initial;
    height: initial;
    background-color: transparent;
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
}

.pricing-tables-wrap-table .cpu-core {
    display: block;
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
}

.pricing-tables-wrap-table .geekbench-score {
    font-weight: 400;
    margin-right: 30px;
}

.pricing-tables-wrap-table .skills-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
    width: 100%;
    min-width: 40px;
}

.pricing-tables-wrap-table .rate {
    font-size: 20px;
    color: #2c7be5;
}

.pricing-tables-wrap-table .pricing-onsale {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
}

.pricing-table--style-table {
    text-align: left;
    box-shadow: 0 0 40px -10px rgba(34, 41, 47, 0.2);
    z-index: 10;
    background-color: #fff;
}

.pricing-table--style-table > td:before {
    content: attr(data-value);
    display: none;
}

.pricing-table--style-table > td:first-child {
    border-left: 2px solid rgb(34 41 47 / 2%);
    border-radius: 5px 0 0 5px;
}

.pricing-table--style-table > td:last-child {
    border-right: 2px solid rgb(34 41 47 / 2%);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table > td {
    border-top: 2px solid rgb(34 41 47 / 2%);
    border-bottom: 2px solid rgb(34 41 47 / 2%);
}

.pricing-table--style-table:hover.border-accent-primary > td:first-child {
    margin-bottom: 30px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid #2c7be5;
}

.pricing-table--style-table:hover.border-accent-primary > td:last-child {
    border-right: 2px solid #2c7be5;
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-accent-primary > td {
    border-top: 2px solid #2c7be5;
    border-bottom: 2px solid #2c7be5;
}

.pricing-table--style-table:hover.border-red-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--red-themes);
}

.pricing-table--style-table:hover.border-red-themes > td:last-child {
    border-right: 2px solid var(--red-themes);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-red-themes > td {
    border-top: 2px solid var(--red-themes);
    border-bottom: 2px solid var(--red-themes);
}

.pricing-table--style-table:hover.border-orange-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--orange-themes);
}

.pricing-table--style-table:hover.border-orange-themes > td:last-child {
    border-right: 2px solid var(--orange-themes);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-orange-themes > td {
    border-top: 2px solid var(--orange-themes);
    border-bottom: 2px solid var(--orange-themes);
}

.pricing-table--style-table:hover.border-yellow-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--yellow-themes);
}

.pricing-table--style-table:hover.border-yellow-themes > td:last-child {
    border-right: 2px solid var(--yellow-themes);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-yellow-themes > td {
    border-top: 2px solid var(--yellow-themes);
    border-bottom: 2px solid var(--yellow-themes);
}

.pricing-table--style-table:hover.border-blue-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--blue-themes);
}

.pricing-table--style-table:hover.border-blue-themes > td:last-child {
    border-right: 2px solid var(--blue-themes);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-blue-themes > td {
    border-top: 2px solid var(--blue-themes);
    border-bottom: 2px solid var(--blue-themes);
}

.pricing-table--style-table:hover.border-lime-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--lime-themes);
}

.pricing-table--style-table:hover.border-lime-themes > td:last-child {
    border-right: 2px solid var(--lime-themes);
    border-radius: 0 5px 5px 0;
}

.pricing-table--style-table:hover.border-lime-themes > td {
    border-top: 2px solid var(--lime-themes);
    border-bottom: 2px solid var(--lime-themes);
}

/*------------- #PRICING Tables Triple --------------*/
.pricing-tables-wrap {
    border-radius: 5px;
    padding: 0 15px;
}

.pricing-tables-wrap > * {
    border-right: 1px solid var(--border-grey-color);
}

.pricing-tables-wrap > *:last-child {
    border-right: none;
}

.pricing-table--style2 {
    padding: 40px;
    background-color: #fff;
    height: 100%;
}

.pricing-table--style2 .bg-layer {
    background-color: #fff;
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    border: 3px solid var(--orange-themes);
}

.pricing-table--style2:hover {
    z-index: 990;
}

.pricing-table--style2:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.pricing-table--style2 .pricing-title {
    text-transform: uppercase;
}

.pricing-table--style2 .pricing-description {
    font-weight: 500;
}

.pricing-table--style2 .rate {
    font-size: 31px;
}

.pricing-table--style2 .pricing-onsale {
    font-weight: 500;
    margin-bottom: 10px;
}

.pricing-table--style2 .pricing-onsale--with-bg {
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--yellow-themes);
    padding: 2px 4px;
}

.pricing-table--style2 .pricing-renew {
    font-size: 14px;
}

.pricing-table--style2 .info-icon {
    top: -3px;
    position: relative;
}

.pricing-table--style2 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px;
}

.pricing-table--style2 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.pricing-table--style2 .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*------------- #PRICING Tables Modern --------------*/
.crumina-pricing-modern table > tbody > tr > td:first-child::before {
    display: none;
}

.crumina-pricing-modern table > tbody > tr {
    border-bottom: 1px dashed var(--border-grey-color);
}

.crumina-pricing-modern table > tbody > tr:last-child {
    border-bottom: 0;
}

.crumina-pricing-modern .crumina-icon.icon-check {
    width: 16px;
    height: 13px;
    fill: var(--lime-themes);
}

.crumina-pricing-modern .crumina-icon.icon-minus {
    width: 10px;
    height: 2px;
    fill: var(--dark-themes);
}

.crumina-pricing-modern table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border: none;
}

.crumina-pricing-modern table thead {
    background-color: transparent;
    border-bottom: 1px dashed var(--border-grey-color);
}

.crumina-pricing-modern table thead > tr > th {
    background-color: var(--grey-themes);
    text-transform: none;
}

.crumina-pricing-modern table thead > tr > th:first-child {
    background-color: transparent;
    text-align: left;
}

.crumina-pricing-modern td, .crumina-pricing-modern th {
    empty-cells: show;
    padding: 13px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.crumina-pricing-modern tbody tr:nth-child(odd) {
    display: none;
}

.crumina-pricing-modern th {
    font-weight: normal;
    padding: 0;
    border-bottom: 1px dashed var(--border-grey-color);
}

.crumina-pricing-modern tr td:first-child {
    text-align: left;
}

.crumina-pricing-modern .price-info {
    padding: 40px;
    position: relative;
}

.crumina-pricing-modern .pricing-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
}

.crumina-pricing-modern .rate {
    font-size: 31px;
    margin: 10px 0 15px;
    font-weight: 700;
}

.crumina-pricing-modern .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: #33ae69;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.crumina-pricing-modern .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #33ae69 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .crumina-pricing-modern td:first-child, .crumina-pricing-modern th:first-child {
        display: none;
    }

    .crumina-pricing-modern tbody tr:nth-child(odd) {
        display: table-row;
        background: #F7F7F7;
    }

    .crumina-pricing-modern .row {
        background: #FFF;
    }

    .crumina-pricing-modern td, .crumina-pricing-modern th {
        border: 1px solid var(--border-grey-color);
    }
}

@media (max-width: 639px) {
    .crumina-pricing-modern td, .crumina-pricing-modern th {
        padding: 10px 5px;
    }

    .crumina-pricing-modern .hide-mobile {
        display: none;
    }

    .crumina-pricing-modern .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
}

/*------------- #PRICING Tables Style 3 --------------*/
.pricing-table--style3 {
    padding: 40px;
    background-color: #fff;
    height: 100%;
}

.pricing-table--style3 .bg-layer {
    background-color: #fff;
    border-radius: 5px;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    border: 1px solid var(--border-grey-color);
}

.pricing-table--style3:hover {
    z-index: 990;
}

.pricing-table--style3:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.pricing-table--style3 .pricing-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}

.pricing-table--style3 .pricing-description {
    font-weight: 500;
}

.pricing-table--style3 .rate {
    font-size: 31px;
    font-weight: 900;
    margin-bottom: 5px;
}

.pricing-table--style3 .pricing-renew {
    font-size: 14px;
}

.pricing-table--style3 .info-icon {
    top: -3px;
    position: relative;
}

.pricing-table--style3 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px;
}

.pricing-table--style3 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.pricing-table--style3 .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*------------- #PRICING Tables Border bottom --------------*/
.pricing-tables-border-bottom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--grey-themes);
}

.pricing-tables-border-bottom-wrap > *:nth-child(odd) {
    background-color: #fafcfd;
}

.pricing-tables-item-border-bottom {
    text-align: center;
    padding: 60px;
}

.pricing-tables-item-border-bottom:hover .bg-layer {
    height: 100%;
}

.pricing-tables-item-border-bottom:hover .pricing-description {
    color: #fff;
}

.pricing-tables-item-border-bottom:hover .pricing-link .crumina-icon {
    fill: #fff;
}

.pricing-tables-item-border-bottom .pricing-description {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pricing-tables-item-border-bottom .main-pricing-content {
    z-index: 10;
}

.pricing-tables-item-border-bottom .bg-layer {
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.pricing-tables-item-border-bottom .pricing-thumb {
    margin-bottom: 30px;
}

.pricing-tables-item-border-bottom .rate {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 30px;
}

.pricing-tables-item-border-bottom .price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
}

.pricing-tables-item-border-bottom .pricing-link {
    display: inline-block;
}

.pricing-tables-item-border-bottom .pricing-link .crumina-icon {
    width: 31px;
    height: 20px;
}

.pricing-tables-item-border-bottom.pricing-primary .bg-layer {
    background-color: #33ae69;
}

.pricing-tables-item-border-bottom.pricing-primary .pricing-link {
    fill: #33ae69;
}

.pricing-tables-item-border-bottom.pricing-red .bg-layer {
    background-color: var(--red-themes);
}

.pricing-tables-item-border-bottom.pricing-red .pricing-link {
    fill: var(--red-themes);
}

.pricing-tables-item-border-bottom.pricing-orange .bg-layer {
    background-color: var(--orange-themes);
}

.pricing-tables-item-border-bottom.pricing-orange .pricing-link {
    fill: var(--orange-themes);
}

.pricing-tables-item-border-bottom.pricing-yellow .bg-layer {
    background-color: var(--yellow-themes);
}

.pricing-tables-item-border-bottom.pricing-yellow .pricing-link {
    fill: var(--yellow-themes);
}

.pricing-tables-item-border-bottom.pricing-blue .bg-layer {
    background-color: var(--blue-themes);
}

.pricing-tables-item-border-bottom.pricing-blue .pricing-link {
    fill: var(--blue-themes);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1200px) {
    .pricing-tables-item-border-bottom {
        padding: 20px;
    }
}

@media (max-width: 1024px) {
    .pricing-tables-item-standard {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .pricing-tables-border-bottom-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pricing-tables-item-border-bottom {
        width: 50%;
    }

    .crumina-pricing-modern .pricing-title {
        font-size: 14px;
    }

    .crumina-pricing-modern .rate {
        font-size: 14px;
    }

    .crumina-pricing-modern .price-info {
        padding: 10px;
    }

    .pricing-tables-wrap > * {
        border: 1px solid var(--border-grey-color);
    }

    .pricing-tables-wrap > :last-child {
        border-right: 1px solid var(--border-grey-color);
    }

    .pricing-tables-wrap-table > thead {
        display: none;
    }

    .pricing-table--style-table > td:before {
        display: block;
        width: 40%;
    }

    .pricing-tables-wrap-table > tbody > tr > td:first-child::before {
        display: block;
        width: 40%;
    }

    .pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
        min-width: 80px;
    }

    .pricing-tables-wrap-table .rate {
        font-size: 18px;
    }

    .pricing-table--style-table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 2px solid #33ae69;
        margin-bottom: 30px;
        border-radius: 5px;
    }

    .pricing-tables-wrap-table > tbody > tr:last-child {
        border-bottom: 2px solid;
        margin-bottom: 0;
    }

    .pricing-tables-wrap-table > tbody > tr > td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pricing-table--style-table > td:last-child:before {
        display: none;
    }

    .pricing-tables-wrap-table > tbody > tr::after {
        display: none;
    }

    .pricing-table--style-table > td:first-child {
        border-left: none;
        border-radius: 0;
    }

    .pricing-table--style-table > td {
        border-top: none;
        border-bottom: none;
    }

    .pricing-table--style-table > td:last-child {
        border-right: none;
        border-radius: 0;
    }

    .pricing-table--style-table:hover.border-accent-primary > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }

    .pricing-table--style-table:hover.border-accent-primary > td {
        border-top: none;
        border-bottom: none;
    }

    .pricing-table--style-table:hover.border-accent-primary > td:last-child {
        border-right: none;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .crumina-pricing-modern td, .crumina-pricing-modern th {
        width: 33.333333333%;
    }

    .crumina-pricing-modern table thead > tr > th {
        background-color: transparent;
    }

    .pricing-tables-wrap-table > tbody > tr > td {
        padding: 10px 15px;
        font-size: 16px;
    }

    .pricing-table--style3 {
        padding: 20px;
    }

    .pricing-table--style3 .pricing-title {
        font-size: 32px;
    }

    .pricing-table--style3 .rate {
        font-size: 24px;
    }
}

@media (max-width: 460px) {
    .pricing-tables-item-border-bottom {
        width: 100%;
    }

    .crumina-pricing-modern .pricing-title {
        font-size: 12px;
    }

    .crumina-pricing-modern .rate {
        font-size: 12px;
    }
}


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

.hosting-icon {
    position: absolute;
    width: 100%;
    left: 0;
    top: -50px;
    text-align: center;
    z-index: 1000;
}

.hosting-icon .hsto {
    font-size: 45px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding-top: 28px;
}

.green-accent .pricing-box.best-seller:before {
    background-color: #8cc934;
}

.green-accent .pricing-box.best-seller .pricing-icon:after {
    background-color: #33ae69;
}

.green-accent .pricing-box.best-seller .pricing-icon:before {
    background-color: #33ae69;
}

.green-accent .pricing-box.best-seller .pricing-title:after {
    background-color: #33ae69;
}

.green-accent .pricing-box.best-seller .pricing-title:before {
    background-color: #33ae69;
}

.pink-accent .pricing-box.best-seller:before {
    background-color: #ce60ad;
}

.pink-accent .pricing-box.best-seller .pricing-icon:after {
    background-color: #e875c6;
}

.pink-accent .pricing-box.best-seller .pricing-icon:before {
    background-color: #e875c6;
}

.pink-accent .pricing-box.best-seller .pricing-title:after {
    background-color: #e875c6;
}

.pink-accent .pricing-box.best-seller .pricing-title:before {
    background-color: #e875c6;
}

.purple-accent .pricing-box.best-seller:before {
    background-color: #615ecc;
}

.purple-accent .pricing-box.best-seller .pricing-icon:after {
    background-color: #7774e7;
}

.purple-accent .pricing-box.best-seller .pricing-icon:before {
    background-color: #7774e7;
}

.purple-accent .pricing-box.best-seller .pricing-title:after {
    background-color: #7774e7;
}

.purple-accent .pricing-box.best-seller .pricing-title:before {
    background-color: #7774e7;
}

.pricing-box .pricing-button {
    margin-bottom: 15px;
}

table.pricing-tables-wrap-table {
    margin: 0;
    padding: 0;
    width: 100%;
}

span.rate {
    display: grid;
}

span.rate span {
    font-size: 12px;
}

.product-area {
    margin-bottom: 80px;
}

.product-group {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.product-group .product-item-title {
    flex: 1;
    text-align: right;
    padding: 20px;
    background-color: #2c7be5;
    color: #ffffff;
}

.product-group .product-item-title .item-title {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 1;
    text-transform: uppercase;
    height: 116px;
}

.product-group .product-item-title .item-title.setup-fee {
    height: 136px;
}

.product-group .product-item-title .item-title .largetext {
    font-size: 30px;
    margin-bottom: 8px;
}

.product-group .product-item-title .item-text {
    padding: 10.5px 0;
}

.product-group .product-item {
    flex: 1;
    padding: 20px 30px;
    background-color: #ffffff;
    border-right: 1px solid #f8f8f8;
}

.product-group .product-item .product-box {
    display: flex;
    flex-direction: column;
}

.product-group .product-item .product-box .product-name {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 5px;
    text-align: center;
}

.product-group .product-item .product-box .product-pricing {
    color: #1875f0;
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
    text-align: center;
}

.product-group .product-item .product-box .product-pricing .product-setup-fee {
    color: #f7b02c;
}

.product-group .product-item .product-box .product-pricing .product-free-setup {
    color: #12b141;
}

.product-group .product-item .product-box .product-pricing .num {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px;
}

.product-group .product-item .product-box .product-desc {
    margin-bottom: 40px;
}

.product-group .product-item .product-box .product-desc .product-desc-item {
    border-bottom: 1px solid #f7f7f7;
    padding: 10px 0;
    color: #777777;
}

div[menuitemname="Categories"] {
    display: none;
}

.modal-footer {
    justify-content: center;
}

.modal-header .close {
    margin: 0;
    display: none;
}


.modal-title {
    margin: 0;
    padding: 0;
    text-align: center;
    align-items: center;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}


.dedicated-plans-tbl .plan-row {
    align-items: stretch;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
    margin-bottom: 1.2em;
    transition: .15s ease-out
}

.storage-plans-tbl .plan-row {
    margin-bottom: .6em
}

.plan-row.featured-plan, .plan-row:hover {
    border-color: #2c7be5;
    cursor: pointer;
}

.plan-col {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.plan-col.left-border {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

.plan-col h5 {
    font-size: 1.2rem;
    margin: 0
}

.plan-col h6 {
    font-size: 1rem;
    margin: 0
}

.plan-col p {
    font-size: .8rem
}

.plan-col.storage-plan-col {
    padding-top: .85rem;
    padding-bottom: .85rem
}

.plan-row.featured-plan {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.plan-row.featured-plan::before {
    content: 'Popular';
    position: absolute;
    top: -1px;
    left: -21px;
    height: 104%;
    writing-mode: vertical-lr;
    text-orientation: sideways;
    background-color: #6f42c1;
    color: #fff;
    padding: 6px 3px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 10px;
    transform: rotate(180deg)
}

@media all and (max-width: 460px) {
    .plans-table td, .plans-table th {
        font-size: .6em;
        padding: .5rem !important;
        padding-left: .3rem !important;
        padding-right: .3rem !important
    }

    .plans-table td a.btn.btn-sm {
        font-size: .8em;
        padding: .12rem
    }

    .card.table-card {
        box-shadow: none !important
    }

    .plans-table td.p-0 {
        padding: 0 !important
    }

    .plans-table tr.additional-info td > div > div.d-flex {
        flex-direction: column
    }

    .plans-table tr.additional-info td > div > div.d-flex div.border, .plans-table tr.additional-info td > div > div.d-flex div.table-order-button {
        width: 100%;
        margin-bottom: 1rem
    }

    .plans-table h4 {
        font-size: 1rem
    }
}


div[menuitemname="Choose Currency"] {
    display: none;
}

.rt-single-icon-box.price3-box {
    padding-top: 55px;
    padding-right: 95px;
    padding-bottom: 50px;
    padding-left: 95px;
    border-radius: 30px;
    background-color: white;
    -webkit-box-shadow: 0 15px 27px 0 rgba(62, 97, 157, .3);
    box-shadow: 0 15px 27px 0 rgba(62, 97, 157, .3);
}

.rt-single-icon-box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}

.rt-mb-30 {
    margin-bottom: 30px;
}

.rt-single-icon-box.price3-box .iconbox-content h5 {
    font-size: 60px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 40px;
    color: #224fe7;
    text-shadow: 1.753px 3.595px 2px rgba(34, 79, 231, .22);
}

@media (max-width: 767.98px) {
    .rt-single-icon-box.price3-box {
        padding: 30px;
    }
}

@media (max-width: 991.98px) {
    .rt-single-icon-box.price3-box {
        flex-direction: column;
        padding: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
}

.rt-single-icon-box.price3-box .iconbox-content p {
    color: #526288;
}

.rt-single-icon-box.price3-box .iconbox-content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 10px;
}

.primary-bg {
    background: #2c7be5 !important;
}

/* line 353, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > thead {
    background-color: transparent;
    border-radius: 4px;
}

/* line 358, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table.vps-hosting-pricing-table-two {
    border-collapse: collapse;
}

/* line 362, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > thead > tr > th {
    border: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
}

/* line 371, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row {
    text-align: left;
    background-color: #fff;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

/* line 378, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:first-child {
    border-left: 2px solid transparent;
    border-radius: 2px 0 0 2px;
}

/* line 382, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:first-child {
    border-left: 3px solid rgba(93, 118, 174, 0.15);
}

/* line 385, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row:hover td {
    border-color: #2c7be5;
}

/* line 388, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:last-child {
    border-right: 2px solid transparent;
    border-radius: 0 2px 2px 0;
    text-align: right;
}

/* line 393, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two > thead {
    border: 2px solid rgba(93, 118, 174, 0.15);
    border-top: none;
    background: #e5e9f2;
}

/* line 398, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two .vps-pricing-row {
    border: 2px solid rgba(93, 118, 174, 0.15);
    border-left: 2px solid transparent;
}

/* line 402, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two .vps-pricing-row > td:last-child {
    border-right: initial;
}

/* line 406, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > tbody > tr > td {
    padding: 20px 20px;
    border-right: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

/* line 414, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table.domain-search-result-table > tbody > tr > td {
    font-size: 14px;
}

/* line 417, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td {
    border: none;
}

/* line 421, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .rate {
    font-size: 20px;
    font-weight: 700;
    color: #f67a3c;
    font-family: "Roboto", sans-serif;
    display: inline;
}

/* line 428, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .rate span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    opacity: 0.8;
    color: #8392a5;
}

/* line 436, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .score-bar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 447, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .geekbench-score {
    font-weight: 400;
    margin-right: 15px;
}

/* line 452, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .score-bar-wrap .score-bar-item {
    min-width: 40px;
    height: 14px;
    font-size: 55%;
    border-radius: 30px;
    font-weight: 400;
    background-color: #e5e9f2;
    position: relative;
}

/* line 462, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .pricing-onsale, .vps-hosting-pricing-table .cpu-core {
    display: block;
    font-size: 14px;
    color: #8392a5;
    margin-top: 4px;
    font-weight: 400;
    margin: 0;
}

/* line 470, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > tbody > tr > td:first-child::before {
    content: attr(data-value);
    display: none;
    width: initial;
    height: initial;
    background-color: transparent;
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
}

/* line 482, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:before {
    content: attr(data-value);
    display: none;
}

/* line 487, src/assets/scss/components/price-section/_price-1.scss */
table > tbody > tr > td:first-child:before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background-color: #1062fe;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 991px) {
    /* line 503, src/assets/scss/components/price-section/_price-1.scss */
    .vps-hosting-pricing-table > thead {
        display: none;
    }

    /* line 507, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 4px;
        width: 45%;
        float: left;
        margin: 0 15px 28px 15px;
    }

    /* line 523, src/assets/scss/components/price-section/_price-1.scss */
    .vps-hosting-pricing-table > tbody > tr {
        padding: 15px;
    }

    /* line 526, src/assets/scss/components/price-section/_price-1.scss */
    .vps-hosting-pricing-table > tbody > tr > td {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: normal;
    }

    /* line 532, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row:hover.border-accent-primary > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }

    /* line 538, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row > td:first-child {
        border-left: none;
        border-radius: 0;
    }

    /* line 543, src/assets/scss/components/price-section/_price-1.scss */
    .vps-hosting-pricing-table > tbody > tr > td:first-child::before {
        display: block;
        width: 45%;
    }

    /* line 548, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row > td:before {
        display: block;
        width: 45%;
    }

    /* line 553, src/assets/scss/components/price-section/_price-1.scss */
    .vps-hosting-pricing-table > tbody > tr > td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /* line 564, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row > td:last-child::before {
        display: none;
    }

    /* line 568, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row > td:last-child {
        text-align: center !important;
        margin: auto;
    }
}

@media (max-width: 768px) {
    /* line 576, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row {
        width: 100%;
        float: none;
        margin-left: auto;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* line 584, src/assets/scss/components/price-section/_price-1.scss */
    .vps-pricing-row td a.primary-solid-btn {
        padding: 8px 12px !important;
    }
}

.gray-light-bg {
    background: #fafafa !important;
}

table.table.vps-hosting-pricing-table {
    border-collapse: unset !important;
    border-spacing: 0 10px !important;
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.vps-hosting-pricing-table .won {
    font-size: 12px;
}


/* line 141, src/assets/scss/components/_components.buttons.scss */
.btn-brand-01 {
    background-color: #2c7be5;
    border-color: #2c7be5;
    color: #fff;
}

/* line 17, node_modules/bootstrap/scss/mixins/_hover.scss */
.btn-brand-01:hover, .btn-brand-01:focus {
    background-color: #1b6ddb;
    border-color: #1b6ddb;
    color: #fff;
}

.vps-pricing-row > td:last-child {
    border-right: 3px solid rgba(93, 118, 174, 0.15);
}

.vps-pricing-row:hover td:last-child {
    border-color: #2c7be5;
}

.gray-light-bg:hover {
    background: #3075f338 !important;
}

.cloudserver-div {
    padding: 1rem 1rem 1rem .2rem;
    color: #1c2768;
    line-height: 1;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    align-items: center;
}

ul.cloudserver-ul {
    margin: 0;
    padding: 0;
}

ul.cloudserver-ul li a {
    padding: unset !important;
    line-height: 1.5 !important;
}

.megamenu--mega li a {
    color: #777777;
}

.megamenu--mega li:not(.inner-list) > a {
    color: #777777;
}

.megamenu--mega li:not(.inner-list) > a:hover {
    color: #1c2768;
}

.menu-style-four .navigation-menu > ul > li > a:hover {
    color: #fff;
}

.wrap-main-swiper .content-slide {
    height: 500px;
    padding: 80px 50px 0;
    font-size: 18px;
    color: #EEE;
}

.wrap-main-swiper .content-slide .slogan {
    font-size: 46px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 120%;
    margin-bottom: 20px;
}

.wrap-main-swiper .content-slide .sub-slogan {
    margin-bottom: 15px;
}

.wrap-main-swiper .content-slide .event-title {
    font-size: 18px;
    color: #007aff;
    letter-spacing: -1px;
    font-weight: 300;
    margin-bottom: 0;
}

.wrap-main-swiper .content-slide .btn {
    border-radius: 3px;
}

.wrap-main-swiper .content-slide .btn-outline-success {
    color: #4cae4c !important;
    border-color: #4cae4c !important;
}

.swiper-pagination-bullet {
    background-color: #FFF !important;
}

.home-banner1 {
    background: url(../image/banner_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: inherit;
}

.home-banner2 {
    background: url(../image/banner_bg2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: inherit;
}

.home-banner3 {
    background: url(../image/banner_bg3.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: inherit;
}

.top-bar-left {
    color: #fff;
    font-size: 13px;
}

.top-bar-left a {
    color: #fff;
    font-size: 13px;
}

.btn-top-changelang {
    color: #fff;
}


.modal .modal-dialog {
    max-width: 700px;
}

.modal .modal-header {
    background-color: #eee;
}

.modal-localisation .modal-content {
    background-color: #3e3e3e;
}

.modal-localisation .modal-body {
    background: url("../image/worldmap.png");
    background-size: cover;
}

.modal-localisation .modal-footer {
    border: 0;
}

.modal-localisation .h5 {
    color: #fff;
}

.modal-localisation .item-selector .item {
    display: block;
    margin: 2px 0;
    padding: 2px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #eee;
}

.modal-localisation .item-selector .item:hover {
    background-color: #eee;
    color: #444;
}

.modal-localisation .item-selector .item.active {
    background-color: #ddd;
    border-color: #bbb;
    color: #444;
}

.modal-localisation.show .modal-dialog {
    transform: translateY(150px) !important;
}

.modal-localisation {
    z-index: 99999 !important;
}