@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: #1a202c;
    --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: #caab72;
    --seaweed-green: #329c69;
    --silver: #d3d4d7;
    --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 !important;
    width: -moz-max-content !important;
    width: max-content !important;
}
.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/vip/icon-east.svg") no-repeat center center;
}
.vip2-swiper-prev:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("/~/static/images/vip/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/icons/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/icons/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/icons/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/icons/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/icons/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 */