/*
Theme Name: Magna
Author: Dani Costa
Author URI: https://danicosta.com
Description: Plantilla personalizada para Magna
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magna
*/

/*

[data-barba="container"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    will-change: transform;
}
    */ 



/*
#content-wrapper {
    position: relative;
    width: 100vw;
    height: 100%;

}
*/



@font-face {
    font-family: 'HelveticaNeueLTPro-Bd';
    src: url('./fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('./fonts/HelveticaNeueLTPro-Bd.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('./fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
        url('./fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Th';
    src: url('./fonts/HelveticaNeueLTPro-Th.eot');
    src: url('./fonts/HelveticaNeueLTPro-Th.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeueLTPro-Th.woff2') format('woff2'),
        url('./fonts/HelveticaNeueLTPro-Th.woff') format('woff'),
        url('./fonts/HelveticaNeueLTPro-Th.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Md';
    src: url('./fonts/HelveticaNeueLTPro-Md.eot');
    src: url('./fonts/HelveticaNeueLTPro-Md.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('./fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('./fonts/HelveticaNeueLTPro-Md.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Lt';
    src: url('./fonts/HelveticaNeueLTPro-Lt.eot');
    src: url('./fonts/HelveticaNeueLTPro-Lt.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('./fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
        url('./fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 








@font-face {
    font-family: 'HelveticaNeue-Roman';
    src: url('./fonts/HelveticaNeue-Roman.eot');
    src: url('./fonts/HelveticaNeue-Roman.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Roman.woff') format('woff'),
        url('./fonts/HelveticaNeue-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('./fonts/HelveticaNeue-Bold.eot');
    src: url('./fonts/HelveticaNeue-Bold.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('./fonts/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('./fonts/HelveticaNeue-Medium.eot');
    src: url('./fonts/HelveticaNeue-Medium.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('./fonts/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Italic';
    src: url('./fonts/HelveticaNeue-Italic.eot');
    src: url('./fonts/HelveticaNeue-Italic.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Italic.woff') format('woff'),
        url('./fonts/HelveticaNeue-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Thin';
    src: url('./fonts/HelveticaNeue-Thin.eot');
    src: url('./fonts/HelveticaNeue-Thin.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Thin.woff') format('woff'),
        url('./fonts/HelveticaNeue-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('./fonts/HelveticaNeue-Light.eot');
    src: url('./fonts/HelveticaNeue-Light.eot#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Light.woff') format('woff'),
        url('./fonts/HelveticaNeue-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






.hide-prices .container-sales-single {
    opacity:0 !important;
   
}










.regular{font-family: 'HelveticaNeue-Roman';}
.thin{font-family: 'HelveticaNeue-Thin';}
.light{font-family: 'HelveticaNeue-Light';}
.medium{font-family: 'HelveticaNeue-Medium';}
.bold{font-family: 'HelveticaNeue-Bold';}



.invert{filter: invert();}

.white {color: white !important;}

 .color-e01{color:#3E2C27}
 .background-e01{background-color:#3E2C27}

 .color-e02{color:#56332C}
 .background-e02{background-color:#56332C}

 .color-e03{color:#6E3B2C}
 .background-e03{background-color:#6E3B2C}

 .color-e04{color:#8A3C29}
 .background-e04{background-color:#8A3C29}

 .color-e05{color:#964C35}
 .background-e05{background-color:#964C35}

 .color-e06{color:#A75D44}
 .background-e06{background-color:#A75D44}

 .color-e07{color:#B07263}
 .background-e07{background-color:#B07263}

 .color-e08{color:#C98268}
 .background-e08{background-color:#C98268}

 .color-e09{color:#D58767}
 .background-e09{background-color:#D58767}

 .color-e10{color:#E08E64}
 .background-e10{background-color:#E08E64}

 .color-e11{color:#ED9566}
 .background-e11{background-color:#ED9566}

 .color-e12{color:#CF8F67}
 .background-e12{background-color:#CF8F67}

 .color-e13{color:#A78367}
 .background-e13{background-color:#A78367}

 .color-e14{color:#8B7B69}
 .background-e14{background-color:#8B7B69}

 .color-e15{color:#80796A}
 .background-e15{background-color:#80796A}

 .color-e16{color:#8A8777}
 .background-e16{background-color:#8A8777}

 .color-e17{color:#989386}
 .background-e17{background-color:#989386}

 .color-e18{color:#A3A396}
 .background-e18{background-color:#A3A396}

 .color-e19{color:#AFAFA4}
 .background-e19{background-color:#AFAFA4}

 .color-e20{color:#B9B5AC}
 .background-e20{background-color:#B9B5AC}

 .color-e21{color:#CEC7BF}
 .background-e21{background-color:#CEC7BF}

 .color-e22{color:#D9D0C9}
 .background-e22{background-color:#D9D0C9}



 .color-s01{color:#E2DCD8}
 .background-s01{background-color:#E2DCD8}

 .color-s02{color:#E9E4E1}
 .background-s02{background-color:#E9E4E1}

 .color-s03{color:#E9E4E1}
 .background-s03{background-color:#E9E4E1}

 .color-s04{color:#DBE5F7}
 .background-s04{background-color:#DBE5F7}

 .color-s05{color:#D0D9EB}
 .background-s05{background-color:#D0D9EB}

 .color-s06{color:#B2BFD7}
 .background-s06{background-color:#B2BFD7}

 .color-s07{color:#ACB9D0}
 .background-s07{background-color:#ACB9D0}

 .color-s08{color:#A0ABBE}
 .background-s08{background-color:#A0ABBE}

 .color-s09{color:#94A4BE}
 .background-s09{background-color:#94A4BE}

 .color-s10{color:#818FA6}
 .background-s10{background-color:#818FA6}

 .color-s11{color:#6D768E}
 .background-s11{background-color:#6D768E}

 .color-s12{color:#595F73}
 .background-s12{background-color:#595F73}

 .color-s13{color:#474E5D}
 .background-s13{background-color:#474E5D}

 .color-s14{color:#373C48}
 .background-s14{background-color:#373C48}




 /* AREAS */


 .color-a1{color:#CCC3E1}
 .background-a1{background-color:#CCC3E1}
 .background-a1-op-list{background-color:#CCC3E1; opacity:0.5;}
 .background-a1-op-grid {
    background-color: #CCC3E1;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 109%;
    z-index: 10;
}

 .color-a2{color:#5083D1}
 .background-a2{background-color:#5083D1}
 .background-a2-op-list{background-color:#5083D1; opacity:0.5;}
 .background-a2-op-grid {
    background-color: #5083D1;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 109%;
    z-index: 10;
}

 .color-a3{color:#9DB573}
 .background-a3{background-color:#9DB573}
 .background-a3-op-list{background-color:#9DB573; opacity:0.5;}
 .background-a3-op-grid {
    background-color: #9DB573;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 109%;
    z-index: 10;
}

 .color-a4{color:#FF8341}
 .background-a4{background-color:#FF8341}
 .background-a4-op-list{background-color:#FF8341; opacity:0.5;}
 .background-a4-op-grid {
    background-color: #FF8341;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 109%;
    z-index: 10;
}






 *{
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */

  -webkit-touch-callout: none;
}
img,a {
    -webkit-user-drag: none;

        -webkit-user-select: none; /* Safari */
        user-select: none; /* Standard syntax */
        -webkit-touch-callout: none; /* iOS Safari */
   
  }

body{
    overflow: hidden;
    margin:0;
    padding:0;
    font-family: 'HelveticaNeue-Roman', Arial, Helvetica, sans-serif;
    touch-action: none !important;
    height: env(safe-area-inset-top);
    width: env(safe-area-inset-left);
    margin: env(safe-area-inset-right);

    /*padding-top: env(safe-area-inset-bottom, 20px);*/
}

a{text-decoration: none;color: black;}
a:hover {
    color: black;
    text-decoration: none;
}

 .container {
     width: 100vw !important;
     max-width: 100vw !important;
     height: 100vh;
     padding: 0;
     margin: 0;
     overflow: hidden;
     padding-right:0px;
     padding-left: 0px;
}
 .wrapper {
     width: 100vw;
     height: 100vh;
     display: inline-block;
}



 .disabled-events {
     pointer-events: none !important;
}










.splash {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(0); /* Posición inicial */
    opacity: 1; /* Totalmente visible */
}


.splash-text {
    font-size: 76px;
    text-transform: uppercase;
    text-align: center;
   line-height: 120px;
    overflow: hidden; /* Oculta contenido fuera del contenedor */
    position: relative;
    width: fit-content;
   
}



.splash-logo {
    position: absolute;
    bottom: 180px;
    overflow: hidden; /* Oculta contenido fuera del contenedor */
    height: auto; /* Asegura que el logo se ajuste correctamente */
}




/* Texto del Splash */
.splash-text span {
    display: block;
    transform: translateY(100%); /* Empieza desplazado hacia abajo */
}

/* Logo del Splash */
.splash-logo img {
    height: 105px;
    display: block;
    transform: translateY(-100%); /* Empieza desplazado hacia arriba */
}

/* Contenedores Left y Right */
.container-half-home.left,
.container-half-home.right {
    position: absolute;
    width: 50vw;
    height: 100vh;
    top: 0;
    opacity: 0; /* Ocultos inicialmente */
    transform: translateY(0); /* Mantener la posición inicial */
}

.container-half-home.left {
    left: 0;
    transform: translateY(-100%); /* Fuera de la pantalla hacia arriba */
}

.container-half-home.right {
    right: 0;
    transform: translateY(100%); /* Fuera de la pantalla hacia abajo */
}





.wrapper-home {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: absolute;
}



.container-half-home {
    width: 50%;
    float: left;
    height: 100vh;
    position: relative;
    border-top: 1px solid #555;
    margin-top:24px;
}



.page-template-page-controller-home .container-half-home {
    width: 50%;
    float: left;
    height: calc(100vh - 100px);
    position: relative;
    border-top: 1px solid #555;
    margin-top: 100px;
}

.page-template-page-controller-home .container-half-home-title {
    font-size: 62px;
    line-height: 72px;
    text-align: center;
    margin-top: 10vh;
    padding-bottom: 30px;
}

.page-template-page-controller-home .container-half-home-header img {
    margin-right: 10px;
    vertical-align: -11px;
}

.reset-approvals-menu {
    font-size: 14px;
    width: 200px;
    top: 105px;
    height: 50px;
    position: absolute;
}

.reset-approvals-menu a {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reset-approvals-menu img{
    margin-right: 15px;
    vertical-align: -11px;
}


.reset-screens-menu {
    float: left;
    margin-right: 40px;
    font-size: 14px;
    margin-top: -2px;
}

a.reset-screens {
    display: inline-block;
}

.reset-screens img {
    margin-right:15px;
}

.favorites-header-controller {
    float: left;
    padding: 6px 20px;
    padding-top: 8px;
    margin-top: -6px;
    border-radius: 50px;
    margin-right: 35px;
    border: 1px solid #444;
    font-size: 14px;
}

.favorites-header-controller a {
  display: inline-block;
}


.favorites-header-controller .check-icon-button {
    margin-right: 15px;
}



.reset-all-home-button {
    font-size: 14px;
    position: absolute;
    display: inline-block;
    margin-top: 28px;
    left: 50%;
    border-radius: 50px;
    border: 1px solid black;
    padding: 8px 40px;
    padding-top: 10px;
    transform: translateX(-50%);
}

.reset-all-home-button img {
   margin-right:10px;
   vertical-align: -5px;
}


.container-half-home-header {
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}

.container-half-home-header-left {
    float: left;
    width: 50%;
    padding-left: 40px;
    font-size:14px;
}

.container-half-home-header-right {
    float: right;
    width: 50%;
    text-align: right;
    padding-right: 40px;
    font-size:14px;
}



.container-half-home-header a {
    color: black;
    display: inline-block;
}

.container-half-home-header img {
    margin-right:10px;
    vertical-align: -7px;
}

.container-half-home-title {
    font-size: 70px;
    line-height: 72px;
    text-align: center;
    margin-top: 14vh;
    padding-bottom: 30px;
}

.container-half-home-button {
    color: black;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}


.check-icon-button {
    margin-right: 25px;
}


.container-half-home-button a {
    color: black;
    border: 1px solid #2A2A2A;
    padding: 5px 20px;
    border-radius: 60px;
    padding-top: 10px;
    width: 380px;
    display: inline-block;
}

.container-half-home-image {
    position: absolute;
    bottom: 0;
    display: inline-block;
    object-fit: cover;
    width: 100%;
}


.container-half-home-image img {
    object-fit: cover;
    width: 100%;
    height: 38vh;
}



.page-map-app .header-menu-mansions-app .titulo-header-menu-mansions {
    margin-top: -5px;

}

.page-map-app {
    width: 100vw;
    height: 100vh;
    color: white;
    background-color: #2C313B;
}

.page-map-app .header-menu-mansions {
    display: inline-block;
    width: 100%;
    padding-top: 12px;
    position: fixed;
    z-index: 99999999;
    top: 24px;
    border-bottom: 1px solid #f1f1f17e;
  
}

.page-map-app .container-texto-header-first-wrapper {border-bottom: none;;}

.container-map-mansions {
    position: relative;
    width: 100vw;
    height: calc(100vh - 24px);
    top: -10px;
    overflow: hidden; 
    touch-action: none
  
}

.container-map-mansions img {
    object-fit: cover;
    width: 100vw;
    position: absolute;
    touch-action: none; /* Deshabilita gestos predeterminados */
    transform-origin: center center; /* Origen del zoom */
   
}











/* Estilos básicos para el popup */
#popup-container-norlana {
    position: fixed;
    bottom: -100%; /* Comienza oculto fuera de la pantalla */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Alinea el popup en la parte inferior */
    transition: bottom 0.5s ease; /* Animación suave */
    z-index: 1000;
}

#popup-content-norlana {
    background: #fff;
    width: 100%;
   
    height: 100%; /* Altura del popup */
    border-radius: 10px 10px 0 0;
    overflow-y: auto; /* Habilita scroll si el contenido es largo */
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
}

/* Ocultar popup cuando esté cerrado */
#popup-container-norlana.hidden {
    bottom: -100%;
}

/* Mostrar popup al abrir */
#popup-container-norlana.visible {
    bottom: 0;
}






/* Contenedor de la página cargada */
#ajax-container {
    position: fixed;
    top: 100%; /* Comienza fuera de la pantalla */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2C313B;
    z-index: 999999;
    overflow-y: auto; /* Para permitir scroll si es necesario */
    transition: transform 0.5s ease;
}

/* Cuando se activa la animación */
#ajax-container.active {
    transform: translateY(-100%);
}



/* Animación para deslizar hacia abajo */
#ajax-container.closing {
    transform: translateY(100%); /* Vuelve fuera de la pantalla */
    transition: transform 0.5s ease;
}





.legend-container {
    position: absolute;
    bottom: 70px;
    left: 60px;
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 10px 20px;
   
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.legend-color {
    width: 16px;
    height: 16px;
    border-radius: 50%; 
    display: inline-block;
    margin-top:-4px;
}

.legend-text {
    color: #ffffff;
    font-size: 14px; 
    padding-right: 25px;

}











.container-menu-main-app {
    width: 375px;
    margin: 0 auto;
    text-align: center;
    margin-top: 430px;
}

.container-home-app .container-menu-main-app {
    width: 435px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
}

.container-home-app .container-menu-main-app-title {
    font-size: 24px;
    color: white;
    margin-bottom: 70px;
    margin-top: 60px;
}

.container-home-app .main-app-home-title {
    font-size: 18px;
    color: white;
    text-align: left;
    margin-bottom: 10px;
}

.container-home-app .main-app-button {
    height: 80px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    text-align: left;
    font-size: 22px;
    line-height: 27px;
    padding-top: 29px;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}
.container-home-app .container-menu-main-app-buttons {
    margin-top: 40px;
}

span.small-text-button {
    font-size: 14px;
    vertical-align: 35px;
    line-height: 10px;
}

span.next {
    position: absolute;
    right: 25px;
    top: 24px;
}


.container-menu-main-app-title {
    font-size: 24px;
    color: white;
    margin-bottom: 30px;
}


.main-app-button {
    height: 82px;
    border-radius: 48px;
    background: #FFF;
    color: rgba(25, 25, 25, 0.75);
    text-align: center;
    font-size: 18px;
    line-height: 87px;
    margin-bottom: 15px;
    
}


.menu-main-app-see-fav {
    position: absolute;
    bottom: 50px;
    right: 50px;
}




/*  MANSIONS MENU  */

.page-template-page-app-menu-norlana .header-menu-mansions {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 37px;
    padding-left: 50px;
    padding-right: 50px;
    height: 80px;
    margin-top: 0;
    border-bottom: 1px solid #000;
    z-index: 9999;
}
.header-menu-mansions {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -3px;
}

.container-texto-header-menu-mansions {
    float: left;
    width: 93%;
}

.page-template-page-app-favorites .container-texto-header-menu-mansions,
.page-template-page-app-favorites-fb18 .container-texto-header-menu-mansions,
.page-template-page-controller-ideation-favorites .container-texto-header-menu-mansions{
    float: left;
    width: 80%;
}

.page-template-page-app-home .container-texto-header-menu-mansions,
.page-template-page-map-app .container-texto-header-menu-mansions {
    float: left;
    width: 70%;
}

.container-header-right {
    float: right;
}

.back-header {
    float: left;
    margin-right: 30px;
}

.favorites-header {
    margin-top: -3px;
    float: left;
    margin-right: 30px;
}

.favorites-header a{
    display: inline-block;
}

.favorites-header img {
    width: 28px;
    height: 28px;
}

.menu-header {
    float: left;
  
}



.menu-header a {
    display: inline-block;
}

.logo-menu-mansions {
    float: left;
    margin-right: 30px;
}

.titulo-header-menu-mansions {
    font-size: 24px;
}
.texto-header-menu-mansions {
    font-size: 24px;
    line-height: 16px;
}

.container-menu-mansions {
    margin-top: 20px;
}

.title-container-menu-mansions {
    font-size: 18px;
}

.container-items-menu-mansions {
    margin-top: 20px;
   /* 
     -webkit-columns: 200px 5;
  -moz-columns: 200px 5;
  columns: 200px 5;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
    */
   
}

.shoreline-mansions.item-menu-list .item-menu-mansions{border: 2px solid #7C9AEB;}
.elevated-mansions.item-menu-list .item-menu-mansions{border: 2px solid #FF8657;}




.container-menu-mansions-elevated {
    float: left;
    width: 722px;
    /*border-right: 1px solid #555;*/
    padding-right: 0px;
}

.container-menu-mansions-shoreline {
    float: left;
    width: 100%;
    padding-left: 0px;
    position: relative;
}


.container-legend-list {
    position: absolute;
    bottom: 80px;
    width: 40%;
    left: 50px;
    display: none;
}

.container-legend-list.show {
    display: inline-block;
}

.container-legend-list-elevated,.container-legend-list-shoreline {
    float: left;
    margin-right: 60px;
}

span.legend-dot-elevated {
    width: 17px;
    height: 17px;
    background-color: #FF8657;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}

span.legend-dot-shoreline {
    width: 17px;
    height: 17px;
    background-color: #7C9AEB;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}





.item-menu-mansions {
    font-size: 20px;
    border-radius: 45px;
    color: black;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    padding-top: 18px;
    position: relative;
    display: inline-block; 
    width:100%;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
         break-inside: avoid; /* IE 10+ */
}


.container-menu-mansions-norlana {
    margin-top: 110px;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

/*
.page-template-page-app-menu-norlana .container-menu-mansions.container-grid {
    margin: unset;
    margin-top: 150px;
    width: 100% !important;
}
*/

.item-menu-mansions-norlana {
    position: relative;
    display: inline-block;
    width: 100%;
    background-position: center;
    background-size: cover;
    height: calc(64vh - 77px);
}


.item-menu-mansions-norlana-text {
    position: relative;
    z-index: 9;
    text-transform: uppercase;
    font-size: 45px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 40px;
}


.item-menu-mansions-norlana-button {
    position: relative;
    color: #000;
    font-size: 22px;
    text-align: center;
    width: 250px;
    margin: 0 auto;
    border: 1px solid #000;
    display: block;
    border-radius: 70px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 5px;
    background: white;
}


.single .container-header-right-norlana.container-header-right {
    float: right;
    margin-top: -33px;
    margin-right: 50px;
}

.norlana-single-menu {
    width: 400px;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 27px;
}
.norlana-single-menu-item {
    color: black;
    opacity: 0.4;
    padding: 10px 30px;
}
.norlana-single-menu-item a {
    color: black;
}

.norlana-single-menu-item.active {
    opacity: 1;
    font-size: 24px;
}




.item-menu-mansions:after {
    content: '+';
    display: block;
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 30px;
    font-family: 'HelveticaNeue-Roman';
}



.page-template-page-controller-menu .item-menu-mansions:after,
.page-template-page-controller-favorites .item-menu-mansions:after,
.page-template-page-controller-ideation-favorites .item-menu-mansions:after,
.page-template-page-controller-ideation-area1 .item-menu-mansions:after,
.page-template-page-controller-ideation-area2 .item-menu-mansions:after,
.page-template-page-controller-ideation-area3 .item-menu-mansions:after,
.page-template-page-controller-ideation-area4 .item-menu-mansions:after
 {
    content: '+';
    display: none;
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 30px;
    font-family: 'HelveticaNeue-Roman';
}

.favorites-controller .item-menu-mansions:after {
    content: '+';
    display: block;
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 30px;
    display: none !important;
    font-family: 'HelveticaNeue-Roman';
}

span.icon-like-dislike {
    margin-left: 42px;
}

.footer-menu-mansions {
    position: relative;
    width: 16%;
    clear: both;
    margin-top: 20px;
    display: inline-block;
    float: right;
}

.footer-menu-mansions-reset {
    float: left;
}

.footer-menu-mansions-menu {
    float: left;
    margin-left: 10px;
}











.back-button {
    position: absolute;
    top: 30px;
    left: 50px;
}



.container-header-single .back-button {
    position: absolute;
    top: 10px;
    left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
    z-index:99;

}




.menu-button {
    position: absolute;
    top: 30px;
    right: 50px;
}



 [draggable="true"] {
     cursor: move;
}
 .target{
     height: 186px;
     width: 392px;
     border: 2px dashed #ccc;
     margin:10px;
     transition: border 0.3s ease;
     -webkit-transition: border 0.3s ease;
     -moz-transition: border 0.3s ease;
}
 #target1,#target2 {
     border: 2px dashed transparent;
    /*background: rgba(0,0,0,.7);
    */
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
}
 .target.over{
     border: 2px dashed green !important;
}
 #target-big {
     height: 382px;
     width: 392px;
}
 .target.over .box{
     opacity:0.3;
}
.container-screens {
    width: 45vw;
    height: 88vh;
    float: left;
    position: relative;
    padding-right: 80px;
    padding-left: 110px;
}
.container-imagenes {
    width: 55vw;
    height: 88vh;
    float: left;
    position: relative;
    background-color: #fff;
    padding-left: 55px;
    padding-right: 50px;
}

 .header-screens{
    width:415px;
    height:140px;
    background-color:rgba(0,0,0,.2);
    padding:20px;
     -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
     -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
     box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
     font-size: 50px;
     color: rgba(0,0,0,.2);
}

 .single-norlana .header-screens{
    width:415px;
    height:150px;
    font-size: 38px;
   
}
 .single-norlana .body-screens{
    height:350px;
}

.single-norlana .drag-indicator1 {
    width: 392px;
    height: 314px;
}
.single-norlana .drag-indicator1 img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     opacity: 0.9;
}

 .single-norlana .swiper {
     width: 100%;
     height: 350px;
     position: absolute !important;
     margin-left: -20px !important;
     margin-top: -20px;
}

 .single-norlana .slide-container-small-img1 img{
    width: calc(100% - 1px);
    object-fit: cover;
    height: 313px;
}

 .single-norlana .container-screens,.single-norlana .container-imagenes {
    padding-top: 45px;
}

.single-norlana .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 370px;
    position: absolute;
}

.single-norlana .slide-action-buttons {
    position: absolute;
    top: 440px;
    margin-left: 45px;
}

.single-norlana .box {
    width: 222px;
    height: 153px;
    background: pink;
    margin: 10px;
    float: left;
}


.single-norlana .target {
    height: 313px;
   
}

.single-norlana .showing1 {
    margin: 0;
    pointer-events: none;
    height: 313px;
    width: 388px;
}









 .body-screens{
    width:415px;
    height:418px;
    background-color:white;
    padding:20px;
    position: relative;
     -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
     -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
     box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}
 .drag-indicators {
     position: absolute;
     z-index: 999999;
     margin-left: 12px;
     margin-top: 18px;
}
 .drag-indicator1 {
     width: 392px;
     height: 186px;
}
 .drag-indicator1 img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     opacity: 0.9;
}
 .drag-indicator2 {
     width: 392px;
     height: 186px;
     margin-top:9px;
}
 .drag-indicator2 img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     opacity: 0.9;
}
 .swiper {
     width: 100%;
     height: 418px;
     position: absolute !important;
     margin-left: -20px !important;
     margin-top: -20px;
}
 .swiper-slide{
     background: white;
}
 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
     top: 430px;
     position: absolute;
}
 .swiper-button-next, .swiper-rtl .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset,-50px) !important;
     color:#000 !important;
}
 .swiper-button-prev, .swiper-rtl .swiper-button-next {
     left: var(--swiper-navigation-sides-offset,-50px) !important;
     color:#000 !important;
}
 .swiper-pagination-bullet-active {
     background: #000 !important;
}
 .slide-container-small-img1, .slide-container-small-img2 {
     margin: 18px 10px -8px 12px;
}
 .slide-container-small-img1 img, .slide-container-small-img2 img {
     width: calc(100% - 1px);
     object-fit: cover;
     height: 186px;
}
 .slide-container-big {
     margin: 18px 10px -8px 12px;
}
 .slide-container-big img{
     width: calc(100% - 1px);
     object-fit: cover;
     height: 381px;
}
 .swiper img{
     -webkit-user-drag: none;
     user-drag: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .slide-action-buttons {
     position: absolute;
     top: 500px;
     margin-left: 45px;
}
 .play-pause-button,.reset-button{
    float: left;
    margin-left:40px;
}
 .wrapper-small-screens{
    position:absolute;
    margin-top: -12px;
    margin-left: -18px;
}
 .wrapper-big-screens{
    position:absolute;
    margin-top: -12px;
    margin-left: -18px;
    display:none;
}
 .white-separator {
     width: 100%;
     height: 10px;
     background: white;
     margin-top: -195px;
     position: absolute;
}
 .header-imagenes {
     width: 96%;
     margin-left:10px;
     padding-top: 50px;
     padding-bottom: 0px;
     border-bottom: 1px solid #888;
     display: inline-block;
}
 .header-icon-imagenes {
     width: 65px;
     height: 67px;
     float: left;
}
 .header-icon-imagenes img {
     width: 44px;
     margin-top:9px;
}
 .container-texto-header-imagenes{
    float:left;
}
.header-titulo-imagenes {
    margin-top: 5px;
    font-size: 22px;
}
 .header-texto-imagenes{
     font-size: 12px;
     line-height: 7px;
}

.container-single-controller-images {
    background: #f1f1f1;
    padding: 25px 25px;
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 15px;
    margin-top: 10px;
    width: 648px;
}

.box {
    width: 141px;
    height: 90px;
    background: white;
    margin: 4px;
    float: left;
}
 .box.big{
    width: 80px;
}
 .box img{
    object-fit: cover;
    width:100%;
    height:100%;
}
 .dragging{
     border: 3px solid green;
}
 .on1,.on2,.on3{
     opacity:0.3;
     pointer-events:none;
}
 .showing1,.showing2{
     margin:0;
     pointer-events:none;
     height: 182px;
     width: 388px;
}
 .box.showing3{
     margin:0;
     pointer-events:none;
     height: 378px;
     width: 388px;
}
 .target:has(> .box) {
     border-color:transparent;
}
.divider-videos {
    width: 96%;
    margin-left: 10px;
    height: 1px;
    border-bottom: 1px solid #888;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.prev-text {
    color: #000;
    font-size: 14px;
    clear: both;
    margin-left: 25px;
}

 .container-footer {
     width: 100%;
     height: 12vh;
     position: relative;
     display: inline-block;
}

.swiper-footer {
    width: 55vw;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
    left: -5px;
    color:white;
}
.swiper-footer a{
    color:white !important;
}
.swiper-footer .swiper-wrapper {
     margin-left: -47px;
}

   
.swiper-footer .swiper-slide{
     background: transparent;
    text-align: center;
    margin-top: 25px;
    opacity:0.3;
     transition: opacity 0.3s ease;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
}

.swiper-footer .swiper-slide span.medium{
    font-family: 'HelveticaNeue-Roman';
}

.swiper-footer .swiper-slide-active {
    font-size: 42px;
    top: -20px;
    width: 205px !important;
    opacity:1;
     transition: opacity 0.3s ease;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
}

.swiper-footer .swiper-slide-active span.medium{
    font-family: 'HelveticaNeue-Roman';
}

.swiper-footer .swiper-slide.swiper-slide-prev,.swiper-footer .swiper-slide.swiper-slide-next{opacity:0.6}
.dots-left-slider-footer {
    opacity: 0.2;
    color: white;
    position: absolute;
    margin-left: 21%;
    margin-top: 40px;
}
.dots-right-slider-footer {
    opacity: 0.2;
    color: white;
    position: absolute;
    top: 0;
    margin-left: 78%;
    margin-top: 40px;
}




.swiper-footer-prev, .swiper-footer-next {
    position: absolute;
    top: 45px;
    z-index: 999999;
    display: inline-block;
    color: white !important;
}

.swiper-footer-prev {
    margin-left: -27px;
}

.swiper-footer-next {
   right:280px;
}

.swiper-footer-prev:after, .swiper-rtl .swiper-footer-next:after {
    content: 'prev';
}

.swiper-footer-next:after, .swiper-rtl .swiper-footer-prev:after {
    content: 'next';
}

.swiper-footer-prev:after,.swiper-footer-next:after{
    font-family: swiper-icons;
    font-size: 20px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}


.fav-container {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 9999;
}
.fav-container div {
    cursor: pointer;
    height: 41px;
    width: 41px;
    background-color: rgba(217,217,217,0.6);
    border-radius: 50%;
    padding-top: 5px;
    padding-left: 8px;
}

.fav-container .fav {
    cursor: pointer;
    height: 41px;
    width: 41px;
    background-color: #353535;
    border-radius: 50%;
    padding-top: 5px;
    padding-left: 8px;
}

.fav-container div:after {
    cursor: pointer;
    content: ' \2606';
    font-size: 23px;
    color: black;
    filter: invert();
    padding-top: 3px ;
    margin-left: 1px;
}
.fav-container div.fav:after {
    content: ' \2605';
    filter: invert();
}





.page-template-page-app-menu .fav-container, 
.page-template-page-app-favorites .fav-container,
.page-template-page-app-new-designs .fav-container,
.page-template-page-app-favorites-fb18 .fav-container ,
.page-template-page-app-favorites-ideations .fav-container 

{
    display: inline-block;
    position: absolute;
    top: 26px;
    right: 25px;
    z-index: 99;
    /*zoom: 80%;*/
}








.container-toggle{
    display: inline-block;
    width:60%;
    padding-top:50px;
    padding-bottom:30px;
    
}
.container-toggle2 {
    display: inline-block;
    width: 40%;
    padding-top: 50px;
    padding-bottom: 30px;
    position: absolute;
    margin-left: 40px;

    display: none !important;
}
.container-toggle3 {
    display: inline-block;
    width: 40%;
    padding-top: 50px;
    padding-bottom: 30px;
    position: absolute;
    margin-left: 40px;
}
.container-text-toggle {
    width: 170px;
    float: left;
    font-size: 22px;
    margin-top:4px;
}
.container-text-toggle2 {
    width: 205px;
    float: left;
    font-size: 22px;
    margin-top:4px;
}
 .container-check-toggle{
    width:60px;
    float:left;
}


/* Checkbox body */
 .container-toggle label,.container-toggle2 label,.container-toggle3 label {
     display: block;
     width: 54px;
     height: 32px;
     margin: 0px auto;
     border-radius: 100px;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     background-color: #E6E9EC;
}
 .container-toggle input,.container-toggle2 input,.container-toggle3 input {
     display: none;
}
/* The toggle */
 i {
     height: 28px;
     width: 28px;
     background: #ffffff;
     display: inline-block;
     border-radius: 100px;
     margin-top: 2px;
     margin-left: 2px;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     pointer-events: none;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
 .container-toggle label:hover>i,.container-toggle2 label:hover>i,.container-toggle3 label:hover>i {
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
     transform: scale(1.01);
}
 .container-toggle input:checked+label>i,.container-toggle2 input:checked+label>i, .container-toggle3 input:checked+label>i {
     margin-left: 24px;
}
 .container-toggle label:active, .container-toggle2 label:active, .container-toggle3 label:active {
     background-color: #A6B9CB;
}
 .container-toggle label:active>i, .container-toggle2 label:active>i,.container-toggle3 label:active>i{
     width: 34px;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
}
 .container-toggle input:checked+label:active>i, .container-toggle2 input:checked+label:active>i, .container-toggle3 input:checked+label:active>i {
     margin-left: 18px;
}
 .container-toggle input:checked+label, .container-toggle2 input:checked+label, .container-toggle3 input:checked+label {
     background-color: #2ecc71;
}









/*++++++++++++++++ IDEATIONS *++++++++++++++++*/


.container-map-mansions.container-menu-ideations{top:0px;left:-50px;background-color:#2c313b;}
.container-map-mansions .container-menu-ideations-map {
    margin-top: -275px;
    width: 105vw;
    margin-left: -70px;
    position: relative;
}
.container-map--ideations img {
    object-fit: cover;
    width: 100vw;
    position: relative;
    touch-action: none;
    transform-origin: center center;
}

.container-buttons-menu-ideations {
    width: 70vw;
    display: inline-block;
    position: absolute;
    margin-left: 15vw;
    top: 55vh;
}


a.button-menu-ideations-link {
    display: inline-block;
    width: auto;
    float: left;
    padding: 0;
    margin: 0;
}


.button-menu-ideations {
    float: left;
    width: calc(17.5vw - 10px);
    height: 15vw;
    text-align: center;
    border-radius: 12px;
    margin: 5px;
}
.button-menu-ideations-title {
    font-size: 50px;
    margin-top: 60px;
    line-height: 60px;
}
.button-menu-ideations-text{font-size: 18px;}

.legend-container-ideations {
    position: absolute;
    bottom: 50px;
    left: 30px;
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 10px 20px;
}



.square-menu-ideations-area1 {
    position: absolute;
    border: 2px solid #CCC3E1;
    top: 14%;
    left: 13%;
    width: 31.5%;
    height: 25%;
    color: #CCC3E1;
}


.square-menu-ideations-area2 {
    position: absolute;
    border: 2px solid #5083D1;
    top: 14%;
    left: 44.5%;
    margin-left: 5px;
    width: 24.6%;
    height: 25%;
    color: #5083D1;
}

.square-menu-ideations-area3 {
    position: absolute;
    border: 2px solid #9DB573;
    top: 21%;
    left: 69%;
    margin-left: 10px;
    width: 11.6%;
    height: 25%;
    color: #9DB573;
}

.square-menu-ideations-area4 {
    position: absolute;
    border: 2px solid #FF8341;
    top: 31%;
    left: 81%;
    margin-left: 8px;
    width: 10%;
    height: 17%;
    color: #FF8341;
}


.square-menu-ideations-area1-text {
    bottom: -40px;
    position: absolute;
    font-size: 22px;
}

.square-menu-ideations-area2-text {
    bottom: -40px;
    position: absolute;
    font-size: 22px;
}

.square-menu-ideations-area3-text {
    top: -35px;
    right: 0;
    position: absolute;
    font-size: 22px;
}

.square-menu-ideations-area4-text {
    top: -35px;
    right: 0;
    position: absolute;
    font-size: 22px;
}









.background-header-ideations {
    width: 100vw;
    height: 8.3vh;
    position: absolute;
    z-index: -1;
    top: -37px;
    left: -50px;
}

.background-header-ideations-single {
    width: 100vw;
    height: 8.3vh;
    position: absolute;
    z-index: 0;
    top: -10px;
    left: 0;
}

/*

.container-menu-ideations.container-grid {
    margin: 0 auto;
    margin-top: 6px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

*/

.container-menu-ideations .image-menu-mansions {
    width: 100%;
    height: 18vh;
}

.container-menu-ideations .item-grid-menu {
    width: 25%;
    height: 23vh;
    margin-bottom: 20px;
    opacity: 0;
    padding: 10px;
}


.container-menu-ideations.container-menu-ideations-controller .item-grid-menu {
    width: 25%;
    height: 23vh;
    margin-bottom: 20px;
    opacity: 0;
    padding: 10px;
}



.container-grid-a4, .grid-list-a4{padding-bottom:60px;}


.container-menu-ideations .fav-container {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 998;
}


.ideations-grid-title {
    text-transform: uppercase;
    line-height: 18px;
}


.area-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    padding: 6px;
    border-radius: 999px;
    width: fit-content;
    margin: 0 auto;
    gap: 12px;
  
  }
  
  .area-link {
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 999px;
    font-family: sans-serif;
    font-size: 14px;
    color: #666;
}



.container-ideations-single-details-map img {
    width: 100%;
    margin-top: 30px;
}


.container-ideations-single-details {
    background-color: #3A3F4A;
    height: 100vh;
    width: 40vw;
    padding: 50px;
    color: white;
    float: left;
    position: relative;
}

.container-ideations-single-details-bottom {
    display: inline-block;
    position: absolute;
    bottom: 220px;
}

.container-ideations-single-details-ref{width:65%;}

.plot-row-ref {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #fff;
    padding: 12px 0;
    font-size: 18px;
  }
  
  .plot-row-ref:last-of-type {
    border-bottom: 1px solid #fff;
  }
  
  .label-ref {
    color: #fff;
  
  }
  
  .value-ref {
    color: #fff;
    margin-right: 30px;
    text-align: left;
    width: 25%;
}


.container-ideations-single-details-text {
    margin-top:60px;
    font-size: 18px;
    line-height: 22px;
    width: 90%;
    
}


.container-ideations-single-image {
    float: left;
}

.container-ideations-single-image img {
    object-fit: cover;
    width: 60vw;
    height: 87vh;
}




.page-template-page-app-favorites-ideations .container-texto-header-menu-mansions {
    float: left;
    width: 75%;
}


.page-template-page-app-favorites-ideations .container-menu-mansions.container-grid.container-grid-a1{margin-top:200px;}
.page-template-page-app-favorites-ideations .container-menu-mansions.container-grid.container-grid-a2{margin-top:130px;}
.page-template-page-app-favorites-ideations .container-menu-mansions.container-grid.container-grid-a3{margin-top:130px;}
.page-template-page-app-favorites-ideations .container-menu-mansions.container-grid.container-grid-a4{margin-top:130px;}




.page-template-page-app-favorites-ideations .image-menu-mansions {
    width: 100%;
    height: 17vh;
}

.page-template-page-app-favorites-ideations .item-grid-menu {
    width: 25%;
    height: 22vh;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
}


.page-template-page-app-favorites-ideations .ideations-grid-title{margin-top:10px;}

.text-menu-mansions-ideations-favs {
    margin-top: 15px;
}

.area-title-favorites {
    line-height: 24px;
    padding: 8px 25px;
    border-radius: 30px;
    padding-top: 12px;
    display: inline-block;
    position: absolute;
    margin-top: -80px;
    margin-left: 12px;
    float: left;
}


.area-title-favorites.color-a1 {
    border: 1px solid #CCC3E1;
}

.area-title-favorites.color-a2 {
    border: 1px solid #5083D1;
}


.area-title-favorites.color-a3 {
    border: 1px solid #9DB573;
}


.area-title-favorites.color-a4 {
    border: 1px solid #FF8341;
}






.counter-favorites.white {
    float: right;
    margin-top: -68px;
    margin-right:10px;
    font-size:14px;
}






.grid.grid-screen-favorites-ideation {background-color: #000;}








.page-template-page-controller-ideation-favorites .container-menu-mansions.container-grid.container-grid-a1 {margin-top: 230px;}

.page-template-page-controller-ideation-favorites .image-menu-mansions {
    width: 100%;
    height: 19vh;
}

.page-template-page-controller-ideation-favorites .item-grid-menu {
    width: 25%;
    height: 24vh;
    margin-bottom: 30px;
    opacity: 0;
    padding: 10px;
}


.page-template-page-app-favorites-ideations .ideations-grid-title{margin-top:10px;}

.counter-favorites.black {
    margin-top: 9px;
    margin-right: 40px;
    font-size: 14px;
    color:black;
}



.page-template-page-controller-ideation-favorites .container-items-menu-mansions.grid-list-a2, 
.page-template-page-controller-ideation-favorites .container-items-menu-mansions.grid-list-a3, 
.page-template-page-controller-ideation-favorites .container-items-menu-mansions.grid-list-a4
{margin-top:170px;}








/*++++++++++++++++ SCREENS *++++++++++++++++*/

.wrapper-screen {
    width: 1152px;
    height: 1536px;
    float: left;
    position: relative;
}

.screen-section1{
    width:1152px;
    height:384px;
    position: absolute;
    top:0;
    left:0;
    background-color:#232934
}

.screen-section2,.screen-section3{
    width:1152px;
    height:576px;
    position: absolute;
    display:none;
    z-index:99999;
}



.wrapper-screen-norlana {
    width: 1536px;
    height: 1344px;
    float: left;
    position: relative;
}

.screens-norlana .screen-section1 {
    width: 1536px;
    height: 384px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #232934;
}





.screens-norlana .screen-section2,.screens-norlana  .screen-section3{
    width:1536px;
    height:960px;
    position: absolute;
    display:none;
    z-index:99999;
}



.screen-section2 video,.screen-section3 video{
   object-fit: cover;
    width:100%;
    height:100%;
    position:absolute;
    display: none;
    
}
.screen-section2 img,.screen-section3 img{
   object-fit: cover;
    width:100%;
    height:100%;
     position:absolute;
    display: none;
}



.screen-section2{
    top:384px;
    left:0;
    position: absolute;
}

.screen-section3{
    top:960px;
    left:0;
    position: absolute;
}

.screen-section-big img{
   object-fit: cover;
    width:100%;
    height:100%;
     position:absolute;
    display: none;
}

.screen-section-big{
    top:384px;
    left:0;
    width:1152px;
    height:1152px;
    position: absolute;
    display:none;
    z-index:99999;
}


.screens-norlana .slide-screen-section2,.screens-norlana .slide-screen-section3{
    width:1536px;
    height:960px;
}


.slide-screen-section2,.slide-screen-section3{
    width:1152px;
    height:576px;
}
.swiper-screen img,.swiper-screen video{
   object-fit: cover;
    width:100%;
height:100%;
}

.container-header-screens {
    width: 384px;
    height: 384px;
    float: left;
    background-color: #1B2F4A;
    color: white;
    padding-left: 40px;
    padding-top: 40px;
}
.container-header-code {
    font-size: 54px;
    color:#fff;
    line-height: 58px;
    opacity:0.4;
}
.container-header-name{font-size:32px;}
.container-header-architect{font-size:16px;margin-top:-10px;}
.container-header-video{width:768px;height:384px;float:left;}
.video-header-screen{
    object-fit: cover;
    width:100%;
    height:100%;
}

.swiper-screen{
    width:1152px;
    height: 1152px;
    position: absolute;
    top:384px;
    left:0;
 
}

.screens-norlana .swiper-screen{
    width: 1536px;
    height: 960px;
    position: absolute;
    top:384px;
    left:0;
 
}

.swiper-screen .swiper-slide{
    width:1152px;
    height: 1152px;
}

.screens-norlana .swiper-screen .swiper-slide{
    width: 1536px;
    height: 960px;
}


.standby-screens{
    width:1152px;
    height: 1152px;
    position: absolute;
    top:384px;
    left:0;
    z-index: 9999;
}

.screens-norlana .standby-screens {
    width: 1536px;
    height: 960px;
    position: absolute;
    top: 384px;
    left: 0;
    z-index: 9999;
}

.standby-screens img{
    object-fit: cover;
    width:100%;
    height:100%;
}


.container-header-sales {
    margin-top: 65px;
    color: #fff;
      opacity:0.4;
    font-size: 16px;
   
}
.sales-cifra{font-size:22px;color:#fff;}
.container-header-budget{margin-top:20px;color:#fff;font-size: 16px; opacity:0.4;}
.budget-cifra{font-size:16px;color:#fff;}




.slider-renders-overlay-text .container-header-sales {
    margin-top: 0;
    color: #ccc;
    font-size: 18px;
    opacity: 1;
    float: left;
    width: 38%;
    border-right: 1px solid #f1f1f1;
    padding-top: 5px;
}

.slider-renders-overlay-text .sales-cifra{
    font-size: 28px;
    color: #fff;
    line-height: 44px;
}
.slider-renders-overlay-text .container-header-budget {
    margin-top: 0;
    color: #ccc;
    font-size: 16px;
    opacity: 1;
    float: left;
    width: 50%;
    padding-top: 5px;
    padding-left: 30px;
}
.slider-renders-overlay-text .budget-cifra {
    font-size: 28px;
    color: #fff;
    line-height: 44px;
}


.single-name {
    display: none;
}
.single-name.show {
    display: inline-block;
}





/*  APPROACH CONTROLLER  */

.container-approach-menu {
    margin-top: 270px;
}

.container-approach-controller {
    display: inline-block;
    width: 70%;
    margin-left: 15%;
}
.title-development {
    text-align: left;
    padding-bottom: 5px;
}

.container-approach-controller1 {
    width: 58%;
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: 2%;
}
.content-development1 {
    background-color: rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 40px;
    display: inline-block;
    width: 100%;
height: 210px;
}

.container-approach-controller2 {
    width: calc(18% - 1px);
    float: left;
         display: inline-block;
    text-align: center;
}
.content-development2 {
    background-color: rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 40px;
        display: inline-block;
    width: 100%;
height: 210px;
}

.container-approach-controller3 {
    width: 18%;
    float: left;
         display: inline-block;
    text-align: center;
}
.content-development3 {
    background-color: rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 40px;
        display: inline-block;
    width: 100%;
height: 210px;
}


.button-approach-controller {
    float: left;
    padding:10px 30px;
}


.button-approach-controller img {
    width: 80px;
}

.text-button-approach-controller {
    margin-top: 15px;
    line-height: 16px;
}

.separator-controller-approach {
    float: left;
    width: 1px;
    border-left: 1px solid rgba(255,255,255,0.2);
    height: 210px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 30px;
}

.button-approach-controller a {
    display: inline-block;
}

.container-approach-controller1 .button-approach-controller {
    float: left;
    padding: 10px 74px;
}

.container-approach-controller2 .button-approach-controller {
    float: left;
    padding: 10px 42px;
}
    
.container-approach-controller3 .button-approach-controller {
    float: left;
    padding: 10px 42px;
}













/* APP */


.page-template-page-app-favorites .header-menu-mansions-app .titulo-header-menu-mansions ,
.page-template-page-app-favorites-fb18 .header-menu-mansions-app .titulo-header-menu-mansions,
.page-template-page-app-favorites-ideations .header-menu-mansions-app .titulo-header-menu-mansions
{
    font-size: 28px;
    margin-top: -10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.header-menu-mansions-app .logo-menu-mansions {
    float: left;
    margin-right: 15px;
}
.header-menu-mansions-app .logo-menu-mansions img{
    width:45px;
}
.header-menu-mansions-app .titulo-header-menu-mansions {
    font-size: 28px;
    text-transform: uppercase;
}
.header-menu-mansions-app .texto-header-menu-mansions {
    font-size: 20px;
    line-height: 16px;
}

.arrow-prev-header {
    float: left;
    width: 50px;
    margin-top: 6px;
}
a.prev-link-header {
    display: inline-block;
    width: 60%;
    color: black;
    margin-top: -6px;
}

.container-filters {
    width: 500px;
    margin: 0 auto;
    margin-top:20px;
}

form {
    width: 100%;
    box-sizing: border-box;
    background-color: #e5e5e5;
    text-align: center;
    position: relative;
    border-radius: 50px;
    padding: 10px;
    font-size: 14px;
}

form > div {
  color:white;
  padding-top:26px;
  display:block;
  position:absolute;
  top:6px;
  left:6px;
  bottom:6px;
  width:calc(33.33% + 8px);
  background-color: #444;
  border-radius:35px;
  
  z-index:1;
  pointer-events:none;
  transition:transform 0.3s;
}

.single form > div {
    color:black;
    background-color: white;
  }

form::after {
  content:"";
  display:block;
  clear:both;
}

form label {
    color: #555;
    float: left;
    width: calc(33.333% - 1px);
    position: relative;
    padding: 5px 0px 15px;
    overflow: hidden;
    transition: color 0.3s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.single form label {
    color: black;
}

form label:first-child {
  border-left:none;
}

form label input {

    display:none;
}

form label div {
  z-index: 5;
  position: absolute;
  width: 100%;
  line-height: 22px;
}

form label.selected {
  color:white;
}

.single form label.selected {
    color:black;
  }

  .page-template-page-app-menu-norlana .container-menu-mansions.container-grid {
    margin: 0;
    margin-top: -2px;
    width: 100%;
    margin-left: 0;
}


.container-menu-mansions.container-grid {
    margin:0 auto;
    margin-top: 110px;
    width: calc(100% + 20px);
    margin-left: -10px;
 
}

.single .container-header-right {
    float: right;
    margin-top: -40px;
    margin-right: 50px;
    z-index: 999;
    position: relative;
}



.page-template-page-app-menu-norlana .item-grid-menu {
    width: 50%;
    height: calc(100vh - 80px);
    margin-bottom: 0;
    opacity: 0;
    padding: 0;
}




.item-grid-menu {
    width: 25%;
    height:34vh;
    margin-bottom: 20px;
    opacity: 0;
    padding: 10px;
}

.page-template-page-controller-menu .item-grid-menu,
.page-template-page-controller-favorites .item-grid-menu,
.page-template-page-controller-ideation-favorites .item-grid-menu
{
   
    opacity: 1;
  
}


.image-menu-mansions{width:100%;height:29vh;}
.image-menu-mansions img{width:100%;height:100%;object-fit: cover;}

.container-list{display:none;margin-top: 120px;}
.page-template-page-controller-menu .container-list, 
.page-template-page-controller-favorites .container-list
{display:block;margin-top: 110px;}

.page-template-page-controller-menu .container-grid, 
.page-template-page-controller-favorites .container-grid
{display:none;}


.page-template-page-controller-ideation-favorites .container-list {
    display: none;
    margin-top: 180px;
}

.page-template-page-controller-ideation-favorites .container-grid
{display:block;}




.item-menu-list {
    width: 18.7%;
    display: inline-block;
    margin-right:20px;
}

.page-template-page-controller-menu .item-menu-list {
    width: 23.8%;
    display: inline-block;
    margin-right:20px;
  
}
.page-template-page-controller-favorites .item-menu-list {
    width: 23.8%;
    display: inline-block;
    margin-right:20px;
  
}

.page-template-page-controller-ideation-favorites .item-menu-list {
    width: 23.4%;
    display: inline-block;
    margin-right:20px;
  
}


.page-template-page-controller-ideation-area1 .item-menu-list {
    width: 32.4%;
    display: inline-block;
    margin-right:20px;
  
}


.page-template-page-controller-ideation-area2 .item-menu-list {
    width: 23.9%;
    display: inline-block;
    margin-right:20px;
  
}

.page-template-page-controller-ideation-area3 .item-menu-list {
    width: 23.9%;
    display: inline-block;
    margin-right:20px;
  
}

.page-template-page-controller-ideation-area4 .item-menu-list {
    width: 32.4%;
    display: inline-block;
    margin-right:20px;
  
}









.page-template-page-controller-menu .container-items-menu-mansions,
.page-template-page-controller-ideation-area1 .container-items-menu-mansions,
.page-template-page-controller-ideation-area2 .container-items-menu-mansions,
.page-template-page-controller-ideation-area3 .container-items-menu-mansions,
.page-template-page-controller-ideation-area4 .container-items-menu-mansions,
.page-template-page-controller-favorites .container-items-menu-mansions,
.page-template-page-controller-ideation-favorites .container-items-menu-mansions {
    margin-top: 60px;
}


.grid-list{height: 70vh;width:100% !important;}
.page-template-page-app-new-designs .grid-list{height: 60vh;width:100% !important;}

.text-menu-mansions {
    font-size: 20px;
    color: #000;
    margin-top: 10px;
}

.container-sales-single {
    position: absolute;
    bottom: -10px;
    right: -50px;
    z-index: 9999;
    float: right;
    width: 50%;
}

.is-showing-items .item-grid-menu {
  opacity: 1  /* reveal when ready */
}

.page-template-page-controller-ideation-area1 .is-showing-items .item-grid-menu,
.page-template-page-controller-ideation-area2 .is-showing-items .item-grid-menu,
.page-template-page-controller-ideation-area3 .is-showing-items .item-grid-menu,
.page-template-page-controller-ideation-area4 .is-showing-items .item-grid-menu {
    opacity: 1 !important;
  }


.page-template-page-app-favorites,.page-template-page-app-favorites-fb18,.page-template-page-app-favorites-ideations{background: #353535;color:#fff}

.page-template-page-app-favorites,
.page-template-page-app-favorites-fb18,
.page-template-page-app-favorites-ideations,
.page-template-page-app-ideation-area1,
.page-template-page-app-ideation-area2,
.page-template-page-app-ideation-area3,
.page-template-page-app-ideation-area4, 
.page-template-page-app-menu,
.page-template-page-app-new-designs,
.page-template-page-controller-menu,
.page-template-page-controller-ideation-area1,
.page-template-page-controller-ideation-area2,
.page-template-page-controller-ideation-area3,
.page-template-page-controller-ideation-area4,
.page-template-page-controller-favorites,
.page-template-page-controller-ideation-favorites
{overflow: auto !important;overflow-x: hidden !important;}


.page-template-page-app-favorites .wrapper,
.page-template-page-app-favorites-fb18 .wrapper, 
.page-template-page-app-favorites-ideations .wrapper, 
.page-template-page-app-menu .wrapper,
.page-template-page-app-new-designs .wrapper, 
.page-template-page-controller-menu .wrapper, 
.page-template-page-controller-ideation-area1 .wrapper, 
.page-template-page-controller-ideation-area2 .wrapper, 
.page-template-page-controller-ideation-area3 .wrapper, 
.page-template-page-controller-ideation-area4 .wrapper, 
.page-template-page-controller-favorites .wrapper,
.page-template-page-controller-ideation-favorites .wrapper,
.page-template-page-app-ideation-area1 .wrapper,
.page-template-page-app-ideation-area2 .wrapper,
.page-template-page-app-ideation-area3 .wrapper,
.page-template-page-app-ideation-area4 .wrapper
{height: auto !important;}




.page-template-page-app-favorites .container,
.page-template-page-app-favorites-fb18 .container, 
.page-template-page-app-favorites-ideations .container, 
.page-template-page-app-menu .container,
.page-template-page-app-new-designs .container, 
.page-template-page-controller-menu .container, 
.page-template-page-controller-ideation-area1 .container, 
.page-template-page-controller-ideation-area2 .container, 
.page-template-page-controller-ideation-area3 .container, 
.page-template-page-controller-ideation-area4 .container, 
.page-template-page-controller-favorites .container,
.page-template-page-controller-ideation-favorites .container,
.page-template-page-app-ideation-area1 .container,
.page-template-page-app-ideation-area2 .container,
.page-template-page-app-ideation-area3 .container,
.page-template-page-app-ideation-area4 .container
{height: auto !important;overflow: auto !important;}





.page-template-page-app-favorites .header-menu-mansions,
.page-template-page-app-favorites-fb18 .header-menu-mansions,
.page-template-page-app-favorites-ideations .header-menu-mansions

{
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 99999999;
    background: #353535;
    top: 0;

}


.page-template-page-app-favorites-ideations .header-menu-mansions{padding-bottom: 70px;}

.page-template-page-app-favorites .container-filters,.page-template-page-app-favorites-fb18 .container-filters {
    width: 500px;
    margin: 0 auto;
    margin-top: 10px;
}

.page-template-page-app-favorites form,.page-template-page-app-favorites-fb18 form {
    background-color: rgba(217,217,217,0.5);
}

.page-template-page-app-favorites form label,.page-template-page-app-favorites-fb18 form label {
    color: white;
}

.container-texto-header-first-wrapper {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f1f1f17e;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 0px;
}

.no-favorites-container {
    margin-top: 150px;
}



.button-close-header {
    margin-top: 4px;
    margin-right: -15px;
    float: left;
    color: white;
}

.page-template-page-app-favorites .button-close-header,.page-template-page-app-favorites-fb18 .button-close-header , .page-template-page-app-favorites-ideations .button-close-header {
    margin-top: 4px;
    margin-right: 35px;
    float: left;
    color: white;
}

.button-close-header a {
    color: white;
    line-height: 24px;
    padding: 8px 25px;
    border: 1px solid #f1f1f1;
    border-radius: 30px;
    padding-top: 12px;
}

span.icon-close-favorites-page {
    margin-right: 13px;
    vertical-align: 1px;
}

span.separator-title {
    vertical-align: 2px;
    font-size: 30px;
}


.page-template-page-app-favorites .menu-header img{filter: invert();}
.page-template-page-app-favorites-fb18 .menu-header img{filter: invert();}
.page-template-page-app-favorites-ideations .menu-header img{filter: invert();}


.favorites-reset-container {
    position: absolute;
    margin-left: 50px;
    margin-top: 15px;
}

.favorites-reset-container img {
    margin-right: 15px;
}

.header-app-menu {
    display: inline-block;
    width: calc(100vw - 100px);
    padding-top: 40px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 0;
}

.page-template-page-controller-menu .header-app-menu,
.page-template-page-controller-ideation-area1 .header-app-menu,
.page-template-page-controller-ideation-area2 .header-app-menu,
.page-template-page-controller-ideation-area3 .header-app-menu,
.page-template-page-controller-ideation-area4 .header-app-menu  {
    display: inline-block;
    width: calc(100vw - 100px);
    padding-top: 40px;
    padding-bottom: 70px;
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 0;
}

.page-template-page-controller-favorites .header-app-menu {
    display: inline-block;
    width: calc(100vw - 100px);
    padding-top: 40px;
    padding-bottom: 70px;
    position: fixed;
    z-index: 999;
    background: #353535;
    top: 0;
}

.page-template-page-controller-ideation-favorites .header-app-menu {
    display: inline-block;
    width: calc(100vw - 100px);
    padding-top: 40px;
    padding-bottom: 100px;
    position: fixed;
    z-index: 999;
    background: #353535;
    top: 0;
}



.page-template-page-controller-ideation-area1 .header-app-menu,
.page-template-page-controller-ideation-area2 .header-app-menu,
.page-template-page-controller-ideation-area3 .header-app-menu,
.page-template-page-controller-ideation-area4 .header-app-menu  {
    display: inline-block;
    width: calc(100vw - 100px);
    padding-top: 40px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 0;
}






.page-template-page-app-favorites .text-menu-mansions,.page-template-page-app-favorites-fb18 .text-menu-mansions,.page-template-page-app-favorites-ideations .text-menu-mansions {
    color: #fff;
}

.page-template-page-app-favorites .header-menu-mansions-app .logo-menu-mansions img,.page-template-page-app-favorites-fb18 .header-menu-mansions-app .logo-menu-mansions img,.page-template-page-app-favorites-ideations .header-menu-mansions-app .logo-menu-mansions img  {
    filter: invert(1);
}

.page-template-page-app-favorites .container-menu-mansions.container-grid,.page-template-page-app-favorites-fb18 .container-menu-mansions.container-grid , .page-template-page-app-favorites-ideations .container-menu-mansions.container-grid {
    margin-top: 110px;
}


/*
.page-template-page-app-favorites .fav-container {
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 9999;
    zoom:90%;
    
}

.page-template-page-app-favorites .fav-container div {
    cursor: pointer;
    height: 50px;
    width: 50px;
    text-align: center;
    background-color: rgba(255,255,255,.4);
    border-radius: 50%;
    padding-top: 6px;
    filter: invert(0);
}

.page-template-page-app-favorites .fav-container div:after {
    cursor: pointer;
    content: ' \2605';
    font-size: 30px;
    color: black;
    filter: invert(1);
}
*/

.favorites-counter {
    margin-top: 90px;
}

.container-header-single {
    width: 100vw;
    height: 145px;
    position: relative;
    display: inline-block;
    background: #fff;
    margin-top: 7px;
}

/*
.swiper-header {
    width: 38vw;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 7px;
    left: -5px;
    color:black;
}
    */

.swiper-header {
    width:43%;
    height:70px;
    margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;

  padding: 0;
  }

.swiper-header a{
    color:black;
    padding: 20px 5px;
}

.swiper-header .swiper-wrapper {
    position:relative;
    display:flex;
    width: 100%;
    height: 70px;
  box-sizing: content-box;
}




   
.swiper-header .swiper-slide{
     background: transparent;
    text-align: center;
    margin-top: 7px;
    opacity:0.3;
     transition: opacity 0.3s ease;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 20%;
    
}

  
.swiper-header .swiper-slide{
    flex-shrink: 0;
     
       position: relative;
       transition-property: transform;
       font-size:14px;
   }

.swiper-header .swiper-slide span{
    font-family: 'HelveticaNeue-Roman';
}

.swiper-header .swiper-slide-active {
    font-size: 26px;
    top: 0px;
 
    opacity:1;
     transition: opacity 0.3s ease;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
     font-family: 'HelveticaNeue-Roman';
}

.swiper-header .swiper-slide-active span{
    font-family: 'HelveticaNeue-Roman';
}

.swiper-header .swiper-slide.swiper-slide-prev,
.swiper-header .swiper-slide.swiper-slide-next
{
    opacity:0.6;
    font-size:17px;
}


.swiper-header .swiper-slide.swiper-slide-prev a {
    margin-left: -25px;
}

.swiper-header .swiper-slide.swiper-slide-next a {
    margin-right: -25px;
}



.dots-left-slider-header {
    opacity: 0.2;
    color: black;
    position: absolute;
    margin-left: 21%;
    margin-top: 40px;
}
.dots-right-slider-header {
    opacity: 0.2;
    color: black;
    position: absolute;
    top: 0;
    margin-left: 78%;
    margin-top: 40px;
}



.swiper-header-prev, .swiper-header-next {
    position: absolute;
    top: 31px;
    z-index: 999999;
    margin-top: -20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    display: inline-block;
    color: black !important;
}


.swiper-header-prev {
    margin-left: -20px;
}
   

.swiper-header-next {
   right:-20px;
}
 

 /*

.swiper-header-prev {
    position: fixed;
    margin-left: -40px;
    margin-top: -12px;
}

.swiper-header-next {
    position: fixed;
    width: calc(43% + 40px); 
    margin-top: -12px;
    text-align: right;
}

*/

.swiper-header-prev:after, .swiper-rtl .swiper-header-next:after {
    content: 'prev';
}

.swiper-header-next:after, .swiper-rtl .swiper-header-prev:after {
    content: 'next';
}

.swiper-header-prev:after,.swiper-header-next:after{
    font-family: swiper-icons;
    font-size: 18px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}


.header-name-single {
    position: absolute;
    top: 82px;
    height: 70px;
    width: 100%;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}

.header-single-name-left {
    width: calc(50% - 50px);
    margin-left: 50px;
    margin-top: 18px;
}
.header-single-name-right {
    width: 50%;
    float: right;
    display: inline-block;
}

.single-name-mansion {
    font-size: 26px;
    line-height: 20px;
    text-transform: uppercase;
}

.single-name-architect {
    font-size: 16px;
    color: #999;
}



.container-single-app .fav-container {
    top: 5px;
    position: relative;
    display: inline-block;
    right:0;
}






.swiper-renders, .swiper-plots, .swiper-view {
    height: calc(100vh - 150px);
}
.swiper-renders .swiper-slide img, .swiper-plots .swiper-slide img {
    object-fit: cover;
    width: calc(100% + 1px);
    height: 100%;
}

.swiper-plots .swiper-slide img {
    object-position: bottom;
   
}


.swiper-view .swiper-slide img {
    object-fit: cover;
    width: 125%;
    margin-left: -25%;
    margin-top: 10px;
    clip-path: inset(0 0 0 34%);
}


.swiper-view .swiper-slide img.fp-legend {
    clip-path: unset;
    position: absolute;
    bottom: 160px;
    left: 50px;
    width: 280px;
    object-fit: cover;
    image-rendering: optimizeQuality; 
    image-rendering: -webkit-optimize-contrast; 
    shape-rendering: geometricPrecision;
    text-rendering: optimizeLegibility; 
}








.fp-legend {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: absolute;
    bottom: 60px;
    left: 50px;
}

.fp-legend-item {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -4px;
    
}

.fp-label {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}


.dp-total {
    position: absolute;
    bottom: 60px;
    left: 50px;
}

.dp-total-text {
    color: #8D8D8D;
    font-size:22px;
}

.dp-total-number {
    font-size:30px;
    margin-top:-5px;
}







.swiper-plots .swiper-slide img.overlay-text-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
}

.swiper-plots .swiper-slide img.overlay-text-slider.overlay-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*
.swiper-renders .swiper-slide:after, .swiper-plots .swiper-slide:after {
    content: "";
    display: block;
    background: linear-gradient(
        to top, 
        rgba(0,0,0,0.55) 0%,
        rgba(0,0,0,0) 100% 
    );
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
}

*/

.swiper-renders .swiper-slide-first:after {
    content: "";
    display: block;
    background: linear-gradient(
        to top, /* Cambiado a 'to top' para que el degradado vaya de abajo hacia arriba */
        rgba(0, 0, 0, 0.55) 0%, /* Comienza con negro semiopaco en la parte inferior */
        rgba(0, 0, 0, 0) 100% /* Transición a transparente en la parte superior */
    );
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
}

.page-template-page-norlana-slides .swiper-renders .swiper-slide:after, .page-template-page-app-slides .swiper-renders .swiper-slide:after {
    display: none !important;
}

.page-template-page-norlana-slides .swiper-pagination-renders, .page-template-page-app-slides .swiper-pagination-renders{
    filter: invert(1);
}


 


.swiper-renders .swiper-slide video,.swiper-plots .swiper-slide video,.swiper-view .swiper-slide video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.swiper-pagination-renders, .swiper-pagination-plots, .swiper-pagination-view {
    position: absolute;
    z-index: 999;
    bottom: unset!important;
    right: 30px!important;
    top: 55% !important;
}

.swiper-pagination-renders .swiper-pagination-bullet-active,.swiper-pagination-plots .swiper-pagination-bullet-active {
    background: #fff !important;
}

.swiper-pagination-renders .swiper-pagination-bullet,.swiper-pagination-plots .swiper-pagination-bullet  {
    background: transparent;
    border: 1px solid white;
    opacity: 1;
}


.page-template-page-app-slides .swiper-renders .swiper-slide img {
    object-fit: cover;
    width: 92vw;
    height: 92%;
    margin-left: 4%;
}

.page-template-page-app-slides .swiper-renders .swiper-slide.swiper-full img {
    object-fit: cover;
    width: 100vw;
    height: 100%;
    margin-left: 0% !important;
}







.container-favorite-single {
    position: absolute;
    top: 100px;
    z-index: 999999;
    right: 0;
}

.fav-header-single {
    position: absolute;
    top: 4px;
    right: 587px;
}

.fav-header-single-ideations {
    position: absolute;
    top: 4px;
    right: 357px;
}


.container-single-app .fav-container {
   top:10px;
}

.container-single-app .fav-container div {
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
    padding-top: 4px;
    padding-left: 1px;
    border: 1px solid #353535;
}

.container-single-app .fav-container div:after {
    cursor: pointer;
    content: ' \2606';
    font-size: 23px;
    color: #353535;
    filter: unset;
    margin-left: 0px;
  
}

.container-single-app .fav-container div.fav {
    background-color: #353535;
    border: 1px solid #353535;
}

.container-single-app .fav-container div.fav:after {
    content: ' \2605';
    color: white;
}



.container-buttons-single-header {
    position: absolute;
    top: 23px;
    right: 40px;
}

.button-single-header {
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #353535;
    border-radius: 30px;
    padding: 10px 33px;
    font-size: 14px;
    padding-top: 14px;
}


.button-single-header.selected {
    border: 1px solid #353535;
    color:white;
    background-color: #353535;
}



.like-container {
    position: absolute;
    top: 40px;
    left: 470px;
}

.page-template-page-controller-menu .like-container {
    position: absolute;
    top: 312px;
    left: 210px;
    width: 110px;
}

.page-template-page-controller-menu .item-menu-list .like-container {
    position: absolute;
    top: 13px;
    left: 173px;
    width: 110px;
}

.page-template-page-controller-favorites .like-container,
.page-template-page-controller-ideation-favorites .like-container {
    position: absolute;
    top: 312px;
    left: 210px;
    width: 110px;
}

.page-template-page-controller-favorites .item-menu-list .like-container,
.page-template-page-controller-ideation-favorites .item-menu-list .like-container 
 {
    position: absolute;
    top: 13px;
    left: 173px;
    width: 110px;
}





.page-template-page-controller-ideation-area1 .like-container,
.page-template-page-controller-ideation-area2 .like-container,
.page-template-page-controller-ideation-area3 .like-container,
.page-template-page-controller-ideation-area4 .like-container
{
    position: absolute;
    top: 202px;
    left: 210px;
    width: 110px;
}

.page-template-page-controller-ideation-area1 .item-menu-list .like-container {
    position: absolute;
    top: 13px;
    left: 283px;
    width: 110px;
}

.page-template-page-controller-ideation-area2 .item-menu-list .like-container {
    position: absolute;
    top: 13px;
    left: 173px;
    width: 110px;
}

.page-template-page-controller-ideation-area3 .item-menu-list .like-container {
    position: absolute;
    top: 13px;
    left: 173px;
    width: 110px;
}

.page-template-page-controller-ideation-area4 .item-menu-list .like-container  {
    position: absolute;
    top: 13px;
    left: 283px;
    width: 110px;
}









.page-template-page-controller-favorites .like-container {
    position: absolute;
    top: 312px;
    left: 210px;
    width: 110px;
}


.page-template-page-controller-ideation-favorites .like-container {
    position: absolute;
    top: 215px;
    left: 210px;
    width: 110px;
}

.page-template-page-controller-favorites .item-menu-list .like-container,
.page-template-page-controller-ideation-favorites .item-menu-list .like-container {
    position: absolute;
    top: 13px;
    left: 173px;
    width: 110px;
}







.like-button, .dislike-button {
    float: left;
    padding: 0 15px;
}

.like-img, .dislike-img {
    width: 50px;
}

.single .like-img, .single .dislike-img {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    filter: contrast(1.4);
}


.container-single-app .like-container {
    position: absolute;
    top: 154px;
    right: 40px;
    left: unset;
    z-index: 9999999;
}

.container-single-app .like-button, .container-single-app .dislike-button {
    float: left;
    padding: 0 7px;
}



.page-template-page-app-menu .like-container,.page-template-page-app-new-designs .like-container,.page-template-page-app-favorites .like-container,.page-template-page-app-favorites-fb18 .like-container,.page-template-page-app-favorites-ideations .like-container {
    position: absolute;
    bottom: 11px;
    right: 0px;

    top:unset;
    left: unset;
}

.page-template-page-app-menu .like-button, .page-template-page-app-menu .dislike-button {
    float: left;
    padding: 0 7px;
}
.page-template-page-controller-menu .like-button, .page-template-page-controller-menu .dislike-button {
    float: left;
    padding: 0 7px;
}
.page-template-page-controller-favorites .like-button, .page-template-page-controller-favorites .dislike-button {
    float: left;
    padding: 0 7px;
}
.page-template-page-controller-ideation-favorites .like-button, .page-template-page-controller-ideation-favorites .dislike-button {
    float: left;
    padding: 0 7px;
}
.page-template-page-app-new-designs .like-button, .page-template-page-app-new-designs .dislike-button {
    float: left;
    padding: 0 7px;
}

.page-template-page-app-menu .like-img, .page-template-page-app-menu .dislike-img {
    width: 40px;
}
.page-template-page-controller-menu .like-img, .page-template-page-controller-menu .dislike-img {
    width: 40px;
}
.page-template-page-controller-favorites .like-img, .page-template-page-controller-favorites .dislike-img {
    width: 40px;
}
.page-template-page-controller-ideation-favorites .like-img, .page-template-page-controller-ideation-favorites .dislike-img {
    width: 40px;
}






.page-template-page-controller-ideation-area1 .like-button, .page-template-page-controller-ideation-area1 .dislike-button,
.page-template-page-controller-ideation-area2 .like-button, .page-template-page-controller-ideation-area2 .dislike-button,
.page-template-page-controller-ideation-area3 .like-button, .page-template-page-controller-ideation-area3 .dislike-button,
.page-template-page-controller-ideation-area4 .like-button, .page-template-page-controller-ideation-area4 .dislike-button{
    float: left;
    padding: 0 7px;
}

.page-template-page-controller-favorites .like-button, .page-template-page-controller-favorites .dislike-button {
    float: left;
    padding: 0 7px;
}
.page-template-page-controller-ideation-favorites .like-button, .page-template-page-controller-ideation-favorites .dislike-button {
    float: left;
    padding: 0 7px;
}

.page-template-page-controller-ideation-area1 .like-img, .page-template-page-controller-ideation-area1 .dislike-img,
.page-template-page-controller-ideation-area2 .like-img, .page-template-page-controller-ideation-area2 .dislike-img,
.page-template-page-controller-ideation-area3 .like-img, .page-template-page-controller-ideation-area3 .dislike-img,
.page-template-page-controller-ideation-area4 .like-img, .page-template-page-controller-ideation-area4 .dislike-img {
    width: 40px;
}



.page-template-page-controller-favorites .like-img, .page-template-page-controller-favorites .dislike-img {
    width: 40px;
}
.page-template-page-controller-ideation-favorites .like-img, .page-template-page-controller-ideation-favorites .dislike-img {
    width: 40px;
}








.page-template-page-app-new-designs .like-img, .page-template-page-app-new-designs .dislike-img {
    width: 40px;
}

.page-template-page-app-favorites .like-button, .page-template-page-app-favorites .dislike-button {
    float: left;
    padding: 0 7px;
}

.page-template-page-app-favorites .like-img, .page-template-page-app-favorites .dislike-img {
    width: 40px;
}

.page-template-page-app-favorites-fb18 .like-button, .page-template-page-app-favorites-fb18 .dislike-button {
    float: left;
    padding: 0 7px;
}

.page-template-page-app-favorites-fb18 .like-img, .page-template-page-app-favorites-fb18 .dislike-img {
    width: 40px;
}


.page-template-page-app-favorites-ideations .like-button, .page-template-page-app-favorites-ideations .dislike-button {
    float: left;
    padding: 0 7px;
}

.page-template-page-app-favorites-ideations .like-img, .page-template-page-app-favorites-ideations .dislike-img {
    width: 40px;
}








.slider-renders-overlay-text {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 9999;
    width: 100%;
    color: white;
}

.slider-renders-overlay-text-plot {
    border-bottom: 1px solid white;
    display: inline-block;
    line-height: 16px;
    display: none;
}

.slider-renders-overlay-text-title {
    font-size: 60px;
    margin-top: 10px;
    margin-bottom: 0;
    display: none;
}

.slider-renders-overlay-text-architect {
    font-size: 20px;
    margin-top: -10px;
    margin-bottom: 40px;
}

.slider-renders-overlay-text-description {
    font-size: 18px;
    line-height: 22px;
    width: 40%;
    float: left;
}

.container-view-single .slider-renders-overlay-text-plot {
    border-bottom: 1px solid black;
    width: auto;
    display: inline-block;
    line-height: 16px;
    color:black;
}

.container-view-single .slider-renders-overlay-text-title {
    font-size: 60px;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 56px;
    color: black;
}








.single-selector {
    position: absolute;
    left: 440px;
    top: 155px;
    z-index: 9999999;
    width: 500px;
}


img.icon-cgi,img.icon-map {
    margin-right: 8px;
}





.container-renders-single {

    left: 0;
    height: calc(100vh - 152px);
    width: 100vw;
    top: 152px;
}

.container-plots-single {

    left: 0;
    height: calc(100vh - 152px);
    width: 100vw;
    top: 152px;
    display:none;
}

.container-view-single {
 
    left: 0;
    height: calc(100vh - 152px);
    width: 100vw;
    top: 152px;
    display:none;
   
}



img.overlay-text-slider {
    position: absolute;
    top: 0;
    left: 0;
}



.container-list-grid {
    position: absolute;
    right: 0px;
    top: 115px;
}












/*  FAVS */

body.page-template-page-screen-favorites {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: 'HelveticaNeue-Roman', Arial, Helvetica, sans-serif;
    touch-action: none !important;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding-top: 0;
}

body.page-template-page-screen-ideations-favorites {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: 'HelveticaNeue-Roman', Arial, Helvetica, sans-serif;
    touch-action: none !important;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding-top: 0;
}

.favorites-screen-header {
    text-align: left;
    font-size: 44px;
    padding-top: 45px;
    padding-bottom: 40px;
    height: 100vh;
    background: #3A3F4A;
    color: white;
    margin-left: 0px;
    float: left;
    width: 12vw;
   
}

.grid {
    background: white;
    height: 1536px;
    width: 88vw;
    min-width: 100px;
    float: right;
    display: grid;
    padding: 0px;
    gap: 0px;
    justify-content: center;
}

.grid-block {
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
    
}
.grid-caption {
    color: white;
    font-size: 16px;
    flex: 0 0 auto;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 30px;
    padding-left: 10px;
    padding-top:3px;
    text-transform: uppercase;
}
.grid-image {
	flex: 1 1 auto;
	background-size: cover;
    background-position: center;
}

.caption-name {
    float: left;
    margin-top: 13px;
    margin-left: 40px;
    
}














.container-votes-members {
    float: right;
    margin-right: 40px;
}

.num-votes {
    float: left;
    margin-top: 13px;
}

.check-container img {
    width: 30px;
    margin-top: 10px;
}

.check-container {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}



.check-container-header {
    margin-top: 25px;
    letter-spacing: 1px;
    font-size: 35px;
}

.check-container-header img {
    width: 40px;
    margin-top: 12px;
    vertical-align: -8px;
}







.container-next-steps img {
    width: 100%;
    height: 100%;
}






.grid-favorites-single{height:1512px;}

.side-panels-screen-single {
    width: 12%;
    height: 100vh;
    float: left;
    text-align: center;
    color: white;
    position: absolute;
}

.collection-selection-title {
    font-size: 50px;
    padding-top: 120px;
    line-height: 60px;
    opacity: 0;
}

.side-panels-screen-single.panel-right {
    right:0;
}



.fav-caption-desc {
    font-size: 26px;
    line-height: 30px;
    padding-left: 40px;
}



.slide-next-steps:after {
    content: '';
    display: block;
    width: 75vw;
    height: 94vh;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    right: 43px;
    top: 46px;
}






/* CONTROLLER MAP */

.container-buttons-map {
    margin-top: 200px;
    display: inline-block;
    width: 100%;
}

.button-approach-map {
    float: left;
    margin-right: 90px;
}

.button-approach-map img {
    width: 70px;
    margin-right: 10px;
}

.container-buttons-map-filters {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-top: 50px;
    background-color: rgba(255,255,255,0.2);
    padding: 50px;
    border-radius: 10px;
    padding-top: 70px;
    padding-bottom: 70px;
}
.container-buttons-map-filters [type=checkbox]:checked+label, .container-buttons-map-filters [type=checkbox]:not(:checked)+label {
    color: #fff !important;
}

.container-buttons-map-filters [type=checkbox]:checked+label, .container-buttons-map-filters [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    margin-bottom: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}

.container-buttons-map-filters-column {
    width: 33.33%;
    float: left;
}


.container-buttons-map-filters-column-title {
    width: 20%;
    margin-right: 5%;
    float: left;
    font-size: 18px;
    height: 200px;
    line-height: 20px;
    border-right: 1px solid rgba(255,255,255,0.5);
}

.container-buttons-map-filters-column-filters {
    float: left;
    width: 60%;
}


.container-buttons-map-filters .wpupg-filter-checkboxes-location {
    margin-top:0px;
}
.container-buttons-map-filters .wpupg-filter-checkboxes-high_value {
    margin-top: 0;
    padding-bottom: 0;
}



.title-location-filters{ height: 100px;}
.title-development-filters{ height: 125px;}








.page-template-page-controller-favorites{
    background: #353535;
    color:white;
}

.page-template-page-controller-ideation-favorites{
    background: #353535;
    color:white;
}











/*************  SCREENS IDEATION   ****************/


.wrapper-screen-ideations{
    width:8448px;
    height:1536px;
    overflow: hidden;
}




.page-template-page-screen-ideations-map .square-menu-ideations-area1 {
    position: absolute;
    border: 7px solid #CCC3E1;
    top: 5%;
    left: 27.2%;
    width: 20%;
    height: 62%;
    color: #CCC3E1;
}

.page-template-page-screen-ideations-map .square-menu-ideations-area1-text {
    bottom: -140px;
    position: absolute;
    font-size: 72px;
}


.page-template-page-screen-ideations-map .square-menu-ideations-area2 {
    position: absolute;
    border: 7px solid #5083D1;
    top: 5%;
    left: 47.4%;
    margin-left: 5px;
    width: 15%;
    height: 62%;
    color: #5083D1;
}

.page-template-page-screen-ideations-map .square-menu-ideations-area2-text {
    bottom: -140px;
    position: absolute;
    font-size: 72px;
}



.page-template-page-screen-ideations-map .square-menu-ideations-area3 {
    position: absolute;
    border: 7px solid #9DB573;
    top: 19%;
    left: 62.5%;
    margin-left: 10px;
    width: 7.5%;
    height: 61%;
    color: #9DB573;
}

.page-template-page-screen-ideations-map .square-menu-ideations-area3-text {
    top: -120px;
    right: 0;
    position: absolute;
    font-size: 72px;
}


.page-template-page-screen-ideations-map .square-menu-ideations-area4 {
    position: absolute;
    border: 7px solid #FF8341;
    top: 51%;
    left: 70.2%;
    margin-left: 8px;
    width: 6%;
    height: 44%;
    color: #FF8341;
}

.page-template-page-screen-ideations-map .square-menu-ideations-area4-text {
    top: -120px;
    right: 0;
    position: absolute;
    font-size: 72px;
    
}




.container-screen-ideations-map-right-title {
    width: 100%;
    height: 25%;
    text-align: center;
    font-size:112px;
    padding-top: 130px;
}

.container-screen-ideations-map-right-title-small {
    vertical-align: 10px;
    margin-left: 80px;
    display: inline-block;
    font-size: 72px;
}



.container-header-screen-ideations-area.background-a1 {
    width: 19vw;
    height: 100%;
    float: left;
}

.container-screen-grid-mansions-a1 {
    height: 100vh;
    width: 81vw;
    float: left;
    background-color: #000;
}


.container-screen-grid-mansions-a1 .item-grid-menu-screen {
    float: left;
    width: 12.5%;
    height: 33.3%;
    position: relative;
    display: inline-block;
}

.image-grid-menu-mansions-screen {
    width: 100%;
    height: 100%;
    position: relative;
    /* object-fit: cover; */
    display: inline-block;
}

.image-grid-menu-mansions-screen img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}


  
.image-grid-menu-mansions-screen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 1;
}



.text-menu-mansions-screen {
    left: 50px;
    top: 40px;
    position: absolute;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    z-index: 99999;
}





.container-header-screen-ideations-area-map {
    margin-top: 160px;
    text-align: center;
}

.container-header-screen-ideations-area-map img {
    width: 85%;
    text-align: center;
}



.text-big-header-screen-ideations-area {
    font-size: 220px;
    position: absolute;
    top: 840px;
    left: -100px;
    transform: rotate(-90deg);
}


.container-header-screen-ideations-area.background-a1 .text-small-header-screen-ideations-area {
    font-size: 82px;
    position: absolute;
    top: 1030px;
    left: 170px;
    transform: rotate(-90deg);
}












.container-header-screen-ideations-area.background-a2 {
    width: 12vw;
    height: 100%;
    float: left;
}

.container-screen-grid-mansions-a2 {
    height: 100vh;
    width: 88vw;
    float: left;
    background-color: #000;
}


.container-screen-grid-mansions-a2 .item-grid-menu-screen {
    float: left;
    width: 10%;
    height: 33.3%;
    position: relative;
    display: inline-block;
}

.container-header-screen-ideations-area.background-a2 .text-small-header-screen-ideations-area {
    font-size: 82px;
    position: absolute;
    top: 1065px;
    left: 170px;
    transform: rotate(-90deg);
}






.container-header-screen-ideations-area.background-a3 {
    width: 10vw;
    height: 100%;
    float: left;
}

.container-screen-grid-mansions-a3 {
    height: 100vh;
    width: 90vw;
    float: left;
    background-color: #000;
}


.container-screen-grid-mansions-a3 .item-grid-menu-screen {
    float: left;
    width: 10%;
    height: 33.3%;
    position: relative;
    display: inline-block;
}

.container-header-screen-ideations-area.background-a3 .text-small-header-screen-ideations-area {
    font-size: 82px;
    position: absolute;
    top: 1025px;
    left: 170px;
    transform: rotate(-90deg);
}






.container-header-screen-ideations-area.background-a4 {
    width: 20vw;
    height: 100%;
    float: left;
}

.container-screen-grid-mansions-a4 {
    height: 100vh;
    width: 80vw;
    float: left;
    background-color: #000;
}


.container-screen-grid-mansions-a4 .item-grid-menu-screen {
    float: left;
    width: 14.28%;
    height: 33.3%;
    position: relative;
    display: inline-block;
}

.container-header-screen-ideations-area.background-a4 .text-small-header-screen-ideations-area {
    font-size: 82px;
    position: absolute;
    top: 1025px;
    left: 170px;
    transform: rotate(-90deg);
}








.container-screen-single-ideations {
    display: inline-block;
}
.single-screen-ideation-image {
    width: 21%;
    float: left;
}

.single-screen-ideation-image img {
    object-fit: cover;
    width: 100%;
    height: 80vh;
}



.text-single-ideations-screen {
        position: absolute;
        width: 100vw;
        bottom: -20px;
        height: 22vh;
        clear: both;
        text-align: center;
        padding-top: 100px;
}


.ideations-screen-single-number {
    display: inline;
    font-size:102px;
    margin: 0 70px;
}

.ideations-screen-single-title {
    display: inline;
    font-size:102px;
    text-transform: uppercase;
    margin: 0 70px;
}

.ideations-screen-single-architect {
    display: inline;
    font-size:78px;
    opacity:0.4;
    margin: 0 70px;
    vertical-align: 10px;
}


.container-right-single-ideations-screen {
    float: left;
    width: 16%;
    background-color: #2c313b;
}


.container-right-single-ideations-screen-map {
    height: 29vh;
    position: relative;
}

.container-right-single-ideations-screen-siteplan {
    height: 52vh;
}

.container-right-single-ideations-screen-siteplan img {
    object-fit: cover;
    height: 100%;
}

.container-right-single-ideations-screen-map img {
    width: 70%;
    margin-left: 15%;
    margin-top: 80px;
}

.container-right-single-ideations-screen-map-area {
    position: absolute;
    top: 54%;
    left: 16%;
    font-size: 54px;
}

.container-right-single-ideations-screen-map-category {
    position: absolute;
    font-size: 38px;
    left: 16%;
    top: 71%;
    opacity: 0.6;
}


















/* IPAD PRO */

@media only screen and (max-width: 1366px) and (orientation: landscape) { 

.container-approach-controller {
    display: inline-block;
    width: 86%;
    margin-left: 7%;
}
    
.content-development1 {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    padding: 40px;
    display: inline-block;
    width: 100%;
    height: 210px;
}
    
.container-approach-controller1 .button-approach-controller {
    float: left;
    padding: 10px 46px;
}

.container-approach-controller2 .button-approach-controller {
    float: left;
    padding: 10px 14px;
}
    
.container-approach-controller3 .button-approach-controller {
    float: left;
    padding: 10px 14px;
}




}





@media screen and (min-width: 2000px) {

    .page-template-page-app-slides .swiper-renders .swiper-slide img {
        object-fit: cover;
        width: 77vw;
        height: 100%;
        margin-left: 11%;
        
    }

    .page-template-page-app-slides #videoSlide19 {
        width: 1639px !important;
        height: 750px !important;
        margin-top: 341px !important;
        margin-left: 289px !important;
        object-fit: cover;
    }

    .page-template-page-app-slides .slide18 img {
        position: absolute !important;
        bottom: -160px !important;
        left: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .container-home-app .container-menu-main-app-title {
        font-size: 24px;
        color: white;
        margin-bottom: 70px;
        margin-top: 60px;
        display: none;
    }
    .container-home-app .container-menu-main-app-buttons {
        margin-top: 130px;
    }

    .container-menu-main-app .container-menu-main-app-buttons:nth-child(4) {
        display: none;
    }
    .container-home-app .container-menu-main-app {
        width: 435px;
        margin: 0 auto;
        text-align: center;
        margin-top: 100px;
        zoom: 140%;
    }
    
    .page-template-page-app-favorites .wrapper, 
    .page-template-page-app-favorites-fb18 .wrapper, 
    .page-template-page-app-favorites-ideations .wrapper, 
    .page-template-page-app-menu .wrapper,
    .page-template-page-app-new-designs .wrapper,
    .page-template-page-controller-menu .wrapper,
    .page-template-page-controller-ideation-area1 .wrapper,
    .page-template-page-controller-ideation-area2 .wrapper,
    .page-template-page-controller-ideation-area3 .wrapper,
    .page-template-page-controller-ideation-area4 .wrapper,
    .page-template-page-controller-favorites .wrapper,
    .page-template-page-controller-ideation-favorites .wrapper {
        padding: 50px 60px !important
    }


    /*
    .container-list {
        display: none;
        margin-top: 155px;
        zoom: 130%;
    }
    .item-grid-menu {
        width: 412px;
        height: 430px;
        margin-bottom: 40px;
        opacity: 0;
    }

    .image-menu-mansions {
        width: 412px;
        height: 370px;
    }
   
    .item-menu-list {
        width: 250px !important;
    }

    */

    .container-menu-mansions.container-grid {
      
        margin-top: 140px;
        width: 100%;
        margin-left: -10px;
    }
    .header-app-menu {
        display: inline-block;
        width: calc(100% - 118px);
        padding-top: 40px;
        padding-bottom: 40px;
        position: fixed;
        z-index: 999;
        background: #fff;
        top: 0;
    }

    .header-menu-mansions-app .logo-menu-mansions img {
        width: 54px;
    }
    .text-menu-mansions {
        font-size: 26px;
        color: #000;
        margin-top: 7px;
    }
    .header-menu-mansions-app .titulo-header-menu-mansions {
        font-size: 26px;
    }
    .header-menu-mansions-app .texto-header-menu-mansions {
        font-size: 26px;
        line-height: 23px;
    }
    .container-filters {
        width: 500px;
        margin: 0 auto;
        margin-top: 6px;
        zoom: 130%;
    }
  
    .back-button {
        position: absolute;
        top: 30px;
        left: 50px;
        zoom: 120%;
    }

    .container-single-app .like-container {
        position: absolute;
        top: 120px;
        right: 40px;
        left: unset;
        z-index: 9999999;
        zoom: 130%;
    }
    .menu-button {
        position: absolute;
        top: 30px;
        right: 50px;
        zoom: 120%;
    }

    .single-selector {
        position: absolute;
        left: 530px;
        top: 110px;
        z-index: 9999999;
        width: 500px;
        zoom: 142%;
    }


    .container-sales-single{display: none !important;}
    .slider-renders-overlay-text {
        zoom: 150%;
    }
    .swiper-view .swiper-slide img {
        margin-top: 30px;
    }
    .swiper-pagination-renders, .swiper-pagination-plots, .swiper-pagination-view {
        zoom: 120%;
        position: absolute;
        z-index: 999;
        bottom: unset!important;
        right: 30px!important;
    }


    .swiper-header {
        width: 45vw;
        height: 80px;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 25px;
        left: -6px;
        color: black;
    }
    .swiper-header .swiper-wrapper {
        margin-left: -48px;
        font-size: 26px;
    }

    .swiper-header .swiper-slide-active {
        font-size: 46px;
        top: -14px;
        width: 220px !important;
        opacity: 1;
        transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
    }

    .swiper-header-next {
        right: 560px;
        top: 49px;
    }
    .swiper-header-prev {
        margin-left: -53px;
    }

    .swiper-header-prev:after, .swiper-header-next:after {
        font-family: swiper-icons;
        font-size: 32px;
        text-transform: none!important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
    }

    .swiper-plots .swiper-slide img.overlay-text-slider {
        position: absolute;
        top: -70px;
        left: 0;
        width: 84% !important;
    }


    .page-template-page-app-favorites .header-menu-mansions,
    .page-template-page-app-favorites-fb18 .header-menu-mansions,
    .page-template-page-app-favorites-ideations .header-menu-mansions
      
      {
        display: inline-block;
        width: calc(100% - 120px);
        padding-top: 40px;
        padding-bottom: 40px;
        position: fixed;
        z-index: 999;
        background: #000;
        top: 0;
    }




  }