@font-face {
  font-family: 'NoirPro';
  src: url('font/NoirPro-Medium.eot');
  src: url('font/NoirPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('font/NoirPro-Medium.woff2') format('woff2'),
    url('font/NoirPro-Medium.woff') format('woff'),
    url('font/NoirPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NoirPro';
  src: url('font/NoirPro-Light.eot');
  src: url('font/NoirPro-Light.eot?#iefix') format('embedded-opentype'),
    url('font/NoirPro-Light.woff2') format('woff2'),
    url('font/NoirPro-Light.woff') format('woff'),
    url('font/NoirPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NoirPro';
  src: url('font/NoirPro-Bold.eot');
  src: url('font/NoirPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/NoirPro-Bold.woff2') format('woff2'),
    url('font/NoirPro-Bold.woff') format('woff'),
    url('font/NoirPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NoirPro';
  src: url('font/NoirPro-Regular.eot');
  src: url('font/NoirPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/NoirPro-Regular.woff2') format('woff2'),
    url('font/NoirPro-Regular.woff') format('woff'),
    url('font/NoirPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}








body {
  font-family: 'NoirPro' !important;
  color: #58595b;

}

p,
h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: 'NoirPro' !important;
  color: #59595a;

}



html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}



.bg-preto {

  background: #000;

}


.titulo1 {

  /* letter-spacing: 7px; */

}

input,
textarea,
select {
  background: #ababac !important;
  color: #fff !important;
  border-radius: 0px !important;
}

input::placeholder,
textarea::placeholder {

  color: #fff !important;

}

button.btn.text-white.btn-warning.text-uppercase {
  /* background: #58585a; */
  border: none;
  border-radius: 0px;
  padding: 4px 30px;
  letter-spacing: 1px;
}


.col-md-5.p-4.borda {
  border: 2px solid #58585a;
}



.text-cinza {

  color: #58595b;

}


.bg-cinza {

  background-color: #d1d2d4;
}



.borda {

  border-bottom: 1px solid #58585a;
  position: relative;
  top: -15px;

}

.hide-bullets {
  list-style: none;
  margin-left: -40px;
  margin-top: 20px;
}


.facilities img {

  width: auto;
  height: 200px;

}

p.text-footer {
  font-size: 10px;
}

button.btn.py-3.text-white.btn-danger.text-uppercase {
  background: #ff6911;
  border-radius: 0px;
  padding: 5px 25px;
}


a.btn.btn-dark {
  padding: 10px 51px;
  text-transform: uppercase;
  background: #ff6911;
}


a.btn-danger.btn.btn-tour {
  text-transform: uppercase !important;
  color: #fff !important;
  font-size: 20px !important;
  border-radius: 0px !important;
  background: #832e31 !important;
  padding: 10px 36px !important;
  border: none !important;
}


h2.titulo.mb-0.text-uppercase {
  color: #59595a;
}

#cookie {
  position: fixed;
  bottom: 3%;
  left: 2%;
  width: 48%;
  background: #666;
  color: #fff;
  opacity: 1;
  z-index: 99999;
  transition: opacity 0.5s ease-in-out;
}

.cookie-content {
  padding: 3%;
}

#cookie .cookie-content-text {
  font-size: 0.8rem;
}

#cookie .cookie-content-text a,
#cookie .cookie-content-text p {
  color: #fff;
  text-decoration: none;
}

.cookie-content-text a:first-of-type {
  text-decoration: underline !important;
}

.btn-confirm {
  text-align: end;
}

.btn-confirm button {
  font-size: 0.8rem;
  padding: 2% 3%;
  border: none;
  border-radius: 0.5rem;
  outline-style: none;
}

@media screen and (max-width: 550px) {
  #cookie {
    left: 0%;
    width: 100%;
  }
}


.video-wrapper {
  aspect-ratio: 1920/919;
}

.video-capa {
  aspect-ratio: 1920/919;
  cursor: pointer;
}

.video-btt {
  width: 48px;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  touch-action: none;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .video-wrapper {
    aspect-ratio: 4/3;
  }
}

input.invalid {
  border: 1px solid red !important;
}