.inicio_close,.nav_menu{
    opacity:0
}
.home,.inicio,.title-resta{
    overflow:hidden
}
.conte-carta .info-carta .desayunos,.nav_menu .conte-nav .legales .redes,.nav_menu .grupo,.title-resta .headerdos{
}
.conte-carta .info-carta .desayunos .line-animadahori,.home .line-animada,.ubicacion .line-animadaubica{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
.nav_menu .conte-nav,.nav_menu .nav_logo{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a{
    text-decoration:none
}
audio,img,video{
    height:auto;
    max-width:100%
}
html{
    font-family:'Advent Pro',sans-serif;
    font-size:16px;
    font-weight:400;
    letter-spacing:1px
}
.noscroll{
    overflow-x:hidden;
    overflow-y:hidden
}
::-webkit-scrollbar{
    width:13px
}
::-webkit-scrollbar-track{
    background-color:#ECECEC;
    height:200px
}
::-webkit-scrollbar-thumb{
    background-color:#007D72
}
.inicio,.nav_menu{
    height:100vh;
    width:100%;
    background-color:#fff;
    position:fixed;
    top:0;
    transition:all 1s ease
}
.inicio{
    right:0;
    z-index:1000
}
.nav_menu{
    left:0;
    z-index:-1
}
.nav_menu .btn_closemenu{
    height:60px;
    width:60px;
    position:absolute;
    left:20px;
    top:60px;
    z-index:2;
    cursor:pointer;
    opacity:0;
    transition:all 1s ease
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .btn_closemenu{
        height:50px;
        width:50px;
        left:10px;
        top:10px
    }
    .nav_menu .nav_logo{
        padding-top:30px;
        box-sizing:border-box
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .btn_closemenu{
        height:50px;
        width:50px;
        left:10px;
        top:10px
    }
    .nav_menu .nav_logo{
        padding-top:30px;
        box-sizing:border-box
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .btn_closemenu{
        height:50px;
        width:50px;
        left:10px;
        top:10px
    }
    .nav_menu .nav_logo{
        padding-top:30px;
        box-sizing:border-box
    }
}
.nav_menu .btn_closemenu .text_close{
    height:30px;
    width:30px;
    margin:0 auto 8px;
    position:relative;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.nav_menu .btn_closemenu .text_close .lineuno{
    height:30px;
    width:3px;
    position:absolute;
    left:13.5px;
    right:13.5px;
    background-color:#333
}
.nav_menu .btn_closemenu .text_close .linedos{
    height:3px;
    width:30px;
    position:absolute;
    top:13.5px;
    bottom:13.5px;
    background-color:#333
}
.nav_menu .btn_closemenu .text_closedos{
    font-size:16px;
    font-weight:600;
    letter-spacing:3px;
    color:#333;
    text-align:center;
    text-transform:lowercase
}
.nav_menu .btnclomenu-show{
    opacity:1;
    top:30px
}
.nav_menu .nav_logo{
    height:100px;
    width:100%;
    position:absolute;
    left:0;
    top:0px;
    opacity:0;
    transition:all 1s ease;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.nav_menu .nav_logo .img-logo{
    height:auto;
    width:14%
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .nav_logo .img-logo{
        width:48%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .nav_logo .img-logo{
        width:48%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .nav_logo .img-logo{
        width:48%
    }
}
.nav_menu .navlogo-show{
    top:30px;
    opacity:1
}
.nav_menu .conte-nav{
    height:auto;
    width:95%;
    position:absolute;
    left:2.5%;
    right:2.5%;
    top:25%;
    display:flex;
    flex-direction:row;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    flex-wrap:wrap
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .conte-nav{
        width:90%;
        left:5%;
        right:5%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .conte-nav{
        width:90%;
        left:5%;
        right:5%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .conte-nav{
        width:90%;
        left:5%;
        right:5%
    }
}
.nav_menu .conte-nav .nav-reserva{
    height:auto;
    width:68px;
    margin-top:30px;
    opacity:0;
    transition:all 1s ease;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.nav_menu .conte-nav .nav-reserva .cont_reser{
    height:auto;
    width:68px
}
.nav_menu .conte-nav .nav-reserva .cont_reser .text_navreserva{
    height:auto;
    width:100%;
    font-size:14px;
    font-weight:700;
    letter-spacing:2.5px;
    color:#333;
    text-align:center;
    margin-bottom:10px
}
.nav_menu .conte-nav .nav-reserva .cont_reser .barra-breserva{
    height:7px;
    width:100%;
    background-color:#333;
    margin-bottom:10px
}
.nav_menu .conte-nav .navreserva-show{
    opacity:1;
    margin-top:0
}
.nav_menu .conte-nav .menu{
    height:auto;
    width:auto;
    padding:0 50px;
    margin-left:-35%;
    border-right:1px solid rgba(51,51,51,.5);
    transition:all 1s ease;
    opacity:0
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .conte-nav .nav-reserva{
        display:none
    }
    .nav_menu .conte-nav .menu{
        width:100%;
        border-right:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .conte-nav .nav-reserva{
        display:none
    }
    .nav_menu .conte-nav .menu{
        width:100%;
        border-right:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .conte-nav .nav-reserva{
        display:none
    }
    .nav_menu .conte-nav .menu{
        width:100%;
        border-right:none
    }
}
.nav_menu .conte-nav .menu ul{
    height:100%;
    width:auto;
    margin:0 auto;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    flex-direction:column;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    -o-justify-content:space-around;
    justify-content:space-around
}
.nav_menu .conte-nav .menu ul li{
    height:auto;
    width:100%;
    text-align:right;
    font-size:30px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:10px;
    letter-spacing:1.6px;
    color:rgba(51,51,51,.7)
}
.nav_menu .conte-nav .legales .aviso,.nav_menu .conte-nav .legales .idioma{
    font-size:14px;
    font-weight:700;
    letter-spacing:2.5px;
    text-align:right;
    transition:all 1s ease
}
.nav_menu .conte-nav .menu-show{
    opacity:1;
    margin-left:-25%
}
.nav_menu .conte-nav .legales{
    height:auto;
    width:auto
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .conte-nav .legales{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .conte-nav .legales{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .conte-nav .legales{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
}
.nav_menu .conte-nav .legales .idioma{
    color:#333;
    margin:80px 0 50px;
    opacity:0
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .conte-nav .legales .idioma{
        width:auto;
        margin:0
    }
    .nav_menu .conte-nav .legales .aviso{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .conte-nav .legales .idioma{
        width:auto;
        margin:0
    }
    .nav_menu .conte-nav .legales .aviso{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .conte-nav .legales .idioma{
        width:auto;
        margin:0
    }
    .nav_menu .conte-nav .legales .aviso{
        display:none
    }
}
.nav_menu .conte-nav .legales .idioma-show{
    margin-top:50px;
    opacity:1
}
.nav_menu .conte-nav .legales .aviso{
    color:#333;
    opacity:0;
    margin:50px 0
}
.btn_menu .text_menu,.btn_reserva .text_menu{
    font-weight:200;
    margin-bottom:5px;
    letter-spacing:2px
}
.nav_menu .conte-nav .legales .aviso-show{
    opacity:1;
    margin-top:30px
}
.nav_menu .conte-nav .legales .redes{
    height:auto;
    width:100%;
    margin-top:0;
    opacity:0;
    display:flex;
    flex-direction:row;
    justify-content:right;
    transition:all 2s ease
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .conte-nav .legales .redes{
        width:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .conte-nav .legales .redes{
        width:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .conte-nav .legales .redes{
        width:auto
    }
}
.nav_menu .conte-nav .legales .redes .social{
    color:#333;
    height:auto;
    width:auto;
    font-size:25px;
    margin-left:18px
}
.nav_menu .conte-nav .legales .redes-show{
    margin-top:30px;
    opacity:1
}
.nav_menu .grupo{
    height:70px;
    width:100%;
    position:absolute;
    bottom:0;
    opacity:0;
    transition:all 1s ease;
    padding:0 150px;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}
.nav_menu .grupo .grupo-ind{
    height:auto;
    width:13%;
    opacity:.2;
    transition:all .75s ease;
    cursor:pointer
}
.nav_menu .grupo .grupo-ind:hover{
    opacity:1
}
.nav_menu .grupo .ind-porto{
    height:auto;
    width:10.5%;
    opacity:.2;
    transition:all .75s ease;
    cursor:pointer
}
.nav_menu .grupo .ind-porto:hover,.nav_open{
    opacity:1
}
.nav_menu .grupo-show{
    opacity:1;
    bottom:30px
}
.nav_open{
    z-index:500
}
.btn_menu:hover .barra-b,.btn_menu:hover .text_menu,.btn_reserva:hover .barra-b,.btn_reserva:hover .text_menu{
    opacity:.5
}
.logo{
    height:auto;
    width:20%;
    position:absolute;
    z-index:90;
    left:40%;
    right:40%;
    top:5%;
}
.btn_menu,.btn_reserva{
    z-index:100;
    cursor:pointer
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .nav_menu .grupo{
        display:none
    }
    .logo{
        width:60%;
        left:20%;
        right:20%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .nav_menu .grupo{
        display:none
    }
    .logo{
        width:60%;
        left:20%;
        right:20%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .nav_menu .grupo{
        display:none
    }
    .logo{
        width:60%;
        left:20%;
        right:20%
    }
}
.btn_menu{
    height:auto;
    width:auto;
    position:absolute;
    top:30px;
    left:20px;
    transition:all 1s ease
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .btn_menu{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .btn_menu{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .btn_menu{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
}
.btn_menu .text_menu{
    color:#fff;
    font-size:14px;
    transition:all .75s ease
}
.btn_menu .barra-b{
    height:7px;
    width:100%;
    background-color:#fff;
    transition:all .75s ease
}
.btn_reserva,.btnmenuscroll{
    position:fixed;
    background-color:#007D72
}
.btnmenuscroll{
    padding:60px 10px 20px;
    box-sizing:border-box;
    top:0;
    transition:all 1s ease
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .btnmenuscroll{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
    .btn_reserva{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .btnmenuscroll{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
    .btn_reserva{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .btnmenuscroll{
        background-color:#007D72;
        padding:40px 10px 20px;
        box-sizing:border-box;
        position:fixed;
        top:0
    }
    .btn_reserva{
        display:none
    }
}
.btn_reserva,.texts-resta,.title-resta{
    box-sizing:border-box
}
.btn_reserva{
    height:180px;
    width:75px;
    bottom:0;
    right:20px;
    color:#fff;
    padding:10px
}
.btn_reserva .text_menu{
    color:#fff;
    font-size:11px;
    margin-top:20px;
    text-align:center;
    width:100%;
    transition:all .75s ease
}
.title-resta .headerdos .text-maiz .text,.title-resta .headerdos .text-mar .text,.title-resta .headerdos .text-mezcal .text{
    line-height:75px;
    font-family:nue_mediumregular;
    font-size:75px
}
.btn_reserva .barra-b{
    height:7px;
    width:100%;
    background-color:#fff;
    transition:all .75s ease
}
.home{
    height:110vh;
    width:100%;
    z-index:0;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .home{
        height:100vh
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .home{
        height:100vh
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .home{
        height:100vh
    }
}
.home .line-animada{
    height:107px;
    width:2px;
    background-color:#fff;
    position:absolute;
    bottom:30px;
    -webkit-animation-name:scroll;
    animation-name:scroll
}
.parallax,.parallaxuno{
    width:100%;
    background:0 0
}
@-webkit-keyframes scroll{
    0%{
        height:0
    }
    100%{
        height:107px
    }
}
@keyframes scroll{
    0%{
        height:0
    }
    100%{
        height:107px
    }
}
.parallaxuno{
    height:110vh
}
.parallax{
    height:100vh
}
.title-resta{
    height:auto;
    width:55%;
    background-color:#fff;
    position:absolute;
    top:100vh;
    padding:70px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .title-resta{
        width:100%;
        position:relative;
        padding:50px 5%;
        top:0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .title-resta{
        width:100%;
        position:relative;
        padding:50px 5%;
        top:0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .title-resta{
        width:100%;
        position:relative;
        padding:50px 5%;
        top:0
    }
}
.title-resta .headerdos{
    color:#007D72;
    width:371px;
    height:75px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}
.carta,.texts-resta{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    -moz-justify-content:center;
    overflow:hidden
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .title-resta .headerdos{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .title-resta .headerdos{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .title-resta .headerdos{
        width:100%;
        height:auto
    }
}
.title-resta .headerdos .text-mezcal{
    height:auto;
    width:120px;
    position:relative
}
.title-resta .headerdos .text-mezcal .text{
    width:120px;
    height:75px;
    left:10px;
    position:absolute;
    z-index:1
}
.title-resta .headerdos .text-mezcal img{
    opacity:.4;
    width:100%;
    z-index:0
}
.title-resta .headerdos .text-maiz{
    height:auto;
    width:76px;
    position:relative
}
.title-resta .headerdos .text-maiz .text{
    width:76px;
    height:75px;
    left:10px;
    position:absolute;
    z-index:1
}
.title-resta .headerdos .text-maiz img{
    opacity:.4;
    width:100%;
    z-index:0
}
.title-resta .headerdos .text-mar{
    height:auto;
    width:84.5px;
    position:relative
}
.title-resta .headerdos .text-mar .text{
    width:84.5px;
    height:75px;
    left:21px;
    position:absolute;
    z-index:1
}
.title-resta .headerdos .text-mar img{
    opacity:.4;
    width:100%;
    z-index:0
}
.title-resta .headerdos .separacion{
    height:50px;
    width:26.5px;
    color:#007D72;
    line-height:50px;
    text-align:center;
    font-size:50px
}
.texts-resta{
    height:auto;
    width:55%;
    background-color:#fff;
    top:110vh;
    position:absolute;
    right:0;
    padding:47.5px 65px;
    display:flex;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .texts-resta{
        position:relative;
        top:0;
        width:90%;
        padding:10px 0;
        margin:0 5% 50px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .texts-resta{
        position:relative;
        top:0;
        width:90%;
        padding:10px 0;
        margin:0 5% 50px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .texts-resta{
        position:relative;
        top:0;
        width:90%;
        padding:10px 0;
        margin:0 5% 50px
    }
}
.texts-resta .textos{
    color:#333;
    font-size:20px;
    width:100%;
    letter-spacing:2px;
    text-align:justify
}
.texts-resta .textos .parrafo{
    margin-bottom:10px;
    width:100%
}
.carta{
    height:100vh;
    width:100%;
    display:flex;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.conte-carta{
    height:auto;
    width:100%
}
.conte-carta .info-carta{
    height:auto;
    width:80%;
    margin:50px auto;
    position:relative
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta{
        width:90%;
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta{
        width:90%;
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta{
        width:90%;
        height:auto
    }
}
.conte-carta .info-carta .rombo{
    background-color:#fff;
    height:300px;
    width:300px;
    position:absolute;
    right:0;
    top:-178px;
    z-index:1;
    overflow:hidden;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .rombo{
        position:relative;
        top:-78px;
        height:245px;
        width:245px;
        margin:0 auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .rombo{
        position:relative;
        top:-78px;
        height:245px;
        width:245px;
        margin:0 auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .rombo{
        position:relative;
        top:-78px;
        height:245px;
        width:245px;
        margin:0 auto
    }
}
.conte-carta .info-carta .rombo .rombo-int{
    height:255px;
    width:255px;
    overflow:hidden;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .rombo .rombo-int{
        width:210px;
        height:210px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .rombo .rombo-int{
        width:210px;
        height:210px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .rombo .rombo-int{
        width:210px;
        height:210px
    }
}
.conte-carta .info-carta .rombo .rombo-int img{
    width:100%;
    -webkit-transform:rotate(45deg) scale(1.55) translateX(-12.5px);
    transform:rotate(45deg) scale(1.55) translateX(-12.5px)
}
.conte-carta .info-carta .title{
    height:auto;
    width:100%;
    font-size:70px;
    text-align:left;
    color:#007D72;
    margin-bottom:50px;
    letter-spacing:2px
}
.conte-carta .info-carta .info{
    color:#333;
    height:auto;
    width:95%;
    font-size:20px;
    letter-spacing:2px;
    text-align:center;
    padding-top:50px;
    padding-bottom:75px;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info{
        width:95%;
        margin-left:2.5%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info{
        width:95%;
        margin-left:2.5%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info{
        width:95%;
        margin-left:2.5%
    }
}
.conte-carta .info-carta .info .text-carta{
    height:auto;
    width:42%
}
.conte-carta .info-carta .info .text-carta .contenido{
    height:auto;
    width:100%
}
.conte-carta .info-carta .info .text-carta .contenido h2{
    height:auto;
    width:100%;
    font-size:23px;
    font-weight:500;
    color:#007D72;
    text-align:center;
    margin-top:70px;
    margin-bottom:30px;
    letter-spacing:2
}
.conte-carta .info-carta .info .text-carta .contenido h3{
    height:auto;
    width:100%;
    font-size:17px;
    font-weight:300;
    color:#333;
    text-align:justify;
    margin-top:-20px;
    margin-bottom:30px;
    letter-spacing:2
}
.conte-carta .info-carta .info .text-carta .contenido p{
    text-align:center;
    height:auto;
    width:100%;
    margin-bottom:20px;
    font-size:20px
}
.conte-carta .info-carta .info .text-carta .contenido h4{
    height:auto;
    width:100%;
    text-align:center;
    font-size:15px;
    font-weight:300;
    margin-top:-10px;
    margin-bottom:20px
}
.conte-carta .info-carta .info .text-carta .contenido ul{
    margin-top:-10px;
    margin-bottom:20px
}
.conte-carta .info-carta .info .text-carta .contenido ul li{
    height:auto;
    width:100%;
    text-align:center;
    font-size:15px;
    font-weight:300;
    margin-bottom:5px
}
.conte-carta .info-carta .info .text-carta .img-textcarta{
    margin-top:200px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .text-carta{
        width:100%;
        height:auto
    }
    .conte-carta .info-carta .info .text-carta .img-textcarta{
        margin-top:50px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .text-carta{
        width:100%;
        height:auto
    }
    .conte-carta .info-carta .info .text-carta .img-textcarta{
        margin-top:50px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .text-carta{
        width:100%;
        height:auto
    }
    .conte-carta .info-carta .info .text-carta .img-textcarta{
        margin-top:50px
    }
}
.conte-carta .info-carta .info .img-carta{
    height:auto;
    width:53%;
    margin-top:50px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .img-carta{
        width:95%;
        margin-left:2.5%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .img-carta{
        width:95%;
        margin-left:2.5%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .img-carta{
        width:95%;
        margin-left:2.5%
    }
}
.conte-carta .info-carta .info .img-carta .conte-imgcarta{
    margin-bottom:70px
}
.conte-carta .info-carta .info .img-carta .textos-alex{
    height:auto;
    width:auto;
    margin-top:175px
}
.conte-carta .info-carta .info .img-carta .textos-alex .title-carta{
    color:#007D72;
    height:auto;
    width:100%;
    text-align:left;
    font-size:40px;
    margin-bottom:30px
}
.conte-carta .info-carta .info .img-carta .textos-alex .conte-textdos{
    height:auto;
    width:100%;
    font-size:20px;
    color:#333;
    text-align:left
}
.conte-carta .info-carta .info .title-galeria{
    position:absolute;
    z-index:2;
    bottom:330px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .img-carta .textos-alex{
        margin-top:50px
    }
    .conte-carta .info-carta .info .title-galeria{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .img-carta .textos-alex{
        margin-top:50px
    }
    .conte-carta .info-carta .info .title-galeria{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .img-carta .textos-alex{
        margin-top:50px
    }
    .conte-carta .info-carta .info .title-galeria{
        display:none
    }
}
.conte-carta .info-carta .info .title-galeria .box-press{
    height:170px;
    width:170px;
    border:1px solid #007D72;
    padding:10px;
    box-sizing:border-box
}
.conte-carta .info-carta .info .title-galeria .box-press .prensa-title{
    height:150px;
    width:150px;
    margin-top:55%;
    color:#fff;
    background-color:#007D72;
    font-size:35px;
    font-weight:500;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.conte-carta .info-carta .info .galeria{
    height:auto;
    width:auto;
    margin-top:100px;
    margin-left:250px
}
.conte-carta .info-carta .info .galeria .contenedor-slider{
    height:550px;
    width:100%;
    max-width:700px;
    position:relative;
    overflow:hidden
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .galeria{
        margin-top:50px;
        margin-left:0
    }
    .conte-carta .info-carta .info .galeria .contenedor-slider{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .galeria{
        margin-top:50px;
        margin-left:0
    }
    .conte-carta .info-carta .info .galeria .contenedor-slider{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .galeria{
        margin-top:50px;
        margin-left:0
    }
    .conte-carta .info-carta .info .galeria .contenedor-slider{
        width:100%;
        height:auto
    }
}
.conte-carta .info-carta .info .galeria .contenedor-slider .slider{
    display:flex;
    width:700%
}
.conte-carta .info-carta .info .galeria .contenedor-slider .slider .slider__section{
    height:467px;
    width:700px;
    overflow:hidden;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .slider .slider__section{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .slider .slider__section{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .slider .slider__section{
        width:100%;
        height:auto
    }
}
.conte-carta .info-carta .info .galeria .contenedor-slider .slider .slider__section .slider__img{
    display:block;
    width:100%;
    height:auto
}
.conte-carta .info-carta .info .galeria .contenedor-slider .btn-next,.conte-carta .info-carta .info .galeria .contenedor-slider .btn-prev{
    width:140px;
    height:30px;
    background:#007D72;
    position:absolute;
    z-index:2;
    margin-top:50px;
    cursor:pointer;
    transition:all 1s ease;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .btn-next,.conte-carta .info-carta .info .galeria .contenedor-slider .btn-prev{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .btn-next,.conte-carta .info-carta .info .galeria .contenedor-slider .btn-prev{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .info .galeria .contenedor-slider .btn-next,.conte-carta .info-carta .info .galeria .contenedor-slider .btn-prev{
        display:none
    }
}
.conte-carta .info-carta .info .galeria .contenedor-slider:hover .btn-next:hover,.conte-carta .info-carta .info .galeria .contenedor-slider:hover .btn-prev:hover{
    background-color:rgba(0,125,112,.4)
}
.conte-carta .info-carta .info .galeria .contenedor-slider .btn-prev{
    bottom:40px;
    right:100px
}
.conte-carta .info-carta .info .galeria .contenedor-slider .btn-next{
    bottom:0;
    right:0
}
.conte-carta .info-carta .desayunos{
    height:auto;
    width:100%;
    cursor:pointer;
    position:relative;
    padding:0 10%;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center
}
.ubicacion,.ubicacion .box-pressubica .ubica-title{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex
}
.conte-carta .info-carta .desayunos .title_break{
    color:#299986;
    font-size:50px;
    margin-right:50px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .desayunos{
        flex-direction:column
    }
    .conte-carta .info-carta .desayunos .title_break{
        width:100%;
        margin-bottom:10px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .desayunos{
        flex-direction:column
    }
    .conte-carta .info-carta .desayunos .title_break{
        width:100%;
        margin-bottom:10px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-carta .info-carta .desayunos{
        flex-direction:column
    }
    .conte-carta .info-carta .desayunos .title_break{
        width:100%;
        margin-bottom:10px
    }
    .conte-carta .info-carta .desayunos .ver-carta{
        width:50%;
        text-align:left;
        margin-bottom:10px
    }
}
.conte-carta .info-carta .desayunos .ver-carta{
    color:#299986;
    margin-right:30px;
    font-weight:200
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-carta .info-carta .desayunos .ver-carta{
        width:50%;
        text-align:left;
        margin-bottom:10px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-carta .info-carta .desayunos .ver-carta{
        width:50%;
        text-align:left;
        margin-bottom:10px
    }
}
.conte-carta .info-carta .desayunos .line-animadahori{
    height:1px;
    width:0;
    background-color:#299986;
    -webkit-animation-name:scrollhori;
    animation-name:scrollhori
}
@-webkit-keyframes scrollhori{
    0%{
        width:0
    }
    100%{
        width:200px
    }
}
@keyframes scrollhori{
    0%{
        width:0
    }
    100%{
        width:200px
    }
}
.ubicacion{
    height:100vh;
    width:100%;
    overflow:hidden;
    position:relative;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.ubicacion .box-pressubica{
    height:190px;
    width:190px;
    position:absolute;
    border:1px solid #fff;
    left:12%;
    padding:10px;
    top:180px;
    box-sizing:border-box
}
.ubicacion .box-pressubica .ubica-title{
    background-color:#fff;
    height:170px;
    width:170px;
    margin-top:65%;
    display:flex;
    color:#007D72;
    font-weight:600;
    font-size:30px;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.prensa,.prensa .box-press .prensa-title{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex
}
.ubicacion .line-animadaubica{
    height:107px;
    width:2px;
    background-color:#fff;
    position:absolute;
    bottom:50px;
    -webkit-animation-name:ubica;
    animation-name:ubica
}
@-webkit-keyframes ubica{
    0%{
        height:0
    }
    100%{
        height:107px
    }
}
@keyframes ubica{
    0%{
        height:0
    }
    100%{
        height:107px
    }
}
.conte-ubica{
    height:auto;
    width:100%;
    margin-bottom:160px
}
.conte-ubica .info-ubica{
    height:auto;
    width:80%;
    margin:50px auto
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-ubica .info-ubica{
        width:90%;
        height:auto;
        margin:25px auto 0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-ubica .info-ubica{
        width:90%;
        height:auto;
        margin:25px auto 0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-ubica .info-ubica{
        width:90%;
        height:auto;
        margin:25px auto 0
    }
}
.conte-ubica .info-ubica .info{
    color:#333;
    height:auto;
    width:100%;
    margin:175px auto 200px;
    font-size:20px;
    letter-spacing:2px;
    text-align:center
}
.conte-ubica .info-ubica .info .info-map{
    height:auto;
    width:30%;
    text-align:left;
    margin-left:5%;
    z-index:0;
    margin-top:30px;
    color:#333
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-ubica .info-ubica .info .info-map{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-ubica .info-ubica .info .info-map{
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-ubica .info-ubica .info .info-map{
        width:100%;
        height:auto
    }
}
.conte-ubica .info-ubica .info .info-map .google-maps{
    color:#007D72;
    height:auto;
    width:100%;
    font-size:18px;
    margin-top:60px;
    font-weight:600
}
.conte-ubica .info-ubica .info .info-map .parking{
    color:#007D72;
    height:auto;
    font-size:18px;
    width:100%;
    font-weight:600;
    margin-top:75px
}
.conte-ubica .info-ubica .info .mapa{
    width:50%;
    margin:-250px 0 0 47%;
    z-index:1
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-ubica .info-ubica .info .mapa{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-ubica .info-ubica .info .mapa{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-ubica .info-ubica .info .mapa{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
.conte-ubica .info-ubica .info .zoom{
    width:27.5%;
    z-index:2;
    margin:-250px 0 0 230px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-ubica .info-ubica .info .zoom{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-ubica .info-ubica .info .zoom{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-ubica .info-ubica .info .zoom{
        width:90%;
        height:auto;
        margin:40px auto 0
    }
}
.prensa{
    height:650px;
    width:100%;
    position:relative;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .prensa{
        width:100%;
        height:auto
    }
    .prensa .img-big{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .prensa{
        width:100%;
        height:auto
    }
    .prensa .img-big{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .prensa{
        width:100%;
        height:auto
    }
    .prensa .img-big{
        display:none
    }
}
.prensa .img-big{
    height:auto;
    width:75%;
    position:absolute;
    right:0;
    z-index:1
}
.prensa .img-small{
    height:auto;
    width:28.5%;
    position:absolute;
    left:0;
    z-index:2
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .prensa .img-small{
        width:100%;
        height:auto;
        position:relative
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .prensa .img-small{
        width:100%;
        height:auto;
        position:relative
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .prensa .img-small{
        width:100%;
        height:auto;
        position:relative
    }
}
.prensa .box-press{
    height:170px;
    width:170px;
    position:absolute;
    left:12%;
    border:1px solid #fff;
    z-index:4;
    padding:10px;
    top:180px;
    box-sizing:border-box
}
.prensa .box-press .prensa-title{
    height:150px;
    width:150px;
    margin-top:65%;
    color:#007D72;
    font-size:35px;
    font-weight:600;
    background-color:#fff;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.box-prensa .conte-press,.box-prensa .conte-press .press .link-press{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex
}
.box-prensa{
    height:auto;
    width:100%;
    margin-bottom: 50px;
}
.box-prensa .conte-press{
    height:285px;
    width:950px;
    margin:100px auto;
    display:flex;
    -moz-flex-direction:row;
    -o-flex-direction:row;
    flex-direction:row;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .prensa .box-press{
        top:100px
    }
    .box-prensa .conte-press{
        width:90%;
        height:auto;
        flex-direction:column;
        margin:0 auto 100px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .prensa .box-press{
        top:100px
    }
    .box-prensa .conte-press{
        width:90%;
        height:auto;
        flex-direction:column;
        margin:0 auto 100px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .prensa .box-press{
        top:100px
    }
    .box-prensa .conte-press{
        width:90%;
        height:auto;
        flex-direction:column;
        margin:0 auto 100px
    }
    .box-prensa .conte-press .press{
        margin:50px auto 40px
    }
}
.box-prensa .conte-press .press{
    height:285px;
    width:285px;
    border:1px solid #007D72;
    position:relative;
    transition:all 1s ease;
    cursor:pointer
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .box-prensa .conte-press .press{
        margin:50px auto 40px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .box-prensa .conte-press .press{
        margin:50px auto 40px
    }
}
.box-prensa .conte-press .press .title-press{
    height:auto;
    width:80%;
    color:#333;
    font-size:18px;
    font-weight:500;
    margin:35% auto 20px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:all 1s ease
}
.box-prensa .conte-press .press .autor-press{
    height:auto;
    width:80%;
    color:#333;
    font-size:15px;
    letter-spacing:3px;
    font-weight:700;
    margin:0 auto;
    transition:all 1s ease
}
.box-prensa .conte-press .press .link-press{
    height:auto;
    width:80%;
    position:absolute;
    left:10%;
    right:10%;
    bottom:20px;
    display:flex;
    -moz-flex-direction:row;
    -o-flex-direction:row;
    flex-direction:row;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-align-items:center;
    align-items:center
}
.conte-reservas,.reservaciones{
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex
}
.box-prensa .conte-press .press .link-press .leer-press{
    height:auto;
    width:44%;
    color:#007D72;
    font-size:15px;
    font-weight:300px;
    transition:all 1s ease
}
.box-prensa .conte-press .press .link-press .line-link{
    height:1px;
    width:64%;
    background-color:#007D72;
    transition:all 1s ease
}
.box-prensa .conte-press .press:hover{
    background-color:#007D72;
    margin-bottom:30px
}
.box-prensa .conte-press .press:hover .autor-press,.box-prensa .conte-press .press:hover .title-press{
    color:#fff
}
.box-prensa .conte-press .press:hover .link-press .leer-press{
    color:#fff;
    opacity:.5
}
.box-prensa .conte-press .press:hover .link-press .line-link{
    background-color:#fff;
    opacity:.5
}
.reservaciones{
    height:575px;
    width:100%;
    position:relative;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .reservaciones{
        height:auto;
        width:100%
    }
    .reservaciones .back-reservas{
        display:none
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .reservaciones{
        height:auto;
        width:100%
    }
    .reservaciones .back-reservas{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .reservaciones{
        height:auto;
        width:100%
    }
    .reservaciones .back-reservas{
        display:none
    }
}
.reservaciones .back-reservas{
    height:50%;
    width:100%;
    background-color:#007D72;
    position:absolute;
    z-index:1
}
.reservaciones .img-reservas{
    height:auto;
    width:70%;
    position:absolute;
    z-index:2
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .reservaciones .img-reservas{
        width:100%;
        position:relative
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .reservaciones .img-reservas{
        width:100%;
        position:relative
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .reservaciones .img-reservas{
        width:100%;
        position:relative
    }
}
.conte-reservas{
    height: auto;
    width: 100%;
    padding: 50px 0px;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.conte-reservas .title-reservas{
    height:auto;
    width:80%;
    font-size:70px;
    text-align:left;
    color:#007D72;
    padding-bottom:100px;
    letter-spacing:1px;
    margin:0 auto;
    box-sizing:border-box
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-reservas .title-reservas{
        width:90%;
        font-size:45px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-reservas .title-reservas{
        width:90%;
        font-size:45px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-reservas .title-reservas{
        width:90%;
        font-size:45px
    }
}
.conte-reservas .reservas{
    height:auto;
    width:80%;
    position:relative;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-flex-direction:row;
    -o-flex-direction:row;
    flex-direction:row;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-align-items:center;
    align-items:center;
    -o-flex-wrap:wrap;
    flex-wrap:wrap
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-reservas .reservas{
        width:90%;
        margin:0 auto;
        padding-top:150px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-reservas .reservas{
        width:90%;
        margin:0 auto;
        padding-top:150px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-reservas .reservas{
        width:90%;
        margin:0 auto;
        padding-top:150px
    }
}
.conte-reservas .reservas .info-reservas .horarios,.conte-reservas .reservas .info-reservas .titledos,.conte-reservas .reservas .info-reservas .titleuno{
    font-size:20px;
    color:#333;
    font-weight:500;
    margin-bottom:40px
}
.conte-reservas .reservas .info-reservas{
    height:auto;
    width:48%
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-reservas .reservas .info-reservas{
        width:100%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-reservas .reservas .info-reservas{
        width:100%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-reservas .reservas .info-reservas{
        width:100%
    }
}
.conte-reservas .reservas .info-reservas .titleuno{
    margin-top:-50%
}
.conte-reservas .reservas .form{
    height:auto;
    width:48%
}
.conte-reservas .reservas .form .formulario,.conte-reservas .reservas .form .formulario .space-form{
    height:auto;
    width:100%
}
.conte-reservas .reservas .form .formulario .space-form label{
    height:auto;
    width:100%;
    text-transform:uppercase;
    color:#007D72;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px
}
.conte-reservas .reservas .form .formulario .space-form input,.conte-reservas .reservas .form .formulario .space-form select{
    height:30px;
    width:100%;
    border:none;
    border-bottom:1px solid #007D72;
    margin-bottom:20px;
    margin-top:5px;
    font-family:'Advent Pro',sans-serif;
    font-size:15px;
    font-weight:300;
    color:#333;
    text-indent:20px;
    letter-spacing:1px
}
.conte-reservas .reservas .form .formulario .space-form textarea{
    height:150px;
    width:100%;
    border:none;
    border-bottom:1px solid #007D72;
    margin-bottom:20px;
    margin-top:5px;
    font-family:'Advent Pro',sans-serif;
    font-size:15px;
    font-weight:300;
    color:#333;
    text-indent:20px;
    letter-spacing:1px
}
.conte-reservas .reservas .form .formulario button{
    height:30px;
    width:100%;
    background-color:#007D72;
    border:none;
    font-family:'Advent Pro',sans-serif;
    font-size:15px;
    font-weight:300;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px
}
.catering{
    height:100vh;
    width:100%;
    overflow:hidden;
    position:relative;
    background-image:url(../img/catering.jpg);
    background-position:center center;
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .conte-reservas .reservas .form{
        width:100%
    }
    .catering{
        height:auto
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .conte-reservas .reservas .form{
        width:100%
    }
    .catering{
        height:auto
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .conte-reservas .reservas .form{
        width:100%
    }
    .catering{
        height:auto
    }
}
.catering img{
    display:none;
    z-index:0
}
.catering .back{
    height:100vh;
    width:100vw;
    background-color:rgba(0,0,0,.1);
    position:absolute;
    z-index:1
}
.catering .title-cate{
    height:170px;
    width:170px;
    position:absolute;
    left:15%;
    top:20%;
    border:1px solid #fff;
    padding:10px;
    box-sizing:border-box;
    z-index:2
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .catering .title-cate{
        position:relative;
        margin-top:50px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .catering .title-cate{
        position:relative;
        margin-top:50px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .catering .title-cate{
        position:relative;
        margin-top:50px
    }
}
.catering .title-cate .int-cate{
    height:150px;
    width:150px;
    background-color:#fff;
    color:#007D72;
    font-size:32px;
    margin-top:55%;
    font-weight:600;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-align-items:center;
    align-items:center
}
.catering .info-cate{
    background-color:rgba(78,181,170,.8);
    height:auto;
    width:40%;
    right:15%;
    position:absolute;
    top:15%;
    z-index:2;
    color:#fff;
    font-size:20px;
    letter-spacing:2px;
    text-align:right;
    padding:50px;
    box-sizing:border-box
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .catering .info-cate{
        position:relative;
        width:90%;
        left:5%;
        right:5%;
        text-align:left;
        padding:20px;
        font-size:19px;
        margin-top:200px;
        margin-bottom:200px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .catering .info-cate{
        position:relative;
        width:90%;
        left:5%;
        right:5%;
        text-align:left;
        padding:20px;
        font-size:19px;
        margin-top:200px;
        margin-bottom:200px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .catering .info-cate{
        position:relative;
        width:90%;
        left:5%;
        right:5%;
        text-align:left;
        padding:20px;
        font-size:19px;
        margin-top:200px;
        margin-bottom:200px
    }
}
.footer{
    height:400px;
    width:100%;
    background-color:#299986;
    position:relative
}
.footer .logo-footer{
    height:auto;
    width:22.5%;
    position:absolute;
    right:10%;
    top:20%;
    z-index:1
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .footer{
        height:auto
    }
    .footer .logo-footer{
        position:relative;
        width:70%;
        right:15%;
        left:15%;
        top:50px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .footer{
        height:auto
    }
    .footer .logo-footer{
        position:relative;
        width:70%;
        right:15%;
        left:15%;
        top:50px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .footer{
        height:auto
    }
    .footer .logo-footer{
        position:relative;
        width:70%;
        right:15%;
        left:15%;
        top:50px
    }
}
.footer .title-footer{
    color:#fff;
    height:auto;
    width:auto;
    font-size:27px;
    font-weight:400;
    letter-spacing:2px;
    position:absolute;
    top:12%;
    left:6%
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .footer .title-footer{
        position:relative;
        width:90%;
        padding:75px 0 25px;
        font-size:31px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .footer .title-footer{
        position:relative;
        width:90%;
        padding:75px 0 25px;
        font-size:31px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .footer .title-footer{
        position:relative;
        width:90%;
        padding:75px 0 25px;
        font-size:31px
    }
}
.footer .widget-footer{
    height:auto;
    width:90%;
    max-width:700px;
    position:absolute;
    left:8%;
    z-index:1;
    top:100px;
    display:flex
}
.footer .widget-footer .ind-insta{
    padding:3px;
    box-sizing:border-box
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .footer .widget-footer{
        position:relative;
        flex-direction:column;
        max-width:100%;
        top:50px;
        left:5%;
        right:5%;
        width:90%
    }
    .footer .widget-footer .ind-insta{
        padding:0 0 5px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .footer .widget-footer{
        position:relative;
        flex-direction:column;
        max-width:100%;
        top:50px;
        left:5%;
        right:5%;
        width:90%
    }
    .footer .widget-footer .ind-insta{
        padding:0 0 5px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .footer .widget-footer{
        position:relative;
        flex-direction:column;
        max-width:100%;
        top:50px;
        left:5%;
        right:5%;
        width:90%
    }
    .footer .widget-footer .ind-insta{
        padding:0 0 5px
    }
}
.footer .img-footer{
    height:auto;
    width:55%;
    position:absolute;
    z-index:0;
    left:0;
    bottom:0;
    opacity:.3
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .footer .img-footer{
        position:relative;
        width:90%;
        margin:90px auto 0
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .footer .img-footer{
        position:relative;
        width:90%;
        margin:90px auto 0
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .footer .img-footer{
        position:relative;
        width:90%;
        margin:90px auto 0
    }
}
.carta-desayunos{
    background-color:#fff;
    height:100vh;
    width:100%;
    right:-100%;
    opacity:1;
    position:fixed;
    z-index:2000;
    overflow:scroll;
    transition:all 1.5s ease
}
.carta-desayunos .space-desayunos{
    padding:150px 0;
    height:auto;
    width:80%;
    margin:0 auto;
    box-sizing:border-box
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .carta-desayunos .space-desayunos{
        width:90%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .carta-desayunos .space-desayunos{
        width:90%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .carta-desayunos .space-desayunos{
        width:90%
    }
}
.carta-desayunos .space-desayunos .info{
    color:#333;
    height:auto;
    width:100%;
    font-size:20px;
    letter-spacing:2px;
    position:relative;
    text-align:center;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap
}
.carta-desayunos .space-desayunos .info .text-carta{
    height:auto;
    width:42%
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .carta-desayunos .space-desayunos .info .text-carta{
        width:100%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .carta-desayunos .space-desayunos .info .text-carta{
        width:100%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .carta-desayunos .space-desayunos .info .text-carta{
        width:100%
    }
}
.carta-desayunos .space-desayunos .info .text-carta .contenido{
    height:auto;
    width:100%
}
.carta-desayunos .space-desayunos .info .text-carta .contenido h2{
    height:auto;
    width:100%;
    font-size:23px;
    font-weight:500;
    color:#007D72;
    text-align:center;
    margin-top:50px;
    margin-bottom:25px;
    letter-spacing:2
}
.carta-desayunos .space-desayunos .info .text-carta .contenido h3{
    height:auto;
    width:100%;
    font-size:17px;
    font-weight:300;
    color:#333;
    text-align:justify;
    margin-top:-20px;
    margin-bottom:30px;
    letter-spacing:2
}
.carta-desayunos .space-desayunos .info .text-carta .contenido p{
    text-align:center;
    height:auto;
    width:100%;
    margin-bottom:20px;
    font-size:20px
}
.carta-desayunos .space-desayunos .info .text-carta .contenido h4{
    height:auto;
    width:100%;
    text-align:center;
    font-size:15px;
    font-weight:300;
    margin-top:-10px;
    margin-bottom:20px
}
.carta-desayunos .space-desayunos .info .text-carta .contenido ul{
    margin-top:-10px;
    margin-bottom:20px
}
.carta-desayunos .space-desayunos .info .text-carta .contenido ul li{
    height:auto;
    width:100%;
    text-align:center;
    font-size:15px;
    font-weight:300;
    margin-bottom:5px
}
.carta-desayunos .space-desayunos .info .img-carta{
    height:auto;
    width:53%;
    margin-top:50px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .carta-desayunos .space-desayunos .info .img-carta{
        width:100%;
        margin-top:25px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .carta-desayunos .space-desayunos .info .img-carta{
        width:100%;
        margin-top:25px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .carta-desayunos .space-desayunos .info .img-carta{
        width:100%;
        margin-top:25px
    }
}
.carta-desayunos .space-desayunos .info .img-carta .conte-imgcarta{
    margin-bottom:70px
}
.carta-desayunos .regreso{
    height:30px;
    width:auto;
    position:fixed;
    left:20px;
    top:20px;
    flex-direction:column;
    align-items:center;
    z-index:6000;
    display:none
}
.carta-desayunos .regreso .arrow-back{
    height:auto;
    width:auto;
    color:rgba(0,125,112,.5);
    padding:0 10px;
    display:flex;
    font-size:40px;
    align-items:center;
    justify-content:center;
    transition:all .75s ease;
    cursor:pointer;
    font-weight:600
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .carta-desayunos .regreso{
        left:10px;
        top:5px
    }
    .carta-desayunos .regreso .arrow-back{
        font-size:30px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .carta-desayunos .regreso{
        left:10px;
        top:5px
    }
    .carta-desayunos .regreso .arrow-back{
        font-size:30px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .carta-desayunos .regreso{
        left:10px;
        top:5px
    }
    .carta-desayunos .regreso .arrow-back{
        font-size:30px
    }
}
.carta-desayunos .regreso:hover .arrow-back{
    color:#007d70
}
.carta-desayunos .regreso .text-back{
    color:#007d70;
    font-size:20px;
    height:auto;
    width:100%;
    text-align:center;
    cursor:pointer
}
.carta-desayunos .regreso-add{
    display:block
}
.carta-desayunosshow{
    right:0
}
.grupo-mob{
    height:auto;
    width:100%;
    position:relative;
    box-sizing:border-box;
    display:none;
    flex-direction:column
}
.grupo-mob .grupomob-ind,.grupo-mob .indmob-porto{
    width:70%;
    margin:30px 15%;
    cursor:pointer;
    height:auto
}
.grupo-mob .grupomob-ind{
    opacity:.2;
    transition:all .75s ease
}
.grupo-mob .grupomob-ind:hover{
    opacity:1
}
.grupo-mob .indmob-porto{
    opacity:.2;
    transition:all .75s ease
}
.grupo-mob .indmob-porto:hover{
    opacity:1
}
.wrapper{
    height:auto;
    width:100%;
    padding:50px;
    box-sizing:border-box
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .wrapper{
        width:90%;
        padding:0;
        margin:0 5%
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .wrapper{
        width:90%;
        padding:0;
        margin:0 5%
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .grupo-mob{
        display:flex
    }
    .wrapper{
        width:90%;
        padding:0;
        margin:0 5%
    }
}
.wrapper .logo-aviso{
    height:auto;
    width:32%;
    margin:0 auto 40px
}
@media only screen and (min-width:641px) and (max-width:1023px){
    .wrapper .logo-aviso{
        width:55%;
        margin:30px auto 40px
    }
}
@media only screen and (min-width:376px) and (max-width:640px){
    .wrapper .logo-aviso{
        width:55%;
        margin:30px auto 40px
    }
}
@media only screen and (min-width:320px) and (max-width:375px){
    .wrapper .logo-aviso{
        width:55%;
        margin:30px auto 40px
    }
}
.wrapper .aviso-conte{
    height:auto;
    width:auto
}
.wrapper .aviso-conte .title-aviso{
    height:auto;
    width:100%;
    margin:0 auto 20px;
    text-align:center;
    font-weight:500;
    font-size:20px;
    color:#007D72
}
.wrapper .aviso-conte .conte{
    height:auto;
    width:95%;
    margin:0 auto
}
.wrapper .aviso-conte .conte .encabezados{
    font-size:17px;
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    margin-top:20px;
    color:#007D72
}
.wrapper .aviso-conte .conte .encabezados-date{
    font-size:17px;
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    margin-top:18px;
    height:auto;
    text-align:right;
    color:#007D72
}