html{
    scroll-behavior: smooth;
}
body{
    margin: 0px 0px 0px 0px;
    text-align: center;
    font: 14px "Arial", san-serif;
        background-color: rgb(33.1 1.7 1.7 / 35%);
    color: white;
}
header {
    position: relative;
    width: 100%;
    font-size: .8em;
}
a {
    text-decoration: none;
    color: white;
    cursor: pointer;
}
.logo-y-nombre-propiedad{
    position: absolute;    
    top: 20px;
    left: 60px;
    z-index: 1;
    animation-name: logo-propiedad;
    animation-duration: 4s;
}
.nombre-propiedad{
    display: inline;
    font-size: 1em;
    color: white;
    opacity: 80%;
}
.logo-image{
    width: 54px;
}
.navigation-menu-top{
    position: absolute;
    top: 230px;
    right: 20px;
    z-index: 2;
    transition: all 0.5s ease-out;
}
.navigation-menu-top ul{
    display: flex;
    list-style-type: none;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    flex-direction: column;
    align-items: flex-end;
    transition: all 0.5s ease-out;
}
.navigation-menu-top li{
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    flex-direction: row;
    transition: all 0.5s ease-out;
}
.navigation-menu-top .menu-option{
    color: white;
    width: 154px;
    height: 50px;
    border: #ffffff solid 2px;
    background-color: rgb(100 100 100 / 45%);
    cursor: pointer;
}
.navigation-menu-top .nav-link-otras-propiedades{
    overflow: hidden;
    width: 158px;
    margin-top: 30px;
    border: #ffffff solid 2px;
    transition: width .5s ease-in-out;
}
.navigation-menu-top .nav-link-otras-propiedades .menu-option-otras-propiedades{
    position: relative;
    color: white;
    width: 540px;
    height: 140px;
    border: initial;
    background-color: rgb(100 100 100 / 75%);
    animation-name: menu-otras-propiedades;
    animation-duration: 2.5s;
    transition: all 0.5s ease-out;
}
.arrow-text-container{
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    height: 98px;
    width: 94px;
    right: 14px;
    overflow: hidden;
    transition: width 1.5s ease-in-out;
}
.otras-propiedades-text-container{
    position: relative;
    left: 0px;
    width: 94px;
    height: 12px;
    overflow: hidden;
    transition: width 1.5s ease-in-out;
}
#otras-propiedades-text-id{
    display: block;
    position: relative;
    text-align: left;
    width: 94px;
    height: 12px;
}
.propiedades-container{
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 140px;
    width: 400px;
    left: 32px;
}
.propiedad-container{
    display: inline-block;
    height: 140px;
    width: 190px;
    vertical-align: bottom;
    box-shadow: inset 0px 1px 17px 5px #020202;
}
.picture-otra-propiedad{
    display: inline-block;
    height: 107px;
    width: 190px;
}
.imagen-otra-propiedad{
    height: 107px;
    width: 190px;
}
.navigation-menu-top li .texto-propiedad{
    display: initial;
    height: initial;
}
.navigation-menu-top .down-arrow-container{
    display: inline-block;
    height: 50px;
    width: 30px;
    float: left;
    background-image: url(images/arrow-down-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-position: center;
}
.navigation-menu-top li span{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 50px;
}
.navigation-menu-down{
    position: fixed;
    top: 0px;
    right: 20px;
    z-index: 2;
    transition: all 0.5s ease-out;
}
.navigation-menu-down ul{
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    transition: all 0.5s ease-out;
}
.navigation-menu-down li{
    align-items: center;
    transition: all 0.5s ease-out;
}
.navigation-menu-down .menu-option{
    color: white;
    width: 154px;
    height: 30px;
    border: #ffffff solid 2px;
    background-color: rgb(100 100 100 / 30%);
    cursor: pointer;
}
.navigation-menu-down .nav-link-otras-propiedades {
    display: block;
    overflow: hidden;
    width: 0px;
    height: 0px;
    border: 0px;
    /*temp code below*/
    display: none;
}
.navigation-menu-down li span{
    display: inline-block;
    margin-top: 5px;
}
.navigation-menu-down .down-arrow-container{
    height: 1px;
    display: inline-block;
    width: 1px;
    float: left;
    margin-left: 5px;
}
.nav-link{
    text-decoration: none;
    cursor: pointer;
}
.head-reservacion{
    text-align: center;
    padding-bottom: 40px;
}
h2{
    margin: 0;
    font-size: 1.7em;
    text-align: center;
}
h3{
    margin: 0px 0px 5px 0px;
    font-size: 1.6em;
    text-align: center;
}
h4{
    margin: 0px;
    text-align: left;
    font-size: 1.5em;
}
span{
    font-size: 1em;
}
.wide-line{
    width: auto;
    border: black solid 1px; 
}
.info-label .mail-icon{
    height: 50px;
    width: 50px;
}
.icon-pic {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}
.plataforma{
    text-decoration: none;
    cursor: pointer;
}
.plataforma:visited{
    color: black;
    cursor: pointer;
}
.plataforma:link{
    color: white;
    cursor: pointer;
}
.plataforma:active{
    color: black;
    cursor: pointer;
}
.menu-option-reservaciones{
    animation-name: menu-reservaciones;
    animation-duration: 1s;
    transition: all 0.5s ease-out;
}
.menu-option-reservaciones:hover, .menu-option-reservaciones:focus{
    background-color: #145c0b;
    border-color: white;
}
.menu-option-galeria{
    animation-name: menu-galeria;
    animation-duration: 1.2s;
    transition: all 0.5s ease-out;
}
.menu-option-galeria:hover, .menu-option-galeria:focus{
    background-color: #b2a7a7;
    border-color: white;
}
.menu-option-amenidades{
    animation-name: menu-amenidades;
    animation-duration: 1.4s;
    transition: all 0.5s ease-out;
}
.menu-option-amenidades:hover, .menu-option-amenidades:focus{
    background-color: #212d2d;
    border-color: white;
}
.menu-option-mapa{
    animation-name: menu-mapa;
    animation-duration: 1.6s;
}
.menu-option-mapa:hover, .menu-option-mapa:focus{
    background-color: #843131;
    border-color: white;
}
.left-arrow-container{
    display: inline-block;
    height: 50px;
    width: 30px;
    background-image: url(images/arrow-left-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 5px;
    top: 10px;
}
.right-arrow-container{
    position: relative;
    display: inline-block;
    height: 50px;
    width: 30px;
    background-image: url(images/arrow-right-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 26px;
}
.contenedor-video-principal{
    margin: 0px;
}
figure{
    height: 750px;
    overflow: hidden;
}
.main-video-section{
    background-image: url(images/quinta/noche-ext-quinta-paraiso.jpg);
    background-size: cover;
    z-index: -1;
}
.main-video{
    width: 100%;
    z-index: 0;
}
.gallery-section{
    position: relative;
}
.galeria-imagenes-videos{
    position: relative;
    height: 450px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.gallery-scroller{
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 0px;
    transition: All 0.5s ease-out;
}
.image-inside-picture{
     height: 450px;
 }
.left-arrow-gallery{
    position: absolute;
    top: 408px;
    left: 3px;
    height: 50px;
    width: 50px;
    z-index: 5;
    cursor: pointer;
}
.right-arrow-gallery{
    position: absolute;
    top: 408px;
    right: 3px;
    height: 50px;
    width: 50px;
    z-index: 5;
    cursor: pointer;
}
.pic-or-video{
    height: 450px;
    border-right: solid white 4px;
}
.gallery-reservaciones-container{
    width: 520px;
    padding-top: 20px;
    padding-right: 150px;
    padding-left: 150px;
    background-color: #843131;
    box-shadow: inset 0px 1px 17px 5px #020202;
    background: linear-gradient(45deg, black 0%, transparent 40%, transparent 69%, black 100%), linear-gradient(45deg, #843131, #843131);
}
.gallery-reservaciones-wrapper{
    display: inline-block;
    width: 100%;
    color: white;
    padding: 0px 40px 0px 40px;
}
.reservaciones-section{
    background-color: #145c0b;
    padding-top: 20px;
}
.white-circle{
    background-color: white;
    width: 30px;
    height: 30px;
    margin: 0px auto 20px auto;
    border-radius: 40px;
    transition: all 1s ease-in-out;
}
.reservaciones-container{
    width:  100%;
    padding-top: 20px;
    padding-bottom: 220px;
}
.imagen-texto-quinta-paraiso{
    display: block;
    margin: auto;
}
.reservaciones-wrapper{
    display: inline-block;
    color: white;
    padding: 40px;
    border-radius: 110px;
}
.reservaciones-content{
    margin-right: 20px;
}
.head-reserva-directo{
    margin-top: 10px;
}
.reservaciones-image{
    display: inline-block;
    vertical-align: bottom;
    filter: drop-shadow(2px 4px 6px black);
    background-image: url(images/quinta/quinta-paraiso-convivio-reservaciones.jpg);
    width: 500px;
    height: 200px;
    background-size: 700px 300px;
    transition: background-size 1.5s ease-out;
}
.info-label-promotion{
    margin-top: 10px;
    font-size: .8em;
    font-style: italic;
}
.info-label-promotion span{
    font-size: 1.2em
}
.amenities-section{
    height: 650px;
    color: white;
    background-color: white;
    text-align: center;
    background-size: 200% 250%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/quinta/noche-alberca-quinta-embalse.jpg);
    transition: all 1.5s ease-out;
}
.equipamiento-amenidades-container{
    position: relative;
    margin-top: 20px;
    left: 100px;
    /*height: 630px;*/
    max-width: 850px;
}
.main-info-content-cerca{
    display: inline-block;
    vertical-align: text-top;
    margin-right: 40px;
    margin-top: 7px;
}
.main-info-content-equipamiento{
    display: inline-block;
    vertical-align: text-top;
    margin-left: 40px;
    margin-top: 7px;
}
.main-info-content-equipamiento .info-label span{
    display:inline-block;
}
.map-section{
    /*background: linear-gradient(45deg, black 0%, transparent 40%, transparent 69%, black 100%), linear-gradient(45deg, #292b60, #292b60);*/
    padding-bottom:227px;
    box-shadow: inset 0px 1px 17px 5px #020202;
    background: linear-gradient(45deg, black 0%, #843131 50%, black 100%);
}
.header-mapa{
    margin-top: 5px;
}
.map-iframe {
        height: 450px;
        width: 750px;
    }
.info-label{
    display: flex;
    align-items: center;
    height: 32px;
}
footer{
    width: 100%;
    bottom: 0px;
    text-align: center;
    background-color: white;
}
.arrow-up{
    position: fixed;
    height: 50px;
    width: 50px;
    bottom: -60px;
    right: 20px;
    cursor: pointer;
    animation-name: flecha-arriba;
    animation-duration: 1s;
    transition: transform 0.5s ease-out allow-discrete;
}
.footer-image{
    height: 30px;
    width: 30px;
}
/*@media (min-width: 1900px){
}
@media (min-width: 1600px) and (max-width: 1899px){
}*/
@media (min-width: 1280px) and (max-width: 1599px){
    figure{
    height: 450px;
    }
    .navigation-menu-top{
        top: 50px;
    }
    .navigation-menu-top li{
        margin-bottom: 10px;
    }
    .navigation-menu-top .menu-option {
        height: 35px;
    }
    .navigation-menu-top li span {
        height: 35px;
    }
    .navigation-menu-top .down-arrow-container {
        height: 35px;
        width: 21px;
    }
    .image-inside-picture{
        height: 400px;
    }
    .pic-or-video {
        height: 400px;
    }
    .galeria-imagenes-videos{
        height: 400px;
    }
    .reservaciones-image {
        width: 450px;
        height: 180px;
    }
    .amenities-section {
        height: 550px;
    }
    .info-label {
        height: 30px;
    }
    .map-section{
        padding-bottom:43px;
    }
    .map-iframe {
        height: 400px;
    }
    .navigation-menu-down .menu-option {
        width: 140px;
        height: 26px;
    }
    .arrow-up {
        height: 40px;
        width: 40px;
    }
}
@media (min-width: 1080px) and (max-width: 1279px){
    figure{
    height: 450px;
    }
    .navigation-menu-top{
        top: 50px;
    }
    .navigation-menu-top li{
        margin-bottom: 10px;
    }
    .navigation-menu-top .menu-option {
        height: 35px;
    }
    .navigation-menu-top li span {
        height: 35px;
    }
    .navigation-menu-top .down-arrow-container {
        height: 35px;
        width: 21px;
    }
    .image-inside-picture{
        height: 400px;
    }
    .pic-or-video {
        height: 400px;
    }
    .galeria-imagenes-videos{
        height: 400px;
    }
    .reservaciones-container {
        padding-bottom: 195px;
    }
    .reservaciones-image {
        width: 450px;
        height: 180px;
    }
    .amenities-section {
        height: 550px;
    }
    .info-label {
        height: 30px;
    }
    .map-section{
        padding-bottom:43px;
    }
    .map-iframe {
        height: 400px;
    }
    .navigation-menu-down .menu-option {
        width: 140px;
        height: 26px;
    }
    /*.navigation-menu-down .menu-option-otras-propiedades {
        width: 254px;
        height: 26px;
    }*/
    .arrow-up {
        height: 40px;
        width: 40px;
    }
}
@media (min-width: 729px) and (max-width: 1079px){
    figure{
        height: 400px;
    }
    .navigation-menu-top{
        top: 45px;
    }
    .navigation-menu-top .nav-link-otras-propiedades{
        display: none; 
    }
    .navigation-menu-top li{
        margin-bottom: 10px;
    }
    .navigation-menu-top .menu-option {
        height: 35px;
    }
    .navigation-menu-top li span {
        height: 35px;
    }
    .navigation-menu-top .down-arrow-container {
        height: 35px;
        width: 21px;
    }
    .gallery-section{
        font-size: 9px;
    }
    .header-galeria{
        height: 56px;
    }
    .galeria-imagenes-videos{
        position: relative;
        height: 250px;
    }
    .image-inside-picture{
        height: 250px;
    }
    .pic-or-video {
        height: 250px;
    }
    .gallery-reservaciones-container{
        font-size: .8em;
        padding-right: 50px;
        padding-left: 50px;
    }
    .gallery-reservaciones-wrapper{
        position: relative;
        height: 110px;
        padding: 0px;
    }
    .gallery-reservaciones-content-left{
        position: absolute;
        display: inline-block;
        top:0px;
        left: 30px;
    }
    .gallery-reservaciones-content-right{
        position: absolute;
        display: inline-block;
        width: 300px;
        top:0px;
    }
    .right-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .left-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .head-reservacion{
        padding-bottom: 10px;
    }
    .imagen-texto-quinta-paraiso{
        height: 52px;
    }
    .reservaciones-container {
        font-size: 10px;
        padding-bottom: 195px;
    }
    .reservaciones-wrapper{
        float: left;
        width: 324px;
        padding: 0px;
    }
    .reservaciones-content{
        margin-right: 0px;
        margin-left: 20px;
    }
    .head-reserva-directo{
        margin-top: 0px;
    }
    .reservaciones-image {
        float: right;
        width: 325px;
        height: 130px;
        margin-right: 20px;
    }
    .amenities-section {
        height: 350px;
        font-size: 10px;
    }
    .equipamiento-amenidades-container{
        left: 0px;
        max-width: 729px;
    }
    .main-info-content{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .info-label {
        height: 30px;
    }
    .map-section{
        font-size: 9px;
        padding-bottom: 0px;
    }
    .header-mapa{
        height: 56px;
    }
    .map-iframe {
        height: 218px;
        width: 400px;
    }
    .navigation-menu-down .menu-option {
        width: 140px;
        height: 26px;
    }
    /*.navigation-menu-down .menu-option-otras-propiedades {
        width: 254px;
        height: 26px;
    }*/
    .arrow-up {
        height: 40px;
        width: 40px;
    }
}
@media (min-width: 399px) and (max-width: 728px){
    /*.navigation-menu-top .nav-link-otras-propiedades{
        display: none; 
    }*/
    .nombre-propiedad{
        font-size: .8em;
        opacity: 100%;
    }
    .imagen-texto-quinta-paraiso{
        height: 40px;
        margin: auto;
    }
    .nombre-propiedad .imagen-texto-quinta-paraiso{
        margin: initial;
    }
    .logo-y-nombre-propiedad{
        left: 20px;
    }
    .main-video-section{
        background-image: url(images/quinta/bombones-en-el-fogatero.jpg);
        height: 693px;
        overflow: hidden;
    }
    .main-video{
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }
    figure{
        height: 693px;
        position: relative;
    }
    .navigation-menu-top{
        top: 100px;
        right: 5px;
        font-size: 11px;
    }
    .navigation-menu-top li{
        margin-bottom: 10px;
    }
    .navigation-menu-top .menu-option {
        height: 25px;
        width: 115px;
    }
    .navigation-menu-top li span {
        height: 25px;
    }
    .navigation-menu-top .down-arrow-container {
        height: 25px;
        width: 15px;
         background-image: url(images/arrow-down-white.png);
    }
    .left-arrow-container{
        background-image: url(images/arrow-left-white.png);
        height: 28px;
        width: 14px;
        left: 5px;
        top: 25px;
    }
    .right-arrow-container{
        background-image: url(images/arrow-right-white.png);
        height: 28px;
        width: 14px;
        left: 5px;
        top: 25px;
    }
    /*.otras-propiedades-text{
        position: absolute;
        bottom: 48px;
        left: 29px;
        text-align: justify;
    }*/
    .navigation-menu-top .menu-option-otras-propiedades {
        height: 100px;
    }
    .gallery-section{
        font-size: 9px;
    }
    .header-galeria{
        height: 48px;
    }
    .galeria-imagenes-videos{
        position: relative;
        height: 230px;
    }
    .image-inside-picture{
        height: 230px;
    }
    .pic-or-video {
        height: 230px;
    }
    .gallery-reservaciones-container{
        font-size: 12px;
        padding-top: 2px;   
        padding-right: 0px;
        padding-left: 0px;
        width: 399px;
    }
    .gallery-reservaciones-container .imagen-texto-quinta-paraiso{
        display: inline-block;
        vertical-align: middle;
    }
    .gallery-reservaciones-wrapper{
        position: relative;
        height: 98px;
        padding: 0px;
    }
    .gallery-reservaciones-content-left{
        position: absolute;
        display: inline-block;
        top:0px;
        left: 63px;
    }
    .gallery-reservaciones-content-right{
        position: absolute;
        display: inline-block;
        width: 178px;
        top:0px;
    }
    .icon-pic {
        height: 25px;
        width: 25px;
        margin-right: 5px;
    }
    .info-label .mail-icon{
        height: 30px;
        width: 30px;
    }
    .info-label .phone-icon{
        height: 20px;
        width: 20px;
    }
    .info-label-promotion{
        margin-top: 0px;
    }
    .right-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .left-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .head-reservacion{
        font-size: 1.7em;
        padding-bottom: 1px;
    }
    .head-4-reservacion{
        font-size: unset;
    }
    .reservaciones-container {
        font-size: 12px;
        padding-bottom: 120px;
    }
    .reservaciones-wrapper{
        float: left;
        width: 324px;
        padding: 0px;
    }
    .reservaciones-content{
        margin-right: 0px;
        margin-left: 20px;
    }
    .head-reserva-directo{
        margin-top: 0px;
    }
    .reservaciones-image {
        width: 325px;
        height: 130px;
        margin-right: 20px;
        margin-top: 20px;
    }
    .amenities-section {
        height: 680px;
        font-size: 12px;
        background-image: url("images/quinta/embalse-noche-reflejo-luna.jpg")
    }
    .equipamiento-amenidades-container{
        left: 0px;
        max-width: 729px;
    }
    .main-info-content{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .info-label {
        height: 30px;
    }
    .map-section{
        font-size: 9px;
        padding-bottom: 0px;
        height: 720px;
    }
    .header-mapa{
        height: 48px;
    }
    .map-iframe {
        height: 495px;
        width: 390px;
    }
    .navigation-menu-down{
        right: initial;
    }
    .navigation-menu-down .menu-option {
        width: 90px;
        height: 15px;
        font-size: .8em;
    }
    /*.navigation-menu-down .menu-option-otras-propiedades {
        width: 0px;
        height: 0px;
        border: 0px;
    }*/
    .navigation-menu-down li span{
        margin-top: 2px;
    }
    footer{
        color:  black;
    }
    .footer-text{
        font-size: .8em;
        vertical-align: text-top;
    }
    .arrow-up {
        height: 40px;
        width: 40px;
    }
}
@media (max-width: 398px){
    .nombre-propiedad{
        font-size: .8em;
        opacity: 100%;
    }
    .imagen-texto-quinta-paraiso{
        height: 40px;
        margin: auto;
    }
    .nombre-propiedad .imagen-texto-quinta-paraiso{
        margin: initial;
    }
    .logo-y-nombre-propiedad{
        left: 20px;
    }
    .main-video-section{
        background-image: url(images/quinta/bombones-en-el-fogatero.jpg);
        height: 693px;
        overflow: hidden;
    }
    .main-video{
        width: 398px;
    }
    figure{
        height: 693px;
    }
    .navigation-menu-top{
        top: 100px;
        right: 5px;
        font-size: 11px;
    }
    .navigation-menu-top li{
        margin-bottom: 10px;
    }
    .navigation-menu-top .menu-option {
        height: 25px;
        width: 115px;
    }
    .navigation-menu-top li span {
        height: 25px;
    }
    .navigation-menu-top .down-arrow-container {
        height: 25px;
        width: 15px;
         background-image: url(images/arrow-down-white.png);
    }
    .left-arrow-container{
        background-image: url(images/arrow-left-white.png);
        height: 28px;
        width: 14px;
        left: 5px;
        top: 25px;
    }
    .right-arrow-container{
        background-image: url(images/arrow-right-white.png);
        height: 28px;
        width: 14px;
        left: 5px;
        top: 25px;
    }
    /*.otras-propiedades-text{
        position: absolute;
        bottom: 48px;
        left: 29px;
        text-align: justify;
    }*/
    .navigation-menu-top .menu-option-otras-propiedades {
        height: 100px;
        margin-top: 30px;
    }
    .gallery-section{
        font-size: 9px;
    }
    .header-galeria{
        height: 40px;
    }
    .galeria-imagenes-videos{
        position: relative;
        height: 230px;
    }
    .image-inside-picture{
        height: 230px;
    }
    .pic-or-video {
        height: 230px;
    }
    .gallery-reservaciones-container{
        font-size: 12px;
        padding-top: 2px;   
        padding-right: 0px;
        padding-left: 0px;
        width: 399px;
    }
    .gallery-reservaciones-container .imagen-texto-quinta-paraiso{
        display: inline-block;
        vertical-align: middle;
    }
    .gallery-reservaciones-wrapper{
        position: relative;
        height: 98px;
        padding: 0px;
    }
    .gallery-reservaciones-content-left{
        position: absolute;
        display: inline-block;
        top:0px;
        left: 63px;
    }
    .gallery-reservaciones-content-right{
        position: absolute;
        display: inline-block;
        width: 178px;
        top:0px;
    }
    .icon-pic {
        height: 25px;
        width: 25px;
        margin-right: 5px;
    }
    .info-label .mail-icon{
        height: 30px;
        width: 30px;
    }
    .info-label .phone-icon{
        height: 20px;
        width: 20px;
    }
    .info-label-promotion{
        margin-top: 0px;
    }
    .right-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .left-arrow-gallery{
        top: 212px;
        height: 30px;
        width: 30px;
    }
    .head-reservacion{
        font-size: 1.7em;
        padding-bottom: 1px;
    }
    .head-4-reservacion{
        font-size: unset;
    }
    .reservaciones-container {
        font-size: 12px;
        padding-bottom: 120px;
    }
    .reservaciones-wrapper{
        float: left;
        width: 324px;
        padding: 0px;
    }
    .reservaciones-content{
        margin-right: 0px;
        margin-left: 20px;
    }
    .head-reserva-directo{
        margin-top: 0px;
    }
    .reservaciones-image {
        width: 325px;
        height: 130px;
        margin-right: 20px;
        margin-top: 20px;
    }
    .amenities-section {
        height: 640px;
        font-size: 12px;
        background-image: url("images/quinta/embalse-noche-reflejo-luna.jpg")
    }
    .equipamiento-amenidades-container{
        left: 0px;
        max-width: 729px;
    }
    .main-info-content{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .info-label {
        height: 30px;
    }
    .map-section{
        font-size: 9px;
        padding-bottom: 0px;
        height: 720px;
    }
    .header-mapa{
        height: 40px;
    }
    .map-iframe {
        height: 495px;
        width: 340px;
    }
    .navigation-menu-down{
        right: initial;
    }
    .navigation-menu-down .menu-option {
        width: 90px;
        height: 15px;
        font-size: .8em;
    }
    .navigation-menu-down li span{
        margin-top: 2px;
    }
    footer{
        color:  black;
    }
    .footer-text{
        font-size: .8em;
        vertical-align: text-top;
    }
    .arrow-up {
        height: 40px;
        width: 40px;
    }
}
@keyframes logo-propiedad{
    0%{
        translate: -300px 0;
    }
    50%{
        translate: 25px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes menu-reservaciones{
    0%{
        translate: 300px 0;
    }
    50%{
        translate: -30px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes menu-amenidades{
    0%{
        translate: 300px 0;
    }
    50%{
        translate: -30px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes menu-galeria{
    0%{
        translate: 300px 0;
    }
    50%{
        translate: -30px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes menu-mapa{
    0%{
        translate: 300px 0;
    }
    50%{
        translate: -30px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes menu-otras-propiedades{
    0%{
        translate: 300px 0;
    }
    50%{
        translate: -30px 0;
    }
    100%{
        translate: 0 0;
    }
}
@keyframes flecha-arriba{
    0%{
        translate: 0 40px;
    }
    100%{
        translate: 0 0;
    }
}
/*@keyframes right-arrow{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}*/