/**
 * ============================  THEME STYLES ============================
 *
 * Description: The following styles are used for the new design
 * Author: Tom
 *
 * =======================================================================
 */

/**
 * Fonts
 */
@charset "UTF-8";

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?t22g2h');
    src:  url('fonts/icomoon.eot?t22g2h#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?t22g2h') format('truetype'),
    url('fonts/icomoon.woff?t22g2h') format('woff'),
    url('fonts/icomoon.svg?t22g2h#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
    content: "\e916";
}
.icon-call:before {
    content: "\e917";
}
.icon-asia:before {
    content: "\e900";
}
.icon-battery:before {
    content: "\e901";
}
.icon-benefit:before {
    content: "\e902";
}
.icon-box:before {
    content: "\e903";
}
.icon-document:before {
    content: "\e904";
}
.icon-email:before {
    content: "\e905";
    color: #4b4b4b;
}
.icon-europe:before {
    content: "\e906";
}
.icon-electric:before {
    /*content: "\e901";*/
    
}
.icon-family:before {
    content: "\e907";
}
.icon-icon:before {
    content: "\e908";
}
.icon-location:before {
    content: "\e909";
    color: #4b4b4b;
}
.icon-lock:before {
    content: "\e90a";
}
.icon-mark .path1:before {
    content: "\e90b";
    color: rgb(149, 149, 149);
}
.icon-mark .path2:before {
    content: "\e90c";
    margin-left: -44px;
    color: rgb(0, 0, 0);
}
.icon-phone:before {
    content: "\e90d";
    color: #4b4b4b;
}
.icon-services:before {
    content: "\e90e";
}
.icon-speedometer:before {
    content: "\e90f";
}
.icon-timer:before {
    content: "\e910";
    color: #4b4b4b;
}
.icon-tyre:before {
    content: "\e911";
}
.icon-truck:before {
    content: "\e912";
}
.icon-usa:before {
    content: "\e913";
}
.icon-vehicle-fluid:before {
    content: "\e914";
}
.icon-wheel:before {
    content: "\e915";
}

/* Helpers */
.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-overlay {
    position: relative;
}
.bg-overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d5d5d5;
    opacity: 0.7;
    z-index: 2;
}

/* Common styles */
body {
    font-family: Ubuntu !important;
}
.title--main {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #000 !important;
}
.title--sub {
    position: relative;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2.5px;
    color: #4b4b4b !important;
    text-transform: uppercase;
}
.title--sub .hc-icon {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 26px;
    color: #959595;
}
.title--sub > span {
    display: block;
    padding-left: 36px;
}
.color--inverted .hc-icon {
    color: #fff;
}
.color--inverted .hc-icon.icon-mark .path1:before,
.color--inverted .hc-icon.icon-mark .path2:before {
    color: #fff;
}
.btn.btn-healthcar {
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    background-color: #000;
    color: #fff !important;
    text-align: left;
    text-transform: uppercase;
    padding: 10px 12px 10px 20px;
    min-width: 200px;
}
.btn.btn-healthcar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #4b4b4b;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.btn.btn-healthcar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-top: 40px solid #4b4b4b;
    border-right: 20px solid transparent;
    z-index: 2;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.btn.btn-healthcar:hover:before {
    opacity: 1;
    width: 152px;
}
.btn.btn-healthcar:hover:after{
    opacity: 1;
    left: 152px;
}
.btn.btn-healthcar > span {
    position: relative;
    z-index: 3;
}
.btn.btn-healthcar .hc-icon {
    position: absolute;
    top: 14px;
    right: 14px;
}
.btn.btn-healthcar.btn-healthcar--secondary .hc-icon,
.btn.btn-healthcar.btn-healthcar--inverted .hc-icon {
    color: #000 !important;
}
.btn.btn-healthcar.btn-healthcar--secondary {
    background-color: #fff;
    color: #000 !important;
}
.btn.btn-healthcar.btn-healthcar--secondary:before {
    background-color: #c0e0fb;
}
.btn.btn-healthcar.btn-healthcar--secondary:after {
    border-top: 40px solid #c0e0fb;
}
.btn.btn-healthcar.btn-healthcar--inverted {
    background-color: #fff;
    color: #000 !important;
}
.btn.btn-healthcar.btn-healthcar--inverted:before {
    background-color: #b6b6b6;
}
.btn.btn-healthcar.btn-healthcar--inverted:after {
    border-top: 40px solid #b6b6b6;
}

/* Header */
.top-bar {
    display: none !important;
}
.navbar-brand img {
    margin-left: -18px;
}
.navbar-nav .menu-item a {
    font-size: 14px;
    font-weight: 700;
    color: #1c1c1c !important;
}
.navbar-nav .menu-item a:before {
    background-color: #1c1c1c !important;
}
.navbar-nav .menu-item-hotline a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    color: #1c1c1c !important;
}
.navbar-nav .menu-item-hotline a:before {
    background-color: #1c1c1c !important;
}
.navbar-nav .menu-item-hotline .hc-icon {
    position: relative;
    top: 2px;
    padding-right: 10px;
    font-size: 18px;
    color: #1c1c1c;
}
.navbar-nav .menu-item-hotline a > span {
    position: relative;
    top: -3px;
}
.navbar.navbar-scrolled {
    background: #fff !important;
}

/* ========================== Home Page ========================== */
/* Section Home Slider  */
.home-slider {
    height: 100% !important;
}
rs-fw-forcer,
.home-slider-wrapper {
    height: 50vh !important;
}

/* Section Home Our Promises */
.home-our-promises {
    padding-top: 50px;
    padding-bottom: 60px;
}
.home-our-promises .title--main {
    margin-bottom: 66px;
    margin-top: 18px;
}
.hop__feature {
    position: relative;
}
.hop__feature .hc-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 60px;
}
.hop__feature__content {
    padding-left: 80px;
}
.hop__feature__name {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    padding-top: 5px;
    color: #000;
}
.hop__feature__description {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b;
    margin-bottom: 0;
}
.section-note {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 1.5;
    color: #4b4b4b;
    margin-top: 50px;
}

.section-note i {
    color: #4b4b4b !important;
}

/* Section Home Our Impact */
.home-our-impact:after {
    background-color: #000;
    opacity: 0.5;
}
.home-our-impact .hoi__content {
    padding: 140px 10%;
}
.home-our-impact .title--main,
.home-our-impact .title--sub,
.home-our-impact .hoi__detail {
    color: #000 !important;
}
.home-our-impact .title--sub span {
    color: #4b4b4b !important;
}
.home-our-impact .hoi__detail {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 1.5;
    color: #4b4b4b;
    margin-bottom: 30px;
}

/* Section Home Our Services */
.home-our-services {
    padding-top: 50px;
    padding-bottom: 90px;
}
.home-our-services .hos__img {
    width: 100%;
    height: auto;
}
.home-our-services .title--main {
    margin-bottom: 66px;
    margin-top: 10px;
}
.home-our-services .btn-summary-of-benefits {
    margin-top: 10px;
}
.home-our-services .btn-coverage {
    margin-top: 10px;
}

/* Section Home Our Price */
.home-our-price .hopr__container {
    padding-right: 60px;
}
.home-our-price .hopr__content {
    padding: 150px 10%;
}
.home-our-price .hopr__price-list {
    padding: 115px 0;
}
.home-our-price .title--main,
.home-our-price .title--sub,
.home-our-price .hopr__detail {
    color: #fff !important;
}
.home-our-price .hopr__detail {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 1.5;
    color: #f4f4f4;
    margin-bottom: 30px;
}
.home-our-price .hopr__price {
    position: relative;
    background-color: #fff;
    padding: 24px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
}
.home-our-price .hopr__price + .hopr__price {
    margin-top: 25px;
}
.home-our-price .hopr__price__value {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
}
.home-our-price .hopr__price__value > span {
    font-size: 30px;
    color: #000;
}
.home-our-price .hopr__price__text {
    font-family: Bitter;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #4b4b4b;
    margin-bottom: 0;
}
.home-our-price .hopr__price__text__addition {
    font-family: Bitter;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #4b4b4b;
    margin-bottom: 0;
    margin: 10px 120px 0px 0px;
}
.home-our-price .hopr__price .hc-icon {
    position: absolute;
    top: 16px;
    right: 24px;
    font-size: 68px;
    color: #000;
}
.home-our-price .btn-healthcar.btn--mobile {
    display: none;
}

/* Section Home Our Benefits */
.home-our-benefits {
    padding-top: 80px;
    padding-bottom: 140px;
    background-color: #f5f5f5;
}
.home-our-benefits .title--main {
    margin-bottom: 60px;
}

/* Section Home Contact Us */
.home-contact-us {
    position: absolute;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home-contact-us .hcu__content {
    position: relative;
    padding: 60px;
    background-color: #fff;
}
.home-contact-us .hcu__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
    margin-bottom: 15px;
}
.home-contact-us .hcu__description {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 1.5;
    color: #4b4b4b;
    margin-top: 0px;
}
.home-contact-us .btn-contact-us {
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Footer */
footer#footer {
    margin: 0;
    font-style: normal;
}
.footer__top {
    padding-top: 150px;
    padding-bottom: 70px;
    background-color: #ecf1f9;
}
.footer__logo {
    margin-left: -26px;
}
.footer__col__intro {
    max-width: 70%;
}
.footer__intro {
    font-family: Bitter, serif;
    font-size: 14px;
    line-height: 1.6;
    color: #4b4b4b;
}
.footer__col__title {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 0;
    color: #4b4b4b;
}
.footer__links {
    margin: 24px 0 0 0;
    padding: 0;
    list-style: none;
}
.footer__link a {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #4b4b4b;
    text-transform: uppercase;
}
.footer__link a:hover {
    color: #4b4b4b;
    text-decoration: underline;
}
.footer__contacts {
    margin-top: 24px;
}
.footer__contact {
    position: relative;
}
.footer__contact + .footer__contact {
    margin-top: 20px;
}
.footer__contact .hc-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #4b4b4b;
}
.footer__contact .hc-icon.icon-location {
    top: 3px;
}
.footer__contact .hc-icon.icon-phone {
    top: 8px;
}
.footer__contact .hc-icon.icon-email {
    top: 4px;
}
.footer__contact .hc-icon.icon-timer {
    top: 2px;
}
.footer__contact__info {
    padding-left: 20px;
    margin-bottom: 0;
}
.footer__contact__info + .footer__contact__info {
    margin-top: 10px;
}
.footer__contact__info,
.footer__contact__info a {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    color: #4b4b4b;
}
.footer__contact__info a:hover {
    color: #4b4b4b;
    text-decoration: underline;
}
.footer__contact__info .text-highlight {
    font-family: Ubuntu;
    font-size: 10px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
}
.footer__copyright {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    background-color: #111111;
    color: #c0c0c0;
    padding: 20px 0;
    text-align: right;
}
.footer__copyright a {
    font-weight: 500;
    color: #c0c0c0;
}
.footer__copyright a:hover {
    color: #c0c0c0;
    text-decoration: underline;
}

/* ========================== Common Page ========================== */
/* Section Page - Banner */
.page-banner {
    padding: 86px 0;
    height: 270px;
}
.page-banner .pb__content {
    position: relative;
    z-index: 5;
}
.page-banner .title--sub {
    color: #000 !important;
}
.page-banner .page__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #000;
}
.page-banner .title--sub .icon-mark .path1:before {
    color: #000;
}

/* Section Page - Content */
.page-content {
    background-color: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 160px;
}

/* ========================== Benefits Page ========================== */
/* Section Benefits - Banner */
.benefit-banner {
    padding: 170px 0;
    text-align: center;
    color: #FFF !important;
    border-radius: 20px;
    margin: 20px 100px;
}
.benefit-banner .bb__title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    color: #FFF !important;
}
.benefit-banner .bb__subtitle {
    font-size: 26px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 12px;
    color: #FFF !important;
}
.benefit-banner .bb__terms {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b;
    margin-bottom: 0;
}

.benefit-banner .renew-button {
    font-weight: bold !important;
    color: #000 !important;
    background-color: #fff;
    border-radius: 999px;
    padding: 12px 22px;
    margin-top: 20px;
}

/* Section Benefits - Enrollment */
.benefit-enrollment {
    background-color: #0f0f0f;
    padding: 110px 0;
    color: #fff;
}
.benefit-enrollment .be__content {
    position: relative;
}
.benefit-enrollment .title--sub {
    color: #fff !important;
}
.benefit-enrollment .be__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    margin-bottom: 50px;
}
.benefit-enrollment .be__image {
    position: absolute;
    top: -190px;
    right: 0;
    display: block;
    height: 270px;
    max-width: 50%;
}

/* Section Benefit - Content */
.benefit-content {
    background-color: #FFF !important;
    padding: 0px 0px;
}
.benefit-content .hc-text-block + .hc-text-block {
    margin-top: 36px;
}
.benefit-content .hc-text-block .block__title {
    font-family: Ubuntu;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.75;
    color: #000;
    margin-bottom: 10px;
}
.benefit-content .hc-text-block .block__content {
    font-family: Bitter;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #4b4b4b;
}

/* Section Benefit - Our Services */
.benefit-our-services {
    padding: 90px 0;
}
.benefit-our-services .bos__services {
    margin-top: 60px;
}
.benefit-our-services .bos__service__name {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
}
.benefit-our-services .bos__service__description {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b;
}
.benefit-our-services .bos__img {
    width: 100%;
    margin: 60px 0 20px;
}

/* Section Benefit - Ancillary */
.benefit-ancillary {
    background-color: #f5f5f5;
    padding: 90px 0 30px;
}
.benefit-ancillary .ba__services {
    margin-top: 60px;
}
.benefit-ancillary .ba__service {
    position: relative;
    background-color: #fff;
    text-align: center;
    width: 100%;
    height: 250px;
    padding: 0 30px;
    margin-bottom: 30px;
}
.benefit-ancillary .ba__service__content {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 70%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.benefit-ancillary .ba__service .hc-icon {
    font-size: 64px;
}
.benefit-ancillary .ba__service__name {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 4px;
}
.benefit-ancillary .ba__service__description {
    font-family: Bitter, serif;
    font-size: 12px;
    line-height: 1.25;
    color: #4b4b4b;
}
.excluded-vehicles {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 40px;
}
.excluded-vehicles .ev__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.75;
    color: #000;
    margin-bottom: 10px;
}
.excluded-vehicles .ev__content {
    font-family: Bitter, serif;
    font-size: 11px;
    color: #4b4b4b;;
}

/* =============================== Responsive =============================== */
/* Mobile */
@media screen and (max-width: 991px) {

    .title--main {
        font-size: 30px;
    }

    .title--main br {
        display: none;
    }

    /* Header */
    #masthead .navbar-brand {
        margin-left: 18px !important;
    }
    #masthead.navbar .navbar-nav {
        margin-left: 10px;
        margin-top: 0;
    }
    #masthead.navbar .navbar-nav > li.menu-item > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* ================ Home Page ================= */

    /* Home - Slider */
    rs-fw-forcer,
    .home-slider-wrapper {
        height: 380px !important;
    }

    /* Home - Our Services */
    .home-our-promises {
        padding-bottom: 80px;
    }
    .home-our-promises .title--sub {
        margin-bottom: 5px;
    }
    .home-our-promises .title--main {
        margin-bottom: 60px;
    }
    .hop__feature {
        text-align: center;
    }
    .hop__feature {
        margin-bottom: 60px;
    }
    .hop__feature__content {
        padding-left: 0;
    }
    .hop__feature__name {
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .hop__feature .hc-icon {
        position: relative;
        top: auto;
        left: auto;
    }
    .section-note {
        font-size: 12px;
        line-height: 2;
        margin-top: 0px;
    }
    .section-note br {
        display: none;
    }

    /* Home - Our Impact */
    .home-our-impact .hoi__content {
        padding: 80px 0;
    }

    /* Home - Our Services */
    .home-our-services {
        padding-top: 60px;
        background-color: #f5f5f5;
    }
    .home-our-services .title--main {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .home-our-services .hos__img.hos__img--mobile {
        margin-bottom: 46px;
    }
    .home-our-services .btn-summary-of-benefits {
        margin-top: 30px;
    }

    /* Home - Our Price */
    .home-our-price .hopr__container {
        padding: 80px 0px;
    }
    .home-our-price .hopr__content {
        padding: 0;
    }
    .home-our-price .hopr__price-list {
        padding: 0;
        margin-top: 50px;
    }
    .home-our-price .btn-healthcar.btn--mobile {
        display: inline-block;
    }
    .home-our-price .btn-mobile-wrapper {
        margin-top: 40px;
    }

    /* Home - Contact Us */
    .home-contact-us {
        min-width: 85%;
    }
    .home-contact-us .hcu__content {
        padding: 40px;
    }

    /* Footer */
    .footer__top {
        padding-top: 170px;
    }
    .footer__col {
        max-width: 100%;
        min-width: 70%;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .footer__logo {
        margin-left: 0px;
    }
    .footer__col__title {
        text-align: center;
    }
    .footer__col__intro {
        max-width: 100%;
        text-align: center;
    }
    .footer__intro {
        margin-bottom: 40px;
    }
    .footer__col__links {
        text-align: center;
    }
    .footer__col__links .footer__col__title {
        display: none;
    }
    .footer__links {
        margin: 0;
    }
    .footer__col__contact {
        margin-bottom: 50px;
    }
    .footer__contacts {
        margin-top: 10px;
    }
    .footer__copyright {
        text-align: center;
    }

    /* ================ Summary of Benefits Page ================= */

    /* Benefit - Banner */
    .benefit-banner {
        padding: 150px 0;
    }
    .benefit-banner .bb__title {
        font-size: 40px;
    }
    .benefit-banner .bb__subtitle {
        font-size: 30px;
    }
    .benefit-enrollment .be__image {
        top: -200px;
        height: auto;
        width: 100%;
        max-width: 100%;
    }

    /* Benefit - Content */
    .benefit-content {
        padding: 100px 0 80px;
    }

    /* Benefit - Our Services */
    .benefit-our-services {
        padding: 60px 0;
    }
    .benefit-our-services .bos__services {
        margin-top: 50px;
    }
    .benefit-our-services .bos__service {
        margin-bottom: 40px;
    }
    .benefit-our-services .bos__img {
        margin: 10px 0 30px;
    }

    /* Benefit - Ancillary */
    .benefit-ancillary {
        padding: 70px 0 180px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .footer__contacts {
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 200px;
    }
}

/* IE Notification Box */
.ie-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #000;
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    -ms-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}
.ie-notification-inner {
    position: relative;
    padding: 30px 0;
}
.ie-notification .ie-notification-content {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    padding-right: 80px;
}
.ie-notification .ie-notification-close {
    position: absolute;
    top: -4px;
    right: 20px;
    font-size: 30px;
    line-height: 1;
    color: #000;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}
.ie-notification .ie-notification-close:hover {
    color: #000;
    text-decoration: none;
}
.ie-notification .ie-notification-close span {
    position: relative;
    top: -2px;
}
.ie-notification.is-closed {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

/**
* Expiration Popup
* Author: Tom
* Date: 2020-03-10
*/
body.modal-open {
    position: fixed;
}
.modal-expiration {
    background-color: #808080;
    text-align: center;
    height: 100vh;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal-expiration .modal-body {
    padding: 60px;
}
.modal-expiration .me__icon {
    display: inline-block;
    width: 200px;
    height: auto;
}
.modal-expiration .me__title{
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #4b4b4b;
    margin: 20px 0;
}
.modal-expiration .me__description {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #4b4b4b;
    margin-top: 5px;
    margin-bottom: 26px;
}
.modal-expiration .me__code,
.modal-expiration .me__payment-type {
    margin-bottom: 50px;
}
.modal-expiration .me__code .form-group,
.modal-expiration .me__payment-type .form-group {
    position: relative;
    width: 90%;
    margin-left: 5%;
}
.modal-expiration .me__code .form-group > img {
    position: absolute;
    top: 14px;
    left: 17px;
    width: 16px;
    height: 16px;
}
.modal-expiration .me__code .form-control {
    display: inline-block;
    background-color: #dfdfdf;
    width: 100%;
    height: 44px;
    font-size: 14px;
    padding-left: 48px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-expiration .me__payment-type select.form-control {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-expiration .me__code .has-error .form-control:focus,
.modal-expiration .me__payment-type .has-error .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.modal-expiration .me__code .validation-error,
.modal-expiration .me__payment-type .validation-error {
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
}
.modal-expiration .btn-submit-code {
    display: inline-block;
}

/* New Coverage Page */
.no-border {
    border: 0 !important;
}
.no-border-left {
    border-left: 0 !important;
}
.no-border-right {
    border-right: 0 !important;
}
.no-border-top {
    border-top: 0 !important;
}
.no-border-bottom {
    border-bottom: 0 !important;
}
.coverage-banner-content {
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
}
.coverage-banner {
    height: 260px;
}
.coverage-banner-wrapper {
    position: relative;
}
.coverage-banner-wrapper:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 260px;
    background: linear-gradient(transparent, #fff);
    z-index: 10;
}
.coverage-banner.bg-overlay:after {
    opacity: 0.8;
}
.coverage-banner-logo img {
    width: 320px;
}
.coverage-banner-description {
    color: #000;
    font-weight: 500;
    max-width: 800px;
    margin: 0 auto;
}
.coverage-content {
    margin-top: -20px;
    padding-bottom: 100px;
}
.swatch-white-black .coverage-content .table-bordered,
.swatch-white-black .coverage-content .table td {
    color: #000 !important;
    border-color: #B3B3B3 !important;
}
.swatch-white-black .coverage-content .table th {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #B3B3B3 !important;
    vertical-align: middle !important;
}
.swatch-white-black .coverage-content .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}
.swatch-white-black .coverage-content .table > tbody > tr > td {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 22%;
}
.swatch-white-black .coverage-content .table > tbody > tr > th {
    padding-top: 2px;
    padding-bottom: 2px;
}
.swatch-white-black .coverage-content .table > tbody > tr:nth-child(2n+1) {
    background-color: #F2F2F2;
}
.swatch-white-black .coverage-content .table > tbody > tr:nth-child(2n+1) > th {
    background-color: #F2F2F2;
}
.coverage-package-name {
    font-size: 18px;
    width: 22%;
    vertical-align: middle !important;
}
.coverage-package-description {
    display: block;
    font-size: 9px;
    text-transform: none !important;
    margin-top: 3px;
}
.coverage-group-name {
    font-size: 24px;
    vertical-align: middle !important;
}
.coverage-group-item-name {
    font-size: 15px;
    font-weight: 500;
}
.coverage-link {
    display: block;
    font-size: 13px;
    color: #4b4b4b !important;
    text-decoration: underline;
}
.coverage-link:hover {
    text-decoration: underline;
}

/* Mobile */
@media screen and (max-width: 991px) {
    .coverage-banner-wrapper {
        margin-bottom: 30px;
    }
    .coverage-banner-content {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .coverage-banner-description {
        max-width: 80%;
    }
    .coverage-group-name {
        font-size: 18px;
    }
    .coverage-group-item-name {
        font-size: 14px;
    }
    .coverage-package-name {
        font-size: 13px;
        padding: 4px !important;
    }
    .swatch-white-black .coverage-content .table > tbody > tr > td {
        font-size: 14px;
    }
}

/* Section Additional Benefits */
.page-additional-benefits {
/*    padding-top: 80px;
    padding-bottom: 30px;*/
    padding-bottom: 150px;
    background-color: #f5f5f5;
}
.page-additional-benefits .title--main {
    margin-bottom: 60px;
}
.bullet-prefix:before {
    content: '•';
    display: inline-block;
    padding-right: 10px;
}
/* Mobile */
@media screen and (max-width: 991px) {
    .home-our-benefits {
        padding-top: 40px;
    }
    .page-additional-benefits {
/*        padding-top: 40px;
        padding-bottom: 0px;*/
        padding-bottom: 100px;
    }
}

/* Home Video */
.home-our-promises .title--main {
    margin-bottom: 44px;
}
.hop__video {
    height: 500px !important;
    margin-bottom: 50px;
}
.hop__video .mejs-controls,
.hop__video .mejs__controls {
    display: none !important;
}

/* Promo Banner */
.promo-banner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 56px;
    -webkit-box-shadow: 0 1px 1px -1px #000;
    -moz-box-shadow: 0 1px 1px -1px #000;
    box-shadow: 0 1px 1px -1px #000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 0.25s ease;
    -moz-transition: transform 0.25s ease;
    -ms-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}
.promo-banner.non-visible {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.promo-banner .pb__content {
    position: relative;
}
.promo-banner .pb__content img {
    width: 180px;
}
.promo-banner .pb__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #000 !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.promo-banner .pb__description {
    color: #4b4b4b;
    margin-top: 0px;
}
.promo-banner .btn-healthcar {
    margin-top: 34px;
}
.promo-banner .pb__content .pb__close {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 50px;
    line-height: 1px;
    color: #4b4b4b;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.promo-banner .pb__content .pb__close:hover {
    color: #000;
}

.swatch-red-white, .swatch-red-white.navbar {
    background: #fff !important;
}

.hopr__price__content .electric-battery b {
    font-size: 1.1em;
}

.hopr__price__content .electric-battery span {
    font-size: 0.9em;
}

.hopr__price__content .what-covered {
    padding-top: 15px;
    font-size: 0.9em;
    font-weight: bold;
}

.hopr__price__content .what-covered a,
.hopr__price__content .what-covered a:hover {
    color: #2b81cc;
}

.hopr__price__content .what-covered a:hover {
    text-decoration: underline;
}



/* Home Our Prices Hero */

/* Section Home Our Price */
.home-our-price-hero .hopr__container {
    padding-right: 60px;
}
.home-our-price-hero .hopr__content {
    padding: 150px 10%;
}
.home-our-price-hero .hopr__price-list {
    padding: 115px 0;
}
.home-our-price-hero .title--main,
.home-our-price-hero .title--sub,
.home-our-price-hero .hopr__detail {
    color: #fff !important;
}
.home-our-price-hero .hopr__detail {
    font-family: Bitter, serif;
    font-size: 16px;
    line-height: 1.5;
    color: #f4f4f4;
    margin-bottom: 30px;
}
.home-our-price-hero .hopr__price {
    position: relative;
    background-color: #fff;
    padding: 24px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
}
.home-our-price-hero .hopr__price + .hopr__price {
    margin-top: 25px;
}
.home-our-price-hero .hopr__price__value {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
    float: left;
    width: 32%; 
    text-align: right;
}
.home-our-price-hero .hopr__price__value > span {
    font-size: 30px;
    color: #000;
}
.home-our-price-hero .hopr__price__text {
    font-family: Bitter;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #4b4b4b;
    margin-bottom: 0;
}
.home-our-price-hero .hopr__price__text__addition {
    font-family: Bitter;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #4b4b4b;
    margin-bottom: 0;
    margin: 10px 120px 0px 0px;
}
.home-our-price-hero .hopr__price .hc-icon {
    position: absolute;
    top: 16px;
    right: 24px;
    font-size: 68px;
    color: #000;
}
.home-our-price-hero .btn-healthcar.btn--mobile {
    display: none;
}

.home-our-price-hero .hopr__price__content .car_list_text {
    color: #2b81cc;
    font-weight: normal;
}

.home-our-price-hero .hopr__price__content {
    float: left; 
    width: 67%;
}

.home-our-price-hero .hopr__price__content .hopr__price__title span {
    font-size: 21px;
    color: #000;
    font-weight: bold;
}

.home-our-price-hero .title--main {
    font-size: 31px;
    text-align: left;
}

.home-our-price-hero img.heading-image {
    width: 60%;
    margin-bottom: 30px;
}

.hopr__price__content .what-covered {
    font-size: 0.8em;
}

.home-our-price-hero {
    border-radius: 24px;
}

.home-our-price-hero .hopr__container .hopr__content {
    position: absolute;
    transform: translateY(95%);
    padding: 0px 10%;
}

.home-our-price-hero .hopr__detail {
    font-family: inherit;
}

@media screen and (max-width: 991px) {
    .home-our-price-hero .hopr__container .hopr__content {
        padding: 0px;
        position: relative;
        transform: none;
        padding: 50px 0px 0px 0px;
    }

    .home-our-price-hero .hopr__price-list {
        padding: 35px 0;
    }

    .home-our-price-hero .hopr__container {
        padding-right: 0px;
    }
}

.benefit-part > .heading {
    color: #006cd1;
    letter-spacing: -0.72px;
    font-family: Roboto;
    font-weight: 700;
    line-height: 100%;
    font-size: 48px;
    margin: 80px 0px 80px 0px;
}

.benefit-part > .benefit-content  > div > .benefit-title {
    color: #222;
    font-family: Roboto;
    font-weight: 600;
    line-height: 100%;
    font-size: 22px;
    margin-bottom: 15px;
}

.benefit-part > .benefit-content  > div > .benefit-description {
    font-size: 18px;
    color: rgba(34, 34, 34, 0.6);
    margin-bottom: 40px;
}

.benefit-part > .benefit-content  > div > .benefit-description > div {
    margin-bottom: 20px;
}

.benefit-container {
    margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
    .benefit-banner {
        margin: 16px;
        height: 380px;
        padding-top: 100px;
    }
    .benefit-banner .bb__title {
        font-size: 24px;
    }
    .benefit-banner .bb__subtitle {
        font-size: 22px;
    }
    .benefit-banner .renew-button {
        font-size: 18px !important;
        padding: 8px 15px;
    }
    .benefit-part > .heading {
        font-size: 24px;
        margin: 20px 0px 20px 0px !important;
    }
    .benefit-part > .benefit-content  > div > .benefit-title {
        font-size: 16px;
    }
    .benefit-part > .benefit-content  > div > .benefit-description {
        font-size: 16px;
        margin-bottom: 20px !important;
    }
    .benefit-content {
        padding: 20px 0px 10px;
    }
    .benefit-container {
        margin-bottom: 40px;
    }
    .benefit-part > .benefit-content  > div > .benefit-description > div {
        margin-bottom: 20px;
    }
}