@charset "utf-8";

/*
Lato: Regular = 400, Bold = 700, Black = 900;
*/

:root {
    --black: #000;
    --black-rgb: 0, 0, 0;
    --camelback-mountain: #d4b889;
    --charcoal-grey: #383e4d;
    --cloudy-blue: #c5d3e0;
    --cool-grey: #90949c;
    --dark1: rgb(24, 26, 32);
    --dark2: #222939;
    --dark2-rgb: 34, 41, 57;
    --dark3: #2d3443;
    --gunmetal: #4e5461;
    --leaf: #7a9c32;
    --light-grey-blue: #8cb2ce;
    --macaroni-and-cheese: #efbb34;
    --metallic-silver: #A7A9B0;
    --mid-blue: #1c6aa3;
    --pale-grey: #f4f4f5;
    --sandstone: rgb(252, 213, 53);
    --seaweed-green: #329c69;
    --silver: rgb(183, 189, 198);
    --silver-two: #e9eaeb;
    --steel-grey: #7a7f88;
    --warm-purple: #9a329c;
    --white: #fff;
    --white-rgb: 255, 255, 255;
}

.cf::after {
    content: "";
    clear: both;
    display: table;
}

html {
    min-width: 360px;
}

.vip2-content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul,
ol,
li {
    list-style-type: none;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    margin: 0;
}

p {
    display: block;
    line-height: normal;
    margin: 0;
}

a:hover,
a:focus,
a:active,
a:hover:not(.disabled) {
    text-decoration: none;
}


/* main css overwrite */

.menu-ribbon .menu-container,
.menu-ribbon .header-container,
.header-ribbon .menu-container,
.header-ribbon .header-container {
    max-width: 1360px;
    width: 100%;
    padding: 0 24px;
}

.header .header-content,
.main-menu .main-menu-content,
.secondary-menu .secondary-menu-content {
    max-width: 1360px;
}

.layout-content {
    background: var(--white);
}

.inner-box {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    -ms-flex-negative: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.swiper-slide:last-child {
    margin-right: 0 !important;
}

.area {
    width: 100%;
}


/* ~main css overwrite */


/* vip2 level gradients */

.vip2-grad-regular {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98612f+0,df944f+100 */
    background: rgb(152, 97, 47);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(152, 97, 47, 1)), to(rgba(223, 148, 79, 1)));
    background: -o-linear-gradient(left, rgba(152, 97, 47, 1) 0%, rgba(223, 148, 79, 1) 100%);
    background: linear-gradient(to right, rgba(152, 97, 47, 1) 0%, rgba(223, 148, 79, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#98612f', endColorstr='#df944f', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-bronze {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98612f+0,df944f+100 */
    background: rgb(152, 97, 47);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(152, 97, 47, 1)), to(rgba(223, 148, 79, 1)));
    background: -o-linear-gradient(left, rgba(152, 97, 47, 1) 0%, rgba(223, 148, 79, 1) 100%);
    background: linear-gradient(to right, rgba(152, 97, 47, 1) 0%, rgba(223, 148, 79, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#98612f', endColorstr='#df944f', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-premium {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#676767+0,d8d8d8+100 */
    background: rgb(103, 103, 103);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(103, 103, 103, 1)), to(rgba(216, 216, 216, 1)));
    background: -o-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(216, 216, 216, 1) 100%);
    background: linear-gradient(to right, rgba(103, 103, 103, 1) 0%, rgba(216, 216, 216, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#d8d8d8', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-silver {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#676767+0,d8d8d8+100 */
    background: rgb(103, 103, 103);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(103, 103, 103, 1)), to(rgba(216, 216, 216, 1)));
    background: -o-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(216, 216, 216, 1) 100%);
    background: linear-gradient(to right, rgba(103, 103, 103, 1) 0%, rgba(216, 216, 216, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#d8d8d8', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-gold {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#857027+0,efbb34+100 */
    background: rgb(133, 112, 39);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(133, 112, 39, 1)), to(rgba(239, 187, 52, 1)));
    background: -o-linear-gradient(left, rgba(133, 112, 39, 1) 0%, rgba(239, 187, 52, 1) 100%);
    background: linear-gradient(to right, rgba(133, 112, 39, 1) 0%, rgba(239, 187, 52, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#857027', endColorstr='#efbb34', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-platinum {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d8d9b+0,c5d3e0+100 */
    background: rgb(125, 141, 155);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(125, 141, 155, 1)), to(rgba(197, 211, 224, 1)));
    background: -o-linear-gradient(left, rgba(125, 141, 155, 1) 0%, rgba(197, 211, 224, 1) 100%);
    background: linear-gradient(to right, rgba(125, 141, 155, 1) 0%, rgba(197, 211, 224, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d8d9b', endColorstr='#c5d3e0', GradientType=1);
    /* IE6-9 */
}

.vip2-grad-diamond {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#536979+0,8cb2ce+100 */
    background: rgb(83, 105, 121);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(83, 105, 121, 1)), to(rgba(140, 178, 206, 1)));
    background: -o-linear-gradient(left, rgba(83, 105, 121, 1) 0%, rgba(140, 178, 206, 1) 100%);
    background: linear-gradient(to right, rgba(83, 105, 121, 1) 0%, rgba(140, 178, 206, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#536979', endColorstr='#8cb2ce', GradientType=1);
    /* IE6-9 */
}


/* ~vip2-level-gradients */


/* btns */

.vip2-btn {
    font-family: "Lato", sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto;
    cursor: pointer;
}

.vip2-btn--primary {
    background: var(--sandstone);
    color: var(--dark);
}

.vip2-btn--primary:hover {
    background: var(--camelback-mountain);
}

.vip2-btn--secondary {
    border: 1px solid var(--white);
    color: var(--white);
}

.vip2-btn--secondary:hover {
    background: rgba(var(--white-rgb), .1);
}

.vip2-btn--md {
    font-weight: 900;
    font-size: 12px;
    padding: 12px 20px;
    border-radius: 20px;
}

.vip2-btn--less {
    border: none;
    outline: none;
    background: none;
}


/* ~btns */


/* swiper btns */

.vip2-swiper-prev,
.vip2-swiper-next {
    width: 48px;
    height: 48px;
    background: var(--gunmetal);
    border-radius: 50%;
    top: calc(50% - 24px);
    opacity: 0;
    /* -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; */
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.vip2-swiper-prev:hover,
.vip2-swiper-next:hover {
    background: var(--steel-grey);
}

.vip2-swiper-prev:active,
.vip2-swiper-next:active {
    background: var(--metallic-silver);
}

.vip2-swiper-prev {
    left: 16px;
}

.vip2-swiper-next {
    right: 16px;
}

.vip2-swiper-next:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../static/images/icon-east.svg") no-repeat center center;
}

.vip2-swiper-prev:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../static/images/icon-west.svg") no-repeat center center;
}

.swiper:hover .vip2-swiper-prev,
.swiper:hover .vip2-swiper-next {
    opacity: 1;
}

.swiper:hover .vip2-swiper-prev.swiper-button-disabled,
.swiper:hover .vip2-swiper-next.swiper-button-disabled {
    opacity: 0;
}

.vip-glow {
    box-shadow: 0 0 20px 0 var(--white);
    border-radius: 40px;
}

.vip-glow[alt~="Diamond"] {
    box-shadow: none;
    border-radius: 40px;
    filter: drop-shadow(0 0 20px white);
}


/* ~swiper btns */

.vip2-content a:hover {
    text-decoration: underline;
}

.color-bronze {
    color: var(--bronze) !important;
}

#viplevel-message {}

@media (min-width: 767.5px) {
    #viplevel-message {}
}

#viplevel-message.active {
    display: flex;
}

@keyframes toastAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#viplevel-message .vipmessage {
    animation: toastAnimation 0.5s;
}

#viplevel-message .vipmessage.vipmessage-info {
    background-color: var(--system-4);
    color: var(--system-3);
}

#viplevel-message .vipmessage.vipmessage-info .vipmessage-icon {
    -webkit-mask: url(../static/images/icon-info.svg) no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--system-3);
}

#viplevel-message .vipmessage.vipmessage-info .vipmessage-icon-lock {
    -webkit-mask: url(../static/images/icon-lock.svg) no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--system-3);
}

#viplevel-message .vipmessage.vipmessage-info .vipmessage-close {
    background-color: var(--system-3);
}

#viplevel-message .vipmessage.vipmessage-success {
    background-color: var(--system-2);
    color: var(--system-1);
}

#viplevel-message .vipmessage.vipmessage-success .vipmessage-icon {
    -webkit-mask: url(../static/images/icon-info.svg) no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--system-1);
}

#viplevel-message .vipmessage.vipmessage-success .vipmessage-close {
    background-color: var(--system-1);
}

#viplevel-message .vipmessage.vipmessage-warning {
    background-color: var(--system-8);
    color: var(--system-7);
}

#viplevel-message .vipmessage.vipmessage-warning .vipmessage-icon {
    -webkit-mask: url(../static/images/icon-info.svg) no-repeat center;
    -webkit-mask-size: contain;
    background-color: var(--system-7);
}

#viplevel-message .vipmessage.vipmessage-warning .vipmessage-close {
    background-color: var(--system-7);
}

#viplevel-message .vipmessage .vipmessage-message {
    max-width: 316px;
}

#viplevel-message .vipmessage .vipmessage-icon {
    height: 20px;
    width: 20px;
    flex-shrink: 0;
}

#viplevel-message .vipmessage .vipmessage-icon-lock {
    height: 20px;
    width: 20px;
    flex-shrink: 0;
}

#viplevel-message .vipmessage .vipmessage-close {
    height: 12px;
    width: 12px;
    -webkit-mask: url(../static/images/icon-close.svg) no-repeat center;
    -webkit-mask-size: contain;
    flex-shrink: 0;
}


/* ReM CSS Fix */

.live-engage-rem-popup-container {
    padding: 0 !important;
}


/* desktop */

#rem-card .live-engage-rem-popup-container>div {
    padding: 0;
}


/* mobile */

#rem-card-bottom-drawer .live-engage-rem-popup-container>div {
    flex: 1;
    text-align: center;
}

#rem-card .live-engage-rem-popup-container>div .LPMcontainer {
    flex: 1;
    text-align: center;
}

#rem-card .live-engage-rem-popup-container>div .LPMcontainer .live-engage-button-floating,
#rem-card-bottom-drawer .live-engage-rem-popup-container>div .LPMcontainer .live-engage-button-floating {
    padding: 14px 24px;
    cursor: pointer;
}

#rem-card-bottom-drawer .bottom-drawer .slider .drawer-content .rem-contact-item {
    color: var(--primary-1);
}

.rem-card-banners-container .rem-card-button-container .desktop-only .manager-image {
    border-radius: 50%;
    image-rendering: auto;
    height: 56px;
    width: 56px;
}

.rem-card-banners-container .rem-card-button-container .mobile-only .manager-image {
    height: 64px;
    width: 64px;
}

#rem-onboarding-banner .onboarding-info .manager-image-container img {
    border-radius: 50%;
    image-rendering: auto;
}

#rem-card .rem-card-header .manager-image-container .manager-image {
    image-rendering: auto;
}


/* ReM CSS Fix */