img{
	object-fit: cover;
}

.section__availability form input::placeholder {
	color: #fff;
}

/* Navbar */

#logo {
	margin-top: 8px;
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 0;
}

/* End Navbar */

/* About Page */

.section__data h1 {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
}

/* End About Page*/

/* Contact Section */

.contact-information {
	margin: 60px 30px 60px 30px;
}

.contact-information #contact-icons {
	color: #4fb9a8;
	font-size: 30px;
}

.contact-information .contact-information-content {
	list-style-type: none;
}

.contact-information .contact-information-content > li {
	padding: 20px 0;
}

.contact-information .contact-information-content > li > i {
	float: left;
}

.contact-information .contact-information-content .contact-info-content {
	margin-left: 40px;
}

/* End Contact Section*/

/* Reservation Form */

.room-reservation-form {
	background: #ffffff;
	border: 1px solid rgba(215, 215, 215, 0.5);
	margin: 30px 0;
	padding: 40px;
}

/* End Reservation Form */

/* Opinions Section */

.opinions-section {
	padding-top: 30px;
	padding-bottom: 30px;
}


.opinions-section blockquote {
	border-left: 0px;
}

/* End Opinions Section*/

/* Wedding Page */

.wedding__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bodas/slide.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}

.wedding-section {
	padding: 50px 0px 50px 0px;
}

.wedding-content {
	border: 1px solid rgba(215, 215, 215, 0.5);
	margin: 25px 0;
	padding: 30px;
}

.wedding-content .wedding-title {
	border-bottom: 1px solid #deaa86;
}

.wedding-packages-section {
	color: #fff;
	background-color: #4fb9a8;
	padding: 30px 0px 30px 0px;
}

.wedding-packages-section p{
	margin: 0 0 0 0;
}

.wedding-title {
	margin-bottom: 50px;
}

/* End Wedding Page*/

/* SPA Page */

.spa__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bodas/slide.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}

.spa2__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bodas/slide2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}

.spa-section {
	background-color: #fafafa;
	padding: 40px 0px 50px 0px;
}

#rooms-1__page .section__gallery {
	padding-top: 20px;
	padding-bottom: 50px;
}

/* End SPA Page*/

/* Gastronomy Page */

.section__home .gastronomy-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/hotel/gastronomy-background.jpg) no-repeat center bottom / cover;
	z-index: -999;
}

/* End Gastronomy Page*/

/* Gallery Page */

.gallery__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/gallery/gallery2_1920.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}

/* End Gallery Page */

/* Packages Page */

.packages-section {
	background-color: #fafafa;
	padding: 50px 0px 50px 0px;
}

.section__home .packages-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/hotel/packages-background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}

.packages-one,
.packages-two,
.packages-three {
	padding: 35px 0px 50px 0px;
}

.packages-one img,
.packages-two img,
.packages-three img {
	margin-right: 3px;
	border: 10px double #4fb9a8;

}

.contact-section {
	color: #fff;
	background-color: #4fb9a8;
	padding-top: 50px;
	padding-bottom: 50px;
}

.contact-section a {
	color: #fff;
	border-color: #fff;
	margin-top: 30px;
}

/* End Packages Page */

/* Rooms Page */

.rooms-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/habitaciones/slider.jpg) no-repeat center center / cover;
	z-index: -999;
}

.rooms-section {
	padding: 50px 0;
	background-color: #fafafa;
}

.room-detail {
	background: #ffffff;
	border: 1px solid rgba(215, 215, 215, 0.5);
	margin-bottom: 30px;
}

.rooms-section .rooms__desc .rooms_desc__header {
	border-bottom: 1px solid rgba(215, 215, 215, 0.5);
	margin-bottom: 10px;
	width: 95%;
}

.rooms-section .rooms__desc .rooms_desc__services {
	list-style: none;
	padding: 0;
	margin-left: -15px;
	margin-bottom: 20px;
}

.rooms-section .rooms__desc .rooms_desc__services > li {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}

.rooms-section .rooms__desc .rooms_desc__services > li > i {
	font-size: 20px;
	color: #4fb9a8;
	margin-right: 5px;
}

.section__quote {
	background-color: #4fb9a8;
	padding: 60px 0;
	color: white;
	text-align: center;
}

/* End Rooms Page */

/* Gastronomy Page */

.gastronomy-section {
	padding-bottom: 50px;
	padding-top: 50px;
}

/* End Gastronomy Page*/

.booking-bottom-float {
	height: 80px;
	width: 80px;
	border-color: transparent;
	background-color: #4fb9a8;
	color: white;
	display: scroll;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1;
}

/* CONTACTO */

.contact__bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/hotel/contact-background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -999;
}


.menu_small{
	background-color: white;
	-webkit-box-shadow: 0px 3px 17px -6px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 3px 17px -6px rgba(0,0,0,0.67);
	box-shadow: 0px 3px 17px -6px rgba(0,0,0,0.67);
}
#navbar{
	transition: background-color .5s, box-shadow .5s;

}
.img_menu_slamm{
	padding-top: 0;
	transition: background-color .5s;
}

.scale\:7{
	transform: scale(.7) translateY(1px);
}
.opiniones-texto{
	font-size: .9em
}


#about__page .section__home .welcome__content .welcome_content__desc {
	padding: 15px 80px;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin-bottom: 20px;
    font-size: 14px;
}


#about__page .section__home .welcome__content .welcome_content__title {
    font-size: 90px
}

@media (max-width:991px) {
    #about__page .section__home .welcome__content .welcome_content__title {
        font-size: 72px
    }
}

@media (max-width:767px) {
    #about__page .section__home .welcome__content .welcome_content__title {
        font-size: 42px
    }
}


#about__page .section__home .welcome__content .welcome_content__desc {
    padding: 15px 80px;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin-bottom: 20px;
    font-size: 14px
}

@media (max-width:767px) {
    #about__page .section__home .welcome__content .welcome_content__desc {
        padding: 15px
    }
}


#about__page .section__data {
	background-image: url(../img/nosotros/Cielo-Maya-paralax.jpg);
}

#about__page .section__services .services__img>a:after {

	display: none
}

.text-black{
	color: black !important;
}

@media (max-width:767px) {
    #room-detail__page .section__home {
        height: calc(40vh - 135px)
    }
}

#about__page .section__about {
    padding-top: 80px;
    padding-bottom: 50px
}

.active{
	color: rgb(84,184,168) !important;
}

/*embed vimeo videos*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: calc(110vh - 135px); 
} 
.embed-container iframe, .embed-container object, .embed-container embed {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	}



	.parallax {
		background-image: url("../img/nosotros/Cielo-Maya-paralax.jpg");
		min-height: 15em; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}

	  @media(min-width:576px){
		.parallax{
			background-image: url("../img/nosotros/Cielo-Maya-paralax.jpg");
			min-height: 35em; 
		  background-attachment: fixed;
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: cover;
		}
	  }

	  #index__page .section__home .welcome__content .welcome_content__title ,#about__page .section__home .welcome__content .welcome_content__title {
		  font-size: 65px; 
	  }

	.title_grande {
		font-size: 65px !important	
	}
	
	@media (max-width:991px) {
		.title_grande {
			font-size: 72px !important
		}
	}
	
	@media (max-width:767px) {
		.title_grande	 {
			font-size: 42px !important
		}
	}



.desc_grande {
	padding: 15px 80px;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin-bottom: 20px;
    font-size: 14px !important;
}
.desc_grande {
    padding: 15px 80px;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin-bottom: 20px;
    font-size: 14px
}
@media (max-width:767px) {
    .desc_grande {
        padding: 15px
    }
}

/*media queries fror navbar*/


@media(min-width: 768px){
	.screen\:device{
		display: block;
	}
	.sreen\:descktop{
		display: none;
	}
}

.menu-font-size{
	font-size: 1.0em !important; 
	font-weight: 200;
	text-transform: uppercase
}

.hover\:menu:hover{
	color: rgb(84,184,168) !important;
	text-decoration: none;
	font-weight: 200

}

.lg-active{
	color: rgb(84,184,168) !important;
	font-weight: 200

}


/*Estilos para la galeria*/

/*image styles*/
.gallery .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
  }
  
  /* Create four equal columns that sits next to each other */
  .gallery .column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
  }
  
  .gallery .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .gallery .column {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .gallery .column {
      -ms-flex: 100%;
      flex: 100%;
      max-width: 100%;
    }
  }
/*fin estils galeria*/

.max-width\:900px{
	max-width: 800px !important;
	font-weight: 300
}

.row:before, .row:after {display: none !important;}


.font\:nuestros-servicios{
	font-weight: 450 !important;
	font-size: 20px !important;
}

.section__title{
	font-size: 36px !important;
}

#about__page .section__services .services__item .services_item__logo>i{
	color: gray;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
max-height: 100%;
}
.m-auto-auto{
	margin: auto auto !important;
}

.reserve-overlay{
	z-index: 9999 !important;
}


#room-detail__page .section__room-detail .room-detail__sidebar .room_features__body .room__features {
    list-style: disc;
    padding-left: 0;
}
#room-detail__page .section__room-detail .room-detail__sidebar .room_features__body .room__features .feature__item {
	padding-top: .6em;
	padding-bottom: .6em;
}

#room-detail__page .section__room-detail .room-detail__sidebar .room_features__body .room__features .feature__item .feature_item__title {
	font-size: 14px;
}

@media screen and (max-width: 576px) {
	.height\:15em{
		height: 15em;
	}
}

#reservation-form_sendemail{
	width: 100%;
}

.list-style-disc{
	list-style: disc !important;
}

.bg-cinta-reservar{
	background-color: #636363;
}

.boton-reservar-cinta{
	color: white !important;
}
.boton-reservar-cinta:hover{
	background-color: unset;
}

.text-reservation{
	color: #212529;
}
.sin-font-weight, .info-card{
	font-weight: 100 !important;
}
.boton-reservar-igual{
	width: 19rem;
	text-align: center;
}

.padding-items-spa{
	padding: 28px !important;
}

.titulo-tarjeta-spa{
	display: inline-block;
    font-weight: 700;
    color: #4fb9a8;
    font-size: 24px;
    margin-top: 0;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: 550px;
    -webkit-transform-style: preserve-3d;
	/* transform: scale(.8); */
	margin: auto auto;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem;
}

.h-0{
	height:0 !important;
}

.full-height{
	height: 100vh !important;
}