@font-face {
    font-family: 'Tangier';
    src: url('../css/fonts/Tangier Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Now';
    src: url('../css/fonts/Now-Light.otf') format('opentype');
}


body {
  background: var(--Dark-Grey, #1a1a1a);
  overflow-x: hidden;
}


.star_mobile{
    display: none;
}


.video-background{
 
  position: fixed;
  height: 100vh;
  width: 100vw;   
}

header, main, footer{
    position: relative;
    z-index: 1;
    background: var(--Dark-Grey, #1a1a1a);
}


.error{
    margin-top: 0 !important;
    margin-bottom: 15px;
    color: red !important;
}


.titleAgradecimento{
    background-color: rgba(0, 0, 0, 0.41);
   
  text-align: center;
  padding: 20px;
  border-radius: 25px;
  
  margin-top: 7rem;
  margin-left: 3rem;
}


.titleAgradecimento h1{
    margin: 0;
}



body #video-modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
body #video-modal .modal-content {
  position: relative;
  width: 80%;
  max-width: 1000px;
}
body iframe {
  width: 100%;
  height: 315px;
}
body #video-modal .close {
  position: absolute;
  top: 10px;
  right: 25px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.container {
  max-width: 1400px;
}

.ghost-box {
  display: none;
}

header {
 background: transparent;
  height: 100vh;
  position: relative;
  z-index: 1;
}
header h1 {
  font-family: Tangier;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

  background-image: var(--degrade, linear-gradient(54deg, #f1de84 -4.65%, #b28e45 24.33%, #f1de84 87.57%, #b28e45 113.92%)) !important;
  background-clip: text;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
header h2 {
  color: var(--white, #fff);
  font-family: Now;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
header h3 {
  color: var(--white, #fff);
  font-family: Now;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
header .header-logo {
  width: 250px;
}
header img.star {
  width: 120px;
}
header .titles {
  margin-top: 7rem;
}

.contact-form {
  /*margin-left: 30px;*/
  padding: 30px;
  border-radius: 64px;
  background: rgba(0, 0, 0, 0.47);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.contact-form .star_descktop{
    position: absolute;
  left: 35rem;
    
  top: -7rem;
  width: 200px;
}



.contact-form label {
  color: var(--Gold_01, #d9bd6c);
  font-family: Now;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
   margin-top: 20px;
}

.contact-form input::placeholder{
    color: white;
    opacity: 1 !important;
}

.contact-form input {
  color: white;
  border: none;
  border-bottom: 1px solid var(--Gold_01, #d9bd6c);
  background-color: var(--Gold_02, rgba(255, 255, 255, 0.1215686275)) !important;
  background-repeat: no-repeat !important;
  background-position: center left 10px !important;
  padding: 12px 12px 12px 45px;
 
  outline: none;
}
.contact-form input#nome {
  background-image: url("/imgs/icons/user_icon.svg");
}
.contact-form input#telefone {
  background-image: url("/imgs/icons/phone_icon.svg");
}
.contact-form input#email {
  background-image: url("/imgs/icons/email_icon.svg");
}
.contact-form input#n_pessoas {
  background-image: url("/imgs/icons/people_icon.svg");
}
.contact-form input#data {
  background-image: url("/imgs/icons/date_icon.svg");
  margin-bottom: 0px;
}
.contact-form .select2-selection {
  border: none !important;
  border-bottom: 1px solid var(--Gold_01, #d9bd6c) !important;
  background: var(--Gold_02, rgba(255, 255, 255, 0.1215686275)) !important;
  background-repeat: no-repeat !important;
  background-position: center left 10px !important;
  padding: 12px 12px 12px 45px;
  outline: none;
  height: auto !important;
  background-image: url("/imgs/icons/local_icon.svg") !important;
}
.contact-form .select2-selection span {
  color: white !important;
}
.contact-form .select2-selection .select2-selection__arrow {
  height: 100% !important;
}
.contact-form .checkbox-termos input#termos {
  padding: 0;
  border: 1px solid var(--Gold_01, #d9bd6c);
  margin-right: 15px;
  margin-bottom: 0;
  margin-top: 0;
  background-position: center center !important;
  background-size: 65%;
  box-shadow: none !important;

}

.contact-form .checkbox-termos input#termos:checked{
    background-image: url("/imgs/check-solid.svg");
} 



.contact-form .checkbox-termos label {
  margin: 0;
  font-weight: 400;
}
.contact-form .checkbox-termos label a {
  color: white;
}
.contact-form button {
  color: var(--Dark-Grey, #1a1a1a);
  text-align: center;
  font-family: Now;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 15px;
  padding-top: 16px;
  padding-bottom: 14px;
  margin: 20px 20% 0 20%;
  background: linear-gradient(62deg, #ebd880 -18.39%, #ac8844 20.21%, #ebd880 53.43%, #ac8844 84.57%);
}

main h1 {
  padding: 100px 40px 10px 40px;
  text-align: center;
 
    font-family: Tangier;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
 
  background-image: linear-gradient(87deg, #f1de84 4.8%, #7a5c1f 22.15%, #f1de84 89.59%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main h2 {
  color: var(--Gold_01, #d9bd6c);
  text-align: center;
  font-family: Now;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
main h3 {
  color: var(--white, #fff);
  font-family: Now;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
main h4 {
  color: #fff;
  text-align: center;
  font-family: Now;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main h5 {
  color: #fff;
  text-align: center;
  font-family: Now;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main .subtitle {
  display: flex;
  justify-content: center;
}
main .slider {
  margin-top: 80px;
}
main .slider .slick-slide {
  margin-left: 1rem;
  margin-right: 1rem;
}
main .slider .slick-dots {
  position: initial;
}
main .slider .slick-dots li {
  margin: 0;
}
main .slider .slick-dots li button::before {
  color: #d9bd6c;
  font-size: 9px;
}
main button.reserva {
  color: var(--Dark-Grey, #1a1a1a);
  text-align: center;
  font-family: Now;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 15px;
  padding-top: 16px;
  padding-bottom: 14px;
  margin: 34px 5% 0 5%;
  background: linear-gradient(62deg, #ebd880 -18.39%, #ac8844 20.21%, #ebd880 53.43%, #ac8844 84.57%);
}

section.descobre-section .slick-list {
  max-height: 270px;
}

section.imagens-section h1 {
  margin-top: 30px;
}

section.about-section h1 {
  padding-top: 10px;
}
section.about-section .slider {
  margin-top: 30px;
}
section.about-section button {
  background: none;
  border: none;
}

footer h2 {
  color: #fff;
  text-align: center;
  font-family: Now;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 36px */
  text-transform: uppercase;
}
footer h3 {
  color: var(--white, #fff);
  font-family: Now;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
footer button.reserva {
  color: var(--Dark-Grey, #1a1a1a);
  text-align: center;
  font-family: Now;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 15px;
  padding-top: 16px;
  padding-bottom: 14px;
  margin: 34px 5% 0 5%;
  background: linear-gradient(62deg, #ebd880 -18.39%, #ac8844 20.21%, #ebd880 53.43%, #ac8844 84.57%);
}
footer .bg-brilho {
  background: url("/imgs/descktop/footer/brilho_footer_tablet_LP_Lingerie .webp") rgba(0, 0, 0, 0) 50%/cover no-repeat;
  mix-blend-mode: screen;
}
footer .foot {
  background-color: rgba(0, 0, 0, 0.3803921569);
  z-index: 1;
  position: relative;
}
footer .marquee {
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #9d814d;
}
footer #rolling-text {
  color: #7e683f;
  font-weight: 600;
  font-size: 120px;
  font-family: Now;
  display: inline-block;
  animation: move-left 10s linear infinite;
}
@keyframes move-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.select2-container {
  width: 100% !important;
}

.select2-dropdown {
  background-color: rgba(51, 51, 51, 0.8196078431) !important;
}
.select2-dropdown .select2-results__option {
  color: white;
}
.select2-dropdown .select2-results__option :hover {
  background-color: rgba(231, 30, 30, 0.8196078431) !important;
}
.select2-dropdown .select2-results__option--selectable {
  background-color: rgba(51, 51, 51, 0.8196078431) !important;
}

#ui-datepicker-div {
  background-color: #2b2924;
  border: none;
  border-top: 1px solid var(--Gold_01, #d9bd6c);
  padding: 0 70px;
  font-family: Greate Vibes;
  font-size: 20px;
  color: #d9bd6c;
}
#ui-datepicker-div .ui-state-default {
  text-align: center !important;
}
#ui-datepicker-div th {
  padding: 0.7em 1em;
}
#ui-datepicker-div td span,
#ui-datepicker-div td a {
  border: none;
  background: none;
  font-weight: normal;
  color: #fff;
}
#ui-datepicker-div td a.ui-state-active {
  background: #d9bd6c;
  border-radius: 5px;
}
#ui-datepicker-div .ui-datepicker-header {
  background: transparent;
  color: #d9bd6c;
  border: none;
}
.data-container {
  display: none;
}








@media(max-width: 1700px){
    .contact-form, .star_descktop {
  
      left: 33vw !important;
  }
}





@media (max-width: 1600px) {
  header {
    height: auto;
  }
  footer h3 {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .titles {
    margin-bottom: 7rem;
    margin-top: 2rem !important;
    text-align: center;
  }
  
  
  .contact-form, .star_descktop {
  
      display: none;
  }
  
   .star_mobile{
        display: flex;
    }
}

   

@media (max-width: 768px) {
    
    .titleAgradecimento{
        margin: 0;
    }
    
    .form-mobile{
        background: var(--Dark-Grey, #1a1a1a);
    }
    
  header {
    background-size: auto 100vh;
  }
  main h4 {
    margin: 0 48px 0 48px;
    font-size: 16px;
  }
  .titles {
    margin-bottom: 16rem;
  }
  .ghost-box {
    display: flex;
  }
  .no-ghost-box {
    display: none !important;
  }
  .contact-form {
    background: none;
    margin-left: 0;
  }
  
  
  
  .contact-form button {
    margin: 20px 5% 0 5%;
  }
  footer .footer-imgs {
    flex-direction: column-reverse;
  }
  footer .bg-brilho {
    background: none !important;
    mix-blend-mode: normal !important;
  }
  footer .foot {
    background-color: rgba(0, 0, 0, 0.3803921569);
    flex-direction: column;
  }
  footer h3 {
    font-size: 16px;
    margin-top: 15px;
  }
  footer h2 {
    color: #fff;
    text-align: center;
    /* Now/Desktop/H5 */
    font-family: Now;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  footer button.reserva {
    margin-top: 15px !important;
  }
}
@media (max-width: 445px) {
    
    
    .video-background{
        left: -80%;
    }
    
  header {
    height: auto;
    /*background-image: url("/imgs/mobile/banner_header_mobile_LP_Lingerie.webp");*/
    /*background-size: 100% 100vh;*/
  }
}