@font-face {
font-family: "Bodoni";
src: url("../fonts/BodoniXT.ttf");
}
h1, h2, h3, h4, .sp-megamenu-parent > li { font-family: "Bodoni",  serif; }
h1, h2, h3, h4 { color: #8f2700; background: url(../images/miraggio-favicon.png) no-repeat; padding-left: 45px; }
.botao-outline { outline: 2px solid #ffffff; outline-offset: -6px; padding: 15px 25px; }
.logo-image-phone { height: 60px !important; }
.logo-image { margin-top: 65px; }
.page-content { margin-top: -60px; }
.sppb-btn-primary { background-color: #8f2700; border: #8f2700; }
#sp-header { background: #8f2700; }
.whatsapp { background-color: #1eac33; font-size: 20px; font-weight: bold; color: #fff !important; }
.whatsapp a:hover { color: #fff !important; }
.offcanvas-menu .whatsapp { padding: 10px; }
.sp-megamenu-parent { margin: 0 !important; }
#sp-bottom .sp-module .sp-module-title { font-size: 30px; }
.sp-megamenu-parent > li, .sp-megamenu-parent > li > a { font-size: 13px; text-transform: uppercase; padding: 0 5px; }
.sp-megamenu-parent > li.active > a { font-weight: bold; }
.youtube h2, .juros h2 { text-align: center; }
.youtube { padding-bottom: 30px; }
.juros-bt { margin: 30px 0 20px 0; font-family: 'Bodoni'; }
.bfQuickMode .bfLabelLeft label { float: inherit !important; display: block; }
.bfQuickMode section input[type='text'], .bfQuickMode .bfLabelLeft textarea { width: 100% !important; max-width: 100% !important; }
.bfQuickMode button { 
  background-color: #8f2700; 
  border: #8f2700; 
  color: #fff; 
  margin: 20px 0 20px 0 !important; 
  text-align: center; 
  outline: 2px solid #ffffff; 
  outline-offset: -6px; 
  padding: 15px 25px; 
  font-size: 20px; 
  line-height: 1.5; 
  width: 100% !important;
  text-transform: uppercase;
  font-family: 'Bodoni'; 
}
.comodidades {
  width: 100%;
}
.comodidades table {
  margin: 0 auto;
}
.comodidades td {
  font-family: "Open Sans";
  width: 20%;
  margin-top: 10px;
  font-size: 75%;
  padding-right: 2%;
  font-weight: bold;
  line-height: 2%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 479px) {
  #sp-footer #sp-footer2, #sp-footer #sp-footer1 {
    text-align: center;
  }
  .comodidades td {
    font-size: 50%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .miraggio-banner {
      left: 550px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .miraggio-banner {
      left: 850px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .miraggio-banner {
      left: 1000px !important;
  }
}
@media screen and (min-width: 1600px) {
  .miraggio-banner {
      left: 1400px !important;
  }
}