/*
VIP OFFER PAGE
*/
/*General*/
.top-bar-wrapper {
   display: none !important;
}

.header-general-wrapper {
   top: 0 !important
}

/*Pop up*/
.congrats-popup {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 1000;
   top: 0;
   background: rgb(255, 255, 255, 0.97);
   padding: 65px 40px;
   text-align: center;
   transition: all 1s;
   opacity: 1;
   visibility: visible;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.congrats-popup p.small-text {
   font-size: 12px;
}

.congrats-popup.disabled {
   opacity: 0;
   visibility: hidden;
   pointer-events: none !important;
}

.congrats-popup h2 {
   color: #dc143c;
}

.congrats-popup div.btn-primary.cta {
   margin-left: auto;
   margin-right: auto;
   margin-top: 60px;
   cursor: pointer;
}

.congrats-popup .modal__close {
   position: absolute;
   top: 30px;
   right: 30px;
}

@media (max-width: 768px) {
   .congrats-popup .modal__close {
      position: absolute;
      top: 16px;
      right: 16px;
   }
}

/*Hero*/
.section-vip-hero {
   padding: 100px 0px;
   background-color: #f7f8f9;
   height: 100%;
   min-height: 700px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
}

section.section-vip-hero::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 35%;
   width: 100%;
   display: block;
   background: rgb(255, 255, 255);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (min-width: 992px) {

   .section-vip-hero {
      background-size: 110%;
      background-repeat: no-repeat;
      background-position: 50% 50%;
   }

   .section-vip-hero .col {
      min-width: 600px;
   }
}

/*section.section-vip-hero::after {
   content: '';
   background: rgb(255, 255, 255, 0.8);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}*/

.section-vip-hero .container {
   height: 100%;
}

.section-vip-hero .col {
   text-align: center;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   max-width: max-content;
   max-height: max-content;
   bottom: 10%;
   padding: 0px;
}

.section-vip-hero .col .inner {
   padding: 15px;
   /*background: rgb(255, 255, 255, 0.92);*/
}

.section-vip-hero h1.general-title {
   color: white;
   font-weight: 800;
   margin-bottom: 0px;
   background: rgb(0 0 0 / 70%);
   padding: 6px 5px;
}

.section-vip-hero h2.general-title {
   color: White;
   font-size: 28px;
   font-weight: 300;
   margin-top: 5px;
   background: rgb(0 0 0 / 70%);
   padding: 6px 15px;
}

.section-vip-hero .timer {
   font-size: 24px;
   font-weight: 800;
}

/*Shop*/
.current-offer-shop {
   background: #000;
   color: #fff;
   text-align: center;
   padding: 6px;
   margin-top: 0;
   margin-bottom: 25px;
}



/*Responsive*/
@media (max-width: 1400px) {
   .section-vip-hero {
      background-position: 50% 50%;
      min-height: 600px;
   }
}

@media (max-width: 991px) {
   .section-vip-hero {
      min-height: auto;
      height: 75vh;

   }

   section.section-vip-hero::after {
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 77%);
   }

   .section-vip-hero .col {
      bottom: 0%;
   }

   .section-vip-hero h2.general-title {
      font-size: 24px;
   }
}

@media (max-width: 575px) {
   .section-vip-hero {
      max-height: 480px;
      background-position: 55% 50%;
   }

   .section-vip-hero .timer {
      color: #dc143c;
   }

   .section-vip-hero .col {
      max-width: 100%;
   }

   .sticky-header-wrapper {
      top: 0 !important;
   }
}

/*VIP offer page - Pick your offer*/
.vip-offer-choose-vip h2 .smaller-text {
   margin-top: 3px;
   display: block;
   font-size: 14px;
   line-height: 1.5;
}

@media (min-width: 992px) {
   .vip-offer-choose-vip .section-vip-hero {
      background-size: 100%;
      background-position: 50% 0%;
   }
}

@media (max-width: 575px) {
   .vip-offer-choose-vip h2 .smaller-text {
      font-size: 12px;
   }

   .vip-offer-choose-vip .section-vip-hero {
      background-position: 56% 50%;
   }
}