
/* layout */

.home_layout__container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.home_layout {
    width: 100%;
    margin: 0 auto;
    float: left;
    display: inline;
}

.home_layout__nav {
    width: 95%;
    margin: 0 auto;
}

.home_layout__wide {
    width: 90%;
    margin: 0 auto;
}

.home_layout__medium {
    width: 55%;
    max-width: 1024px;
    margin: 0 auto;
}

.home_layout__small {
    width: 50%;
    max-width: 1024px;
    margin: 0 auto;
}

/* padding */

.footer_padding__large {
    padding: 60px 0 60px 0;
}

.home_padding__large {
    padding: 72px 0 72px 0;
}

.home_padding__large--top {
    padding-top: 6em;
}

.home_padding__medium--top {
    padding-top: 3em;
}

.home_padding__medium {
    padding: 3em 0;
}

.home_padding__small--top {
    padding-top: 1.5em;
}

.home_padding__small--bottom {
    padding-bottom: 48px;
}

.home_padding__small {
    padding: 1.5em 0;
}

/* colours */

.home_black {
    background-color: #000;
}

.home_light__blue {
    background-color: #BEBEFB;
}

.home_blue {
    background-color: #0000ee;
}

.home_white {
    background-color: #fff;
}

.home_grey {
    background-color: #eee;
}


/* lazy_sizes */

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: all 300ms;
    display: block;
}

/* slider__component */

.slider {
    width: 100%;
    margin: 0 auto;
}

.slider .flickity-viewport {
    position: absolute;
    width: 100%;
    z-index: 5;
}

.slider__relative {
    position: relative;
}

.slider__yellow {
    background-color: #FAA519;
}

.slider__red {
    background-color: #EE1A1C;
}

.slider__orange {
    background-color: #F35F1A;
}

.slider_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .slider_flex {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .slider__100 {
        width: 100%;
    }
}

.slider__50 {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .slider__50 {
        width: 100%;
    }
}

.slider__text {
    padding: 0 3em;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .slider__text {
        min-height: 262px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    .slider__text {
        padding: 0 1.5em;
    }
}

.slider__center {
    text-align: center;
}

.slider__img {
    min-height: 525px;
    display: block;
    background: no-repeat 50% 50%;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .slider__img {
        min-height: 262px;
    }
}

@media only screen and (max-width: 468px) {
    .slider__img {
        min-height: 200px;
    }
}

.slider__component {
    min-height: 525px;
    display: block;
    opacity: 0;
    transition: opacity 0.5s;
}

@media only screen and (max-width: 468px) {
    .slider__component {
        min-height: 463px;
    }
}

.slider__component-cell {
    display: block;
    width: 100%;
    margin: 0;
}

.slider__component h2 {
    font-size: 3em;
    line-height: 1.3;
    margin: 0 0 0.1875em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .slider__component h2 {
        font-size: 2em;
    }
}

@media only screen and (max-width: 468px) {
    .slider__component h2 {
        font-size: 1.5em;
    }
}

.slider__component h3 {
    font-size: 1.25em;
    line-height: 1.3;
    margin: 0 0 3em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .slider__component h3 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 768px) {
    .slider__component h3 {
        font-size: 0.875em;
        margin: 0 0 1.5em 0;
    }
}

.slider__component h4 {
    font-size: 1.25em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .slider__component h4 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 768px) {
    .slider__component h4 {
        font-size: 0.875em;
    }
}

.slider__component h6 {
    font-size: 1em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .slider__component h6 {
        font-size: 0.75em;
    }
}

/* address__checker */

.address__layout--width {
    width: 65%;
    max-width: 1024px;
    margin: 0 auto;
}

@media only screen and (max-width: 468px) {
    .address__layout--width {
        width: 90%;
    }
}

.address__loading {
    position: absolute;
    top: 0.75em;
    right: 1em;
    z-index: 9;
    width: 25px;
    height: 25px;
    display: none;
}

input::placeholder {
    color: #666;
}

.address__relative {
    position: relative;
}

.address__search {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 9;
    width: 25px;
    height: 25px;
}

.address__search-primary {
    fill: none;
    stroke: #999;
}

.address__search-secondary {
    fill: #999;
}

.address__hide {
    display: none;
}

.address__checker {
    text-align: center;
    margin: 0px auto 72px auto;
}

.address__checker h2 {
    font-family: 'Barlow', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    margin: 0 0 24px 0;

    background: linear-gradient(45deg, #CF2563, #22C0ED);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

@media only screen and (max-width: 468px) {
    .address__checker h2 {
        font-size: 1.25em;
    }
}

.address__checker--field {
    border: 2px solid #ccc;
    color: #666;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px 48px 12px 24px;
    margin: 0;
    display: inline-block;
    font-family: 'Barlow', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.address__checker--text p {
    font-family: 'Barlow',Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #666;
    margin: 24px 0 0 0;
    padding: 0;
}

.address__checker--text p a, .address__checker--text p a:visited, .address__checker--text p a:link, .address__checker--text p a:active {
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid #666;
}

.address__checker--text p a:hover {
    text-decoration: none;
}

.addresses {
    border: 0;
    background-color: #eee;
    color: #666;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 24px;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Barlow', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
}

@media only screen and (max-width: 468px) {
    .addresses {
        font-size: 1em;
    }
}

.addresses:hover {
    background-color: #ddd;
    color: #666;
    cursor: pointer;
}

/* slice__component */

.text_center {
    text-align: center;
}

.slice__layout {
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .slice__layout {
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .slice__layout {
        width: 80%;
    }
}

.slice__red {
    background-color: #EE1A1C;
}

.slice__yellow {
    background-color: #FAA519;
}

.slice__orange {
    background-color: #F35F1A;
}

.slice__grey {
    background-color: #2B282B;
}

.slice {
    padding: 72px 0;
}

@media only screen and (max-width: 768px) {
    .slice {
        padding: 72px 0;
    }
}

.slice__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .slice__flex {
        display: block;
    }
}

.slice__45 {
    width: 45%;
}

@media only screen and (max-width: 768px) {
    .slice__45 {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .slice__img--bottom {
        margin: 0 0 1.5em 0;
    }
}

@media only screen and (max-width: 768px) {
    .slice__img--top {
        margin: 1.5em 0 0 0;
    }
}

.slice__text h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 12px 0;
    color: #2B282B;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.slice__grey .slice__text h2 {
    color: #fff;
}

.slice__text h2 a, .slice__text h2 a:visited, .slice__text h2 a:link, .slice__text h2 a:active {
    color: #2B282B;
    text-decoration: none;
    border-bottom: 3px solid #2B282B;
}

.slice__grey .slice__text h2 a, .slice__grey .slice__text h2 a:visited, .slice__grey .slice__text h2 a:link, .slice__grey .slice__text h2 a:active {
    color: #fff;
}

.slice__text h2 a:hover {
    color: #2B282B;
    text-decoration: none;
    border-bottom: 3px solid #2B282B;
}

.slice__grey .slice__text h2 a:hover {
    color: #fff;
}

.slice__text h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 24px 0;
    color: #2B282B;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.slice__grey .slice__text h3 {
    color: #fff;
}

.slice__text h3 a, .slice__text h3 a:visited, .slice__text h3 a:link, .slice__text h3 a:active {
    color: #333;
    text-decoration: none;
    border-bottom: 3px solid #2B282B;
}

.slice__grey .slice__text h3 a, .slice__grey .slice__text h3 a:visited, .slice__grey .slice__text h3 a:link, .slice__grey .slice__text h3 a:active {
    color: #fff;
}

.slice__text h3 a:hover {
    color: #2B282B;
    text-decoration: none;
}

.slice__grey .slice__text h3 a:hover {
    color: #fff;
}

.slice__text p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 24px 0;
    font-weight: 400;
    color: #666;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.slice__grey .slice__text p {
    color: #ccc;
}

.slice__text p strong {
    color: #2B282B;
}

.slice__grey .slice__text p strong {
    color: #ffffff;
}

.slice__text p a, .slice__text p a:visited, .slice__text p a:link, .slice__text p a:active {
    color: #666;
    border-bottom: 3px solid #666;
}

.slice__grey .slice__text p a, .slice__grey .slice__text p a:visited, .slice__grey .slice__text p a:link, .slice__grey .slice__text p a:active {
    color: #ccc;
    border-bottom: 3px solid #ccc;
}

.slice__text p a:hover {
    text-decoration: none;
    border-bottom: 3px solid #666;
}

.slice__grey .slice__text p a:hover {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.slice__text ul {
    margin: 0 0 1.5em 3em;
    padding: 0;
    display: block;
}

.slice__text ul li {
    padding: 0 0 6px 0;
    list-style: disc;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    color: #666;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    list-style: inside;
}

.slice__grey .slice__text ul li {
    color: #ccc;
}

.slice__text ul li a, .slice__text ul li a:visited, .slice__text ul li a:link, .slice__text ul li a:active {
    color: #666;
    border-bottom: 3px solid #666;
}

.slice__grey .slice__text ul li a, .slice__grey .slice__text ul li a:visited, .slice__grey .slice__text ul li a:link, .slice__grey .slice__text ul li a:active {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.slice__text ul li a:hover {
    text-decoration: none;
}

.slice__btn {
    display: inline-block;
    text-align: center;
    padding: 12px 24px 12px 24px;
    margin: 24px 0 0 0;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #3F7EB7;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
    border-radius: 24px;
}

.slice__grey .slice__btn {
    color: #2B282B;
    background-color: #fff;
}

.slice__btn:hover {
    color: #fff;
    background-color: #3F7EB7;
}

.slice__grey .slice__btn:hover {
    color: #2B282B;
    background-color: #fff;
}

.slice_btn_arrow {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

/* tagline */

.tagline__grey {
    background-color: #2B282B;
}

.tagline__layout {
    width: 90%;
    margin: 0 auto;
    padding: 96px 0;
}

@media only screen and (max-width: 768px) {
    .tagline__layout {
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .tagline__layout {
        width: 80%;
    }
}

.tagline__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .tagline__flex {
        display: block;
    }
}

.tagline__30 {
    width: 32%;
}

@media only screen and (max-width: 768px) {
    .tagline__30 {
        width: 100%;
    }
}

.tagline__icon {
    padding: 0 0 0.75em 0;

}

@media only screen and (max-width: 768px) {
    .tagline__icon {
        padding: 1.5em 0 0.75em 0;
    }
}

.tagline__text {
    text-align: center;
}

.tagline__text h2 {
    font-size: 48px;
    line-height: 52px;
    margin: 0 0 72px 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tagline__text h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 24px 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tagline__text p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    color: #ccc;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* */

.deal h1 {
    font-size: 2em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal h2 {
    font-size: 6em;
    line-height: 1.3;
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal h3 {
    font-size: 2em;
    line-height: 1.3;
    margin: 0.375em 0 0.75em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal h6 {
    font-size: 1.25em;
    line-height: 1.3;
    margin: 0.75em 0 0 0;
    font-weight: 700;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.deal p {
    font-size: 1.25em;
    line-height: 1.5;
    margin: 1.5em 0 3em 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal p strong {
    color: #000;
}

.deal p a {
    color: #fff;
    text-decoration: underline;
}

.deal p a:hover {
    color: #fff;
    text-decoration: underline;
}


/* deals */

.deal1 h1 {
    font-size: 2em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal1 h2 {
    font-size: 4em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
}

.deal1 p {
    font-size: 1.25em;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal2 h4 {
    font-size: 1em;
    line-height: 1.3;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: rotate(-5deg);
}

.deal2 h2 {
    font-size: 8em;
    line-height: 1.3;
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
    /* text-shadow: 6px 6px 2px #000; */
}

.deal2 h3 {
    font-size: 2em;
    line-height: 1.3;
    margin: 0 0 0.75em 0;
    font-weight: 700;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
}

.deal2 p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 0.375em 0;
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
}

.deal2 p strong {
    color: #fff;
    font-weight: 700;
}

.deal3 h4 {
    font-size: 0.75em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    font-weight: 400;
    color: #999;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: rotate(-5deg);
}

.deal3 h2 {
    font-size: 3em;
    line-height: 1.3;
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
    /* text-shadow: 6px 6px 2px #000; */
}

.deal3 h3 {
    font-size: 1.5em;
    line-height: 1.3;
    margin: 0 0 0.75em 0;
    font-weight: 700;
    color: #FAA519;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
}

.deal3 p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 0.375em 0;
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    transform: rotate(-5deg);
}

.deal3 img {
    display: inline-block;
    margin: 0 0 1.5em 0;
}

.deal3 p strong {
    color: #fff;
    font-weight: 700;
}

.deal3 p span {
    color: #ccc;
    font-weight: 700;
    font-size: 0.75em;
}

.deal__outline {
    outline: 2px solid green;
}

.deal__circle {
    border-radius: 50%;
    background-color: #000;
}

.deal__address_bar p {
    font-size: 1.25em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.deal__relative {
    position: relative;
}

.deal__caption {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.deal__gradient {
    width: 100%;
    margin: 0 auto;
    float: left;
    display: inline;
    background-image:
    radial-gradient(
    rgba(250,165,25,1),
    rgba(238,26,58,0.75)
    );
}

.deal2__gradient {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image:
    radial-gradient(
            rgba(250,165,25,1),
            rgba(238,26,58,0.75)
    );

}

.deal1__gradient {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 180deg, rgba(250,165,25,1), rgba(250,165,25,1) );
}

.deal__pattern {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.deal3__gradient {
    background-image: linear-gradient( 180deg, rgba(0,0,0,1), rgba(0,0,0,0) );
}

.deal3__pattern--center {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.deal3__pattern--center img {

}

.deal3__pattern {
    animation-name: blow_up;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: initial;
    animation-fill-mode: none;
    animation-play-state: running;
}

@keyframes blow_up {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    75% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* tabs__component */

.tabs__red {
    background-color: #EE1A1C;
}

.tabs__yellow {
    background-color: #FAA519;
}

.tabs__orange {
    background-color: #F35F1A;
}

.tabs__dark-orange {
    background-color: #792F0C;
}

.tabs__black {
    background-color: #000;
}

.tabs__grey {
    background-color: #eee;
}

.tabs__dark-grey {
    background-color: #ddd;
}

.tabs_dark_grey {
    background-color: #2B282B;
}

.tabs__white {
    background-color: #fff;
}

.tabs__off {
    display: none;
}

.tabs__on {
    display: block;
}

.tabs__content {
    overflow: hidden;
}

.tabs__layout {
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .tabs__layout {
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .tabs__layout {
        width: 80%;
    }
}

.tabs__bg {
    padding: 96px 0;
}

@media only screen and (max-width: 768px) {
    .tabs__bg {
        padding: 48px 0;
    }
}

.tabs__text {
    text-align: center;
}

.tabs__text h2 {
    font-size: 48px;
    line-height: 52px;
    margin: 0 0 24px 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tabs__text p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    color: #ccc;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tabs__text p a, .tabs__text p a:visited, .tabs__text p a:link, .tabs__text p a:active {
    color: #ccc;
    border-bottom: 3px solid #ccc;
}

.tabs__text p a:hover {
    text-decoration: none;
    color: #fff;
    border-bottom: 3px solid #fff;
}

.tabs__tab ul {
    margin: 72px auto 12px auto;
    padding: 0;
    list-style: none;
    /* border-bottom: 3px solid #ccc; */
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.tabs__tab ul li {
    margin: 0;
    padding: 0 12px;
    display: inline-block;
}

.tabs__tab ul li a {
    font-weight: 400;
    color: #666;
    font-family: 'Barlow Semi Condensed', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    border-bottom: 3px solid #666;
    /*background-color: #eee;*/
    cursor: pointer;
    transition: all ease-in-out .2s;
    background-color: #fff;
}

@media only screen and (max-width: 468px) {
    .tabs__tab ul li a {
        padding: 0.75em;
    }
}

.tabs__tab ul li a:hover {
    color: #666;
    border-bottom: 3px solid #666;
}

.tabs__tab ul li a.active {
    color: #000;
    border-bottom: 3px solid #fff;
    font-weight: 700;
}

.tabs__tab ul li.yellow a:hover {
    background-color: #FEF3E2;
    border-bottom: 3px solid #FAA519;
}

.tabs__tab ul li.orange a:hover {
    background-color: #FDEAE2;
    border-bottom: 3px solid #F35F1A;
}

.tabs__tab ul li.red a:hover {
    background-color: #FCE2E2;
    border-bottom: 3px solid #EE1A1C;
}

.tabs__tab ul li a:active {
    background-color: #fff;
}

.tabs__tab ul li.yellow a.active {
    background-color: #FEF3E2;
    border-bottom: 3px solid #FAA519;
}

.tabs__tab ul li.orange a.active {
    background-color: #FDEAE2;
    border-bottom: 3px solid #F35F1A;
}

.tabs__tab ul li.red a.active {
    background-color: #FCE2E2;
    border-bottom: 3px solid #EE1A1C;
}

.tabs__tab ul li a.active {
    font-weight: 700;
    color: #2B282B;
}

/* flexible__payments */

.payments__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .payments__flex {
        display: block;
    }
}

.payments__flex_30 {
    width: 32%;
}

@media only screen and (max-width: 768px) {
    .payments__flex_30 {
        width: 100%;
    }
}

.payments__flex_45 {
    width: 49%;
}

@media only screen and (max-width: 768px) {
    .payments__flex_45 {
        width: 100%;
    }
}

.payments__text {
    margin: 24px 0 72px 0;
    padding: 24px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .payments__text {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .payments__text {
        margin: 24px 0 72px 0;
    }
}

.payments__text.payments__text--popular {
    border: 2px solid #ccc;
    background-color: #eee;
}

.payments__text h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 24px 0;
    color: #666;
    font-weight: 400;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.payments__text h3 {
    font-size: 48px;
    line-height: 52px;
    margin: 0;
    color: #2B282B;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.payments__text h3 small.small {
    font-weight: 700;
    color: #2B282B;
    font-size: medium;
}

.payments__text h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0.375em 0;
    color: #2B282B;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.payments__text p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0.75em 0;
    font-weight: 700;
    color: #2B282B;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.payments__text p strong {
    color: #2B282B;
}

@media only screen and (max-width: 1024px) {
    .payments__text p {
        font-size: 1em;
    }
}

.payments__text ul {
    margin: 0 0 24px 0;
    padding: 0;
    display: block;
}

.payments__text ul li {
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0 0 6px 0em;
    list-style: none;
    color: #666;
    font-size: 18px;
    /* background: url('/img/check-box.svg') no-repeat 0 0; */
    line-height: 24px;
    font-weight: 400;
}

.payments__text ul li:last-child {
    padding: 0;
}

.payments__btn {
    display: inline-block;
    text-align: center;
    padding: 12px 24px;
    margin: 0;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #3F7EB7;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 24px;
}

.payments__btn:hover {
    color: #fff;
    background-color: #3F7EB7;
}

.payments__relative {
    position: relative;
}

.payments__popular {
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 1;
    background-color: #3ea8d7;
    color: #fff;
    font-family: 'Barlow Semi Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0.75em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* tabs */

.home_padding__large--tabs {
    padding: 6em 0;
}

@media only screen and (max-width: 768px) {
    .home_padding__large--tabs {
        padding: 3em 0;
    }
}

.home_tabs__mobile--off {
    display: block;
}

@media only screen and (max-width: 768px) {
    .home_tabs__mobile--off {
        display: none;
    }
}

.home_tabs__mobile--on {
    display: none;
}

@media only screen and (max-width: 768px) {
    .home_tabs__mobile--on {
        display: block;
    }
}

.field__select--payment_plan {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    color: #000;
    border: 0;
    padding: 1em 2.5em 0.75em 1em;
    margin: 0;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #eee url('/img/icon-cheveron-down.svg') no-repeat right;
    box-sizing: border-box;
    float: right;
    text-decoration: none;
}

.home_tabs__on {
    display: block;
}

.home_tabs__off {
    display: none;
}

.home_tabs__border-top {
    border-top: 5px solid #eee;
}

.home_tabs a {
    display: block;
    padding: 1em 1.5em 0.75em 1.5em;
    font-size: 1.375em;
    line-height: 1.3;
    margin: 0;
    font-weight: 700;
    color: #999;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: underline;
}

@media only screen and (max-width: 768px) {
    .home_tabs a {
        font-size: 1em;
    }
}

.home_tabs a:hover {
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

.home_tabs a.active {
    background-color: #eee;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

.home_tabs a.active:hover {
    background-color: #eee;
    text-decoration: none;
    color: #000;
}

.home_tabs h2 {
    font-size: 3em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    .home_tabs h2 {
        font-size: 2em;
    }
}

.home_tabs p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    .home_tabs p {
        font-size: 1em;
    }
}

/* heading */

.home_text--heading h1 {
    font-size: 3em;
    line-height: 1.2;
    margin: 0 0 0.375em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_text--heading h1 {
        font-size: 2em;
    }
}

.home_text--heading h2 {
    font-size: 6em;
    line-height: 1.3;
    margin: 0 0 0.375em 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 468px) {
    .home_text--heading h2 {
        font-size: 3em;
    }
}

.home_text--heading h3 {
    font-size: 1.25em;
    line-height: 1.3;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
}

.home_text--heading p {
    font-size: 1.25em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_text--heading p {
        font-size: 1em;
    }
}

.home_text--heading p:last-child {
    margin: 0;
}

.home_text--heading p a, .home_text--heading p a:visited, .home_text--heading p a:link, .home_text--heading p a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.home_text--heading p a:hover {
    color: #8080F7;
    text-decoration: underline;
}

.home_text--heading p strong {
    color: #000;
}

/* features */

.home_features_bg {
    background: url('../img/uploads/2.png') repeat 0 0;
}

.home_features h2 {
    font-size: 2em;
    line-height: 1.3;
    margin: 0 0 0.75em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_features h2 {
        font-size: 2em;
    }
}

.home_features h3 {
    font-size: 1.75em;
    line-height: 1.6;
    margin: 0 0 0.375em 0;
    color: #EE1A1C;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_features h3 {
        font-size: 1.375em;
    }
}

.home_features p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_features p {
        font-size: 1em;
    }
}

.home_features p a, .home_features p a:visited, .home_features p a:link, .home_features p a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.home_features p a:hover {
    color: #EE1A1C;
    text-decoration: underline;
}

.home_features ul {
    margin: 0.5em 0 1em 3em;
    padding: 0;
    display: inline-block;
}

.home_features ul li {
    padding: 0 0 0.5em 0;
    list-style: circle;
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_features ul li {
        font-size: 1em;
    }
}

.home_features ul li strong {
    color: #000;
}

.home_features ul li a, .home_features ul li a:visited, .home_features ul li a:link, .home_features ul li a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.home_features ul li a:hover {
    color: #EE1A1C;
    text-decoration: none;
}

/* icon */

.home_img_icon {
    padding: 0 0 1.5em 0;
}

@media only screen and (max-width: 468px) {
    .home_img_icon {
        padding: 3em 0 1.5em 0;
    }
}

.home_col__padding-top {
    padding-top: 0;
}

@media only screen and (max-width: 468px) {
    .home_col__padding-top {
        padding-top: 3em;
    }
}

.home_col__padding-bottom {
    padding-bottom: 0;
}

@media only screen and (max-width: 468px) {
    .home_col__padding-bottom {
        padding-bottom: 3em;
    }
}

/* home__coupon */

.home__coupon--margin-top {
    margin-top: 6em;
}

.home__coupon--gradient {
    background-image: linear-gradient( 0deg, rgba(250,165,25,1), rgba(250,165,25,1) );
}

.home__coupon--diagonal {
    width: 100%;
    height: 20px;
    background: rgba(0,0,0,0.6);
    transform: skew(200.25deg);
}

.home__coupon {
    top: 0;
    z-index: 2;
    position: absolute;
    padding: 1.5em 3em;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.17);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.17);
}

.home__coupon h2 {
    font-size: 3em;
    line-height: 1.2;
    margin: 0 0 0.1875em 0;
    color: #000;
    font-weight: 700;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home__coupon p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
    font-weight: 700;
    color: #7C510C;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home__coupon p span {
    font-size: 1em;
    font-weight: 700;
    color: #000;
    /* FAA519 */
}

.home__coupon p strong {
    font-size: 1em;
    font-weight: 700;
    color: #000;
}

.home__coupon img {
    display: inline-block;
    margin: 0 0 0.75em 0;
}

/* promo */

.home_promo {
    padding: 0 3em;
}

@media only screen and (max-width: 468px) {
    .home_promo {
        padding: 6em 1.5em;
    }
}

.home_promo h2 {
    font-size: 3em;
    line-height: 1.2;
    line-height: 1.2;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_promo h2 {
        font-size: 2em;
    }
}

.home_promo h3 {
    font-size: 1.5em;
    line-height: 1.2;
    line-height: 1.2;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_promo h3 {
        font-size: 1.375em;
    }
}

.home_promo h2 a, .home_promo h2 a:visited, .home_promo h2 a:link, .home_promo h2 a:active {
    color: #000;
    text-decoration: none;
}

.home_promo h2 a:hover {
    text-decoration: underline;
}

.home_promo p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_promo p strong {
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width: 468px) {
    .home_promo p {
        font-size: 1em;
    }
}

.home_promo ul {
    margin: 1.5em 0 0 3em;
    padding: 0;
    display: inline-block;
}

.home_promo ul li {
    padding: 0 0 0.5em 0;
    list-style: disc;
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_promo ul li {
        font-size: 1em;
    }
}

.home_promo ul li strong {
    color: #000;
}

.home_promo ul li a, .home_promo ul li a:visited, .home_promo ul li a:link, .home_promo ul li a:active {
    color: #fff;
    text-decoration: none;
}

.home_promo ul li a:hover {
    color: #fff;
    text-decoration: none;
}

/* sales */

.home_sales h1 {
    font-size: 48px;
    line-height: 52px;
    margin: 0 0 12px 0;
    color: #2B282B;
    font-weight: 700;
    font-family: "Barlow", Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0;
}

.home_sales h1 a, .home_sales h1 a:visited, .home_sales h1 a:link, .home_sales h1 a:active {
    color: #2B282B;
    text-decoration: none;
}

.home_sales h1 a:hover {
    text-decoration: none;
}

.home_sales p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #666;
    font-family: "Barlow", Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* text */

.home_text h1 {
    font-size: 3em;
    line-height: 1.2;
    line-height: 1.2;
    margin: 0 0 1.5em 0;
    color: #EE1A1C;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_text h1 a, .home_text h1 a:visited, .home_text h1 a:link, .home_text h1 a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.home_text h1 a:hover {
    text-decoration: underline;
}

.home_text h2 {
    font-size: 2em;
    line-height: 1.6;
    margin: 0 0 0.75em 0;
    color: #000;
    font-weight: 400;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home_text h3 {
    font-size: 1.75em;
    line-height: 1.6;
    margin: 0 0 0.375em 0;
    color: #EE1A1C;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_text p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_text p:last-child {
    margin: 0;
}

.home_text p a, .home_text p a:visited, .home_text p a:link, .home_text p a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.home_text p a:hover {
    color: #8080F7;
    text-decoration: underline;
}

.home_text p strong {
    color: #000;
}

/* unordered lists */

.home_text ul {
    margin: 1.5em 0 1.5em 3em;
    padding: 0;
    display: block;
}

.home_text ul li {
    padding: 0 0 0.75em 0;
    list-style: disc;
    color: #000;
    font-size: 1.25em;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_text ul li strong {
    color: #000;
}

.home_text ul li a, .home_text ul li a:visited, .home_text ul li a:link, .home_text ul li a:active {
    color: #0000ee;
    text-decoration: none;
}

.home_text ul li a:hover {
    color: #8080F7;
    text-decoration: underline;
}

.home_text ol {
    margin: 0.75em 0 1.5em 3em;
    padding: 0;
}

.home_text ol li {
    color: #000;
    padding: 0 0 0.75em 0;
    list-style: decimal;
    font-size: 1.25em;
}

.home_text ol li a {
    color: #0000ee;
    text-decoration: none;
}

.home_text ol li a:hover {
    color: #8080F7;
    text-decoration: underline;
}

.home_text__img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 1.5em 0 3em 0;
}

.home_text__align--right {
    text-align: right;
}

.home_text--small ul {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
    display: block;
}

.home_text--small ul li {
    padding: 0 0 0.75em 0;
    list-style: none;
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_text--small ul li strong {
    color: #000;
}

.home_text--small ul li a, .home_text--small ul li a:visited, .home_text--small ul li a:link, .home_text--small ul li a:active {
    color: #0000ee;
    text-decoration: none;
}

.home_text--small ul li a:hover {
    color: #8080F7;
    text-decoration: underline;
}

/* grid */

.home_flex {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .home_flex {
        display: block;
    }
}

.home_flex__space-between {
    justify-content: space-between;
}

.home_flex__space-around {
    justify-content: space-around;
}

.home_flex__wrap {
    flex-wrap: wrap;
}

.home_flex__align-items {
    align-items: center;
}

.home_flex__justify-content {
    justify-content: center;
}

.home__float--left {
    float: left;
}

.home_col__10 {
    width: 10%;
}

@media only screen and (max-width: 468px) {
    .home_col__10 {
        width: 100%;
    }
}

.home_col__20 {
    width: 20%;
}

.home_col_mobile {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .home_col_mobile {
        margin: 0 0 24px 0;
    }
}

@media only screen and (max-width: 768px) {
    .home_col__20 {
        width: 100%;
    }
}

.home_col__25 {
    width: 25%;
}

.home_col__30 {
    width: 30%;
}

@media only screen and (max-width: 468px) {
    .home_col__30 {
        width: 100%;
    }
}

.home_col__33 {
    width: 33%;
}

.home_col__45 {
    width: 45%;
}

@media only screen and (max-width: 468px) {
    .home_col__45 {
        width: 100%;
    }
}

@media only screen and (max-width: 468px) {
    .home_col__45 {
        width: 100%;
    }
}

.home_col__50 {
    width: 50%;
}

@media only screen and (max-width: 468px) {
    .home_col__50 {
        width: 100%;
    }
}

.home_col__60 {
    width: 60%;
}

@media only screen and (max-width: 468px) {
    .home_col__60 {
        width: 85%;
    }
}

.home_col__70 {
    width: 70%;
}

@media only screen and (max-width: 468px) {
    .home_col__70 {
        width: 100%;
    }
}

.home_col__80 {
    width: 80%;
}

@media only screen and (max-width: 468px) {
    .home_col__80 {
        width: 100%;
    }
}

.home_col__90 {
    width: 90%;
}

.home_col__100 {
    width: 100%;
}

/* logo */

.home_logo {
    width: 15%;
}

.home_logo img {
    display: block;
}

/* nav */

/*
EE1A3A RED
FAA619 YELLOW
 */

.home_yellow {
    background-color: #FAA519;
    /* 250 165 25 */
}

.home_red {
    background-color: #EE1A1C;
    /* 238 26 58 */
}

.nav_arrow {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}

/* home_banner */

.home_banner_relative {
    position: relative;
}

.home_banner_stream {
    height: auto;
}

.home_banner_stream img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 24px;
    overflow: hidden;
}

@media only screen and (max-width: 1280px) {
    .home_banner_stream img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0 24px;
    }
    .home_banner_stream {
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .home_banner_stream img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0 0;
    }
    .home_banner_stream {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner_stream img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0 0;
    }
    .home_banner_stream {
        height: 172px;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_stream img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0 48px;
    }
    .home_banner_stream {
        height: 172px;
    }
}

.home_banner_cheetah {
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40%;
    bottom: -72px;
}

@media only screen and (max-width: 1280px) {
    .home_banner_cheetah {
        bottom: -72px;
        width: 42.5%;
    }
}

@media only screen and (max-width: 1024px) {
    .home_banner_cheetah {
        bottom: -72px;
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner_cheetah {
        bottom: -80px;
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_cheetah {
        bottom: -68px;
        width: 100%;
    }
}

.home_banner_stream {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.home_banner_container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.home_gradient {
    background: linear-gradient(45deg, #22C0ED, #FE007C);
}

.home_banner {
    /*background: linear-gradient(45deg, #FE007C, #22C0ED);*/
    padding: 144px 0 288px 0;
    margin: 0 0 72px 0;
}

@media only screen and (max-width: 1280px) {
    .home_banner {
        padding: 72px 0 288px 0;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner {
        padding: 72px 0 244px 0;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner {
        padding: 72px 0 172px 0;
    }
}

.home_banner_flex {
    display: flex;
    justify-content: space-between;
}

.home_banner_heading {
    width: 40%;
}

@media only screen and (max-width: 768px) {
    .home_banner_heading {
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_heading {
        width: 100%;
    }
}

.home_banner_text {
    width: 40%;
}

@media only screen and (max-width: 1280px) {
    .home_banner_text {
        width: 50%;
    }
}

@media only screen and (max-width: 1024px) {
    .home_banner_text {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner_text {
        width: 60%;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_text {
        width: 75%;
    }
}

.home_banner_heading h1 a {
    color: #fff;
}

.home_banner_heading h1 {
    font-size: 60px;
    line-height: 64px;
    margin: 0 0 24px 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 1280px) {
    .home_banner_heading h1 {
        font-size: 60px;
        line-height: 64px;
    }
}

@media only screen and (max-width: 1024px) {
    .home_banner_heading h1 {
        font-size: 48px;
        line-height: 52px;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner_heading h1 {
        font-size: 60px;
        line-height: 64px;
        margin: 0 0 48px 0;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_heading h1 {
        font-size: 60px;
        line-height: 64px;
        margin: 0 0 48px 0;
    }
}

.home_banner_heading h1 strong {
    background-color: #FE007C;
    color: #fff;
    padding: 0 0 3px 0;
    font-style: italic;
}

.home_banner_heading p a {
    color: #fff;
}

.home_banner_heading p {
    font-size: 60px;
    line-height: 64px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow', Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 1280px) {
    .home_banner_heading p {
        font-size: 60px;
        line-height: 64px;
    }
}

@media only screen and (max-width: 1024px) {
    .home_banner_heading p {
        font-size: 48px;
        line-height: 52px;
    }
}

@media only screen and (max-width: 768px) {
    .home_banner_heading p {
        font-size: 36px;
        line-height: 40px;
        margin: 0;
    }
}

@media only screen and (max-width: 468px) {
    .home_banner_heading p {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
    }
}

.home_banner_heading p strong {
    background-color: #FE007C;
    color: #fff;
    padding: 0 0 3px 0;
    font-style: italic;
}

.home_banner_heading p strong em {
    background-color: #FE007C;
    color: #fff;
    padding: 0 0 3px 0;
    font-style: italic;
}

/* orange 244,88,51 */

/* background-image: linear-gradient( 180deg, rgba(250,165,25,0.25), rgba(238,26,58,1) ); */

.home_hot {
    background-image: linear-gradient( 180deg, rgba(250,165,25,0.5), rgba(238,26,58,1) );
    width: 100%;
    margin: 0 auto;
    float: left;
    display: inline;
}
.home_hot_2 {
    background-image: linear-gradient( 180deg, rgba(250,165,25,1), rgba(238,26,58,1) );
    width: 100%;
    margin: 0 auto;
    float: left;
    display: inline;
}

/* home promo */

.home__promo--relative {
    position: relative;
}

.home__promo--right {
    position: absolute;
    right: 0;
    top: 1.5em;
    padding: 1.5em 3em;
}

@media only screen and (max-width: 1024px) {
    .home__promo--right {
        padding: 0.75em 1.5em;
    }
}

.home__promo--off {
    display: inline-block;
}

@media only screen and (max-width: 468px) {
    .home__promo--off {
        display: none;
    }
}

.home__promo--on {
    display: none;
}

@media only screen and (max-width: 468px) {
    .home__promo--on {
        display: block;
    }
}

.home__promo h2 {
    font-size: 3em;
    line-height: 1.2;
    line-height: 1.2;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .home__promo h2 {
        font-size: 1.125em;
    }
}

.home__promo p strong {
    color: #fff;
}

.home__promo p span {
    color: #FAA519;
}

.home__promo p {
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
    font-weight: 700;
    color: #999;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1024px) {
    .home__promo p {
        font-size: 0.75em;
    }
}

.home__promo--black {
    background-image: linear-gradient( -180deg, rgba(250,165,25,0.5), rgba(250,165,25,0.5) );
}

.home__promo--gradient {
    background-image: linear-gradient( -45deg, rgba(0,0,0,0.25), rgba(0,0,0,1) );
}

/* Buttons */

.home_btn {
    display: inline-block;
    text-align: center;
    padding: 0.75em 1.5em 0.75em 1.5em;
    margin: 1.5em 0 0 0;
}

@media only screen and (max-width: 768px) {
    .home_btn {
        padding: 0.375em 0.75em 0.375em 0.75em;
    }
}

.home_btn--outline {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.375em;
    font-weight: 700;
    color: #fff;
    background-color: #EE1A1C;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
    /* box-shadow: 0 15px 30px 0 rgba(0,0,0,0.22), 0 5px 15px 0 rgba(0,0,0,0.16); */
}

@media only screen and (max-width: 768px) {
    .home_btn--outline {
        font-size: 1em;
    }
}

.home_btn--outline:hover {
    color: #fff;
    background-color: #EE1A1C;
    /* box-shadow: none; */
}

.home_image__caption {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_image__relative {
    position: relative;
}

.home_image__relative img {
    display: block;
}

.home_image__caption h2 {
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 5em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
}

@media only screen and (max-width: 468px) {
    .home_image__caption h2 {
        font-size: 3em;
    }
}

/* footer */

.home_footer__heading {
    font-weight: 700;
    font-family: "Barlow", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #2B282B;
    margin: 0 0 24px 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
}

.home_footer p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 24px 0;
    font-weight: 400;
    color: #666;
    font-family: "Barlow", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_footer p:last-child {
    margin: 0;
}

.home_footer p a, .home_footer p a:visited, .home_footer p a:link, .home_footer p a:active {
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid #eee;
}

.home_footer p a:hover {
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid #666;
}

.home_footer ul {
    margin: 0;
    padding: 0;
}

@media (max-width: 468px) {
    .home_footer ul.margin__bottom {
        margin-bottom: 3em;
    }
}

.home_footer ul li {
    list-style: none;
    margin: 0 0 6px 0;
    padding: 0;
    color: #666;
}

.home_footer ul li a {
    font-weight: 400;
    font-family: "Barlow", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #666;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-bottom: 3px solid #eee;
}

.home_footer ul li a:hover {
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid #666;
}

.home_layout--center {
    text-align: center;
}

.home_label {
    display: block;
    font-size: 20px;
    color: #005FA7;
    padding: 0 0 6px 0;
    font-weight: 400;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home_label span {
    color: #000;
}

.home_field_text {
    width: 75%;
}

.home_field_base {
    border: 0;
    background-color: #fff;
    color: #000;
    font-size: 1.25em;
    padding: 1em 1.5em 1em 1.5em;
    margin: 0;
    display: inline-block;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .home_field_base {
        font-size: 1em;
    }
}

/* address_checker */

.home_address {
    border: 0;
    background-color: #eee;
    color: #000;
    font-size: 1.25em;
    padding: 1em 1.5em 1em 1.5em;
    text-transform: capitalize;
    width: 75%;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    text-align: left;
}

@media only screen and (max-width: 468px) {
    .home_address {
        font-size: 1em;
    }
}

.home_address:hover {
    background-color: #ddd;
    color: #000;
    cursor: pointer;
}

.home_address_checker {
    margin: 1.5em 0 0 0;
    display: block;
}

/* toll_free */

.new__form__40 {
    width: 40%;
}

@media only screen and (max-width: 468px) {
    .new__form__40 {
        width: 85%;
    }
}

.new__form {
    background: #fff url('/img/2.png') repeat 0 0;
}

.new__form h2 {
    font-size: 2em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.new__form p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.new__label__text {
    display: block;
    font-size: 1em;
    color: #000;
    padding: 0 0 0.375em 0;
    margin: 0;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.new__label__text small {
    font-weight: 400;
    color: #999;
}

.new__label__radio {
    display: block;
    font-size: 1em;
    color: #000;
    padding: 0 0 0.375em 0;
    font-weight: 400;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.new__field--large {
    width: 75%;
}

.new__field--medium {
    width: 50%;
}

.new__field--small {
    width: 25%;
}

.new__field--tiny {
    width: 12.5%;
}

.new__field {
    border: 2px solid #ccc;
    background-color: #fff;
    color: #000;
    font-size: 1em;
    padding: 0.75em 0.75em 0.75em 0.75em;
    margin: 0 0 1.5em 0;
    display: inline-block;
}

.new__field__radio {
    margin: 0 0.375em 0.75em 0;
}

.new__field__radio--group {
    margin: 0 0 1.5em 0;
    display: block;
    width: 100%;
}

.new__legend {
    color: #EE1A1C;
    font-size: 1.125em;
    font-weight: 400;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 0 0.75em 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.new__fieldset {
    border: 0;
    background-color: #eee;
    padding: 0.75em 1.5em;
}

.new__field__btn {
    display: block;
    text-align: center;
    padding: 0.75em 1.5em 0.75em 1.5em;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.375em;
    font-weight: 700;
    color: #fff;
    background-color: #EE1A1C;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
}

.new__field__btn--disable {
    background-color: #eee;
    color: #fff;
}

.new__errors {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    color: #EE1A1C;
    padding: 0;
    margin: 0 0 1.5em 0;
    display: block;
    width: 100%;
}

.new__field__error {
    border: 2px solid #EE1A1C;
    margin: 0 0 0.375em 0;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}

/* tables */

.new__table {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.new__table th {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.3;
    font-weight: 700;
    color: #EE1A1C;
    text-align: left;
    padding: 0.1875em;
}

.new__table td {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 400;
    color: #000;
    padding: 0.1875em;
}

.new__table th.right, .new__table td.right {
    text-align: right;
}

.new__table tr:nth-child(even) {
    background-color: #ddd;
}

/* pricing */

.pricing__most_popular {
    background-color: #ddd;
}

.pricing h3 {
    font-family: Verdana, Georgia, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 3em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 0.375em 0;
    color: #000;
    line-height: 1.2;
}

.pricing h3 span {
    font-size: 0.5em;
}

@media only screen and (max-width: 768px) {
    .pricing h3 {
        font-size: 1.375em;
    }
}

@media only screen and (max-width: 568px) {
    .pricing h3 {
        font-size: 2em;
    }
}

.pricing h2 {
    font-family: Verdana, Georgia, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 0.375em 0;
    color: #EE1A1C;
    line-height: 1.2;
}

@media only screen and (max-width: 768px) {
    .pricing h2 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 568px) {
    .pricing h2 {
        font-size: 2em;
    }
}

.pricing h6 {
    font-family: Verdana, Georgia, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    padding: 0.375em 0.75em 0.175em 0.75em;
    margin: 0 0 0.75em 0;
    color: #fff;
    background-color: #EE1A1C;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    float: right;
}

.pricing p {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .pricing p {
        font-size: 0.75em;
    }
}

@media only screen and (max-width: 568px) {
    .pricing p {
        font-size: 1em;
    }
}

.pricing__sub {
    margin: 3em 0 3em 0;
}

@media only screen and (max-width: 768px) {
    .pricing__sub {
        margin: 0 0 1.5em 0;
    }
}

.pricing__popular {
    margin: 3em 0 0 0;
}

@media only screen and (max-width: 768px) {
    .pricing__popular {
        margin: 1.5em 0 0 0;
    }
}

.pricing__most_popular--mobile {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .pricing__most_popular--mobile {
        margin: 0 0 1.5em 0;
    }
}

.pricing__bg {
    padding: 3em;
}

@media only screen and (max-width: 768px) {
    .pricing__bg {
        padding: 3em 1.5em;
    }
}

.pricing ul {
    margin: 1.5em 0 0 0;
    padding: 0;
    display: block;
}

.pricing ul li {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0 0 0.75em 2em;
    list-style: none;
    color: #000;
    font-size: 1.125em;
    background: url('/img/check-box.svg') no-repeat 0 0;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    .pricing ul li {
        font-size: 0.75em;
        padding: 0 0 0.75em 3em;
    }
}

@media only screen and (max-width: 568px) {
    .pricing ul li {
        font-size: 1em;
        padding: 0 0 0.75em 2em;
    }
}

/* text_and_full_image */

.text_and_full_image_caption {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text_and_full_image_caption h2 {
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 3em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
}

.text_and_full_image {
    padding: 0 3em;
}

.text_and_full_image h2 {
    font-size: 3em;
    line-height: 1.2;
    line-height: 1.2;
    margin: 0 0 0.375em 0;
    color: #fff;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.text_and_full_image h2 a, .text_and_full_image h2 a:visited, .text_and_full_image h2 a:link, .text_and_full_image h2 a:active {
    color: #000;
    text-decoration: none;
}

.text_and_full_image h2 a:hover {
    text-decoration: underline;
}

.text_and_full_image p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #FDE8C5;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* icons */

.icons h2 {
    font-size: 3em;
    line-height: 1.3;
    margin: 0 0 0.75em 0;
    color: #000;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .icons h2 {
        font-size: 2em;
    }
}

.icons h3 {
    font-size: 1.75em;
    line-height: 1.6;
    margin: 0 0 0.375em 0;
    color: #EE1A1C;
    font-weight: 700;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .icons h3 {
        font-size: 1.375em;
    }
}

.icons p {
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .icons p {
        font-size: 1em;
    }
}

.icons p a, .icons p a:visited, .icons p a:link, .icons p a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.icons p a:hover {
    color: #EE1A1C;
    text-decoration: underline;
}

.icons ul {
    margin: 0.5em 0 1em 3em;
    padding: 0;
    display: inline-block;
}

.icons ul li {
    padding: 0 0 0.5em 0;
    list-style: circle;
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #000;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 468px) {
    .icons ul li {
        font-size: 1em;
    }
}

.icons ul li strong {
    color: #000;
}

.icons ul li a, .icons ul li a:visited, .icons ul li a:link, .icons ul li a:active {
    color: #EE1A1C;
    text-decoration: none;
}

.icons ul li a:hover {
    color: #EE1A1C;
    text-decoration: none;
}

/* fibre */

.fibre_banner {
    text-align: center;
    margin: 4.5em auto 0 auto;
}

.fibre_banner h1 {
    padding: 0;
    margin: 0 0 24px 0;
    font-weight: 900;
    font-style: italic;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 48px;
    line-height: 56px;
}

.fibre_banner h2 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 20px;
    line-height: 28px;
}

.fibre {
    background-image: linear-gradient( -45deg, rgba(250,165,25,0.75), rgba(238,26,58,1) );
    width: 100%;
    margin: 0 auto;
    float: left;
    display: inline;
}

.new__label__checkbox {
    display: block;
    font-size: 1em;
    line-height: 1.6;
    color: #000;
    padding: 0;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.new__label__checkbox a {
    color: #EE1A1C;
}

.new__label__checkbox a:hover {
    color: #EE1A1C;
    text-decoration: underline;
}

/* search */

.modal__overlay {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.modal__close {
    top: 0;
    right: 0;
    position: absolute;
    background-color: #faa61a;
    color: #fff;
    padding: 0.25em 0.75em;
    font-size: 1em;
    font-weight: 700;
    cursor: pointer;
}

.modal__closed {
    display: none;
}

.modal__field {
    border: 0;
    background-color: #fff;
    color: #000;
    font-size: 1.25em;
    padding: 1em 1.5em 1em 1.5em;
    margin: 0;
    display: inline-block;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 75%;
}

.modal__search__btn {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    background-color: #EE1A1C;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
    padding: 1em 1.5em 1em 1.5em;
    display: inline-block;
}

.modal__close_x {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
}

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}

.flickity-button:hover {
    background: white;
    cursor: pointer;
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
    opacity: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}

.flickity-button-icon {
    fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
    z-index: 999;
}

.flickity-prev-next-button.previous { left: 3em; }
.flickity-prev-next-button.next { right: 3em; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
}

/* position dots up a bit */
.flickity-page-dots {
    bottom: -30px;
}
/* dots are lines */
.flickity-page-dots .dot {
    height: 4px;
    width: 40px;
    margin: 0;
    border-radius: 0;
}

/* lazy load */
.carousel-cell-image {
    transition: opacity 0.4s;
    opacity: 0;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
    opacity: 1;
}

/* reviews component */

.reviews_border {
    border-top: 3px solid #ccc;
}

.reviews__title {
    padding: 3em 0 1.5em 0;
    text-align: center;
}

.reviews__title h2 {
    font-size: 34px;
    line-height: 44px;
    margin: 0 0 12px 0;
    color: #000;
    font-weight: 700;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;;
}

.reviews__title p {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #666;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;;
}

.reviews__flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.reviews__60 {
    width: 60%;
}

.reviews__light {
    background-color: #eee;
}

.reviews__layout {
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .reviews__layout {
        width: 75%;
    }
}

@media only screen and (max-width: 468px) {
    .reviews__layout {
        width: 80%;
    }
}

.reviews__list {
    padding: 0.75em 0 0 0;
}

.reviews__cta {
    padding: 0 0 3em 0;
    text-align: center;
}

.reviews__all {
    text-align: center;
    padding: 4.5em 0 1.5em 0;
}

.reviews__item--card h3 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 12px 0;
    color: #000;
    font-weight: 700;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;;
    text-transform: capitalize;
}

.reviews__item--card h6 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 6px 0;
    color: #666;
    font-weight: 400;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;;
}

.reviews__item--card p {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    font-weight: 400;
    color: #666;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;;
}

.reviews__item--card p:last-child {
    margin: 0.75em 0 0 0;
}

.reviews__item--card p span {
    margin: 0 0.375em 0 0;
    color: #F35F1A;
}

.reviews__item--card p span.empty {
    margin: 0 0.375em 0 0;
    color: #ddd;
}

.reviews__item--card {
    padding: 1.5em;
    box-sizing: border-box;
    background-color: #fff;
}

.reviews__item--card img {
    display: inline-block;
    float: right;
    padding: 0 0 1.5em 1.5em;
}

.reviews__item--category {
    padding: 0.75em 1.5em;
    box-sizing: border-box;
    background-color: #ddd;
}

.reviews__btn {
    display: inline-block;
    text-align: center;
    padding: 12px 24px;
    margin: 0;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #ed187c;
    border: 0;
    outline: 0;
    transition: 0.2s ease;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    .reviews__btn {
        font-size: 1em;
    }
}

.reviews__btn:hover {
    color: #fff;
    background-color: #ed187c;
}

.reviews__badge {
    background-color: #ccc;
    padding: 0.75em 1em;
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
}

.reviews__badge img {
    display: inline-block;
}

.reviews__badge h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 0.375em 0;
    color: #000;
    font-weight: 700;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}

.reviews__badge p {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 0.375em 0;
    color: #666;
    font-weight: 400;
    font-family: "Barlow Semi Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.reviews__badge p span {
    margin: 0 0.375em 0 0;
    color: #F35F1A;
}

.reviews__badge p span.empty {
    margin: 0 0.375em 0 0;
    color: #999;
}

.reviews__badge p small {
    font-size: 0.75em;
    color: #999;
}

/* slider reviews */

.slider__reviews-slider {
    display: block;
    margin: 0;
    opacity: 0;
    height: 250px;
}

@media only screen and (max-width: 1280px) {
    .slider__reviews-slider {
        height: 250px;
    }
}

@media only screen and (max-width: 960px) {
    .slider__reviews-slider {
        height: 250px;
    }
}

.slider__reviews-slider-cell {
    width: 28.5%;
    height: 100%;
    margin: 0 2.5% 0 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

@media only screen and (max-width: 1280px) {
    .slider__reviews-slider-cell {
        width: 50%;
        margin: 0 2.5% 0 0;
    }
}

@media only screen and (max-width: 960px) {
    .slider__reviews-slider-cell {
        width: 100%;
        margin: 0;
    }
}

.slider__reviews--img {
    transition: opacity 0.4s;
    opacity: 0;
}

.slider__reviews--img.flickity-lazyloaded,
.slider__reviews--img.flickity-lazyerror {
    opacity: 1;
}

