@charset "UTF-8";



:root {

  --midGray: #666666;

  --lightGray: #f6f6f6;

  --black: #000000;

  --orange: #f38161;

  --white: #ffffff;

}

html { overflow-x: hidden; }

body {

    margin:0;

    padding:0;

    font-size: 14px;

    font-family: "Montserrat", sans-serif;

    font-optical-sizing: auto;

    font-style: normal;

    color: var(--black);

    overflow-x: hidden;


}



.slider-link{

    position:absolute;

    top:20%;

    left:20%;

    z-index: 9999999;

}



#showButton {

    position: fixed;

    /*top: 30px;*/

    left: 20px;

    z-index: 8;

}


/* -------------------------------- 

Modal

-------------------------------- */

.btn-primary {
  color: #fff;
  background-color: #f38161;
  border-color: #f38161;
  border-radius: 0px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #e46c4b;
  border-color: #e46c4b;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #f38161;
  border-color: #f38161;
  box-shadow: 0 0 0 .25rem #f3816180;
  border-radius: 0px;
}

.modal {
  z-index: 9999;
}

.input-group {border-radius: 8px;}

#bookingAdults,#bookingAdults option{background-color:#fff;}

#bookingChildren,#bookingChildren option{background-color:#fff;}



.bookingInScroll{

    position:fixed !important;

    z-index:0;

    width: 100%;

    top: 180px;

}

.bookingInScroll.innerpage{

    /*top:190px !important;*/
    z-index: 2;
}



.bookingInScroll .booking-bar{

    background-color: #FFFFFF;

    color: #000000;

}

/* Só em desktop precisamos de alinhar visualmente as colunas */
@media (min-width: 992px) and (max-width: 1367px){
  /* Cada coluna vira flex para controlar melhor os filhos */
  .row.black > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }

  /* O título vira flex para alinhar SVG + texto */
  .row.black p.color_black.text-uppercase.fw-bold.ft_domine.text-left {
    display: flex;
    align-items: center;
    gap: 8px;           /* espaço entre ícone e texto */
    margin-bottom: .5rem;
    flex-direction: column;
    text-align: center;
  }

  .row.black p.color_black.text-uppercase.fw-bold.ft_domine.text-left svg {
    flex: 0 0 auto;     /* evita o SVG “empurrar” o texto para baixo */
  }

  /* O input-group cola ao fundo da coluna, mantendo o layout “quadradinho” */
  .row.black .input-group {
    margin-top: auto;
  }
}

/* Só em desktop precisamos de alinhar visualmente as colunas */
@media (min-width: 1368px) {
  /* Cada coluna vira flex para controlar melhor os filhos */
  .row.black > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }

  /* O título vira flex para alinhar SVG + texto */
  .row.black p.color_black.text-uppercase.fw-bold.ft_domine.text-left {
    display: flex;
    align-items: center;
    gap: 8px;           /* espaço entre ícone e texto */
    margin-bottom: .5rem;
  }

  .row.black p.color_black.text-uppercase.fw-bold.ft_domine.text-left svg {
    flex: 0 0 auto;     /* evita o SVG “empurrar” o texto para baixo */
  }

  /* O input-group cola ao fundo da coluna, mantendo o layout “quadradinho” */
  .row.black .input-group {
    /*margin-top: auto;*/
  }
}




.bookingInScroll .black.booking-bar .row.black {
  box-shadow: none !important;
}

.bookingInScroll .black.booking-bar{

    background-color: #ffffff !important;

    color: #FFFFFF;
    /*margin-top: -95px;*/
    margin-top: -35px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
}



.bookingInScroll .booking-submit:hover{

    color: #000000;

}



.bookingInScroll.black .booking-submit:hover{

    color: #FFFFFF;

}



.bookingInScroll .color_white{

    color: #000000;

}



.bookingInScroll.black .color_white{

    color: #FFFFFF;

}





.bookingInScroll #bookingCheckin,.bookingInScroll #bookingCheckout,.bookingInScroll #bookingPromo,.bookingInScroll #bookingAdults,.bookingInScroll #bookingChildren,.bookingInScroll #bookingPromoCode {

    color: #000000;

}



.bookingInScroll.black #bookingCheckin,.bookingInScroll.black #bookingCheckout,.bookingInScroll.black #bookingPromo,.bookingInScroll.black #bookingAdults,.bookingInScroll.black #bookingChildren,.bookingInScroll.black #bookingPromoCode {

    color: #000;

}



.bookingInScroll #bookingCheckin::placeholder,.bookingInScroll #bookingCheckout::placeholder,.bookingInScroll #bookingPromo::placeholder,.bookingInScroll #bookingAdults::placeholder,.bookingInScroll #bookingChildren::placeholder,.bookingInScroll #bookingPromoCode::placeholder {

  color: #000000;

  opacity: 1; /* Firefox */

}



.bookingInScroll.black #bookingCheckin::placeholder,.bookingInScroll.black #bookingCheckout::placeholder,.bookingInScroll.black #bookingPromo::placeholder,.bookingInScroll.black #bookingAdults::placeholder,.bookingInScroll.black #bookingChildren::placeholder,.bookingInScroll.black #bookingPromoCode::placeholder {

  color: #FFFFFF;

  opacity: 1; /* Firefox */

}



.bookingInScroll #bookingCheckin::-ms-input-placeholder,#bookingCheckout::-ms-input-placeholder,#bookingPromo::-ms-input-placeholder,#bookingAdults::-ms-input-placeholder,#bookingChildren::-ms-input-placeholder { /* Edge 12 -18 */

  color: #000000;

}



.bookingInScroll.black #bookingCheckin::-ms-input-placeholder,.bookingInScroll.black #bookingCheckout::-ms-input-placeholder,.bookingInScroll.black #bookingPromo::-ms-input-placeholder,.bookingInScroll.black #bookingAdults::-ms-input-placeholder,.bookingInScroll.black #bookingChildren::-ms-input-placeholder { /* Edge 12 -18 */

  color: #FFFFFF;

}



.bookingInScroll .booking-bar a,.bookingInScroll .booking-bar a:hover,.bookingInScroll .booking-bar a:focus,.bookingInScroll .booking-bar a:active {

  color: #000000;

}



.bookingInScroll.black .booking-bar a,.bookingInScroll.black .booking-bar a:hover,.bookingInScroll.black .booking-bar a:focus,.bookingInScroll.black .booking-bar a:active {

  color: #FFFFFF;

}



.menuInScroll{

    position:fixed !important;

    background-color: #FFFFFF;

    z-index:9999;

    width: 100%;

}



.black.menuInScroll{
    position:fixed !important;
    background-color: #000000;
    z-index:9999;
    width: 100%;
    height: 145px;
}



.menuInScroll a{

    color:#000000 !important;

}



.black.menuInScroll a{

    color:#FFFFFF !important;

}



.menuInScroll ul li ul{

    background-color: #FFFFFF;   

}



.black.menuInScroll ul li ul{

    background-color: #000000;   

}



.menuInScroll #topnav a:hover { 

	background-color: #FFFFFF !important; 
  color: #f38161 !important;
}



.black.menuInScroll #topnav a:hover { 

	background-color: #000000 !important; 

}



.sideSubMenu{

    font-size:10px;

    text-transform:uppercase;

    /*line-height:30px;*/

    display: inline-block;

    font-weight: bold;

    cursor: pointer;

    color:#888888;

}



ul.subMenu{

    display: none;

}



/* H1 TO H6 */

h1{font-size:52px; font-weight: 500; font-family: "Domine", serif;}

h2{font-size:40px; font-weight: 500; font-family: "Domine", serif;}

h3{font-size:32px; font-weight: 600; font-family: "Domine", serif;}

h4{font-size:26px; font-weight: 700; font-family: "Domine", serif;}

h5{font-size:20px; font-weight: 700; font-family: "Domine", serif;}



/* Remove a efects */

a{text-decoration: none;}



/* FONTS WEIGHTS AND COLORS */

.ft_montserrat{font-family: "Montserrat", sans-serif;}

.ft_domine{font-family: "Domine", serif;}



.color_midGray{color: var(--midGray);}

.color_lightGray{color: var(--lightGray);}

.color_black{color: var(--black);}

.color_orange{color: var(--orange);}

.color_white{color: var(--white);}



.bg_midGray{background-color: var(--midGray);}

.bg_lightGray{background-color: var(--lightGray);}

.bg_black{background-color: var(--black);}

.bg_orange{background-color: var(--orange);}

.bg_white{background-color: var(--white);}



.pageTitle{color:var(--orange);font-size:40px;text-align: center;}

.pageSubTitle{color:var(--orange);font-size:20px;text-align: center;}



/* GENERIC BUTTONS */

.btn-simple-orange, .btn-simple-orange:hover, .btn-simple-orange:active, .btn-simple-orange:focus{

  /*font-family: "Domine", serif;

  font-size: 14px;

  color: var(--orange);

  text-decoration: underline;

  text-transform: uppercase;

  font-weight: 700;
  */

  
  font-family: "Domine", serif;
  font-size: 14px;
  color: white;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--orange);
  padding: 4px 16px;
  border-radius: 16px;
  text-decoration: none;
  width: fit-content;s

}



a{text-decoration: none;}



a.share-button {

    background-color: #ebd6d0;

    color: #f38161;

    border: 0;

    box-shadow: none;

    padding: 7px 10px;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;
    border-radius: 20px;
    margin-right: 4px;

}



a.btn-blue {

    background-color: #ecf1f4;

    color: #1c6295;

    border: 0;

    box-shadow: none;

    padding: 7px 30px;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

}

a.btn-blue:hover {

    color: #1c6295;

}



a.btn-salmon {

    background-color: #ebd6d0;

    color: #f38161;

    border: 0;

    box-shadow: none;

    padding: 7px 30px;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

}

a.btn-salmon:hover {

    color: #f38161;

}







.hr-divider-seccoes {

    border: 0;

    box-shadow: none;

    height: 1px;

    color: #efefef;

    background: #efefef;

}





.div-promo-caption {

    width: 100%;

    background: rgba(255, 255, 255, 0.85);

    color: #333333;

    text-align: center;

    font-size: 14px;

    font-weight: 300;

    padding: 20px 10px;

    height: 130px;

    margin: 0 0 15px 0;

}



.activities-title {

    font-size: 16px;

    font-weight: 700;

}

.activities-in-focus-text {

    text-align: justify;

    padding: 0 5px 0 0;

}

div.activities-in-focus-text::-webkit-scrollbar {

    width: 8px;

}

div.activities-in-focus-text::-webkit-scrollbar-track {

    background-color: #eaeaea;

    border-left: 1px solid #ccc;

}

div.activities-in-focus-text::-webkit-scrollbar-thumb {

    background-color: #cccccc;

}

div.activities-in-focus-text::-webkit-scrollbar-thumb:hover {

    background-color: #aaa;

}

.activities-circle-type {

    background: #ea2626;

    display: inline-block;

    border-radius: 12px;

    color: white;

    font-weight: bold;

    height: 17px;

    padding: 2px 3px 2px 3px;

    text-align: center;

    min-width: 16px;

    font-size: 12px;

}



/* ALOJAMENTO */

.div-thumb-alojamento {

    background: #000000;

    padding: 10px;

    width: 100%;

    font-size: 14px;

    font-weight: 300;

    color: #ffffff;

    text-align: center;

    margin-bottom:10px;

}





#gallery-categories {

    text-align: center;

    margin-bottom: 10px;

}

#gallery-categories a {

    display: inline-block;

}

#gallery-categories a.active {

    background: #000000;

}

.gallery-item {

    height: 233px;

    overflow: hidden;

    cursor: pointer;

    position: relative;

}

.gallery-item .buttons {

    position: absolute;

    bottom: 4px;

    right: 4px;

}

.gallery-item .buttons .fa {

    background: rgb(256, 256, 256);

    display: inline-block;

    line-height: 40px;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    width: 40px;

    height: 40px;

    position: relative;

    bottom: -360%;

    -webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    color: rgba(50, 50, 50, 0.9);

}

.gallery-item img {

    -webkit-transition: all 1s ease; /* Safari and Chrome */

    -moz-transition: all 1s ease; /* Firefox */

    -o-transition: all 1s ease; /* IE 9 */

    -ms-transition: all 1s ease; /* Opera */

    transition: all 1s ease;

}

.gallery-item img:hover {

    -webkit-transform: scale(1.25); /* Safari and Chrome */

    -moz-transform: scale(1.25); /* Firefox */

    -ms-transform: scale(1.25); /* IE 9 */

    -o-transform: scale(1.25); /* Opera */

    transform: scale(1.25);

}

#gallery-pagination {

    color: #ffffff;

    padding: 9px 0 0 0;

}

#gallery-pagination ul.pagination2 {

    list-style-type: none;

    padding: 0;

}

#gallery-pagination ul.pagination2 li {

    display: inline;

}

#gallery-pagination ul.pagination2 li a {

    color: #ffffff;

    text-decoration: none;

    margin: 0 1px 0 1px;

    padding: 10px 14px 10px 14px;

    background-color: #000000;

}

#gallery-pagination ul.pagination2 li.active a {

    text-decoration: none;

    background-color: #ecf1f4;

    color: #1c6295;

} /* SLIDER BULLETS FIX */

.rsBullets {

    margin: 0 auto !important;

    right: 0 !important;

    left: 0 !important;

    text-align: center;

}



/* MENU */

#topnav {

padding-bottom: 16px;
z-index:1 !important;
display: flex;
justify-content: center;
position: relative;

}



#topnav ul {

	padding: 0;

        margin: 0;

	list-style: none;

	position: relative;

	}

	

#topnav ul li {

	display:inline-block;

	background-color: #E64A19;

	}



#topnav a {

	display:block;

	padding:0 12px;	

	color:#FFF;

	line-height: 20px;

	text-decoration:none;

}



#topnav a:hover { 

	background-color: #000000; 

}



/* Hide Dropdowns by Default */

#topnav ul ul {

	display: none;

	position: absolute; 

	top: 20px; /* the height of the main nav */
  padding-bottom: 4px;

        

}

	

/* Display Dropdowns on Hover */

#topnav ul li:hover > ul {

	display:inherit;

}

	

/* Fisrt Tier Dropdown */

#topnav ul ul li {

	width:200px;

	float:none;

	display:list-item;

	position: relative;

}



#topnav ul ul li a{

    text-align: left !important;

}



/* Second, Third and more Tiers	*/

#topnav ul ul ul li {

	position: relative;

	top:-20px; 

	left:200px;

}



	

/* Change this in order to change the Dropdown symbol */

#topnav li > a:after { content:  ' +'; }

#topnav li > a:only-child:after { content: ''; }





/* BANNER */



.banner-top-menu-container{

    position:absolute;

    z-index: 2;

}

.banner-top-menu-container ul li{

  background-color: transparent!important;

  border: none!important;

  border-radius: 0!important;

}

.banner-top-menu-container ul li a{

  color: var(--white);

  text-align: center;

  text-decoration: none;

  font-family: "Domine", serif;

  font-weight: bold;

  text-transform: uppercase;

}





.cd-prev {

    top: 40% !important;

}



.cd-next {

    top: 40% !important;

}



.banner-farol{

  position: relative;

  background-color: var(--black);

  height: 100vh;

  color: var(--white);

}

.banner-farol.innerpage{

  /*height: 40vh !important;*/  

  height: 200px !important; 

}

.banner-farol ul li{

  background-color: transparent!important;

  border: none!important;

  border-radius: 0!important;

}

.banner-farol ul li a{

  color: var(--white);

  text-align: center;

  text-decoration: none;

  font-family: "Domine", serif;

  font-weight: bold;

  text-transform: uppercase;

}

.lang-box {

  background-color: var(--black);

  padding: 4px 6px;

  font-weight: bold;

  color: var(--white);

  display: inline-block;

  cursor: pointer;

}



.lang-box .active{

    border-bottom: 2px solid #FFFFFF;

}







/* BOOKING */

.booking-bar{

  position: relative;

  
  margin-top: -128px;
  background-color: #00000047;
  
  /*margin-top: -50px;
  background-color: #000000;*/

  border-top: 1px solid var(--white);

  color: var(--white);
  /*backdrop-filter: blur(2px);*/

}



.booking-bar p.ft_domine{margin-bottom:6px !important;}

.booking-submit{

    cursor:pointer;

}



#bookingCheckin::placeholder,#bookingCheckout::placeholder,#bookingPromo::placeholder,#bookingAdults::placeholder,#bookingChildren::placeholder,#bookingPromoCode::placeholder {

  color: #FFFFFF;

  opacity: 1; /* Firefox */

}



#bookingCheckin::-ms-input-placeholder,#bookingCheckout::-ms-input-placeholder,#bookingPromo::-ms-input-placeholder,#bookingAdults::-ms-input-placeholder,#bookingChildren::-ms-input-placeholder { /* Edge 12 -18 */

  color: #FFFFFF;

}







.booking-bar a, .booking-bar a:hover, .booking-bar a:focus, .booking-bar a:active{

  text-decoration: underline;

  color: var(--white);

}

.dates-txt{color: var(--white); font-size: 16px;}

#bookingCheckin,#bookingCheckout,#bookingPromo,#bookingAdults,#bookingChildren,#bookingPromoCode{background-color: rgba(255, 255, 255, 0.2);;border: 0 !important; color: #000;}







.ui-datepicker {

    width: 18em !important;

    

}



/* HIDDEN MENU */

.c-pointer{cursor: pointer;}

#showButton {

  background-color: transparent;

  outline: 0;

  border: none;

  cursor: pointer;

}

#overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.85);

  z-index: 1;

  display: none;

}

#slide-in-div {

  position: fixed;

  top: 0;

  left: -100%;

  width: 50%;

  height: 100%;

  background-color: var(--white);

  transition: left 0.3s ease-in-out;

  z-index: 9;

  overflow: scroll; overflow-x:hidden;

}

#slide-in-div ul li{

  background-color: transparent!important;

  border: none!important;

  border-radius: 0!important;

}

#slide-in-div ul li span{

  color: var(--midGray);

  font-family: "Domine", serif;

  font-weight: bold;

}

#slide-in-div ul li a{

  color: var(--black);

  text-decoration: none;

  font-family: "Domine", serif;

  font-weight: bold;

  font-size:40px;

  font-weight: 700;

}



#slide-in-div ul li ul li{

  list-style-type: none;

  margin: 0 0 0 20px;

  padding: 0;

}



#slide-in-div ul li ul li a{

    font-size:14px;

    text-transform: capitalize;

}



/* RODAPE */

.footer-farol a{

  color: var(--white);

  text-decoration: none;

}

.footer-farol a:hover, .footer-farol a:focus, .footer-farol a:active{

  color: var(--white);

  text-decoration: underline;

}


/* Cantos arredondados */
.border-radius-15 { border-radius: 15px;}


/* BOOTSTRAP ALTERADA */

.carousel video{width:100%; height: auto;}

.banner-vertical-center{position: absolute; text-align: center; top:45%; left: 0%; transform:translate(0%, -45%); -webkit-transform:translate(0%, -45%);}

.banner-vertical-center-inner{position: absolute;text-align: left; top:33%; left: 10%; transform:translate(0%, -45%); -webkit-transform:translate(0%, -45%);}

/* opac Opacitys */

.opac-100{opacity: 1!important;}

.opac-75{opacity: .75!important;}

.opac-50{opacity: .5!important;}

.opac-25{opacity: .25!important;}



/* m Margins */

.m-6 {margin: 3.5rem!important;}

.m-7 {margin: 4rem!important;}

.m-8 {margin: 5rem!important;}

.m-9 {margin: 6rem!important;}



/* ms Margin Left */

.ms-6 {margin-left: 3.5rem!important;}

.ms-7 {margin-left: 4rem!important;}

.ms-8 {margin-left: 5rem!important;}

.ms-9 {margin-left: 6rem!important;}



/* me Margin Right */

.me-6 {margin-right: 3.5rem!important;}

.me-7 {margin-right: 4rem!important;}

.me-8 {margin-right: 5rem!important;}

.me-9 {margin-right: 6rem!important;}



/* mt Margin Top */

.mt-6 {margin-top: 3.5rem!important;}

.mt-7 {margin-top: 4rem!important;}

.mt-8 {margin-top: 5rem!important;}

.mt-9 {margin-top: 6rem!important;}



/* mb Margin Bottom */

.mb-6 {margin-bottom: 3.5rem!important;}

.mb-7 {margin-bottom: 4rem!important;}

.mb-8 {margin-bottom: 5rem!important;}

.mb-9 {margin-bottom: 6rem!important;}



/* p Paddings */

.p-6 {padding: 3.5rem!important;}

.p-7 {padding: 4rem!important;}

.p-8 {padding: 5rem!important;}

.p-9 {padding: 6rem!important;}



/* ms Paddings Left */

.ps-6 {padding-left: 3.5rem!important;}

.ps-7 {padding-left: 4rem!important;}

.ps-8 {padding-left: 5rem!important;}

.ps-9 {padding-left: 6rem!important;}



/* me Paddings Right */

.pe-6 {padding-right: 3.5rem!important;}

.pe-7 {padding-right: 4rem!important;}

.pe-8 {padding-right: 5rem!important;}

.pe-9 {padding-right: 6rem!important;}



/* mt Paddings Top */

.pt-6 {padding-top: 3.5rem!important;}

.pt-7 {padding-top: 4rem!important;}

.pt-8 {padding-top: 5rem!important;}

.pt-9 {padding-top: 6rem!important;}



/* mb Paddings Bottom */

.pb-6 {padding-bottom: 3.5rem!important;}

.pb-7 {padding-bottom: 4rem!important;}

.pb-8 {padding-bottom: 5rem!important;}

.pb-9 {padding-bottom: 6rem!important;}




/* MORNING CLUB PARTNERSHIP */

.morning-club-section {
    width: 100%;
    padding: 32px 20px;
    margin: 40px auto;
    background: #faf5f3;
    border-radius: 16px;
    text-align: center;
}

.morning-club-content {
    max-width: 760px;
    margin: 0 auto;
}

.morning-club-label {
    display: block;
    margin-bottom: 12px;
    color: #b77d70;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
}

.morning-club-content h2 {
    margin: 0 0 16px;
    color: #292929;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
}

.morning-club-content p {
    margin: 0 auto 24px;
    max-width: 650px;
    color: #555;
    font-size: 16px;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 768px) {

    .morning-club-section {
        padding: 32px 20px;
        margin: 30px auto;
    }

    .morning-club-content h2 {
        font-size: 22px;
    }

    .morning-club-content p {
        font-size: 15px;
    }

}



/* BOOTSTRAP 5 COLUNAS */



.col-5cols {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

}

@media (min-width: 320px) 

  and (max-width: 480px) {

    .col-5cols {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

}

@media (min-width: 481px) 

  and (max-width: 768px) {

    .col-5cols {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

}

@media (min-width: 769px) 

  and (max-width: 1024px) {

    .col-5cols {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

}

@media (min-width: 1025px) 

  and (max-width: 1280px) {

    .col-5cols {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

}

@media (min-width: 1281px) {

    .col-5cols {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}







/* FIM BOOTSTRAP 5 COLUNAS */





/* MEDIA QUERIES */

@media (max-width: 320px) {

	h1{font-size:30px;}

	h2{font-size:24px;}

	h3{font-size:20px;}

	h4{font-size:18px;}

	h5{font-size:16px;}



  #slide-in-div {width: 95%;}

  #slide-in-div ul li a{font-size:20px;}



  .booking-bar{background-color: rgba(0, 0, 0, 0.75);}
  .black.menuInScroll{height: 1px !important;}

}



@media (min-width: 321px) 

  and (max-width: 480px) {

	h1{font-size:30px;}

	h2{font-size:24px;}

	h3{font-size:20px;}

	h4{font-size:18px;}

	h5{font-size:16px;}



  #slide-in-div {width: 95%;}

  #slide-in-div ul li a{font-size:20px;}



  #showButton {

        position: absolute;

        top: 30px;

        left: 20px;

        z-index: 8;

  }

  

  #bookingBlock{

    /*margin-top: 110px;*/

    background-color: #000000;

    color: #FFFFFF;

  }

  .booking-bar{background-color: rgba(0, 0, 0, 1);}



    .bookingInScroll{

        position:relative !important;

        z-index:2;

        width: 100%;

        top: 0;

    }

    .bookingInScroll.innerpage{

        /*top:190px !important;*/

    }  
    .black.menuInScroll{height: 1px !important;}

}

	

@media (min-width: 481px) 

  and (max-width: 768px) {

	h1{font-size:30px;}

	h2{font-size:24px;}

	h3{font-size:20px;}

	h4{font-size:18px;}

	h5{font-size:16px;}



  #slide-in-div {width: 95%;}

  #slide-in-div ul li a{font-size:22px;}



  #showButton {

        position: absolute;

        top: 30px;

        left: 20px;

        z-index: 8;

  }

  

  #bookingBlock{

    /*margin-top: 110px;*/

    background-color: #000000;

    color: #FFFFFF;

  }

  .booking-bar{background-color: rgba(0, 0, 0, 1);}



    .bookingInScroll{

        position:relative !important;

        z-index:2;

        width: 100%;

        top: 0;

    }

    .bookingInScroll.innerpage{

        /*top:190px !important;*/

    }  
    .black.menuInScroll{height: 1px !important;}

}



@media (min-width: 769px) 

  and (max-width: 1024px) {



  #slide-in-div {width: 95%;}



  

  #showButton {

        position: absolute;

        top: 30px;

        left: 20px;

        z-index: 8;

  }

  

  #bookingBlock{

    margin-top: 110px;

    background-color: #000000;

    color: #FFFFFF;

  }

  .booking-bar{background-color: rgba(0, 0, 0, 1);}



    .bookingInScroll{

        position:relative !important;

        z-index:2;

        width: 100%;

        top: 0;

    }

    .bookingInScroll.innerpage{

        top:190px !important;

    }  
.black.menuInScroll{height: 1px !important;}
    

  

}



@media (min-width: 1025px) 

  and (max-width: 1280px) {

  #slide-in-div {width: 75%;}

}



@media (min-width: 1281px) 

  and (max-width: 1440px) {



}

@media (max-width: 1368px) {

    #topnav a {
      display: none !important;
      }     

}


@media (min-width: 1369px) 

  and (max-width: 1468px) {

    #topnav a {
      padding: 0 4px;
      font-size: 12px;
      }     

}

@media (min-width: 1469px) 

  and (max-width: 1568px) {
  #topnav a {
  padding: 0 4px;
  font-size: 13px;
  }
}



@media (min-width: 1441px) 

  and (max-width: 1600px) {



}



@media (min-width: 1601px) 

  and (max-width: 1900px) {



}



@media (min-width: 1901px) {

	

}



/* MOBILE LANDSCAPE */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 736px)

  and (-webkit-min-device-pixel-ratio: 1)

  and (orientation: landscape) {

	 

}



@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 736px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape) {



}