#menu {background-color: #14B1BB; padding: 0;box-sizing: border-box;}
body {background-color: #343A40;}
footer.page-footer {color: #FFF;}
.ui-to-top{line-height: 46px !important}

#contact-buttom{position: fixed;bottom: 20px;right: 20px;z-index: 9999;background: #24aa8c;color: #fff;border-radius: 50%;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 20px; transition: all .3s ease;}
#contact-buttom:hover{background: #14b1bb;font-size: 25px;}

#login input{padding: 0; margin: 0;}
#login {background: #FFF; padding: 40px; box-sizing: border-box; margin-top: 4%; display: inline-block; color: gray; width: 90%; max-width: 500px; min-width: 260px;border-radius: 10px; box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
#login .row {display: flex; flex-direction: row; margin: 0; padding: 0; vertical-align: middle;}
#login .row > div {width: 85%;}
#login .row >  span i {font-size: 18px; margin-left: 10px; line-height: 100%;}
#login input {height: 50px; line-height: 50px; border-width: 0; margin-bottom: 10px; padding: 0; display: inline-block;border-radius: 8px;}
#login input[type="text"], #login input[type="password"] {background: #E8E8E8; width: 102%; padding: 0 5%;}
#login input[type="submit"] {padding: 0; background: #00348B; color: #FFF; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: 100%;}
#login .mensaje_login {line-height: 32px;}
#login input[type="submit"]:hover {background: #0051D7; }

#contacto input{padding: 0; margin: 0;}
#contacto {background: #FFF; padding: 40px; box-sizing: border-box; margin-top: 4%; display: inline-block; color: gray; width: 90%; max-width: 900px; min-width: 500px;border-radius: 10px; box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
#contacto .row {display: flex; flex-direction: row; margin: 0; padding: 0; vertical-align: middle;}
#contacto .row > div {width: 100%;}
#contacto input, #contacto select {height: 50px; line-height: 50px; border-width: 0; margin-bottom: 10px; padding: 0; display: inline-block;border-radius: 8px;}
#contacto textarea {min-height: 120px; max-height: 350px; height: 200px; line-height: 50px; border-width: 0; margin-bottom: 10px; padding: 0; display: inline-block;border-radius: 8px;}
#contacto input[type="text"], #contacto input[type="email"]{background: #E8E8E8; width: 100%; padding: 0 20px;}
#contacto select {background: #E8E8E8; width: 100%; padding: 0 20px;}
#contacto textarea {background: #E8E8E8; width: 100%; padding: 0 20px;}
#contacto input[type="submit"] {padding: 0 150px; background: #00348B; color: #FFF; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: auto;}
#contacto .mensaje_contacto {line-height: 32px;}
#contacto input[type="submit"]:hover {background: #0051D7; }

.flex_container {display: flex; flex-direction: row;}
.row1, .row2 { margin-top: 0; padding-top: 0;}
.row1 { background-color: #F5FBFF; width: 20%; min-width: 280px; padding-right: 20px; box-sizing: border-box;}
.row2 {min-width: 80%}
.error {color: #D14836;}
.exito {color: #4BB549;}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.bold {font-weight: bold}
.uppercase {text-transform: uppercase}
.thumbnail-type-1 .caption-inner {overflow: hidden}
.page .text-accent {text-shadow: 2px 2px 10px #000;}

.logout {color: white; background-color: red; line-height: 40px; height: 40px; width: 40px; text-align: center; border-radius: 50%; position: fixed; z-index: 9999; top: 20px; right: 20px;}
@media (max-width: 512px) {
    .flex_container {flex-wrap: wrap;}
    .row1 {width: 100%;}
}

.skiptranslate {display: none;}
#google_translate_element {position: fixed; z-index: 999; top: 10px; right: 10px;}
#google_translate_element, #google_translate_element select {height: 22px; line-height: 18px !important; background-color: #14B1BB !important; color: #FFF !important; border-radius: 5px; margin: 0 !important; padding: 0 6px !important; border-width: 0px !important}
#google_translate_element .skiptranslate {display: inline-block !important; font-size: 0}
#google_translate_element .skiptranslate > div {height: 22px; line-height: 22px}
#google_translate_element select {width: 150px !important; font-size: 14px; border-width: 0}
#google_translate_element a {display: none; font-size: 0}
body {top: 0 !important}
.video-fondo{position: absolute; width: 100%; height: 100%; object-fit: cover;top: 0; left: 0;}
.swiper-button-prev.mdi.mdi-chevron-left.swiper-button-disabled, .swiper-button-next.mdi.mdi-chevron-right.swiper-button-disabled{display: none;}

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.c-edificios{
    	display: grid;
        grid-template-columns: 1fr 6fr;
        align-items: center;
        gap: 30px;
        margin-bottom: 50px
    }
    .c-edificios > div{
    	position: relative;
    }
    .c-edificios .cont-edificio-n-column{
    	display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 10%;
        height: 100%;
    }
    .c-edificios-edf-4n .cont-edificio-n-column{
    	display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 20%;
        height: 100%;
    }
    .c-edificios .cont-edificio-n{
    	display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
    }
    .c-edificios .cont-titulo-edificio{
    	position: absolute;
        width: 100%;
        display: flex;
        justify-content: space-around;
        text-align: center;
    }
    .c-edificios.p-vh .cont-titulo-edificio:last-child{
    	justify-content: space-between;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .c-edificios .column-2ocean{
    	justify-content: space-between;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .c-edificios .cont-titulo-edificio.column-c1{
    	top: 45%;
        left: 0;
    }
    .c-edificios.edf-4n .cont-titulo-edificio.column-c1{
    	top: 28%;
        left: 0;
    }
    .c-edificios.edf-4n .cont-titulo-edificio.column-c2{
    	top: 64%;
        left: 0;
    }
    .c-edificios.edf-3n.p-vh .cont-titulo-edificio.column-c1{
    	top: 29%;
        left: 0;
    }
    .c-edificios.edf-3n.p-vh .cont-titulo-edificio.column-c2{
    	top: 65%;
        left: 0;
    }
    .c-edificios .cont-edificio-n h3{
    	margin: 0;
        font-size: 120%;
        font-weight: 500;
    }
    .c-edificios .cont-titulo-edificio h3{
    	font-weight: 600;
        margin: 10px 0;
        font-size: 160%;
    }
    .c-edificios .cont-titulo-edificio h6{
    	letter-spacing: 5px;
        margin-bottom: 0;
        margin-top: 20px;
        font-size: 110%;
    }
    @media (max-width: 1200px) {
    	.c-edificios .cont-titulo-edificio h6{
            font-size: 90%;
        }
    }
    @media (max-width: 700px) {
    	.c-edificios .cont-titulo-edificio h3{
            font-size: 80%;
        }
        .c-edificios .cont-titulo-edificio h6{
            font-size: 45%;
            letter-spacing: 3px;
        }
        .c-edificios .cont-edificio-n h3{
            font-size: 80%;
        }
        .c-edificios .cont-titulo-edificio.column-c1{
            top: 42%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c1{
            top: 27%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c2{
            top: 63%;
        }
    }
    @media (max-width: 995px) {
    	.c-edificios .cont-titulo-edificio h3{
            font-size: 80%;
        }
        .c-edificios .cont-titulo-edificio h6{
            font-size: 45%;
            letter-spacing: 3px;
        }
        .c-edificios .cont-edificio-n h3{
            font-size: 80%;
        }
    }
    @media (max-width: 500px) {
    	.c-edificios .cont-titulo-edificio h3{
            font-size: 70%;
        }
        .c-edificios .cont-titulo-edificio h6{
            font-size: 30%;
        }
        .c-edificios .cont-edificio-n h3{
            font-size: 60%;
        }
        .c-edificios .cont-titulo-edificio.column-c1{
            top: 40%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c1{
            top: 26%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c2{
            top: 62%;
        }
    }
    @media (max-width: 430px) {
    	.c-edificios .cont-titulo-edificio h3{
            font-size: 60%;
        }
        .c-edificios .cont-titulo-edificio h6{
            font-size: 20%;
        }
        .c-edificios .cont-titulo-edificio.column-c1{
            top: 39%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c1{
            top: 25%;
        }
        .c-edificios.edf-4n .cont-titulo-edificio.column-c2{
            top: 61%;
        }
    }

.edificios-container{display: grid; grid-template-columns: 1fr 5fr; gap: 20px; align-items: center;}
.niveles-edificios-container{height: 50%; box-sizing: border-box; padding-bottom: 97.23px;}
.niveles-edificios{height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin: 0; font-size: 120%; font-weight: 500; text-transform: uppercase; box-sizing: border-box;}
.niveles-edificios-container:first-child .niveles-edificios{padding-bottom: 33px}
.niveles-edificios-container:last-child .niveles-edificios:last-child{padding-top: 13px;padding-bottom: 20px;}
.space-niveles{margin-top: 20px;}
.edificios-svg{display: grid; grid-template-columns: repeat(5, 1fr); text-align: center; gap: 25px;}
.edificio-container{border: 2px solid #000; padding: 0;}
.edificio-container > div{margin: 20px 0;}
.name-edificio{letter-spacing: 5px; margin-bottom: 0; margin-top: 20px; font-size: 110%; text-transform: uppercase;}
.name-edificio span{font-weight: 600; font-size: 160%;}

@media (max-width: 1200px) {
    .niveles-edificios {font-size: 90%;}
    .name-edificio {font-size: 100%;}
    .name-edificio span{font-size: 130%;}
    .niveles-edificios-container{padding-bottom: 78.2px;}
}
@media (max-width: 1000px) {
    .niveles-edificios {font-size: 70%;}
    .name-edificio {font-size: 70%;}
    .name-edificio span{font-size: 110%;}
    .niveles-edificios-container{padding-bottom: 49.9px;}
}
@media (max-width: 770px) {
    .niveles-edificios {font-size: 50%;}
    .niveles-edificios-container:first-child .niveles-edificios{padding-bottom: 23px}
    .niveles-edificios-container:last-child .niveles-edificios:last-child{padding-top: 13px;padding-bottom: 10px;}
    .name-edificio {margin-top:10px; letter-spacing: 4px; font-size: 50%;}
    .name-edificio span {font-size: 90%;}
    .niveles-edificios-container{padding-bottom: 30.23px;}
}
@media (max-width: 450px) {
    .niveles-edificios {font-size: 35%;}
    .niveles-edificios-container:first-child .niveles-edificios{padding-bottom: 18px}
    .niveles-edificios-container:last-child .niveles-edificios:last-child{padding-top: 13px;padding-bottom: 5px;}
    .name-edificio {margin-top:5px; letter-spacing: 3px; font-size: 35%;}
    .name-edificio span {font-size: 80%;}
    .niveles-edificios-container{padding-bottom: 21.16px;}
}

.galeria-planes {border-collapse: collapse;width: 100%;box-sizing:border-box;}
.galeria-planes tr, .galeria-planes td {padding:0;}
.galeria-planes td {width: 25%;box-sizing:border-box;}

html .page .row-50 .apartamentos {margin-to p: 32px;}
.apartamentos a {border: 1px solid #14B1BB; background-color: #14B1BB; color: #FFF; display: block;}    
#menu .thumbnail-type-1 .caption-title {font-size: initial}
#niche .thumbnail-type-1 .caption {background-color: rgba(20, 177, 187, .9);}

#menu_apartamentos { max-height: 0; transition: max-height .6s ease-out; transform: none; background-color: white;overflow: hidden; border-bottom: 1px solid #14B1BB; position: absolute; z-index: 99999; top: 40px; left: 0; width: 100%; margin: 0; box-sizing: border-box;}

.gray, .gray * {color: gray;}

.menu {position: relative; display: block;}
.menu ul, .menu li{list-style: none; margin: 0; padding: 0;}
.menu ul {display: block; font-size: 0; }
.menu li {display: inline-block}
.menu li > a, .menu li > span {color: white; height: 40px; line-height: 40px; padding: 0 20px; border-left: 1px solid #FFF; display: inline-block; }
.menu span {cursor: pointer}
.menu a i {font-style: normal}
.menu li:first-child a {border-left-width: 0;}
.menu a:hover, .menu a.activo {background-color: #FFF; color: #000;}

.menu_privado {border-top: 1px solid white;padding-top: 10px;margin-top: 10px; background-color: #343A40;}

.button-white {text-shadow:2px 2px 10px #000;}

.menu-togle-mobile, .menu-togle-mobile-private{display: none;}
.icon-menu-toggle{background: #fff; width: 30px; height: 2px; display: block; margin: 6px 0; border-radius: 10px;}
.menu-close-mobile{color: #fff; font-size: 30px; position: absolute; top: 20px; right: 60px; cursor: pointer; display: none;}
#contenido-p.close-activo{z-index: 999999;}

@media (min-width: 1000px) {
.menu #propiedades-menu:hover #menu_apartamentos {display: flex; transition: max-height .6s ease-in; max-height: 100vh; overflow-y: scroll;}
}
@media (max-width: 1000px) {

.center-album{justify-content: center;}
#menu_apartamentos{max-height: 0;overflow: hidden; transition: max-height .3s ease;}
#menu_apartamentos:hover{max-height: 0 !important;}
#menu_apartamentos.propiedades-activo{max-height: 2000px !important;}
    #menu > div:first-child{background: #14b1bb; text-align: center; padding: 10px;}
    #menu > div:nth-child(+2){background: #343A40; text-align: center; padding: 10px;}
    .menu-togle-mobile, .menu-togle-mobile-private{display: block;margin: 0 auto; text-align: center; width: fit-content; cursor: pointer;}
    .menu-principal{position: fixed; z-index: 9999999999; background: #14b1bb; padding: 70px 40px; text-align: left; height: 100vh; top: 0; left: -400px; transition: all .3s linear; overflow-y: scroll; max-width: 400px;}
    .menu_privado{position: fixed; z-index: 9999999999; background: #343A40; padding: 70px 40px; text-align: left; height: 100vh; top: 0; left: -400px; margin: 0; transition: all .3s linear; border: none; overflow-y: scroll; max-width: 400px;}
    .menu-principal li, .menu_privado li{display: block; padding: 5px 0;}
    .menu-principal li a, .menu_privado li a{border: none;}
    .close-menu2.close-activo{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .6); z-index: 999999999; transition: all .2s ease; cursor: pointer;}
    #menu_apartamentos{position: relative; width: 300px; margin-bottom: 20px; background: #14b1bb; top: 0;}
    #menu_apartamentos .thumbnail-type-1{box-shadow: none;}
    .menu-close-mobile.close-activo{display: block;}
    .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1 !important; background-position: left center; background-size: 20%;}
}

.proyect-album-title{position: absolute; top: 20px; left: 25px; width: calc(100% - 30px); text-align: left;}
.proyect-album-title h2{text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 500; letter-spacing: -3px; word-spacing: 3px; text-shadow: 2px 2px 5px #3c3c3c;}
.proyect-album-title h3{text-transform: uppercase; font-size: 24px; line-height: 20px; color: #fff; font-weight: 400; text-shadow: 2px 2px 5px #3c3c3c;}
.proyect-album-log{position: absolute; bottom: 25px; right: 30px;}