header{
    position: fixed;
    top: 0;
    background-color: #d58749e0;
    z-index: 10;
    box-shadow: 0 0 4px #212529;
    -moz-box-shadow: 0 0 4px #212529;
    -webkit-box-shadow: 0 0 4px #212529;
}
header .logo{
    border-radius: 50% 50% 0px 0px;
}
header a,
.link{
    color: black;
}
#menu{
    font-size: large;
    font-weight: bold;
}
#menu li{
    padding: 8px;
    text-align: center;
}
#menu a{    
    position: relative;
    color: black;
    padding: 2px 8px;
    display: initial;
}
#menu a:hover,
#menu a.active,
#contactos a:hover,
.link:hover{    
    color: #484848;
}
#menu a:after{    
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  background: #484848;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#menu a:hover:after,
#menu a.active:after{
  width: 100%;
  left: 0;
}
#contactos a{
    text-decoration: none;
    display: block;    
    word-break: break-all;    
    font-size: small;
}
#inicio,
#espacios .imagen{
    height: 100vh;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#inicio .contenido{
    position: absolute;
    bottom: 5%;
    right: 5%;
    left: 30%;
}
#inicio .descripcion{
    height: 70vh;
    overflow: auto;
    background-color: #ffffff99;
    border-radius: 5px;
}
.link-video{
    width: 13%;
    background-color: #1f3f5c;
    color: white;
    border-radius: 0px 5px 5px 0px;
}
.link-video:hover{
    color: #ffffff99;
}
.reservar-inicio,
.titulo{
    font-weight: 900;
    color: #1f3f5c;
}
.reservar-inicio:hover{
    color: #376fa1;
}
.animacion{    
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;    
    -webkit-animation-play-state: paused;   
    -moz-animation-play-state: paused;     
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;   
    animation-play-state: paused; 
}
.delay{    
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.running{    
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.fast{
    -webkit-animation-duration: 0.1s; 
    animation-duration: 0.1s;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.bounceInRight{    
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes fadeIn {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
} 
@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
#ubicacion, 
#espacios .contenido,
#habitaciones,
.entradas,
.productos{
    padding: 100px 0px;
}
.cuadro, .btn-vermas,
.responsive-image-silder{
    background-color: #1f3f5c;
}
#espacios .imagen{
    filter: opacity(60%);
    height: 100%;
    z-index: -1;
}
#habitaciones .wonderplugin3dcarousel-item-container,
.modal-habitaciones .carousel{
    background-color: #1f3f5c;
    padding: 10px;
}
#habitaciones .wonderplugin3dcarousel-image{
    width: 100% !important;
}
.wonderplugin3dcarousel-item > a div{
    z-index: -1;
}
#threedcarousel-html5-lightbox{
    display: none !important;
}
.modal-habitaciones .imagen-segunda img {
    max-width: 100%;
    height: auto;
}
.btn-vermas:hover{
    background-color: #376fa1;;
}
.responsive-image-silder{
    padding-top: 30px;
}
.galeria .fotorama__stage {
	height: 470px !important;
}
.fotorama__img {
	width: auto !important;
	height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
	-webkit-transform: translate3d(32px, 32px, 0) !important;
	transform: translate3d(32px, 32px, 0px) !important;
}
.fotorama__fullscreen-icon {
	top: auto !important;
	bottom: 0 !important;
}
.comprar{
    width: fit-content !important;
}
@media (max-width: 991px){	  
    #inicio .contenido {
        bottom: 5px;
        right: 5px;
        left: 5px;
    }    
    #inicio .descripcion {
        height: 70vh;
        overflow: auto;
    }
    #ubicacion, #espacios .contenido, #habitaciones, .entradas, .productos {
        padding: 50px 0px;
    }
    .link-video {
        width: 20%;        
        border-radius: 5px;
    }
    #espacios .contenido p{
        font-size: small !important;
    }
    .entradas p, .productos p, .modal-body p{
        font-size: medium !important;
    }
    .bounceInRight{    
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
}