@font-face {
    font-family: "nunito-r";
    src: url(fonts/Nunito-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "nunito-b";
    src: url(fonts/Nunito-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "nunito-sb";
    src: url(fonts/Nunito-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "nunito-l";
    src: url(fonts/Nunito-Light.ttf) format("truetype");
}
@font-face {
    font-family: "Champagne";
    src: url(fonts/Champagne.ttf) format("truetype");
}
@font-face {
    font-family: "Champagne-b";
    src: url(fonts/ChampagneBold.ttf) format("truetype");
}


@font-face {
    font-family: "biro-b";
    src: url(fonts/BiroScriptPlus-Bold.woff) format("truetype");
}

@font-face {
    font-family: "biro";
    src: url(fonts/Biro_Script_reduced.otf) format("truetype");
}


@font-face {
    font-family: "leage";
    src: url(fonts/LeagueSpartan-VariableFont_wght.ttf) format("truetype");
}


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

.idioma .droopdown .droop-box .droop-content .droop-option{display: flex;flex-direction: row;justify-content: center;align-items: center;}

#the-rooms{padding-top: 100px}

.whatssap{position: fixed;right: 10px;bottom: 10px;z-index: 100;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.whatssap .send{background: white;border-radius: 10px 0 10px 0;padding: 10px;text-align: center;}
.whatssap .send p{font-size: 12px;text-align: center;}
.whatssap img{width: 40px;margin-left: 5px}

.flyer{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000000;background: rgba(0,0,0,0.8);display: none;flex-direction: column;justify-content: center;align-items: center;}
.flyer img{width: 90%;max-width: 320px}
.flyer .img-flyer.pc{max-width: 1000px}

.cross-flyer{font-size: 40px;color: white;margin-bottom: 10px;cursor: pointer;}

body{font-size: 12px;font-family: nunito-l;color: black;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;margin: 0!important;padding: 0!important}
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{color: initial;}
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*/

.crt-widget .crt-post-text{display: none!important}

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

.mapa-home{width: 100%}

.book{padding: 15px 30px;border-radius: 20px;background: #1C4C62;border: 2px solid #1C4C62;transition: all ease-in-out .5s;}
.book span{color: #E8DAB3;transition: all ease-in-out .5s;font-size: 40px;font-family: Champagne;text-transform: uppercase;}

.book:hover{background: transparent;}


.book-2{padding: 8px 12px;border-radius: 10px;background: #1C4C62;border: 2px solid #1C4C62;transition: all ease-in-out .5s;}
.book-2 span{color: #E8DAB3;transition: all ease-in-out .5s;font-size: 15px;font-family: Champagne-b;text-transform: uppercase;font-weight: bold;}

.book-2:hover{background: transparent;}
.book-2:hover span{color: #1C4C62}

.float-div{margin-top: -50px}

#hotel .float-div h1{font-size: 50px;text-align: center;color: white!important;margin-bottom: 10px;;font-family: Champagne;font-weight: bold;}
.float-div h2{font-size: 35px;text-align: center;color: white!important;margin-bottom: 20px;;font-family: Champagne}
.float-div h1{font-size: 50px;text-align: center;color: white!important;margin-bottom:10px;;font-family: Champagne;}
.float-div p{font-size: 25px;text-align: center;color: white!important;;font-family: Champagne}

.logos{display: flex;flex-direction: row;justify-content: center;align-items: center;}

.services-home{width: 90%; max-width: 1200px; margin: 0 auto;}
.services-home {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}



.services-home .icons-about {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
    padding-bottom: 20px;
}

.services-home .icon-about {
    width: 20%;
    text-align: center;
    margin: 1%;
}

.services-home .icon-about .cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.services-home .icon-about h3 {
    font-size: 16px;
    margin: 0;
    color: #333;
}

.services-home .icon-about i {
    font-size: 24px;
    color: #333;
}

@media (max-width: 800px) {
    .services-home .icon-about {
        width: 48%;
    }
}

@media (max-width: 600px) {
    .services-home .icon-about {
        width: 50%;
        margin: 0 1% ;
    }
}

 .text-hidden {
        display: none;
        margin-top: 10px;
        font-style: italic;
        color: #999;
    }


.certificado{margin: 10px 0}
.certificado a{background: white}
.certificado a img{width: 160px}

.titles{text-transform: uppercase;color: #1C4C62;}
.titles.margin{margin-top: 70px}
.titles .title{position: relative;margin-bottom: 5px;}
.titles .title h2{position: relative;z-index: 2;font-size: 35px;text-align: center;color: #1C4C62;font-family: Champagne;text-transform: capitalize;font-weight: bold}
.rooms-cont .title,.lido-box .lido-cont .lido-head h2, .newssletter h2{font-family: Champagne}
.titles .title img{position: absolute;right: -40px;top: -18px;width: 70px}
.titles p{color: #1C4C62;font-size: 15px;font-family: nunito-l;text-align: left;}
.titles p.description{font-family: nunito-l;text-align: justify;;margin: 20px 0}

.titles .title h2.title-h2{text-transform: none}

.title-h2{position: relative;z-index: 2;font-size: 35px;text-align: center;color: #1C4C62;font-family: Champagne;text-transform: capitalize;font-weight: bold;margin-bottom: 20px}

.button-action{padding: 10px 20px;color: white;cursor: pointer;}
.button-action i{font-size: 28px;margin-right: 5px;}
.button-action p.action{font-size: 18px;text-transform: uppercase;text-align: center;}

.button-action.read{border: 1px solid #E8DAB3}
.button-action.read p, .button-action.read i{color: #1C4C62}

.icons-container{margin-top: 10px}
.icons-container i{color: #1C4C62;margin: 10px;font-size: 55px}

.image-shapes{position: absolute;transition: all ease-in-out .8s;display: none;}
.body-header{height: 100vh}
.body-header .image-shapes{right: -22%;bottom: -10%;width: 55%;}
.lido-box .image-shapes{left: -22%;bottom: 40px;width: 60%;-ms-transform: rotate(10deg); /* IE 9 */-webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */transform: rotate(10deg);}
.gray-container .image-shapes{right: -42%;top: 30%;-ms-transform: rotate(-10deg); /* IE 9 */-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */transform: rotate(-10deg);}
.image-footer .image-shapes{right: -20%;top: 5%;width: 60%;max-width: 810px!important}
.about .image-shapes{width: 50%;left: -20%;bottom: 15%}
.rooms-cont .image-shapes{right: -20%;bottom: -20%;z-index: 2;width: 55%;}
.datos .image-shapes{right: -15%;bottom: 35%;z-index: 2;width: 36%;}
.head-blog .image-shapes{right: -16%;bottom: -20%;width: 40%;z-index: 2}
#home, #blog, #contact, #hotel, #testimonios, #rooms, .datos{overflow-x: hidden;}

.body-header .max-widht{position: relative;z-index: 10;margin: 50px 0}

.cont-flower{position: absolute;}
.cont-flower .cont{position: relative;}
.cont-flower .cont img{position: absolute;}
.cont-flower .cont .pluma-verde{}
.cont-flower .cont .pluma-morada{}
.cont-flower .cont .pluma-amarilla{}
.cont-flower .cont .pluma-azul{}
.cont-flower .cont .pluma-rosa{}
.body-header .cont-flower{}
.lido-box .cont-flower{}
.gray-container .cont-flower{}
.image-footer .cont-flower{}
.about .cont-flower{}
.rooms-cont .cont-flower{}
.datos .cont-flower{}
.head-blog .cont-flower{}

._md-select-menu-container{z-index: 100}

.icon-arrow{cursor: pointer;}

.map-container {
    width: 100%;
}
.map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
    pointer-events: auto;
}

.sbw{display: none}

#sbw_widget_1{width: 90%!important;/*max-width: 500px!important*/;margin: 0 auto}
.sbw iframe{}

a{cursor: pointer;}

.crt-post-share{display: none}
.header{display: flex;flex-direction: column;}

.mensaje-cupon{background: #E8DAB3;padding: 15px 25px;margin: 25px 0;margin-bottom: 20px;color: white;font-family: nunito-sb;font-size: 20px;}
.mensaje-cupon p strong{color: #1C4C62;font-size: 25px;font-family: nunito-b}
.mensaje-cupon p span{font-size: 25px;margin-right: 10px}

.container-center{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.container-center-row{display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;}
.container-stretch-row{display: flex;flex-direction: row;justify-content: center;align-items: stretch;align-content: center;flex-wrap: wrap;}
.container-between-row{display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;}

/*modals*/
.cont-notice{position: fixed;z-index: 999999999999999;left: 0;top: 0;;transition: all ease-in-out .5s;overflow: hidden;width: 100%}
.modal-privacy, .modal-conditions, .modal-card, .modal-pass, .modal-cancelate,.cena{width: 100%;height: 0;opacity: 0}
.cont-notice .container-modal{width: 90%;max-width: 650px;height: 90%;max-height: 600px;background: white;margin-top: 100%;transition: all ease-in-out .5s;position: relative;z-index: 2;padding-bottom: 20px;box-sizing: border-box;}
.cont-notice .container-modal .md-toolbar-tools{padding: 7px}
.cont-notice .container-modal .md-toolbar-tools h2{font-size: 16px;text-align: left;font-weight: bold;text-transform: uppercase;}
.cont-notice .container-modal .md-toolbar-tools h2 small{font-size: 10px}
.cont-notice .container-modal md-content h3{color: #1C4C62;text-align: left;font-weight: bold;}
.cont-notice .container-modal md-content p{text-align: justify;}
.cont-notice .container-modal md-content button{padding: 5px 10px;,border-radius: 5px;border: 0px;margin-right: 10px;color: white;text-transform: uppercase;font-size: 14px;font-weight: bold;}
.cont-notice .container-modal md-content button:first-child{background: #DE3641;}
.cont-notice .container-modal md-content button:last-child{background: #5AFE3D;}

.cont-notice .container-modal.img{width: 100%;margin-top: 100%;transition: all ease-in-out .5s;position: relative;z-index: 2;background: transparent;;height: 100%;max-width: 450px;max-height: inherit;}
.content-modals img{width: 100%}

.content-modals{height: 100%;position: relative;}
.content-modals .close-modals{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .30)}

/*.modal-card{opacity: 1;height: 100%}
.modal-card .container-modal{margin-top: 0}*/
md-toolbar:not(.md-menu-toolbar).md-warn{background: #1C4C62!important}
.modal-card .container-modal md-content p{text-align: center;margin-bottom: 15px}
.modal-card .container-modal md-content .numero{text-transform: uppercase;font-size: 20px}
.modal-card .container-modal md-content .dependencia{font-size: 20px}

.modal-pass .container-modal md-content input{background:white;border-radius: 5px;border: 1px solid #CCCCCC;text-align: left;max-width: 180px;cursor: pointer;font-size: 13px;margin: 0px;font-weight: bold;height: 30px;margin-bottom: 10px;padding: 0 5px}
.modal-pass .container-modal md-content p{margin-bottom: 10px}
.modal-pass .container-modal md-content .cancel-notice{padding: 5px 10px;,border-radius: 5px;border: 0px;margin-right: 10px;color: white;text-transform: uppercase;font-size: 14px;font-weight: bold;background: #DE3641;;cursor: pointer;}

.chose-lang{padding: 30px 0}
.chose-lang h3{margin-bottom: 20px}
.chose-lang img{max-width: 100px;margin-right: 10px;cursor: pointer;}
.text-pol{display: none;}

/*modals*/
/*
#gallery{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
#gallery a{width: 25%;display: flex;flex-direction: row;border: 1px solid #F6F7F7;box-sizing: border-box;}
#gallery a img{width: 100%;height: 200px;object-fit: cover}
*/
/*Globales*/

/*droopdown*/

#close-droopdown{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99;display: none;}
.close-droopdown{width: 100%;height: 100%;}

.droopdown{cursor: pointer;position: relative;z-index: 1000000000;width: 30px;height: 30px;border: 2px solid #1C4C62;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-right: 10px;transition: all ease-in-out .5s;font-family: }
.droopdown::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -16px; /* Ajusta la posición vertical del triángulo */border-width: 5px;border-style: solid;border-color: #1C4C62 transparent transparent transparent; /* Color del triángulo */;z-index: 100}
.droopdown:hover{background: #1C4C62;}
.droopdown span{color: #1C4C62;font-family: Champagne}
.droopdown:hover span.lg-initial{color: white}

.selected{ width: 0;height: 0;position: absolute;;top: -13px;;opacity: 1;left: 0;right: 0;}
.droop-head i.icon-phone-3{color: #1C4C62;margin-right: 5px;font-size: 23px}
.droop-head .phone{font-size: 20px;font-weight: bold;font-size: 23px;margin-right: 5px}
.droopdown .droop-box{background: rgba(20, 40, 65, .8);overflow: hidden;transition: ease-in-out all .5s;}
.droopdown .droop-box p{color: #555555;font-size: 15px;text-align: justify;max-width: 90%}
.droopdown .droop-box .droop-content{border: 1px solid rgba(0,0,0,.15);min-width: 130%;position: absolute;top: 148%;left: -35px;right: 0;margin: 0 auto;z-index: 1000000000;background: white;visibility: hidden;transition: ease-in-out all .5s;opacity: 0;    border-top: 2px solid #1C4C62;}
.droopdown .droop-box .droop-content .title{color: #818a91;font-size: 10px;font-weight: lighter;text-align: center;margin-top: 10px;}
.droopdown .droop-box .droop-content .droop-option{padding: 0 5px;font-size: 14px;border-bottom: 1px solid rgba(0,0,0,.15);;font-family: Arial;cursor: pointer;height: 30px;box-sizing: border-box;}

.idioma .selected{left: 15%;right: inherit;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 12px solid #1C4C62;}
.idioma .droopdown .img-idioma{height: 30px;width: 30px;vertical-align: middle;line-height: 34px;border-radius: 50%}
.idioma .droopdown .img-idioma.mx{background: url(../img/mex.png);background-size: cover}
.idioma .droopdown .img-idioma.us{background: url(../img/flag-round-250.png);background-size: cover}
.idioma .droopdown .img-option{width: 30px;height: 30px;border-radius: 50%;box-sizing: border-box;}
.idioma .droopdown .img-option.mx{background: url(../img/mex.png);background-size: cover}
.idioma .droopdown .img-option.us{background: url(../img/flag-round-250.png);background-size: cover}
.idioma .droopdown .droop-box .droop-content{min-width: 100px}
.idioma .droopdown .droop-box .droop-content .droop-option strong{color: #E8DAB3;font-weight: 700px;font-size: 14px;margin-left: 10px}

.idioma .droopdown .droop-box .droop-content .droop-option:hover{background: #1C4C62}
.idioma .droopdown .droop-box .droop-content .droop-option:hover span{color: white}


/*droopdown*/

/* efectos */

.link-hover-b {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.link-hover-b:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #1C4C62;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.link-hover-b:hover i, .link-hover-b:focus i, .link-hover-b:active i{color: white;}
.link-hover-b:hover p, .link-hover-b:focus p, .link-hover-b:active p{color: white;font-weight: bold;}
.link-hover-b:hover:before, .link-hover-b:focus:before, .link-hover-b:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.link-hover-t {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.link-hover-t:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #1C4C62;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.link-hover-t:hover i, .link-hover-t:focus i, .link-hover-t:active i{color: white;}
.link-hover-t:hover p, .link-hover-t:focus p, .link-hover-t:active p{color: white;font-weight: bold;}
.link-hover-t:hover:before, .link-hover-t:focus:before, .link-hover-t:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.hover-right {-webkit-transform: perspective(1px) translateZ(0);background:  #1C4C62;transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hover-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: white;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hover-right i, .hover-right i, .hover-right i {color:  #E8DAB3;}
.hover-right:hover:before, .hover-right:focus:before, .hover-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.button-action.read.hover-right p, .button-action.read.hover-right i{color: #E8DAB3;text-transform: uppercase;font-size: 15px;font-family: Champagne}
.button-action.read.hover-right{border: 1px solid #1C4C62;width: auto;display: flex;}

.hover-right-blue {-webkit-transform: perspective(1px) translateZ(0);background:  #1C4C62;transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hover-right-blue:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: white;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.button-action.hover-right-blue .action {color:  white;}
.button-action.hover-right-blue:hover p, .button-action.hover-right-blue:focus p, .button-action.hover-right-blue:active p {color:  #E8DAB3;}
.hover-right-blue:hover:before, .hover-right-blue:focus:before, .hover-right-blue:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.hover-left {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);background: white;box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hover-left:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #B3649D;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hover-left:hover i, .hover-left:focus i, .hover-left:active i {color:  #B3649D;}
.hover-left:hover p, .hover-left:focus p, .hover-left:active p {color:  #B3649D;}
.hover-left:hover:before, .hover-left:focus:before, .hover-left:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.hover-vertical {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: white;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hover-vertical:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background:  #B3649D;-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hover-vertical:hover i, .hover-vertical:focus i, .hover-vertical:active i {color: #B3649D;}
.hover-vertical:hover p, .hover-vertical:focus p, .hover-vertical:active p {color: #B3649D;}
.hover-vertical:hover:before, .hover-vertical:focus:before, .hover-vertical:active:before {-webkit-transform: scaleY(0);transform: scaleY(0);}

.hover-horizontal {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: #1C4C62;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hover-horizontal:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: white;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hover-horizontal:hover, .hover-horizontal:focus, .hover-horizontal:active {color: white;}
.hover-horizontal:hover i, .hover-horizontal:focus i, .hover-horizontal:active i {color: #1C4C62;}
.hover-horizontal:hover p, .hover-horizontal:focus p, .hover-horizontal:active p {color: #1C4C62;}
.hover-horizontal:hover:before, .hover-horizontal:focus:before, .hover-horizontal:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.hover-horizontal-2 {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);background: white;box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hover-horizontal-2:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #1C4C62;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hover-horizontal-2:hover, .hover-horizontal-2:focus, .hover-horizontal-2:active {color: white;}
.hover-horizontal-2:hover i, .hover-horizontal-2:focus i, .hover-horizontal-2:active i {color: white}
.hover-horizontal-2:hover p, .hover-horizontal-2:focus p, .hover-horizontal-2:active p {color: white}
.hover-horizontal-2:hover:before, .hover-horizontal-2:focus:before, .hover-horizontal-2:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.hover-bounce-i {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hover-bounce-i:hover, .hover-bounce-i:focus, .hover-bounce-i:active {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}

.hover-ractangle {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: transparent;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hover-ractangle:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #E8DAB3;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.button-action.hover-ractangle p{color: white}
.hover-ractangle:hover p, .hover-ractangle:focus p, .hover-ractangle:active p {color: white;}
.hover-ractangle:hover:before, .hover-ractangle:focus:before, .hover-ractangle:active:before {-webkit-transform: scale(1);transform: scale(1);}

.buzz {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;}
.buzz:hover, .buzz:focus, .buzz:active {-webkit-animation-name: buzz;animation-name: buzz;-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

.rooms-cont .arrow-room{display: none}

.hover-ractangle2 {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: transparent;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hover-ractangle2:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #E8DAB3;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.button-action.hover-ractangle2 p{color: white}
.hover-ractangle2:hover p, .hover-ractangle2:focus p, .hover-ractangle2:active p {color: white;}
.hover-ractangle2:before, .hover-ractangle2:focus, .hover-ractangle2:active {-webkit-transform: scale(1);transform: scale(1);}

.hover-ractangle2:hover:before, .hover-ractangle2:focus, .hover-ractangle2:active {-webkit-transform: scale(0);transform: scale(0);}

.away{font-size: 50px;text-align: center;font-family: Champagne;color: white}

/*Header*/

.header{width: 100%;position: fixed!important;width: 100%;left: 0;top: 0;z-index: 99}
.header-purple{background: #E3E3E3;padding: 5px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%}
.header-purple .max-widht{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header-purple .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header-purple .cont a{padding: 0 10px;color: #1C4C62;text-transform: uppercase;font-size: 12px;font-family: nunito-b}
.header-purple .cont a:first-child{padding-left: 0px}
.header-purple .cont a:nth-child(2){border-right: 1px solid white;border-left: 1px solid white;}
.header-purple .cont a:nth-child(3){text-transform: inherit;}
.header-purple .redes a{margin: 0px 10px}
.header-purple .redes a i{color: #1C4C62;font-size: 18px;margin-top: 2px}
.header-purple .redes a i.icon-search{margin-left: 30px}

.redes-movil a{margin: 0 10px}
.redes-movil a i{color: #1C4C62;font-size: 18px;}

i.icon-paragraph-justify{color: #1C4C62;font-size: 30px}
.lido-logo{max-width: 180px;width: 90%;margin-bottom: 40px}

.header-white *{transition: all ease-in-out .5s}

.header-white{background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;padding: 10px 0}
.header-white-color .header-white{background: rgba(255, 255, 255, 1.0);transition: all ease-in-out .5s}
.header-white .max-widht{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header-white img.logo{width: 130px;;margin-left: 10px}
.header-white img.logo-new{width: 160px;;margin-left: 10px}
.header-white .links{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.header-white .link{padding: 10px;color: #1C4C62;font-size: 14px;text-transform: uppercase;padding-top: 20px;font-family: nunito-sb;display: flex;flex-direction: row;justify-content: center;align-items: center;}
/*.header-white .link:hover{background: #1C4C62;color: white;font-weight: bold;}*/
.header-white .link p{}
.header-white .link i{font-size: 20px;margin-top: 5px}
.header-white .link i.icon-lido{color: #92C528;margin-right: 5px;font-size: 35px;height: 34px;margin-top: -8px}
.header-white .idioma{display: flex;flex-direction: row;justify-content: center;align-items: center;}

md-backdrop.md-sidenav-backdrop{z-index: 9999;width: 100%;height: 100%;position: fixed;}
md-sidenav{z-index: 10000;position: fixed!important;}
md-sidenav ul{padding: 0px}
md-sidenav ul li{padding: 5px 0 5px 10px}
md-sidenav ul li a i{color: #1C4C62;font-size: 45px}
md-sidenav ul li a p{color: #1C4C62;font-size: 18px;text-transform: uppercase;font-weight: bold;}
md-sidenav ul li a i.icon-lido{color: #93C73E}

.container-modal{overflow: hidden;}
.content-modals{height: 100%;position: relative;display: flex;flex-direction: row;justify-content: center;align-content: center;align-items: center;overflow: hidden;}
.title-terms{background: #1C4C62 !important;padding: 10px;box-sizing: border-box;text-align: left;color: white;text-transform: uppercase;}
.content-modals .cont{padding: 10px;box-sizing: border-box;overflow: auto;max-height: 600px}
.content-modals .cont h2{color: position: relative;z-index: 2;font-size: 25px;text-align: center; color: #1C4C62;font-family: Champagne;text-transform: uppercase;font-weight: bold;margin-bottom: 20px}
.content-modals .cont h3{color: position: relative;z-index: 2;font-size: 18px;text-align: left;color: #1C4C62;font-family: Champagne;text-transform: uppercase;font-weight: bold;margin-bottom: 15px}
.content-modals .cont p{margin-bottom: 25px;font-size: 14px}

/*Header*/

/*Home*/

.cupon{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100000000000000}
.cupon .cont{width: 100%;height: 100%;position: relative;}
.cupon .cont img{z-index: 2;width: 90%;/*max-width: 400px*/;margin: 10px 0;max-width: 1000px}
.cupon .cont .cerrar-cupon{width: 100%;height: 100%;background: black;opacity: .5;position: absolute;left: 0;top: 0}

.body-header{background-size: cover!important;background-attachment: fixed!important;position: relative;transition: all ease-in-out .5s;height: 100vh}

.body-header .sbw{display: inherit;}

.body-header.home .item{transition: ease-in-out 1s all;position: relative;}
.body-header.home .item:after{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);content: ''}
.body-header.hotel{background: url(../img/fotos/9.jpg)}
/*.body-header.home{
-webkit-animation-name: test;
  -webkit-animation-duration: 60s;
   animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  transition-duration: .5s;
}*/

.arrow{position: absolute;top: 40%;z-index: 100;padding:10px;}
.arrow i{color: white;font-size: 30px;font-weight: bold;}
.arrow.left{left: 0}
.arrow.right{right: 0}


.float-div{position: relative;z-index: 10}
.navigate{color: white;font-size: 35px;text-transform: uppercase;text-align: center;position: absolute;left: 0;bottom: -4px;z-index: 1;width: 100%;height: 100px;}
.navigate .cont{position: relative;/*height: 120px*/;margin-top: 10px}
.navigate .cont:before{/*width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: .4;content: '';background: black;*/ /* For browsers that do not support gradients */background: -webkit-linear-gradient(transparent,black); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(transparent,black); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(transparent,black); /* For Firefox 3.6 to 15 */background: linear-gradient(transparent,black); /* Standard syntax */}
.navigate i{font-size: 40px;margin-top: 10px;margin-bottom: 20px;color: #D7BF70}
.navigate i, .body-header .navigate p{position: relative;;z-index: 2}
.body-header .filters-head{width: 75%;max-width: 270px;z-index: 2}
.body-header .filters-head .cont-white{background: white;padding: 30px;min-width: 260px!important}
.body-header .filters-head .cont-white {color: #1C4C62;text-transform: uppercase;font-size: 14px}
.body-header .filters-head .cont-white .booking{text-align: center;font-size: 20px;margin-bottom: 30px;line-height: 20px}
.body-header .filters-head .cont-white .booking strong{font-weight: bold;font-family: nunito-b}
.body-header .filters-head .cont-white div{margin-bottom: 5px}
.body-header .filters-head .cont-white input{border: 1px solid #18A4C8;height: 15px;padding: 5px;color: #18A4C8;margin-top: 15px}
.body-header .filters-head .cont-white md-datepicker{background: transparent;margin: 0px;margin-top: 5px}
.body-header .filters-head .cont-white md-datepicker .md-button:first-child{display: none;}
.body-header .filters-head .cont-white md-datepicker .md-datepicker-input-container{margin: 0px}
.body-header .filters-head .cont-white md-datepicker .md-datepicker-input{color: #1C4C62}
.body-header .filters-head .cont-white md-datepicker .md-datepicker-triangle-button .md-datepicker-expand-triangle{border-top-color: #1C4C62}
.body-header .filters-head .cont-white md-select{margin: 0px;border: 1px solid #1C4C62; padding: 0 5px;width: 72px}
.body-header .filters-head .cont-white span{width: 30px}
.body-header .filters-head .cont-white ._md-select-icon{width: 20px}
.body-header .filters-head .cont-white md-select ._md-select-value{border-color: transparent!important}
.body-header .filters-head .cont-white md-select ._md-select-value span{text-align: center;}
.body-header .filters-head .cont-blue{padding: 15px;background: #1C4C62;color: white;text-transform: uppercase;text-align: center;font-size: 20px;font-family: nunito-b;min-width: 260px}

.about{padding: 50px 0;position: relative;display: flex;flex-direction: row;justify-content: center;}
.about .text{text-align: justify;font-size: 16px;margin-top: 30px}
#home .about .text{text-align: center;}
.about .button-action{margin: 70px 0;display: flex;width: auto;}
.about .icons-container i{margin-left: 0;margin-right: 20px;color: #1C4C62}

.trip-adv{position: relative;}
.trip-adv img{width: 90%;max-width: 200px}
.trip-adv a{position: absolute;z-index: 10;left: 0;top: 0;width: 1000%;height: 1000%;opacity: 0}

.about .galery{position: relative;z-index: 10}
.about .galery .galery-head{color: #B46499;margin-bottom: 10px}
.about .galery .galery-head p{font-size: 18px;text-transform: uppercase;margin: 0 10px;font-weight: bold;color: #1d2939}
.about .galery .galery-head i{font-size: 30px;cursor: pointer;color: #1d2939}
.about .galery .galery-images .image{}
.about .galery .galery-images img{width: 100%;border: white 3px solid;height: 150px;object-fit: cover;}
.about .galery .owl-theme .owl-controls .owl-pagination{display: none!important}

.lido-box{padding: 150px 0;position: relative;background-attachment: fixed;;}
.lido-box.eventos{padding: 130px 0;background-size: cover;position: relative;background-attachment: fixed;}
.lido-box .lido-cont{background: white;overflow: hiddentransition: all ease-in-out 1s;min-height: 440px}
.lido-box .lido-effect{padding: 30px;;transition: all ease-in-out .5s;opacity: 1}
.lido-box .lido-cont .lido-head{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.lido-box .lido-cont .lido-head i{color: #93C73E;font-size: 140px;}
.lido-box .lido-cont .lido-head h2{text-transform: uppercase;font-size: 40px;text-align: center;}
.lido-box .lido-cont h2{text-align: center;font-size: 18px;;text-align: center;margin: 0 auto;font-size: 14px;color: white;font-weight: bold;}
.lido-box .lido-cont h2{position: relative;z-index: 2;font-size: 35px;text-align: center;font-family: Champagne;text-transform: capitalize;font-weight: bold;}
.lido-box .lido-cont .text{text-align: center;font-size: 15px;margin-bottom: 20px;text-align: justify;max-width: 700px;margin: 0 auto;margin-bottom: 30px}
.lido-box .lido-cont .web{text-align: center;margin-top: 30px;font-size: 16px;font-family: nunito-b}

.ul.amenidad{width: 50%;padding: 0 5px;box-sizing: border-box;}

.lido-box{position: relative;}
.lido-box:after{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;content: ''}
.lido-box .lido-cont{background: transparent;position: relative;z-index: 10}
.lido-box .lido-cont .lido-head i{color: #bfdd9e}
.lido-box .lido-cont .lido-head h2{color: white!important}
.lido-box .lido-cont .text{color: white;font-size: 18px;text-align: center;margin-top: 20px;}

.gray-container{background: #f6f6f6;padding: 50px 0;position: relative;}

.body-header .owl-carousel .owl-wrapper, .owl-carousel .owl-item{height: 100%}
/*.testimonios .owl-carousel .owl-wrapper, .owl-carousel .owl-item{height: inherit;}*/

.slider-testimonios{flex-grow: 1;opacity: 1;display: block;max-width: 1000px;overflow: hidden;margin: 0 auto;}

.testimonios{padding: 30px 0 }
.testimonios i{color: #1C4C62;}
.testimonios img{width: 100px;height: 100px;border-radius: 50%;margin: 0 auto;margin-bottom: 15px}
.testimonios i.icon-tripadvisor{font-size: 80px;margin: 0 auto;margin-bottom: 15px}
.testimonios h1{color: #1C4C62;font-size: 30px;text-align: center;margin: 5px 0}
.testimonios .stars i{font-size: 20px;color: #DDBB71;margin: 5px 0}
.testimonios .date{color: #1C4C62;text-align: center;margin: 5px 0;font-family: nunito-b}
.testimonios .description{text-align: center;font-size: 14px;margin: 25px auto;max-width: 700px}
.testimonios .user{font-family: nunito-b;font-size: 14px;text-align: center;}
.testimonios .arrow-testimonios{padding: 10px;margin-top: 5%;display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;}
.testimonios .arrow-testimonios i{font-size: 200px;cursor: pointer;}

.testimonios .owl-controls{display: none!important}
.testimonios .item{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: }

#testimonios .testimonios{background: #F1F1F1;margin: 10px 0}

.image-footer{position: relative;}
.image-footer.home{height: 450px;background: url(../img/footer.jpg);background-position: center;background-attachment: fixed;background-size: cover;}
.image-footer.about{height: 450px;background: url(../img/Colibri-041.jpg);;background-position: center;background-attachment: fixed;background-size: cover;}

.lido-scroll{transition: all ease-in-out .5s}

.great-image{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;visibility: hidden;overflow: hidden;opacity: 0;transition: all ease-in-out .3s}
.great-image .cont{position: relative;z-index: 2;position: relative;max-width: 800px;}
.great-image .cont .arrows{position: absolute;width: 50px;height: 50px;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.great-image .cont .arrows i{color: black;font-size: 25px}
.great-image .cont .arrows.arrows-left{left: -50px;top: 45%}
.great-image .cont .arrows.arrows-right{right: -50px;top: 45%}
.great-image img{width: 90%;max-width: 1000px;max-height: 90vh;object-fit: cover;}
.galeri-image{opacity: 0;margin-top: 80%;transition: all ease-in-out .4s}

.galery-item{cursor: pointer;}

.close-image{position: absolute;left: 0;right: 0;width: 100%;height: 100%;background:black;opacity: .8}

.TA_certificateOfExcellence ul{padding: 0}
.TA_certificateOfExcellence img{width: 90%;max-width: 200px;margin: 0 auto;margin-bottom: 20px}

.float-div{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}

.slider-home{position: absolute;left: 0;top: 0;width: 100%;opacity: 1!important;height: 100%}
.slider-home .item{text-align: center;height: 100%;background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;}

.owl-wrapper-outer{height: 100%}

/*Home*/

/*Hotel*/

.about .images{padding: 20px 0;position: relative;z-index: 2}
.about .images .image {padding: 15px 6px;position: relative;}
.about .images .image img{height: 320px}
.about .images .image .cont{height: 300px;margin-bottom: 10px;background-size: cover!important;background-position: center!important}
.about .images .image:nth-child(1) .cont{background: url(../img/Lido_00007.jpg);}
/*.about .images .image:nth-child(2) .cont{background: url(../img/1420562838-8-Blue_Lobster.jpg);}
.about .images .image:nth-child(3) .cont{background: url(../img/Top-Nightclubs-in-Playa-del-Carmen.jpg);}
.about .images .image:nth-child(4) .cont{background: url(../img/fotos/2-53.jpg);}
.about .images .image:nth-child(5) .cont{background: url(../img/fotos/27.jpg);}
.about .images .image:nth-child(6) .cont{background: url(../img/maxresdefault.jpg);}*/
.about .images .image h3{color: #1C4C62;text-transform: uppercase;text-align: center;font-size: 22px}

.about .images .image .info{position: absolute;top: 40px;left: 0;right: 0;margin: 0 auto;width: 80%;background: white;padding: 10px 20px;max-width: 400px;z-index: 2;visibility: hidden;opacity: 0;transition: ease-in-out .5s all }
.about .images .image .info .line{height: 1px;background: #1C4C62;width: 80px;margin: 0 auto;margin-top: 5px;margin-bottom: 25px}
.about .images .image .info .place{margin-bottom: 15px;}
.about .images .image .info .place h5{margin-bottom: 6px;text-transform: uppercase;font-size: 13px;text-align: left;}
.about .images .image .info .place p{color: #1C4C62;margin-bottom: 5px;font-size: 12px}

.about .images .image:hover .info{visibility: visible;opacity: 1}

.icons-about{margin-top: 20px}
.icons-about .icon-about{margin:  10px 0}
.icons-about .icon-about .cont{width: 120px;height: 120px;background: #1C4C62;border-radius: 50%;margin: 0 auto}
.icons-about .icon-about .cont i{color: white;font-size: 60px;}
.icons-about .icon-about h3{color: #1C4C62;text-transform: uppercase;margin-top: 12px;text-align: center;font-size: 13px;font-family: nunito-l}
#hotel h1{color: #1C4C62!important}
.navigate{bottom: 15px}

/*Hotel*/

/*Rooms*/

#the-rooms .rooms-cont:last-child i.icon-arrow{display: none}

.rooms-cont{/*padding: 70px 0 130px 0;*/background-size: cover!important;background-position: center!important;text-align: center;}
/*
.rooms-cont.suites{background: url(../img/fotos/22.jpg);}
.rooms-cont.rooms{background: url(../img/fotos/16.jpg);}
.rooms-cont.rooms2{background: url(../img/fotos/8.jpg);}
*/
.rooms-cont .gallery{display: none!important;}
.rooms-cont .gallery-item{display: none!important;}

.room .info{flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;}
.rooms-cont .home-loop, .rooms-cont .individual-loop {display: none}

.rooms-cont{position: relative;margin: 10px 0;min-height: inherit!important;}

.rooms-cont .max-widht{position: relative;z-index: 2}
.rooms-cont .stars{margin-bottom: 15px;display: none}
.rooms-cont .stars i{margin: 5px;color:white;font-size: 20px;}
.rooms-cont .title{color: white; margin-bottom: 15px;font-family: Champagne-b;; text-transform: uppercase; font-size: 35px}
.rooms-cont .line{margin-bottom: 25px;width: 100px;height: 2px; background: #1C4C62}
.rooms-cont .description{color: #002060; text-align: center;margin-bottom: 25px;font-size: 18px;max-width: 600px}
.rooms-cont .arrow-room{color: white;font-size: 60px;cursor: pointer;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 7%;z-index: 2}



.rooms-cont .owl-theme .owl-controls {margin-top: 10px;text-align: center;position: absolute;right: 0!important;top: 50%;transform: rotate(90deg);}

.rooms-cont .owl-theme .owl-controls .owl-page span{margin: 3px;background: white;border: 2px solid white;opacity: 1;width: 7px;height: 7px}
.rooms-cont .owl-theme .owl-controls .owl-page.active span{background: transparent;}

.room{background: white;position: relative;margin: 40px 0;z-index: 2}
.breaks{margin: 0 auto;font-family: nunito-b;color: #1C4C62;font-size: 15px;text-transform: uppercase;bottom: 5px;text-align: center;margin-top: 15px}
.room .image{overflow: hidden;width: 30%}
/*.room .image img{-webkit-transform: scale(1.2);transform: scale(1.2);}*/
.room .owl-controls{display: none!important}
.room .item{height: 300px;background-size: cover !important;position: relative;}
.room .item img{width: 100%;height: 100%;object-fit: cover;}
.room .item a{width: 100%;height: 100%;display: flex;position: absolute;left: 0;top: 0;z-index: 10}
.room .info{padding: 25px}
.room .info .room-head{margin-bottom: 10px;color: #1C4C62;font-weight: bold;flex-direction: row;display: flex;align-items: center;align-content: center;max-width: 100%;}
.room .info .room-head i{font-size: 40px;margin-right: 15px;color: #E5CF86}
.room .info .room-head h1{font-size: 14px;padding-right: 10px;border-right: 3px solid #1C4C62;margin-right: 10px;text-transform: uppercase;font-family: nunito-b}
.room .info .room-head h2{font-size: 14px;padding-right: 10px;border-right: 3px solid #1C4C62;margin-right: 10px;text-transform: uppercase;font-family: nunito-b;text-align: left;}
.room .info .room-head p{font-size: 12px;text-transform: uppercase;} 
.room .info .description{text-align: left;font-weight: bold;max-width: 100%;font-family: nunito-b}
.room .info .details{text-align: left;font-size: 11px;margin-top: 25px;padding: 0;margin-left: 14px;flex-wrap: wrap;flex-direction: row;box-sizing: border-box;display: flex;align-items: center;align-content: center;max-width: 100%;justify-content: space-between;}
li.none{display: none}
.room .gallery{display: none!important}
.room .gallery-item{display: none!important;}
.room .price{font-size: 27px;text-align: center;text-transform: uppercase;padding: 25px 10px;position: relative;w}
.room .price .from{padding: 25px 0;border-left: 1px solid black}
.room .price .from small{font-size: 12px}
.room .price{color: #E8DAB3}
.room .price strong{font-size: 30px;font-family: nunito-b;color: #1C4C62}
.room .price .button-action{border: 2px solid #E8DAB3;z-index: 100;margin: 0 auto;padding: 10px;border-radius: 10px;width: 90%;max-width: 300px;background: #E8DAB3}
.room .price .button-action p{font-family: nunito-b}

.room .price .button-action.bookin{margin-bottom: 10px;background: #1C4C62}

.room .info .details li{color: #1C4C62;flex: 45%;}
.room .info .details li::first-letter {
    text-transform: uppercase;
}

.facilities-list ul li::first-letter {
    text-transform: uppercase;
}

.price.home-loop{display: flex;flex-direction: column;justify-content: center;align-items: stretch;width: 20%;box-sizing: border-box;}

.titles .title h1.prices{color: #1C4C62;font-family: Champagne}
.titles p.description{color: #1C4C62;text-transform: none;}

.room .price .from i{font-size: 80px;color: #1C4C62}

.room .rooms-loop, .room .individual-loop{display: none}
#individual .individual-loop{display: inherit;}

#individual .sbw{display: inherit;}
#individual .gallery-item{display: none}

.individual-room .rooms-loop, .individual-room .home-loop{display: none;}
.individual-room .gallery-item{display: none!important;}

#wpadminbar{display: none!important}

.individual-room .image-room{}
.individual-room .image-room img{width: 100%;height: 90vh;object-fit: cover}
.individual-room .room .info .description{margin-bottom: 40px}
.individual-room .room .info .description p{font-family: nunito-l;font-weight: initial;}
.individual-room .room .price .button-action{position: initial;background: #1C4C62}
.individual-room .room .price .from{padding: 25px 0;border-left: none}
.individual-room .galery img{padding: 3px;max-height: 300px;min-height: 200px;object-fit: cover;}
.individual-room .galery .image img{width: 100%}

.facilities{background: #F1F1F1;padding: 30px 0;color: #1C4C62}
.facilities h3{text-transform: uppercase;font-size: 20px;position: relative;padding: 10px 0}
.facilities h3:after{position: absolute;content: '';bottom: 0;left: 0;width: 50%;height: 3px;background: #1C4C62;}
.facilities-list{margin-top: 30px}
.facilities-list ul{padding-left: 10px}
.facilities-list ul li{font-size: 15px}

.individual-filters{padding: 40px 0;color: #18A4C8}
.individual-filters h3{font-size: 22px;line-height: 18px;text-transform: uppercase;margin-bottom: 20px}
.individual-filters h3 strong{font-family: nunito-b}
.individual-filters .content{margin: 30px 0}
.individual-filters .cont{margin: 5px 10px}
.individual-filters .cont p{text-transform: uppercase;font-size: 12px}
.individual-filters .cont md-select{margin:0 15px;border: 1px solid #18A4C8;}
.individual-filters .cont ._md-select-icon{width: 20px}
.individual-filters .cont md-select ._md-select-value{border-color: transparent!important}
.individual-filters .cont md-select ._md-select-value span{text-align: center;}
.individual-filters .cont input{border: 1px solid #18A4C8;height: 21px;padding: 5px;color: #18A4C8}
.individual-filters .button-action{background: #18A4C8;padding: 10px 35px;color: white}
.individual-filters .button-action .action{font-size: 22px;font-family: nunito-b;}

/*Rooms*/

#offers{display: flex;flex-direction: row;justify-content: center;align-items: center;}
#offers .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#offers .cont .oferta{display: flex;flex-direction: row;justify-content: center;align-items: center;}
#offers .cont .oferta.big{width: 100%;margin-bottom: 80px;}
#offers .cont .oferta.medium{width: 45%;margin-bottom: 20px}
#offers .cont .oferta img{width: 100%;object-fit: cover;max-height: 550px}

/*Location*/

#mapa_div{height: 500px}

.datos{padding: 20px 0;position: relative;}
.datos.gray{background: #F1F1F1}
.datos .cont{margin: 5px 0;max-width: 600px;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.datos .titles{margin-bottom: 25px}
.datos .cont i{color: #1C4C62;margin-right: 15px;font-size: 50px;display: none}
.datos .cont p{font-size: 16px;text-align: center;margin-bottom: 10px}

.arrive{padding: 50px 0}
.arrive .cont{margin: 7px 0;background: #F1F1F1;padding: 8px 0}
.arrive .cont div{color: #1C4C62;margin: 5px 0}
.arrive .cont i{margin-right: 20px;font-size: 40px;}
.arrive .cont .title{text-transform: uppercase;text-align: center;font-size: 18px}
.arrive .cont .text{text-align: justify;font-size: 12px;margin: 5px 0}

/* .about .images .image:nth-child(1) .cont{background: url(../img/Lido_00007.jpg);}*/
/* .about .images .image:nth-child(2) .cont{background: url(../img/thmf4-9yzlh.png);}*/
/* .about .images .image:nth-child(3) .cont{background: url(../img/SCUBASHOP.jpg);}*/
/* .about .images .image:nth-child(4) .cont{background: url(../img/2-53.jpg);}*/
/* .about .images .image:nth-child(5) .cont{background: url(../img/Money-exchange-playa-del-carmen.jpg);}*/
/* .about .images .image:nth-child(6) .cont{background: url(../img/MUELLE-PIER.jpg);}*/
/* .about .images .image:nth-child(7) .cont{background: url(../img/ADO-Playa.jpg);}*/
/* .about .images .image:nth-child(8) .cont{background: url(../img/bl-cancun.png);}*/

#location .places{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;padding: 40px 10px;box-sizing: border-box;}
#location .places h1{width: 90%;max-width: 1200px;text-align: center;text-transform: uppercase;margin-bottom: 10px;font-family: Champagne;font-size: 40px;color: #1C4C62}
#location .places p.subtitle{margin-bottom: 10px;;text-align: center;font-size: 30px;color: #1C4C62}
#location .places p.description{margin-bottom: 20px;;text-align: center;color: #1C4C62;font-size: 16px;max-width: 1000px}
#location .places .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: column;}
#location .places .cont h5.subti{width: 100%;text-align: left;text-transform: uppercase;margin-bottom: 20px;font-family: Champagne;font-size: 22px;color: #1C4C62}
#location .places .cont .box-place{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 20px;flex-wrap: wrap;}
#location .places .cont .box-place .img{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 60%}
#location .places .cont .box-place .img img{width: 100%;object-fit: cover;height: 450px}
#location .places .cont .box-place .info{width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
#location .places .cont .box-place .info h3{font-size: 35px;text-align: center;color: #1C4C62;font-family: Champagne;text-transform: uppercase;font-weight: bold;margin-bottom: 30px}
#location .places .cont .box-place .info .place{width: 90%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;margin-bottom: 20px;}
#location .places .cont .box-place .info .place h5{text-align: center;font-size: 20px;margin-bottom: 10px;}
#location .places .cont .box-place .info .place p{text-align: center;font-size: 16px}


#location .places .cont .box-place .info a{padding: 15px 30px;border-radius: 10px;background: #1C4C62;border: 2px solid #1C4C62;transition: all ease-in-out .5s;margin-top: 20px}
#location .places .cont .box-place .info a span{color: #E8DAB3;transition: all ease-in-out .5s;font-size: 20px;font-family: Champagne;text-transform: uppercase;}

#location .places .cont .box-place .info a:hover{background: transparent;}

#location .places .cont .box-place .info a.dorado{padding: 15px 30px;border-radius: 10px;background: #E8DAB3;border: 2px solid #E8DAB3;transition: all ease-in-out .5s;margin-top: 20px}
#location .places .cont .box-place .info a.dorado span{color: #1C4C62;transition: all ease-in-out .5s;font-size: 20px;font-family: Champagne;text-transform: uppercase;}

#location .places .cont .box-place .info a.dorado:hover{background: transparent;}

.rooms-cont  #location .places .cont{width: 100%}
.rooms-cont  #location .places .cont .box-place .info h3{font-size: 30px}
.rooms-cont  #location .places .cont .box-place .img{width: 45%}
.rooms-cont  #location .places .cont .box-place .info{width: 55%;padding: 0 15px;box-sizing: border-box;}
.rooms-cont  #location .places .cont .box-place .info .place p{text-align: left;width: 100%}
.rooms-cont  #location .places .cont .box-place .info .buttons{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.rooms-cont  #location .places .cont .box-place .info .buttons a{margin: 8px}

/*Blog*/

.head-blog{height: 400px;background: url(../img/fotos/64.jpg);background-size: cover!important;color: white;background-position: center;position: relative;}
.head-blog.reviews{background: url(../img/fotos/53.jpg);background-size: cover;color: white;background-position: center;position: relative;}
.head-blog.individual{background: url(../img/fotos/58.jpg);background-size: cover;background-position: center}
.head-blog:after{position: absolute;left: 0;;top: 0;content: '';width: 100%;height: 100%;background: black;opacity: .5}
.head-blog.individual:after{display: none}
.head-blog .cont{position: relative;z-index: 2}
.head-blog h3{font-size: 35px;padding: 3px 5px;margin-bottom: 10px;font-family: nunito-b;border-bottom: 3px solid #E8DAB3;text-transform: uppercase;}
.head-blog p{max-width: 315px;text-align: center;font-size: 12px}
.head-blog i{font-size: 90px}

.posts{padding: 70px 0}

.post-blog{padding: 10px 0;}
.post-blog .titles .title a{color: #1C4C62;}
.post-blog .titles .title h1{font-size: 20px;color: #142A42}
.post-blog .titles .title img{width: 62px;}
.post-blog .titles p{font-size: 11px}
.post-blog .image{margin-top: 15px;max-height: 400px}
.post-blog .description{text-align: justify;;margin: 15px 0;font-size: 14px;}
.post-blog .button-action{background: #1C4C62;margin-top: 20px;border: 1px solid #1C4C62;}
.post-blog .button-action p{font-family: nunito-b}
.post-blog .description img{max-height: 330px;border:none!important;margin: 15px 0}

.recent-title{text-transform: uppercase;color: #612B7F;font-family: nunito-b;margin: 20px 0 15px 0;text-align: left;font-size: 25px}
.recent-title.line{padding-bottom: 5px;border-bottom: 1px solid #612B7F}

.recent-cont{background: #F1F1F1}

.recent-post{padding: 10px}
.recent-post .image{margin-right: 9px;height: 120px}
.recent-post .title{color: #1C4C62;margin-bottom: 5px;text-transform: uppercase;font-size: 12px;text-align: left;}
.recent-post .date{font-family: nunito-b;font-size: 12px;text-align: left;}
.recent-post .description{margin-top: 15px;text-align: justify;}


.archives p{color: #1C4C62;font-size: 18px; margin-bottom: 7px}
.archives li{list-style-type: none;font-size: 18px; margin-bottom: 7px}
.archives li a{color: #1C4C62}

.tags span {padding: 2px;}
.tags span a {background: #F1F1F1;color: #1C4C62;text-align: center;font-size: 16px;padding: 8px 0}
.tags span a:hover{color:  #1C4C62;}

.pagination{margin-top: 50px}
.pagination .page-numbers{color: #1C4C62;border: 1px solid #1C4C62;padding: 7px 15px;font-size: 18px;text-transform: uppercase;}
.pagination .page-numbers:hover{background: #1C4C62;color: white}
.pagination .page-numbers:first-child{border-right: none}
.pagination .page-numbers:last-child{border-left: none;color: #1C4C62;font-size: 18px; margin-bottom: 7px}

/*Blog*/

/*Contact*/

.head-contact{height: 540px;background: url(../img/fotos/7.jpg);background-size: cover;background-attachment: fixed}

.titles .sub-contact{font-size: 14px;font-family: nunito-l;text-transform: none;text-align: center;}

#contact .datos{padding: 15px;margin: 15px}

.contact-form{padding: 30px 0;}
.contact-form h3{color: #1C4C62;font-family: nunito-b;text-align: left;font-size: 25px;margin-bottom: 15px;text-transform: uppercase;}
.contact-form .cont{padding: 6px 0}
.contact-form .text{color: #1C4C62;margin-bottom: 3px;text-transform: uppercase;font-size: 14px}
.contact-form .input{border:1px solid #1C4C62;padding: 15px 5px}
.contact-form textarea{height: 200px;}
.contact-form .mandatory{margin-top: 20px;font-size: 14px;color: #1C4C62}
.contact-form .button-action{background: #1C4C62;margin-top: 10px;border: 1px solid #1C4C62}
.contact-form .button-action p{font-family: nunito-b}

/*Contact*/

/*Footer*/

.footer .purple-section{background: #FFFFFF;padding: 10px 5px;}
.footer .purple-section .logo-footer img{max-width: 400px;width: 90%}
.footer .purple-section .dates div:first-child{margin-right: 30px}
.footer .purple-section .dates p{color: #1C4C62;font-size: 13px;font-weight: bold;}
.footer .purple-section .dates p span{border-bottom: 1px solid #1C4C62; padding-bottom: 1px}

.footer .instagram a{background-size: cover!important;background-position: center}
.footer .instagram a div{height: 150px;position: relative;opacity: 0;transition: all ease-in-out .5s}
.footer .instagram a div:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: #D9C580;}
.footer .instagram a:hover div{opacity: 1}
.footer .instagram a div i{color: white;font-size: 50px;position: relative;z-index: 2}

.footer {background: #FFFFFF; padding: 60px 0;font-family: nunito-b}
.footer  .title{color: #1C4C62;text-align: center;text-transform: uppercase;margin-bottom: 30px;font-size: 35px;margin-top: 10px;cursor: pointer;font-family: Champagne}
/*.footer .gray-section form{margin-bottom: 10px}
.footer .gray-section input{padding: 5px;color: white;border: none;border-bottom: 2px solid white;margin-right: 10px;background: transparent;width: 100%;max-width: 200px}
.footer .gray-section input::-webkit-input-placeholder{color: white;font-family: nunito-b}
.footer .gray-section input:-moz-placeholder{color: white;font-family: nunito-b}
.footer .gray-section input::-moz-placeholder{color: white-family: nunito-b}
.footer .gray-section input:-ms-input-placeholder {color: #1C4C62;font-family: nunito-b}
/*.footer .gray-section button{padding: 10px 25px;color: white;text-transform: uppercase;font-size: 18px;background: transparent;border: 1px solid #1C4C62;}*/
.footer  .text{color: #1C4C62;font-size: 13px;font-family: nunito-r;}
.footer  .text-2{color: #1C4C62;font-size: 15px;font-family: nunito-r;position: relative;}
.footer  .text-2 i{position: absolute;right: 40%;bottom: -20px}
.footer  .redes{color: #1C4C62;font-size: 35px;margin-right: 10px}

.footer .links-footer{padding: 40px 0;border-bottom: 2px solid #1C4C62;width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.footer .links-footer:last-child{padding: 0;border: none;margin-top: 40px}
.footer .links-footer a{border-right: 1px solid #1C4C62;text-transform: uppercase;font-size: 16px;padding: 0 30px;margin: 5px 0;color: #1C4C62;font-family: nunito-l}
.footer .links-footer a:last-child{border: none;padding-right: 0;}
.footer .links-footer a:first-child{padding-left: 0;}
.footer .links-footer a:hover{font-weight: bold;}
.footer .links-footer a .white{color: #1C4C62}
.footer .links-footer .copiright{color: #1C4C62}

.footer .purple-section .max-widht{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;}
.footer .redes img{width: 60px;margin-right: 0}

.terminosycon{display: flex;flex-direction: row;justify-content: center;align-items: center;}

/*Footer*/

.newssletter{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.newssletter h2{color: #1C4C62;text-align: left;font-size: 20px;text-transform: uppercase;}
.newssletter form{display: flex;flex-direction: row;justify-content: center;align-items: flex-end;margin: 10px 0;width: 90%;max-width: 400px}
.newssletter form input{flex: auto;background: transparent;color: #1C4C62;border: 0;border-bottom: 1px solid #1C4C62;padding: 5px;margin-right: 5px;font-size: 14px}
.newssletter form button{background: #1C4C62;padding: 20px 30px;border: 1px solid #1C4C62}
.newssletter form button span{color: white;text-align: center;text-transform: uppercase;font-size: 18px;}
.newssletter p{color: #1C4C62;text-align: left;font-size: 15px}
.newssletter form button:hover{background: transparent;}
.newssletter form button:hover span{color: #1C4C62}

.newssletter form input::-webkit-input-placeholder{color: #1C4C62;opacity: 1;font-size: 14px}
.newssletter form input:-moz-placeholder{color: #1C4C62;opacity: 1;font-size: 14px}
.newssletter form input::-moz-placeholder{color: #1C4C62;opacity: 1;font-size: 14px}
.newssletter form input:-ms-input-placeholder {color: #1C4C62;opacity: 1;font-size: 14px}

.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 50;background: rgba(0,0,0,0.5);}


.organizate{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 50px 0;padding-bottom: 90px}
.organizate .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.organizate .cont .img{width: 60%;display: flex;flex-direction: row;justify-content: center;position: relative;align-items: center;}
.organizate .cont .img img{width: 100%;min-height: 500px;object-fit: cover;}
.organizate .cont .img  .info{width: 600px;padding: 30px;box-sizing: border-box;background: #CEBCA4;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;position: absolute;right: -50%;top: 20%;}
.organizate .cont .img  .info h2{color: #1C4C62;font-size: 30px;font-family: Champagne;text-align: left;margin-bottom: 20px;text-transform: uppercase;}
.organizate .cont .img  .info p{color: white;font-size: 18px;text-align: left;margin-bottom: 20px;line-height: 25px;}
.organizate .cont .img  .info a{padding: 15px 30px;border-radius: 20px;background: #1C4C62;border: 2px solid #1C4C62;transition: all ease-in-out .5s;margin-top: 10px}
.organizate .cont .img  .info a span{color: #E8DAB3;transition: all ease-in-out .5s;font-size: 16px;font-family: Champagne;text-transform: uppercase;}

.organizate .cont .img  .info a:hover{background: transparent;}
.organizate .cont .img  .info a:hover span{color: #1C4C62}

.movil2{display: none;}

  .footer .purple-section .max-widht {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

@media(min-width: 1401px){
    /*.body-header{height: 900px}*/
    #sbw_widget_1{width:800px!important}

}

@media(min-width: 1401px){
    .max-widht{max-width: 1400px!important;width: 90%}
    .max-widht1{max-width: 1300px!important;width: 90%}
    .max-widht2{max-width: 1100px!important;width: 90%}
    .max-widht3{max-width: 900px!important;width: 90%}
    .max-widht4{max-width: 700px!important;width: 90%}
    .max-widht5{max-width: 600px!important;width: 90%}

}

@media(max-width: 1400px){
    .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%}
}
.open-menu{display: none;}
.open-menu i{color: #1C4C62;
font-size: 30px;}

@media(max-width: 1164px){
    .header-white img.logo{max-width: 150px}
    .header .links{position: fixed;left: -100%;top: 0;z-index: 1000000;flex-direction: column;height: 100vh;background: white;width: 50%;justify-content: start;align-items: center;}
    .header-white .idioma{flex-direction: column;}
    .open-menu{display: flex;}

    .movil2{display: inherit;}



    .link-hover-b:before{display: none!important}

    .droopdown{margin: 10px 0px;margin-bottom: 20px}
    
    .header-white .max-widht, .header-white .max-widht a{justify-content: space-between;align-items: center;align-content: center;display: flex;}
    .header-white{order: 1;display: flex;}
    .header-purple{order: 2;display: flex;}
    .pc2{display: none!important}
    .movil2{display: flex;}

    #location .places .cont .box-place .info h3{font-size: 30px}
}

@media(max-width: 1164px){
    .header-white img.logo{max-width: 220px}
}

@media(max-width: 960px){
    .room .price .from{border: none;}

    .recent-post .image{margin-right: 0px;height: 200px}

    .header-purple .redes a i.icon-search{margin: 0}

    .lido-box .cont .lido-head i{font-size: 120px;}
    .lido-box .cont .lido-head p{font-size: 40px;}

    .head-contact{height: 400px}
}

@media(max-width: 959px){
    .breaks{bottom: 150px}
}

@media(max-width: 900px){
    .room .image{width: 100%;}
    
    .room .info{width: 70%;max-width: inherit;}
    .price.home-loop{width: 30%}

    #location .places .cont .box-place .img{width: 100%;margin-bottom: 30px}
    #location .places .cont .box-place .info{width: 100%}
    .rooms-cont  #location .places .cont .box-place .img{width: 100%}
.rooms-cont  #location .places .cont .box-place .info{width: 100%}

    .organizate .cont .img{width: 100%;}
    
    .organizate .cont .img .info{width: 85%;right: 0;justify-content: center;align-items: center;align-content: center;padding: 20px 15px;top: 50%}
    .organizate .cont .img  .info h2{text-align: left;font-size: 25px}
    .organizate .cont .img  .info p{text-align: left;font-size: 15px}
    

    .organizate{padding-bottom: 140px}
}

@media(max-width: 710px){

    .room .info .room-head, .room .info .description {justify-content: center;align-items: center;display: flex;flex-direction: row;width: 100%;max-width: inherit}
    .room .info .description p{text-align: center;}
    .room .info,
    .price.home-loop{width: 100%;}
    .room .info .details li{width: inherit;text-align: center;list-style: none;}
    .content-modals img{width: 85%}
    .titles .title h1{font-size: 26px}
    .titles p{font-size: 14px}
    .breaks {bottom: 190px;}

    .purple-section .container-between-row{flex-direction: column;}
    .purple-section .container-between-row .dates{margin: 20px 0}
    .footer .links-footer{flex-direction: column;;justify-content: center;align-items: center;align-content: center;}
    .footer .links-footer a{text-align: center;border: 0px;padding: 0px}

    

    .testimonios h1{font-size: 25px;}
    .testimonios .description{font-size: 15px;}
    
    .lido-box .cont .lido-head i{font-size: 110px;}
    .lido-box .cont .lido-head p{font-size: 30px;}
    
    .room .info .room-head i{font-size: 30px}
    .room .info{padding: 20px}
    
    .room .info .room-head p{font-size: 13px}

    .head-contact{height: 300px}

    .mensaje-cupon{font-size: 20px}

    .room.container-stretch-row{flex-direction: column;}
    .room .image{width: 100%}

    
    .lido-box,.image-footer.home,.image-footer.about,.body-header,.head-contact,.individual-room .image-room{background-attachment: inherit!important}

    #location .places .cont .box-place .img img{height: 300px}
    #offers{margin-top: 80px}
}
.movil{display: none!important}
@media(max-width: 610px){



    .lido-box{padding: 60px 0}

    #location .places h1{font-size: 30px;margin-top: 40px}
    #location .places p.subtitle{font-size: 20px;max-width: 265px}
    #location .places p.description{max-width: 98%;font-size: 15px}

    .contact-form{padding-top: 0px}

    #offers .cont .oferta.medium{width: 100%}

    .lido-box .lido-cont h2, #location .places .cont .box-place .info h3,.titles .title h2, .titles .title h2, .footer .title{font-size: 30px}

    #contact{margin-top: 50px}

    .great-image .cont .arrows.arrows-left{left: 30px;top: inherit;bottom: -70px}
    .great-image .cont .arrows.arrows-right{right: 30px;top: inherit;bottom: -70px}
    .titles .title img{display: none}
    .titles .title h1{font-size: 24px}
    .titles p{font-size: 10px}

    .footer .links-footer a{padding: 0 15px;font-size: 13px}

    .footer .instagram a div{height: 80px}

    .testimonios h1{font-size: 20px;}

    .image-shapes{display: none}

    body{padding-top: 83px}

    .lido-box .cont .lido-head i{font-size: 80px;}
    .lido-box br{display: none}
    .lido-box .cont .lido-head p{font-size: 30px;}

    .testimonios .arrow-testimonios i{font-size: 180px}

    .rooms-cont .title{font-size: 26px}

    .post-blog .image{height: 300px}

    .droopdown .droop-box .droop-content{left: inherit;right: -45px;}

    .selected{display: none}

    .recent-title{font-size: 20px}

    .individual-room .image-room{height: 250px;margin-top: 250px}

    .head-contact{height: 400px}

    .book span{font-size: 30px}

    .room .price .from{padding: 5px 0}
    .titles .sub-contact{margin-top: 15px}
    .pc{display: none!important}
    .movil{display: flex!important;}

    
    .lido-box .lido-effect{padding: 15px}

    .footer .purple-section .dates{margin: 20px 0}

    .footer .purple-section .dates div:first-child{margin: 0 ; margin-bottom: 10px}
    .footer .purple-section .dates p{text-align: center;}

    .body-header{justify-content: center;align-items: center;}

    .about .icons-container.container-center-row{flex-direction: column;}
    .about .icons-container i{font-size: 35px;margin: 7px}
    .about .icons-container ul{max-width: 294px}

    .footer .links-footer .copiright{text-align: center;}
    .footer .links-footer{flex-direction: column;justify-content: center;align-items: center;align-content: center;}

    .ul-amenidad{width: 100%}

    .title-h2{font-size: 25px}

    .float-div h1{font-size: 25px;margin-bottom: 5px;margin-top: 20%;max-width: 95%}
    .float-div p{font-size: 18px;max-width: 90%}

    .book{margin-top: 25px}
    .book span{font-size: 14px}

    .organizate{padding-bottom: 520px}
    .organizate .cont .img .info{left: 0;right: 0;margin: 0 auto;top: 90%}
    /*.rooms-cont  #location .places .cont .box-place .info .buttons{flex-direction: column;}*/

    #the-rooms{padding-top: 150px}
    .rooms-cont #location .places .cont .box-place .info .buttons a{padding: 15px}
    #location .places{padding: 20px 5px}
    .float-div h1 small{font-size: 31px!important}
    .arrow{padding: 5px;display: none!important;}

    .header-white img.logo{width: 100px}
    .header-white .logos{margin: 0 10px}
    .redes.movil i{font-size: 18px}
    .header-white .max-widht, .header-white .max-widht{justify-content: space-between;}
    /**.header{position: absolute!important;}**/
    .lido-box .lido-cont h2{font-size: 25px}

    
}

@media(max-width: 450px){
    .breaks {bottom: 40px;}
    .individual-room .image-room{height: 250px;margin-top: 300px}
    .footer .purple-section .max-widht{flex-direction: column;justify-content: center;align-items: center;}
}
.crt-post .crt-post-content-image img{height: 300px;object-fit: cover}

@-webkit-keyframes buzz {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


@-webkit-keyframes test {
  0% {
    background-image: url('../img/fotos/31.jpg');
  }
  50% {
    background-image: url('../img/fotos/67.jpg');
  }
  100% {
    background-image: url('../img/fotos/59.jpg');
  }
}

.animation-row {
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    margin-top: 2px ;
    opacity: 1 ;
    
  }
  5% {
    margin-top: 4px ;
    
  }
  10% {
    margin-top: 6px ;
    opacity: .9 ;
    
  }
  15% {
    margin-top: 8px ;
    
  }
  20% {
    margin-top: 10px ;
    opacity: .6 ;
  }
  25% {
    margin-top: 12px ;
    
  }
  30% {
    margin-top: 14px ;
    opacity: .4 ;
    
  }
  35% {
    margin-top: 16px ;
    
  }
  40% {
    margin-top: 18px ;
    opacity: .2 ;
  }
  45% {
    margin-top: 20px ;
    
  }
  50% {
    margin-top: 18px ;
    opacity: .0 ;
  }
  55% {
    margin-top: 16px ;
    opacity: .2 ;
  }
  60% {
    margin-top: 14px ;
    
  }
  65% {
    margin-top: 12px ;
    opacity: .4 ;
  }
  70% {
    margin-top: 10px ;
    
  }
  75% {
    margin-top: 8px ;
    opacity: .6 ;
  }
  80% {
    margin-top: 6px ;
    opacity: .8 ;
  }
  85% {
    margin-top: 4px ;
    
  }
  90% {
    margin-top: 2px ;
    opacity: 1 ;
  }
  95% {
    margin-top: 0px ;
    
  }
}