@font-face {
    font-family: "mon-b";
    src: url(fonts/Montserrat-Bold.otf) format("truetype");
}

@font-face {
    font-family: "mon-l";
    src: url(fonts/Montserrat-Light.otf) format("truetype");
}
@font-face {
    font-family: "mon-r";
    src: url(fonts/Montserrat-Regular.otf) format("truetype");
}

@font-face {
    font-family: "mon-sb";
    src: url(fonts/Montserrat-SemiBold.otf) format("truetype");
}

@font-face {
    font-family: "sacra";
    src: url(fonts/Calligraffitti-Regular.ttf) format("truetype");
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

iframe{width: 100%}
html{margin-top: 0 !important;}
body{font-size: 12px;font-family: mon-l;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;height: auto;margin: 0px;background: #F6F6F6;padding-top: 100px}
body *{outline: none}
input{outline: none;}
input:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus{outline: none}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus:-moz-placeholder{color: transparent;}
textarea:focus::-moz-placeholder{color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus{outline: none}
a,button{color: initial;text-decoration: none;cursor: pointer!important;}
a:focus{outline: none;color: none;}
a{text-decoration: none!important;outline: none;}
a:hover{text-decoration: none;outline: none;color: inherit;}
h1,h2,h3,h4,h5,h6,p{margin:0px;line-height:normal;}
h1,h2,h3,h4,h5,h6{text-align: center;font-weight: normal;}
button{border: none;outline: none}

button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled]{opacity: .5}
.input.ng-invalid.ng-dirty{border: 1px solid #E62117!important}
.input.ng-valid{background: white}

/*Globales*/

.max-widht-extend,
.max-widht,
.max-widht1,
.max-widht2,
.max-widht3,
.max-widht4,
.max-widht5,
.max-widht6{padding: 0;margin: 0 auto}


.max-widht-extend{max-width: 1400px!important;width: 100%}
.max-widht{max-width: 1200px!important;width: 90%}
.max-widht1{max-width: 1100px!important;width: 90%}
.max-widht2{max-width: 900px!important;width: 90%}
.max-widht3{max-width: 700px!important;width: 90%}
.max-widht4{max-width: 600px!important;width: 90%}
.max-widht5{max-width: 500px!important;width: 90%}
.max-widht6{max-width: 400px!important;width: 90%}

.button{padding: 20px 40px;border: 1px solid white;background: transparent;text-align: center;transition: all ease-in-out .5s}
.button:hover{background: white}
.button span{color: white;text-align: center;;font-size: 20px;text-transform: uppercase;font-family: mon-b;transition: all ease-in-out .5s}
.button:hover span{color: #2C2C2C}

.button.gray{background: #F47026;border: 2px solid transparent}
.button.gray:hover{background: transparent;border: 2px solid #F47026;transition: all ease-in-out .5s}
.button.gray span{transition: all ease-in-out .5s}
.button.gray:hover span{color: #F47026}
.button.blue{background: #1D9ADD;border: 2px solid transparent}
.button.blue:hover{background: transparent;border: 2px solid #1D9ADD;transition: all ease-in-out .5s}
.button.blue span{transition: all ease-in-out .5s}
.button.blue:hover span{color: #1D9ADD}

.tels{color: white;width: 90%;text-align: right;max-width: 1200px;margin: 0 auto;font-size: 14px}
.tels a{color: white;font-family: mon-b}

.tels a.idioma{color: white;margin: 0 5px;text-transform: uppercase;font-family: mon-l}
.tels a.idioma.active{font-family: mon-b}

.mv{display: none}

/*header*/

.header{width: 100%;position: absolute;;left: 0;top: 0;/*background: linear-gradient(#a0776d, transparent 100%);*/;padding: 20px 0 10px 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;z-index: 100000;background: #1D9ADD}
.header .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;margin-top: 10px}
.header .cont .logo{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.header .cont .logo img{width: 150px}
.header .cont .links{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 80%;max-width: 620px}
.header .cont .links .link{color: white;border: 2px solid transparent;padding: 0 10px;padding-bottom: 6px;}
.header .cont .links .link span{color: white;font-size: 16px;text-transform: uppercase;;text-align: center;font-family: mon-l}
.header .cont .links .link span strong{;font-family: mon-sb}
.header .cont .links .link:hover{border-bottom: 2px solid white}



/*home*/

.bannerhome{ position: relative; height: 80vh;max-height: 650px}
.bannerhome .item{background-size: cover!important;background-position: center!important;height: 90vh;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.bannerhome .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.3);content: ''}
.bannerhome .item h3{color: white;font-size: 20px;margin-bottom: 5px;text-align: center;;position: relative;z-index: 1;margin-top: -100px}
.bannerhome .item h1{color: white;font-size: 95px;margin-bottom: 15px;text-align: center;;position: relative;z-index: 1;font-family: sacra}
.bannerhome .item i{font-size: 80px;color: white;position: relative;z-index: 1;}
.bannerhome .item img{width: 280px;margin-bottom: 20px;position: relative;z-index: 1;margin-top: 15px}
.bannerhome .item a{position: relative;z-index: 1;margin-top: 120px}

.banner-top{background-size: cover!important;background-position: center!important;height: 500px;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;position: relative;}
.banner-top .blue{width: 100%;height: 150px;display: flex;flex-direction: row;justify-content: center;align-items: center;background: rgba(113,208,214,.9);}
.banner-top .blue p.filts{color: white;font-size: 35px;text-align: center;font-family: mon-b;text-shadow: 3px 5px 6px #625656;}
.banner-top .blue strong{font-family: sacra;font-size: 100px;font-weight: bold;color: white;margin-left: 20px}

#single .banner-top{background-size: cover!important;background-position: center!important;min-height: 100vh;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;position: relative;}
#single .banner-top .blue{width: 100%;height: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;background: #1D9ADD;padding: 15px 0}
#single .banner-top .blue strong{font-family: sacra;font-size: 100px;font-weight: bold;color: white;margin-left: 20px}

#single .banner-top .blue .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
#single .banner-top .blue .cont h1{color: white;font-size: 35px;text-align: left;font-family: mon-b;margin-bottom: 15px;text-shadow: 3px 5px 6px #625656;}
#single .banner-top .blue .cont h2{color: white;font-size: 24px;text-shadow: 3px 5px 6px #625656;;text-align: left;border-bottom: 1px solid white;padding-bottom: 5px}
#single .banner-top .blue .cont .amenidades{display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 20px 0;flex-wrap: wrap;}
#single .banner-top .blue .cont .amenidades p{color: white;font-size: 13px;text-align: left;background: #F6F6F6;padding: 10px 30px;color: black;text-align: center;margin-right: 20px;margin-bottom: 10px}
#single .banner-top .blue .cont .precio{color: white;font-size: 40px;text-align: left;text-shadow: 3px 5px 6px #625656;font-family: mon-b;margin-bottom: 10px}
#single .banner-top .blue .cont .disponibilidad{color: white;font-size: 30px;text-align: left;text-shadow: 3px 5px 6px #625656}

.filter{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -75px;padding: 20px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 90%;max-width: 500px;background:#FFFFFF;-webkit-box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.72); box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.4);}
.filter div{border: 2px solid #1D9ADD;padding: 10px 30px;box-sizing: border-box;background-size: white;color: #1D9ADD;font-family: mon-l;background: white;-webkit-appearance: none; -moz-appearance: none;font-size: 14px;min-width: 200px;position: relative;}
.filter .button{border: 2px solid #1D9ADD;padding: 10px 30px;box-sizing: border-box;background: #1D9ADD;transition: all ease-in-out .5s}
.filter p{font-size: 20px;font-family: mon-b;;transition: all ease-in-out .5s;text-align: center;width: 100%}

.filter h2{color: #1D9ADD;font-family: sacra;font-size: 50px;text-align: center;margin-bottom: 20px;width: 100%}

.filter ul{padding: 0;width: 100%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 100%;background: #1D9ADD;z-index: 100;display: none}
.filter ul li{list-style: none;font-size: 14px;text-align: center;padding: 5px;box-sizing: border-box;background: white;width: 100%;border: 1px solid #1D9ADD}

.filter div:hover ul{display: block;}

.filter .button:hover{background: white}
.filter .button:hover span{color: #1D9ADD}

.filter.no_home{position: relative;margin: 30px auto;bottom: 0}

.icon-scroll{color: white;font-size: 100px;margin-top: 10px}


.bannerhome .arrows{position: absolute;right: 2%;bottom: 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.bannerhome .arrows a{width: 30px;height: 30px;display: flex;flex-direction: row;justify-content: center;align-items: center;background: #0f2851;padding: 10px}
.bannerhome .arrows a i{color: white;font-size: 25px}

.bannerhome .arrows a:hover{background: white}
.bannerhome .arrows a:hover i{color: #0f2851}

.post-home{padding: 100px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.post-home .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.post-home .cont .post{width: 30%;margin: 1.5%;display: flex;flex-direction: column;-webkit-box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.72); box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.5);background: white;transition: all ease-in-out .2s;overflow: hidden;position: relative;}
.post-home .cont .post .img{width: 100%;height: 200px;background-size: cover!important;background-position: center!important;}
.post-home .cont .post .info{display: flex;flex-direction: column;padding: 20px 5px;box-sizing: border-box;position: relative;padding-top: 25px;min-height: 117px}
.post-home .cont .post .info .tipo{display: flex;flex-direction: row;justify-content: center;align-items: center;background: #1D9ADD;position: absolute;left: 0;right: 0;margin: 0 auto;top: -10px;padding: 5px 20px;max-width: 80px}
.post-home .cont .post .info .tipo span{color: white;text-transform: uppercase;text-align: center;font-size: 12px;}
.post-home .cont .post .info .descipcion{text-align: center;margin-bottom: 10px;font-size: 16px; min-height:  40px; }
.post-home .cont .post .info .precio{text-align: center;font-size: 18px;color: #1D9ADD;font-family: mon-b}
.post-home .cont .post .detalles{display: flex;flex-direction: row;justify-content: center;align-items: stretch;border-top: 2px solid #DDDDDD}
.post-home .cont .post .detalles .box{width: 33%;display: flex;flex-direction: column;align-items: center;align-content: center;justify-content: center;padding: 10px 0;min-height: 68px}
.post-home .cont .post .detalles .box p{font-size: 10px;margin-bottom: 5px;text-align: center;}
.post-home .cont .post .detalles .box i{color: #1D9ADD;font-size: 30px;}
.post-home .cont .post .detalles .box:nth-child(2){border-right: 2px solid #DDDDDD;border-left: 2px solid #DDDDDD}
.post-home .cont .post a.absolute{position: absolute;left: 0;right: 0;top: 0;width:100%; height: 100%;z-index: 20}

.post-home .cont .post:hover{transform: scale(1.2);}

#filter .post-home{padding: 50px 0}

.pagination{width: 90%;display: flex;flex-direction: row;justify-content: flex-end;max-width: 1158px;margin: 0 auto;padding: 0 20px;margin-bottom: 40px}
/*.pagination .enlace{padding: 15px;border-top: 1px solid #DFE3E6;border-bottom: 1px solid #DFE3E6;border-right: 1px solid #DFE3E6;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;transition: all ease-in-out .5s}*/
/*.pagination .enlace:first-child{border-radius: 5px 0 5px 0;border-left: 1px solid #DFE3E6;}*/
/*.pagination .enlace:first-child i{margin-right: 10px}*/
/*.pagination .enlace i{color: #1D9ADD;font-size: 12px;transition: all ease-in-out .5s}*/
/*.pagination .enlace span{color: #1D9ADD;font-size: 18px;transition: all ease-in-out .5s}*/
/*.pagination .enlace:last-child{border-radius: 0px 5px 0px 5px;}*/
/*.pagination .enlace:last-child i{margin-left: 10px;}*/

/*.pagination .enlace:hover{background: #1D9ADD}*/
/*.pagination .enlace:hover i{color: white}*/
/*.pagination .enlace:hover span{color: white}*/

.pagination .page-numbers{padding: 15px;border-top: 1px solid #DFE3E6;border-bottom: 1px solid #DFE3E6;border-right: 1px solid #DFE3E6;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;transition: all ease-in-out .5s}
.pagination .page-numbers:first-child{border-radius: 5px 0 5px 0;border-left: 1px solid #DFE3E6;}
.pagination .page-numbers:first-child i{margin-right: 10px}
.pagination .page-numbers i{color: #1D9ADD;font-size: 12px;transition: all ease-in-out .5s}
.pagination .page-numbers {color: #1D9ADD;font-size: 18px;transition: all ease-in-out .5s}
.pagination .page-numbers:last-child{border-radius: 0px 5px 0px 5px;}
.pagination .page-numbers:last-child i{margin-left: 10px;}

.pagination .page-numbers:hover{background: #1D9ADD}
.pagination .page-numbers:hover i{color: white}
.pagination .page-numbers:hover {color: white}

.pagination .page-numbers.current{background: #1D9ADD}
.pagination .page-numbers.current i{color: white}
.pagination .page-numbers.current {color: white}

.opciones{position: relative;background: #fbfbfb}
.opciones .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;padding: 10px;box-sizing: border-box;}
.opciones .cont .info{width: 35%;display: flex;flex-direction:column;justify-content: center;align-items: flex-start;align-content: flex-start;padding-right: 10px;box-sizing: border-box;}
.opciones .cont .info .num{color: #F47026;font-family: mon-l;text-align: left;font-size: 50px;margin-top: -40px}
.opciones .cont .info .text{color: #1D9ADD;font-family: mon-b;text-align: left;font-size: 25px;text-transform: uppercase;margin-top: -10px}
.opciones .cont .info .porcent{color: black;font-family: mon-l;text-align: left;font-size: 20px;;margin:10px 0}
.opciones .cont .imagen{width: 65%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;align-content: flex-end;}
.opciones .cont .imagen img{width: 100%;margin-bottom: 40px;height: 450px;object-fit: cover;}
.opciones .cont .info i{color: black;font-size: 140px}


.destinos{padding: 20px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.destinos .cont{width: 100%;max-width: 1280px;justify-content: space-between;align-items: center;display: flex;flex-direction: row;flex-wrap: wrap;}
.destinos .cont .destino{width: 25%;;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;height: 400px;position: relative;overflow: hidden;}
.destinos .cont .destino:after{width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;z-index: 6;background: rgba(0, 0, 0, .4);}
.destinos .cont .destino h3{font-size: 38px;text-align: center;text-transform: capitalize;font-family: sacra;position: relative;z-index: 10;color: #E4B740;margin-bottom: 15px;margin-top: 50px;padding: 5px 15px;border-bottom: 3px solid #E4B740;position: relative;z-index: 10;}
.destinos .cont .destino img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 5;filter: grayscale(100%);transition: all ease-in-out .5s;}
.destinos .cont .destino a{color: white;font-weight: bold;text-transform: uppercase;padding: 10px 20px;background:  #E4B740;text-align: center;transition: all ease-in-out .5s;z-index: 10;position: relative;border: 2px solid  #E4B740;box-sizing: border-box;}
.destinos .cont .destino a:hover{background: transparent;}

.h1-desarrollos{font-size: 70px;text-align: center;;font-family: sacra;margin-top: 15pz;color: #1D9ADD;text-align: center;}

.destinos .cont .destino:hover img{filter: grayscale(0%);transform: scale(1.6);}


.opciones .redes{position: absolute;left: 0;top: 0;z-index: 10;padding: 15px 0px;background: #1D9ADD;display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;width: 90%;max-width: 516px;top: -47px}
.opciones .redes p{color: white;font-size: 18px;font-family: mon-b;margin-right: 15px}
.opciones .redes  .icon{}
.opciones .redes  .icon img{width: 35px;margin-right: 10px}

.palmera{background-image: url('../img/palm-background.jpg');background-position: left;background-size: cover;z-index: 10;}

.padding{padding: 40px 0}

.opciones2{position: relative;background: #fbfbfb}
.opciones2 .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;padding: 10px;box-sizing: border-box;}
.opciones2 .cont .info{width: 35%;display: flex;flex-direction:column;justify-content: center;align-items: flex-start;align-content: flex-start;padding-left: 88px;box-sizing: border-box;}
.opciones2 .cont .info .num{color: #F47026;font-family: mon-l;text-align: left;font-size: 70px;margin-top: -40px}
.opciones2 .cont .info .text{color: #1D9ADD;font-family: mon-b;text-align: left;font-size: 30px;text-transform: uppercase;margin-top: -10px}
.opciones2 .cont .info .porcent{color: black;font-family: mon-l;text-align: left;font-size: 20px;margin:10px 0}
.opciones2 .cont .info .porcent small{font-size: 35px}
.opciones2 .cont .imagen{width: 65%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-end;}
.opciones2 .cont .imagen img{width: 100%;margin-bottom: 40px;height: 450px;object-fit: cover;}
.opciones2 .cont .info i{color: black;font-size: 140px}

.palmera2{background-image: url('../img/palm-background2.jpg');background-position: left;background-size: cover;z-index: 10;padding-bottom: 100px}

.conoce{display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 100px;position: relative;background: white;overflow-x: hidden;}
.conoce:after{position: absolute;left: 0;top: 0;width: 100%;height: 94%;background: rgba(210, 188, 175, 0.8);content: '';z-index: 1}
.conoce h1{font-size: 60px;color: black;margin-bottom: 5px;text-align: center;letter-spacing: 3px;position: relative;z-index: 2}
.conoce h1 strong{font-family: mon-b}
.conoce h2{font-family: sacra;font-size: 80px;text-align: center;color: black;margin-bottom: 30px;position: relative;z-index: 2}
.conoce img.logo{position: absolute;left: -257px;top: 35%;transform: rotate(-90deg);width: 700px;}

.conoce .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;width: 90%;max-width: 1000px;position: relative;z-index: 2}
.conoce .cont .cuadros{width: 50%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 0 20px;box-sizing: border-box;}
.conoce .cont .cuadros .cuadro{width: 48%;background: black;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;margin:1%;box-sizing: border-box;}
.conoce .cont .cuadros .cuadro:first-child{width: 98%}
.conoce .cont .cuadros .cuadro h3{color: white;font-size: 35px;font-family: sacra;text-align: center;}
.conoce .cont .cuadros .cuadro p{color: #86a2a6;font-size: 20px;text-align: center;}

.conoce .cont .info{width: 50%;padding: 0 20px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: center;}
.conoce .cont .info p{color: black;font-size: 23px;line-height: 28px;text-align: justify;margin-bottom: 30px;font-family: mon-l}



@supports ((-webkit-hyphens:auto) or (hyphens:auto)) {
    .conoce .cont .info p {
        text-align: justify;
        -webkit-hyphens: auto; /* A día de hoy aún es necesario el prefijo para soportar a Safari */
        hyphens: auto;
    }
}

.galeria{padding-top: 20px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;background: white;overflow-x: hidden;}
.galeria i{color: #9f766e;font-size: 80px;margin-bottom: 5px;}
.galeria h1{color: black;font-family: sacra;font-size: 60px;margin-bottom: 10px}
.galeria .cont{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.galeria .cont img{width: 33.33%;height: 350px;object-fit: cover;position: relative;z-index: 10}

.content{position: relative;display: flex;flex-direction: column;}
.content .img{position: absolute;right: -195px;bottom: 320px;z-index: 1;width: 700px;opacity: .7}

.inversion{padding: 50px 0;background: #F47026}
.inversion .cont{display: flex;flex-direction: column;justify-content: space-between;align-items: center;align-content: center;}
.inversion .cont p{color: white;font-family: mon-l;font-size: 18px;text-align: center;display: flex;flex-direction: column;margin-bottom: 15px}
.inversion .cont p strong{font-size: 22px;font-family: mon-b}
.inversion .cont small{font-family: mon-l;font-size: 15px}

.acerca{padding: 60px 0;background: white;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.acerca h2{color: black;font-size: 90px;font-family: sacra;text-align: center;}
.acerca h1{color: #1D9ADD;font-size: 60px;margin-bottom: 40px;font-family: mon-r;text-align: center;margin-top: -40px}
.acerca p{color: black;font-size: 22px;;text-align: justify;font-family: mon-l;width: 90%;max-width: 732px;margin-bottom: 10px;}
.acerca p strong{font-family: mon-b}

.contacto{display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;background: #1D9ADD;padding: 80px 0}
.contacto h2{color: white;font-size: 35px;font-family: mon-l;text-align: center;margin-bottom: 10px}
.contacto h1{color: white;font-size: 95px;margin-bottom: 40px;font-family: sacra;text-align: center;}
.contacto form{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;margin-top: 80px;flex-wrap: wrap;width: 90%!important}
.contacto form .inputs{display: flex;flex-direction: column;width: 40%}
.contacto form .inputs p{color: white;margin-bottom: 10px;text-transform: uppercase;font-size: 16px}
.contacto form .inputs .input{border: 1px solid white;padding:15px 20px;margin-bottom: 10px;border-radius: 10px;background: transparent;font-size: 18px;color: white}
.contacto form .inputs button{margin-top: 30px}

.contacto .text{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.contacto .text p{color: white;font-size: 18px;max-width: 500px;font-family: mon-l;text-align: center;margin-bottom: 15px;}
.contacto .text .tel{font-size: 25px;color: white;font-family: mon-b}
.contacto .text .tel.margin{margin-bottom: 20px;}
.contacto .text .img{width: 50px;margin: 40px 0;}
.contacto .text .redes{padding: 15px 0px;display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;width: 90%;max-width: 513px}
.contacto .text .redes a{}
.contacto .text .redes img{width: 65px;margin-right: 10px}

.copi{padding: 40px 0;background: white}
.copi .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.copi .cont p{color: black;font-family: mon-l;font-size: 20px;text-align: center;}
.copi .cont p strong{font-family: mon-b}
.copi .cont img{width: 200px;}

.open-menu{display: none;}
.icon-Menu-tipo-hambriguesa{color: white;font-size: 40px}
.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 9999;}

.residencia{padding: 40px 0;}
.residencia .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.residencia .cont .info{width: 60%;display: flex;flex-direction: column;}
.residencia .cont .info .galeria-single{width: 100%}
.residencia .cont .info .galeria-single .big-slide{width: 100%}                         
.residencia .cont .info .galeria-single .big-slide #video{width: 100%}
.residencia .cont .info .galeria-single .big-slide #video .item{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.residencia .cont .info .galeria-single .big-slide #video .item img{width: 100%;object-fit: cover}

.residencia .cont .info .small-slide{width: 100%;margin-top: 40px;position: relative;margin-bottom: 40px}
.residencia .cont .info .small-slide .arrow{background: rgba(0,0,0,0.7);height: 100%;width: 30px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.residencia .cont .info .small-slide .arrow i{color: white;font-size: 20px}

.residencia .cont .info .small-slide .arrow.izq{position: absolute;left: 0;top: 0;z-index: 10}
.residencia .cont .info .small-slide .arrow.der{position: absolute;right:  0;top: 0;z-index: 10}

.residencia .cont .info .small-slide-cont{width: 100%}
.residencia .cont .info .item{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.residencia .cont .info img{width: 100%;object-fit: cover}

.residencia .cont .info h2{color: #1D9ADD;font-size: 22px;margin: 20px 0 5px 0;text-align: left;font-family: mon-sb}
.residencia .cont .info p{text-align: left;;font-size: 16px;margin: 5px 0}
.residencia .cont .info p strong{font-family: mon-sb}
.residencia .cont .info ul{padding: 0;margin-bottom: 10px}
.residencia .cont .info li{text-align: left;margin-bottom: 5px;font-size: 16px;list-style: none}
.residencia .cont .info span{text-align: left;font-size: 16px;}

.residencia .cont .detalles{padding: 30px 40px;width: 30%;border-radius: 5px;display: flex;flex-direction: column;-webkit-box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.72); box-shadow: 0px 8px 20px 3px rgba(0,0,0,0.4);box-sizing: border-box;}
.residencia .cont .detalles h2{color: #1D9ADD;font-size: 28px;margin-bottom: 10px;text-align: center;font-family: mon-sb;text-transform: uppercase;}
.residencia .cont .detalles h3{color: #1D9ADD;font-size: 22px;margin: 20px 0 5px 0;text-align: left;font-family: mon-sb}
.residencia .cont .detalles p{text-align: left;;font-size: 16px;margin: 5px 0}



@media(min-width: 1331px){

    .opcion-top{position: relative;z-index: 10;margin-top: -57px;}

}


@media(min-width: 1115px){
    .header .cont .links{left: 0!important;top: 0;opacity: 1!important}
}
@media(max-width: 1114px){
    .header .cont .links{position: fixed;left: -100%;top: 0;width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100vh;background: #1D9ADD;transition: all ease-in-out .5s}
    .open-menu{display: inline-block;}

    .header .cont .links .link{text-align: center;margin-top: 5px}
}

@media(max-width: 964px){

    .residencia .cont .info{width: 100%;margin-bottom: 30px}
    .residencia .cont .detalles{width: 100%;}

}

@media(max-width: 900px){
    .acerca h2,.acerca h1{font-size: 80px}
    .contacto h2,.contacto h1{font-size: 75px}
    .contacto h1{margin-top: 30px}
    .acerca h1{margin-top: -35px}

    .button span{font-size: 19px}


    .bannerhome .item h3{font-size: 25px}

    .bannerhome .item h1{font-size: 40px}

    .destinos .cont .destino{width: 48%}
}

@media(max-width: 854px){
    .conoce .cont .cuadros,
    .conoce .cont .info{width: 100%;padding: 20px;}
    .conoce:after{height: 100%}

    .acerca h2,.acerca h1{font-size: 70px}
    .acerca h1{margin-top: -30px}

    .button span{font-size: 17px}

    .contacto h2,.contacto h1{font-size: 65px}
    .contacto h1{margin-top: -27px}

    .conoce::after {height: 95.5%}

    .copi .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .copi .cont img{margin-bottom: 10px}

    .post-home .cont .post{width: 45%}
    
}

@media(max-width: 700px){
    .opciones .cont .info,.opciones .cont .imagen,.opciones2 .cont .info,.opciones2 .cont .imagen{width: 100%;justify-content: center;align-items: center;align-content: center;}
    .opciones .cont .info .num,.opciones2 .cont .info .num{margin-top: 0}
    .button{margin: 0 auto}

    .acerca h2,.acerca h1{font-size: 50px}
    .acerca h1{margin-top: 25px}

    .inversion .cont{flex-direction: column;}
    .inversion .cont a{margin-top: 20px}

    .inversion .cont p{font-size: 26px}

    .contacto h2,.contacto h1{font-size: 55px}
    .contacto h1{margin-top: -22px}

    .contacto form .inputs,.contacto .text{width: 45%}

    .bannerhome .item h1{font-size: 35px}
    .bannerhome .item h3{font-size: 20px}.content .img{display: none}
    .galeria{padding-top: 50px}

    


    
}

@media(max-width: 676px){
    #single .banner-top .blue .cont h1, #single .banner-top .blue .cont .precio{font-size: 30px}
    #single .banner-top .blue .cont .amenidades p{padding: 10px 15px}
}

@media(max-width: 600px){
    .acerca h1{font-size: 40px}
    .acerca h2{font-size: 60px}
    .acerca h1{margin-top: -20px}

    .post-home .cont .post{width: 100%}

    .contacto h2,.contacto h1{font-size: 45px}
    .contacto h1{margin-top: -20px}

    .contacto form .inputs,.contacto .text{width: 90%;padding: 20px 0;margin: 0 auto}

    .opciones .cont .info,.opciones2 .cont .info, .opciones2 .cont .info .porcent{justify-content: center;align-items: center;align-content: center;text-align: center;padding: 0}

    .filter{flex-direction: column;;justify-content: center;align-items: center;align-content: center;}
    .filter select, .filter button{width: 100%;}
    .filter div{margin-bottom: 10px;text-align: center;}

    .filter{bottom: -85px;}
    .filter.no_home{bottom: 0px}


}

@media(max-width: 650px){
    .acerca h1{font-size: 30px}
    .acerca h1{margin-top: -15px}
    .acerca h2{font-size: 50px}

    .contacto h2,.contacto h1{font-size: 35px}
    .contacto h1{margin-top: -15px}

    .opciones .redes{max-width: 400px}

    .conoce .cont .cuadros .cuadro{width: 100%}
    .contacto form{margin-top: 40px}
}

@media(max-width: 650px){
    .opciones .redes{max-width: 300px}
    .bannerhome .item h3{font-size: 16px}
    #single .banner-top .blue .cont .amenidades p{font-size: 14px;margin-right: 10px;margin-bottom: 10px}
    .opciones2 .cont .info .text{font-size: 25px;text-align: center;}
    .destinos .cont .destino{width: 100%;margin: 15px 0}

}

@media(max-width: 576px){
    .banner-top .blue{flex-direction: column;height: auto;padding: 10px 0}
    .banner-top .blue p.filts{margin-bottom: 10px}
    #single .banner-top .blue .cont{justify-content: center;align-items: center;align-content: center;}
    #single .banner-top .blue .cont h1, #single .banner-top .blue .cont .precio{font-size: 25px;text-align: center;}
    #single .banner-top .blue .cont h2{text-align: center;}
    #single .banner-top .blue .cont .amenidades p{padding: 10px 15px}
    #single .banner-top .blue .cont .amenidades{flex-wrap: wrap;justify-content: space-between;}

    .contacto h2{font-size: 25px}
    .contacto h1{font-size: 35px}

    .acerca p{font-size: 16px}

    .copi .cont p{font-size: 15px}
    .copi{padding: 10px 0}

    .opciones .redes{width: 100%;max-width: 100%;box-sizing: border-box;}

    .mv{display: initial;}
    .pc{display: none!important}
    .bannerhome .item h3{margin-top: 60px}
    .controller{bottom: 23%!important}
    .bannerhome .logo{display: flex;flex-direction: row;justify-content: center;align-items: center;}
    .bannerhome .item img{width: 90%;max-width: 220px;margin:0 auto;}
    .post-home .cont .post:hover{transform: inherit;}

    .bannerhome .item{min-height: 140vh}
    .filter{padding: 5px}

    .opciones .cont .info .text{margin-top: 20px}

}

@media(max-width: 400px){
    

}






.controller {
        position: absolute;
        width: 24px;
        height: 12px;
        z-index: 100;
        bottom: 45%;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-animation: bounce-down 1.6s linear infinite;
        animation: bounce-down 1.6s linear infinite;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
 
        a {
             position: absolute;
        }
 }
 
@-webkit-keyframes bounce-down {
       25% {
            -webkit-transform: translateY(-4px);
       }
       50%, 100% {
            -webkit-transform: translateY(0);
       }
       75% {
            -webkit-transform: translateY(4px);
       }
}
 
@keyframes bounce-down {
        25% {
             transform: translateY(-4px);
        }
        50%, 100% {
             transform: translateY(0);
        }
        75% {
             transform: translateY(4px);
        }
}