@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}

/* COMUNES */
body {
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.modal-dialog {
    z-index: 2000;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #e9521b;
}

.img-centrada {
    margin: 0 auto;
}

.btn-warning {
    color: #fff;
    background-color: #e9521b;
    border-color: #e9521b;
    border: none;
    padding: 15px 35px !important;
    background: #e9521b;
    border-radius: 0;
    font-weight: bold;
   font-size: 14px;
    text-transform: uppercase;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 30px 0;
}

.navbar-default a {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
}

/*LOGOS*/
#logos {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}

#logos .ferrellar {
    margin-top: 35px;
}

#carousel-home {margin-bottom: 20px;}

#home .bannerhome {
    background: url('../img/banner_ferrellarpromotora_late2024_v2.jpg') no-repeat top center;
    height: 677px;
    margin-bottom: 20px;
}

#home .bannerhome h2 {
    color: #fff;
    font-size: 3vw;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0 0 60px #000;
}

#home .bannerhome .btn-primary {
    background: #e9521b;
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat Bold', sans-serif;
    border: none;
    padding: 10px 20px !important;
    margin-bottom: 40px;
}

#home h1 {
    color: #e9521b;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
    margin-top: 50px;
}

#home .intro {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 80px;
}

#home .intro strong {
    font-family: 'Montserrat Bold', sans-serif;
}

#home header {
    background-color: #e9521b !important;
    color: #fff;
    text-align: right;
}

#home header p {
    margin: 10px 0;
    font-size: 12px;
}

#home header strong {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 16px;
}

/*BANNER*/
.contenedor-franja {
    position: inherit;
}

.franja-naranja {
    position: absolute;
    left: 0px;
    background-color: #e9531bdd;
    margin-top: 189px;
    font-family: 'Montserrat Bold';
}

span.sin-bold-titulo {
    font-family: 'Montserrat';
    font-size: 31px;
}

#banner h1 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 40px;
    line-height: 47px;
    color: #ffffff;
    margin-top: 38px;
    margin-left: 40px;
    margin-bottom: 35px;
    margin-right: 35px;
}

#banner-navidad {
    background-image: url('../img/banner-navidad.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 332px;
}

/*#banner-navidad .container-fluid{padding-left: 0; padding-right: 0;}*/
#banner .form-control {
    border-radius: 0;
    border: none;
}

#banner {
    background-image: url('../img/edifici-f/banner_EFE_ferrellarpromotora_ene_2024.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
    min-height: 677px;
    border-top: 19px solid #e9521b;
}

#banner.banner2 {
    background-image: url('../img/mila1a/banner_MILA_ferrellarpromotora_ene_2024.jpg');
}

.banner5 {
    background-image: url('../img/proyecto-nuevo-salou/banner_piso_piloto.jpg');
    min-height: 800px;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

#banner-visita #cartel-solicita{
    background-color: #E9541C;
    margin-top: 17%;
    margin-left: 5%;
    width: 377px;
    padding: 30px;
}


#banner .formulario,
.content-form-respons .formulario {
    background-color: #E9541C;
    height: 100%;
    padding: 15px 30px;
}

#banner #formulario1 {
    background-color: #272727;
}

#banner .formulario h2,
.content-form-respons .formulario h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 39px;
    line-height: 39px;
    color: #fff;
    padding-top: 30px;
    padding-left: 0px;
}

.formulario hr {
    border: 1px solid #e9521b;
    margin: 15px 0;
}

#banner .formulario label,
.content-form-respons .formulario label {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 16px;
    color: #fff !important;
    line-height: 24px;
    padding: 0;
}

#banner .formulario label.control-label,
.content-form-respons .formulario label.control-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
}

#banner .formulario label.control-label a,
.content-form-respons .formulario label.control-label a {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
    color: #fff;
}

#banner .formulario textarea,
.content-form-respons .formulario textarea {
    height: 100px !important;
}

#banner .formulario .btn-primary,
.content-form-respons .formulario .btn-primary {
    width: 100%;
    border: none;
    padding: 12px !important;
    background: #fff;
    color: #e9521b;
    border-radius: 0;
}


.formulario .terminos {
    margin-bottom: 30px;
    margin-top: -10px;
}

#banner p.telefono,
.content-form-respons p.telefono {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 40px;
    position: relative;
    padding-left: 52px;
    color: #fff
}

#banner p.telefono::before,
.content-form-respons p.telefono::before {
    content: '\f10b';
    font-family: 'FontAwesome';
    font-size: 52px;
    position: absolute;
    left: 0;
    top: -10px;
    color: #fff;
}

#sub-banner {
    background-color: #272727;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
}

#sub-banner h2,
#sub-banner .h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 37px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -1px;
    line-height: 40px;
}

#sub-banner h2 sup,
#sub-banner .h2 sup {
    font-size: 23px;
}

#sub-banner p {
    font-size: 28px;
    color: #fff;
    letter-spacing: 1px;
}

.btn-solicitar-informacion {
    display: inline-block;
    font-size: 22px;
    font-family: 'Montserrat Semibold', sans-serif;
    background-color: #fff; 
    color: #E9541C;
    text-align: center;
    text-decoration: none;
    letter-spacing: -1.21px;
    margin-top: 10px;
    padding: 15px 60px;
}

.btn-solicitar-informacion:hover {
    text-decoration: none !important;   
    color: #E9541C !important;
}




/*MAPA*/
#map {
    height: 540px;
    width: 100%;
}

/*SERVICIOS*/
#servicios {
    background-color: #ffffff;
}

#servicios h2, #tour h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 40px;
    color: #e9521b;
    margin-top: 65px;
    margin-bottom: 65px;
}

#tour h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #000000;
    margin-bottom: 65px;
}

#nuevo-proyecto-salou #tour {
    margin-bottom: 65px;
}

#servicios .servicio img {
    margin-bottom: 30px;
}

#servicios .servicio p {
    margin-top: 10px;
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    position: relative;
}

#servicios .servicio p.serv {
    min-height: 55px;
    letter-spacing: 1px;
}

#servicios .servicio p.distancia {
    font-size: 20px;
    color: #000000;
    font-weight: 100;
}

#servicios .servicio p.distancia::before {
    content: '\f041';
    font-family: 'FontAwesome';
    font-size: 26px;
    position: absolute;
    top: -5px;
    color: #e9521b;
    margin-left: -18px;
    font-weight: normal;
}

#servicios .servicio p.tiempo {
    font-size: 20px;
    color: #000000;
    font-weight: 100;
    margin-bottom: 60px;
}

#servicios .servicio p.tiempo::before {
    content: '\f017';
    font-family: 'FontAwesome';
    font-size: 26px;
    position: absolute;
    top: -5px;
    color: #e9521b;
    margin-left: -28px;
    font-weight: normal;
}

#servicios .items {
    max-width: 1570px;
    margin: 0 auto;
}

#servicios .item {
    display: inline-block;
    width: 12%;
    vertical-align: top;
}

#servicios .item:last-child {
    width: 14%;
}


/* PLANO INTERACTIVO*/
.planos-container { /* Soobrescriben los de col-md-12 para que no afecten al overlay */
    padding-left: 0px;
    padding-right: 0px;
}

.planos-secundarios {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 63%;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.bloque-hover {
    width: auto;
    z-index: 2; 
}

.custom-width {
        width: 75%;
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#bloque1:hover ~ .seccion-tipoC .overlay,
#bloque2:hover ~ .seccion-tipoC .overlay,
#bloque3:hover ~ .seccion-tipoC .overlay,
#bloque4:hover ~ .seccion-tipoA .overlay,
#bloque5:hover ~ .seccion-tipoA .overlay,
#bloque6:hover ~ .seccion-tipoA .overlay,
#bloque7:hover ~ .seccion-tipoA .overlay,
#bloque8:hover ~ .seccion-tipoA .overlay,
#bloque9:hover ~ .seccion-tipoA .overlay {
    opacity: 1;
    transition: opacity 0.5s;
}

.icon-hover .overlay {
    opacity: 1;
    transition: opacity 0.5s;
}

#btn-visita:hover {
    text-decoration: none !important;   
    color: #E9541C !important;
}




/*BANNER2*/
#banner2 {
    background-image: url('../img/fnd-banner2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 628px;
}

#banner2.banner2 {
    background-image: url('../img/banner2.jpg');
}

#banner2 h2 {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 38px;
    margin-top: 78px;
    margin-bottom: 37px;
    max-width: 443px;
    line-height: 34px;
}

#banner2 p {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 289px;
    line-height: 18px;
}

#banner2 p sup {
    font-size: 10px;
}

#banner2 h3 {
    font-family: 'Montserrat Bold', sans-serif;
    color: #fff;
    font-size: 22px;
    margin-top: 22px;
}

/*GALERÍA*/
#galeria {
    background-color: #ffffff;
}

#galeria h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 40px;
    color: #000000;
    margin: 0 200px;
    margin-top: 45px;
    margin-bottom: 37px;
}

#galeria img.foto3,
#galeria img.foto4 {
    margin-top: 31px;
}

#galeria a {
    display: block;
    margin-top: 50px;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    text-decoration: underline;
    font-size: 13px;
    margin-bottom: 50px;
}

.nota {
    font-family: 'Montserrat', sans-serif;
}

.nota h1 {
    font-weight: bold;
    font-size: 30px;
}

#carouselGaleria .carousel-control.left {
    width: auto;
    background: none;
    left: -10px;
}

#carouselGaleria .carousel-control.right {
    width: auto;
    background: none;
    right: -10px;
}

#carouselGaleriaResponsive .carousel-control.left {
    width: auto;
    background: none;
    left: 10px;
}

#carouselGaleriaResponsive .carousel-control.right {
    width: auto;
    background: none;
    right: 10px;
}

#carouselGaleria .glyphicon-chevron-right:before,
#carouselGaleriaResponsive .glyphicon-chevron-right:before,
#carouselGaleria .glyphicon-chevron-left:before,
#carouselGaleriaResponsive .glyphicon-chevron-left:before {
    color: #e9521b;
}

/*CALIDAD*/
#calidad {
    background-color: #fff;
    padding-bottom: 100px;
}

#calidad h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    color: #000000;
    margin-top: 70px;
    margin-bottom: 30px;
}

#calidad h2 .calidad_sub {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 35px;
    color: #e9521b;
}

#calidad p {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    color: #e9521b;
    margin-left: 104px;
    margin-right: 104px;
    font-weight: 400;
}

#calidad h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 40px;
    font-weight: 500;
}

#calidad .lista {
    border-left: 12px solid #e9521b;
}

#calidad .lista ul {
    list-style: square;
}

#calidad .lista li {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #000000;
    margin-bottom: 13px;
    margin-left: 20px;
}

#calidad .lista li::marker {
    color: #e9521b;
}

#calidad .lista ul.sub-menu li {
    font-size: 16px;
    margin-bottom: 4px;
}

#calidad p.obra {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 24px;
    color: #000000;
    margin: 0 265px;
    margin-top: 60px;
    margin-bottom: 35px;
}




/*DIFERENTES*/
#diferentes {
    background: #e9521b;
    color: #fff;
    font-size: 16px;
    padding: 60px 0 30px 0;
}

h2.diferentes {
    color: #e9521b;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
    margin-bottom: 200px;
}

#diferentes img {
    margin-top: -200px;
}

#diferentes h3 {
    font-size: 26px;
    font-weight: 600;
    min-height: 80px;
}

#diferentes p {
    margin-bottom: 40px;
}

/*PROYECTOS*/
#proyectos {
    padding: 50px 0 30px 0;
}

#proyectos .banner_proyectos_venta {
    background: #e9521b url('../img/cintillo.jpg') no-repeat top left;
    background-size: contain;
    height: 400px;
    margin-bottom: 5rem;
}

#proyectos .banner_proyectos_venta .btn-primary {
    background-color: white !important;
    width: 212px !important;
    color: #e9521b !important;
    border-radius: 20px;
    ;
}


#proyectos h2 {
    color: #e9521b;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
}

#proyectos p.intro {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 50px;
}

#proyectos h3 {
    color: #e9521b;
    font-size: 22px;
    font-family: 'Montserrat Bold', sans-serif;
}

#proyectos p, #proyectos ul li {font-size: 16px; line-height: 22px; letter-spacing: -.16px;}
#proyectos p span {color: #e9521b;}
#proyectos ul {padding-left: 0;}
#proyectos ul li {list-style: none; background: url('../img/check-light.svg') no-repeat left 5px; background-size: 12px; padding-left: 20px;}
#proyectos .btn {font-size: 22px; text-transform: none; font-weight: 200;}
#proyectos .wrapper-edifici-vilar { height: 372px; background: #e9521b; margin: 0 auto; padding: 30px; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 28px; letter-spacing: -0.36px; color: #272727; font-family: 'Montserrat Bold', sans-serif; text-transform: uppercase;}
#proyectos .wrapper-edifici-vilar span {color: #fff;}
#proyectos .wrapper-edifici-vilar img {margin-top: 40px; max-width: 437px; width: 100%;}

#proyectos .btn-primary {
    background: #e9521b;
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat Bold', sans-serif;
    border: none;
    padding: 10px 45px !important;
    margin: 20px 0 40px 0;
}

/*TESTIMONIOS*/
#testimonios {
    background: #f1f3f6;
    padding: 50px 0 80px 0;
}

#testimonios h2 {
    color: #e9521b;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
}

#testimonios h3 {
    color: #e9521b;
    font-size: 22px;
    font-family: 'Montserrat Bold', sans-serif;
    margin-bottom: 50px;
}

/*GARANTÍA*/
#garantia {
    background-color: #e9521b;
}

#garantia img {
    margin-top: 150px;
}

#garantia h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #fff !important;
    margin-top: 55px !important;
    margin-bottom: 20px !important;
}

#garantia p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
    margin-bottom: 55px;
}

#home #garantia {
    background-color: #e9521b;
}

/*CONTACTO*/
#contacto {
    background-color: #ffffff;
    padding-bottom: 100px;
}

#contacto h2 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 46px;
    color: #e9521b;
    margin-top: 80px;
    margin-bottom: 75px;
}

#contacto p {
    font-size: 16px;
    color: #000000;
}

#contacto p .ferre {
    color: #e9521b;
    font-weight: bold;
}

#contacto p span {
    font-weight: bold;
}

#contacto p.enlace {
    font-weight: bold;
    margin-top: 35px;
    position: relative;
    padding-left: 35px;
}

#contacto p.enlace a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

#contacto p.tel {
    margin-top: 35px;
    position: relative;
    padding-left: 35px;
}

#contacto p.dir {
    margin-top: 35px;
    position: relative;
    padding-left: 35px;
}

#contacto p.tel::before {
    content: '\f10b';
    font-family: 'FontAwesome';
    font-size: 45px;
    position: absolute;
    left: 0;
    top: -10px;
    color: #e9521b;
}

#contacto p.dir::before {
    content: '\f01c';
    font-family: 'FontAwesome';
    font-size: 31px;
    position: absolute;
    left: 0;
    top: 0;
    color: #e9521b;
}

#contacto p.enlace::before {
    content: '\f124';
    font-family: 'FontAwesome';
    font-size: 27px;
    position: absolute;
    left: 0;
    top: -9px;
    color: #e9521b;
}

#contacto .formulario label.control-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
}

#contacto .formulario label.control-label a {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
    color: #000;
}

#contacto .formulario textarea {
    height: 80px !important;
}

#contacto .formulario .btn-primary {
    border: none;
    padding: 15px 35px !important;
    background: #e9521b;
    border-radius: 0;
    font-weight: bold;
}

#contacto .formulario ::placeholder {
    color: #000000;
}

#contacto .form-control {
    border-radius: 0;
}

#home #contacto .formulario .btn-primary {
    border: none;
    padding: 15px 55px !important;
    background: #e9521b;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
}

#home #contacto .form-control {
    font-size: 16px;
    height: 40px;
}

/*FOOTER*/
footer {
    background-color: #e9521b;
    padding: 50px 10px;
}

footer ul {
    list-style-type: none;
}

footer ul li {
    float: left;
    padding: 0 17px;
}

footer li.first {
    border-right: 2px solid #fff;
}

footer p {
    font-size: 21px;
    line-height: 24px;
    color: #fff;
}

footer p .atencion {
    font-size: 19px;
    color: #e9521b;
    font-weight: bold;
}

footer p .numero {
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
}

footer a {
    color: #fff;
}

footer .enlaces-legal {
    margin-top: 15px;
}

footer .enlaces-legal,
footer .enlaces-legal .legal {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #fff;
}


/*TEXTOS LEGALES*/
#condiciones_uso a.volver {
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #e9521b;
    border: none;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 20px;
}

#condiciones_uso h1 {
    display: none;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #014495;
    margin-bottom: 20px;
    margin-top: 15px;
    height: 20px;
}

#condiciones_uso h2 {
    font-size: 15px;
    color: #000000;
    margin-bottom: 12px;
}

#condiciones_uso p.titulo {
    display: block;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #e9521b;
}

#condiciones_uso p {
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    margin-bottom: 12px;
}

#condiciones_uso ul {
    margin-top: 0;
    padding-left: 15px;
}

#condiciones_uso ul li {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
    margin-left: 15px;
}

#condiciones_uso ul li:last-child {
    margin-bottom: 12px;
}

#condiciones_uso ol {
    padding-left: 15px;
}

#condiciones_uso ol li {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
    margin-left: 15px;
}

#condiciones_uso ol li:last-child {
    margin-bottom: 12px;
}

#condiciones_uso ol li ol {
    margin-top: 7px;
}

#condiciones_uso table {
    margin-bottom: 12px;
}

#condiciones_uso table th,
#condiciones_uso table td {
    padding: 5px
}

#condiciones_uso table th {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}

#condiciones_uso table td {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}

#condiciones_uso a {
    color: #014495;
    text-decoration: underline;
}



/* NUEVA LANDING NUEVO-PROYECTO-SALOU */

a:focus {text-decoration: none;}
#nuevo-proyecto-salou h1{padding: 0px !important;margin:0px !important;font-size: 82px !important;line-height: 71px; letter-spacing: -2.46px;}
#nuevo-proyecto-salou h2 {font-family: 'Montserrat Bold', sans-serif;font-size: 40px;color: #e9521b;margin-bottom: 25px;margin-top:0px; letter-spacing: -0.66px;}
#nuevo-proyecto-salou li{margin-bottom:15px;}
.banner-dossier {background: #EA531B;}

#nuevo-proyecto-salou #banner h1{line-height: 82px; }
#nuevo-proyecto-salou #banner p.nuevo{margin-top: 55px;}
#nuevo-proyecto-salou #banner p.subtexto{margin-left: 5px; margin-top: 20px; font-size: 22px; color: #FFFFFF;}
#nuevo-proyecto-salou #banner .formulario hr {border: 1px solid white;}
#nuevo-proyecto-salou #banner .formulario button.btn.btn-primary {background-color: #E9521A !important;color: white !important;font-weight: 900;font-size: 22px;}
#nuevo-proyecto-salou #banner p span{background-color:#e9531b; color:white;font-family: 'Montserrat Bold', sans-serif; padding: 8px 14px;font-size: 39px;}
#nuevo-proyecto-salou #banner.banner3 {background-image: url('../img/proyecto-nuevo-salou/banner_ficha_VITA_late2024.jpg'); background-position: 57% 0%;}
#nuevo-proyecto-salou #banner.banner4 {background-image: url('../img/proyecto-nuevo-salou/banner-costa.jpg');
}
#nuevo-proyecto-salou #banner #formulario1 h2{margin-left: 40px; padding-top: 20px;}

#nuevo-proyecto-salou #fila-banner3{margin-left: -25px;}
#nuevo-proyecto-salou #texto-oportunidad{margin-top: 18%;}

#nuevo-proyecto-salou #sub-banner hr{color: #E9521A;border: 4px solid;width: 75px; margin-top:30px; margin-bottom:30px;}
#nuevo-proyecto-salou #sub-banner h2{font-size:39px !important; color:white; letter-spacing: -0.78px;}
#nuevo-proyecto-salou #sub-banner h3{font-size:37px !important; color:white !important; letter-spacing: -0.74px;   font-family: 'Montserrat Bold', sans-serif;}
#nuevo-proyecto-salou #sub-banner p{font-size:24px !important; text-align: center; letter-spacing: -0.48px; font-family: 'Montserrat Light', sans-serif;  }
#nuevo-proyecto-salou #sub-banner .secundario {font-size: 39px; border: 3px solid red;}
#nuevo-proyecto-salou #sub-banner .col-md-12 {padding-left: 0; padding-right: 0;}
#nuevo-proyecto-salou #sub-banner .col-md-11 {width: auto !important; margin-bottom: 25px; }


#nuevo-proyecto-salou #servicios {padding-bottom:80px;padding-top:80px;}
#nuevo-proyecto-salou #servicios #headerNegro{color: #272727; letter-spacing: -0.66px;}
#nuevo-proyecto-salou #servicios .card{padding:30px 30px 0 30px !important;}
#nuevo-proyecto-salou #servicios #card1{padding: 30px 15px 0 15px !important;}
#nuevo-proyecto-salou #servicios #card2{padding: 30px 30px 0 45px !important;}
#nuevo-proyecto-salou #servicios #card1 .serv{line-height: 30px;}
#nuevo-proyecto-salou #servicios #card2 .serv{padding: 0px 15px !important; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card3 .serv{line-height: 30px;}
#nuevo-proyecto-salou #servicios #card4 .serv{padding: 0 20px; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card4 .descripcion{text-wrap: balance;}
#nuevo-proyecto-salou #servicios #card5 .serv{padding: 0 80px; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card6 .serv{line-height: 30px;}

#nuevo-proyecto-salou #servicios .serv{font-size:24px !important; color:black;font-family: 'Montserrat Bold', sans-serif;    margin-top: 25px;}
#nuevo-proyecto-salou #servicios .descripcion {color:black; font-size:18px; padding: 15px 0px;}

#nuevo-proyecto-salou #plano-interactivo #headerNaranja{color: #E9541C; font-size: 53px; line-height: 40px;}
#nuevo-proyecto-salou #plano-interactivo #headerNegro{color: #000; font-size: 35px;}
#nuevo-proyecto-salou #plano-interactivo #consejo-desktop{color: #E9541C; font-size: 13px; font-family: 'Montserrat SemiBold', sans-serif; margin-bottom: 25px;}
#nuevo-proyecto-salou #plano-interactivo #consejo-desktop #arrow-pointer{margin-left: 5px; display: inline-block; width: 18px; height: 29px;}
#nuevo-proyecto-salou #plano-interactivo #consejo-mobile{color: #E9541C; font-size: 13px; font-family: 'Montserrat SemiBold', sans-serif; display: none;}
#nuevo-proyecto-salou #plano-interactivo #bloque1{width: 39.5%; height: 15%; 
    top: 16%;
    left: 30.5%;
    }
#nuevo-proyecto-salou #plano-interactivo #bloque2{width: 29%; height: 15%; 
    top: 30%;
    left: 36%;
    }
#nuevo-proyecto-salou #plano-interactivo #bloque3{width: 18%; height: 45%; 
    top: 45%;
    left: 41%;
}
#nuevo-proyecto-salou #plano-interactivo #bloque4{width: 15%; height: 30%; 
    top: 15%;
    left: 15.5%;
}
#nuevo-proyecto-salou #plano-interactivo #bloque5{width: 9%; height: 16%; 
    top: 45%;
    left: 15.5%;
}
#nuevo-proyecto-salou #plano-interactivo #bloque6{width: 9.5%; height: 30%; 
    top: 61%;
    left: 15.5%;
}

#nuevo-proyecto-salou #plano-interactivo #bloque7{width: 15%; height: 30%; 
    top: 15%;
    left: 69.5%; 
}

#nuevo-proyecto-salou #plano-interactivo #bloque8{width: 9%;height: 16%; 
    top: 45%;
    left: 75.5%; 
}

#nuevo-proyecto-salou #plano-interactivo #bloque9{width: 9.5%; height: 30%; 
    top: 61%;
    left: 75%; 
}

#nuevo-proyecto-salou #plano-interactivo #subplano1{width: 80%; margin-left: 12%;}
#nuevo-proyecto-salou #plano-interactivo #subplano2{width: 67%;}
#nuevo-proyecto-salou #plano-interactivo #icono-tipo-c{content: url('../img/proyecto-nuevo-salou/planos/tipoC.svg');width: 120px;
top: 53%;
left: 53%;
}
#nuevo-proyecto-salou #plano-interactivo #icono-tipo-a{content: url('../img/proyecto-nuevo-salou/planos/tipoA.svg');width: 120px;
    top: 53%;
    right: 53%;
}
#nuevo-proyecto-salou #plano-interactivo #boton-visita {margin-top: 100px; margin-bottom: 80px;}
#nuevo-proyecto-salou #plano-interactivo #btn-visita {padding: 15px 60px; letter-spacing: -1.21px; font-family: 'Montserrat SemiBold', sans-serif;    background-color: #E9521A !important;color: white !important;font-weight: 900;font-size: 22px;}
#banner-visita #cartel-solicita h2{margin-bottom: 30px;color: #FFFFFF; font-size: 42px; font-family: 'Montserrat Bold', sans-serif; letter-spacing: -0.84px; line-height: 41px;}
#banner-visita #cartel-solicita p{margin-bottom: 25px; color: #272727; font-size: 21px; font-family: 'Montserrat Bold', sans-serif; letter-spacing: -0.42px; line-height: 27px;}
#banner-visita #cartel-solicita .btn-solicitar-informacion{padding:10px 75px;}

#nuevo-proyecto-salou #banner #btn-amarillo{background-color: #F18D02 !important; font-size: 16px;}
#nuevo-proyecto-salou #banner #h2-padding{padding-top: 0; padding-left: 0;}


#nuevo-proyecto-salou #elegirnos {padding-bottom:80px;padding-top:80px;}
#nuevo-proyecto-salou #elegirnos h3{font-family: 'Montserrat Bold', sans-serif;margin-bottom:20px;}

#nuevo-proyecto-salou #elegirnos .postventa ul {list-style: none;}
#nuevo-proyecto-salou #elegirnos .postventa ul li{color:black; font-size:16px;}
#nuevo-proyecto-salou #elegirnos .postventa ul li::before {content: "\2022"; color: #e9531b; font-weight: bold;display: inline-block;     font-size: 26px;margin-top: -9px;    margin-left: -19px;}

#nuevo-proyecto-salou #elegirnos .listado ul {list-style-type: none!important; position:relative;}
#nuevo-proyecto-salou #elegirnos ul .experiencia:before{background-image: url('../img/proyecto-nuevo-salou/experiencia.svg'); background-repeat: no-repeat;}
#nuevo-proyecto-salou #elegirnos .listado li{font-size:18px;margin-bottom:25px !important;color:black;}
#nuevo-proyecto-salou #elegirnos .listado {margin-top: 29px;}
#nuevo-proyecto-salou #elegirnos ul li:before {position: absolute;}
#nuevo-proyecto-salou #elegirnos ul li.expertos:before { content: url('../img/proyecto-nuevo-salou/clasificacion.svg');width: 35px;left: -8px;}
#nuevo-proyecto-salou #elegirnos ul li.experiencia:before { content: url('../img/proyecto-nuevo-salou/experiencia.svg');width: 35px;left: -8px;}
#nuevo-proyecto-salou #elegirnos ul li.compromiso:before { content: url('../img/proyecto-nuevo-salou/apreton-de-manos.svg');width: 35px;left: -8px;}
#nuevo-proyecto-salou #elegirnos ul li.calidad:before { content: url('../img/proyecto-nuevo-salou/calidad.svg');width: 35px;left: -8px;}


#nuevo-proyecto-salou #contacto {padding-bottom:80px;padding-top:80px;}


@media(min-width: 992px) AND (max-width: 1200px) {
    #proyectos .wrapper-edifici-vilar {height: 305.5px;}
    #proyectos .banner_proyectos_venta {
        background: #e9521b url('../img/cintillo.jpg') no-repeat top left;
        background-size: contain;
        height: 300px;
    }


    #servicios .item {
        width: 24%;
    }

    #servicios .item:last-child {
        width: 25%;
    }

    #galeria h2 {
        margin-left: 140px;
        margin-right: 140px;
    }

    #galeria img.foto3,
    #galeria img.foto4 {
        margin-top: 20px;
    }

    #calidad p.obra {
        margin-left: 210px;
        margin-right: 210px;
    }

    #banner p.telefono,
    .content-form-respons p.telefono,
    #sub-banner h2,
    #sub-banner .h2 {
        font-size: 32px;
    }

    #banner .formulario h2,
    .content-form-respons .formulario h2 {
        font-size: 40px;
        line-height: 38px;
    }

    #nuevo-proyecto-salou #banner #formulario1 h2{margin-left: 0px;}



}


@media(min-width: 768px) AND (max-width: 991px) {
    #proyectos .wrapper-edifici-vilar {height: 231.64px;}
    #proyectos .wrapper-edifici-vilar img {margin-top: 15px;}
    #proyectos .banner_proyectos_venta {
        height: 300px !important;
    }

    span.sin-bold-titulo {
        font-family: 'Montserrat';
        font-size: 24px;
        line-height: 25px;
    }

    #banner h1 {
        font-family: 'Montserrat Bold', sans-serif;
        font-size: 30px;
        line-height: 37px;
        color: #ffffff;
        margin-top: 38px;
        margin-left: 13px;
        margin-bottom: 32px;
        margin-right: 18px;
    }

    #banner .franja-naranja {
        width: 288px;
    }

    #servicios .item {
        width: 24%;
    }

    #servicios .item:last-child {
        width: 25%;
    }

    #galeria h2 {
        margin-left: 40px;
        margin-right: 40px;
    }

    #galeria img {
        margin-bottom: 20px;
    }

    #galeria img.foto3 {
        margin-top: 20px;
    }

    #galeria img.foto4 {
        margin-top: 20px;
    }

    #galeria a {
        margin-top: 25px;
    }

    #calidad p {
        margin-left: 60px;
        margin-right: 60px;
    }

    #calidad p.obra {
        margin-left: 110px;
        margin-right: 110px;
    }

    #calidad .lista {
        border: none;
        margin-left: 148px;
    }

    #garantia img {
        margin-top: 215px;
    }

    .menu {
        width: 100%;
    }

    .menu a {
        padding: 10px !important;
    }

    .menu img {
        max-width: 220px;
    }

    #home .bannerhome {
        padding-top: 5vw;
    }

    #diferentes h3 {
        font-size: 20px;
    }

    #home h1,
    #home h2.diferentes,
    #home #proyectos h2,
    #home #garantia h2 {
        font-size: 30px;
        line-height: 30px;
    }

     /* LANDING NUEVO PROYECTO SALOU */
     #nuevo-proyecto-salou h1 {font-size: 60px !important;line-height: 55px !important;}
     #nuevo-proyecto-salou #banner p span {font-size: 26px;}
     #nuevo-proyecto-salou #sub-banner h2 {font-size: 33px !important;}
     #nuevo-proyecto-salou #sub-banner h3 {font-size: 25px !important;}
     #nuevo-proyecto-salou #fila-banner3{margin-left: -15px;}

     #banner #formulario1 {
        float: right;
    }

    #nuevo-proyecto-salou #servicios h2{text-wrap: balance; padding: 0 20px;}
    #nuevo-proyecto-salou #servicios #headerNegro{display: block; margin-top: 10px;}
    #banner-visita #cartel-solicita{margin-top: 25%;}
    #nuevo-proyecto-salou #banner #formulario1 h2{margin-left: 0px;}
    #nuevo-proyecto-salou #plano-interactivo #consejo-desktop{display: none;}
    #nuevo-proyecto-salou #plano-interactivo #consejo-mobile{display:block; margin-bottom: 30px;}

    #nuevo-proyecto-salou h1 {font-size: 48px !important;line-height: 55px !important;}
    #nuevo-proyecto-salou #texto-oportunidad{margin-top: 30%; margin-left: -9px;}

     #nuevo-proyecto-salou #banner p span{padding:8px 10px;}
     /* PLANO INTERACTIVO */
     .custom-width {
        width: 100%;    
    }

    .bloque-hover{
        display: none;
    }


    
}

@media(max-width: 767px) {
    #proyectos .wrapper-edifici-vilar {margin-top: 30px;}
    #proyectos .banner_proyectos_venta {
        height: 200px !important;
    }


    #proyectos .banner_proyectos_venta .btn-primary {
        background-color: white !important;
        width: 212px !important;
        color: #e9521b !important;
        border-radius: 20px;
        font-size: 14px !important;
    }

    #home .bannerhome {
        height: auto !important;
    }

    #navbar {
        margin-top: 20px;
    }

    #logos {
        padding: 20px 0;
    }

    #logos img {
        margin: 0 auto;
    }

    #banner .franja-naranja {
        margin-top: 85px !important;
        font-family: 'Montserrat Bold';
    }

    #servicios .item {
        width: 49%;
    }

    #servicios .item:last-child {
        width: 49%;
    }

    #logos .ferrellar {
        margin: 30px auto;
    }

    #banner {
        min-height: 300px;
        background-position: 25%;
        background-image: url('../img/edifici-f/responsive_EFE_ferrellarpromotora_ene_2024.jpg');
    }
    
    #banner.banner2 {
        min-height: 300px;
        background-position: 25%;
        background-image: url('../img/mila1a/responsive_MILA_ferrellarpromotora_ene_2024.jpg');
    }

    #banner span.sin-bold-titulo {
        font-family: 'Montserrat';
        font-size: 25px;
        line-height: 23px;
    }

    #banner h1 {
        margin-top: 20px !important;
        line-height: 34px;
        font-size: 30px;
        margin-left: 6px !important;
        margin-bottom: 20px !important;
    }

    #banner-navidad {
        min-height: 200px;
    }

    #banner2 {
        background-image: none;
        background-color: #e9521b;
    }

    .content-form-respons .formulario h2 {
        margin-top: 0;
        padding-top: 20px;
    }

    #sub-banner h2,
    #sub-banner .h2 {
        font-size: 30px;
    }

    #galeria h2 {
        font-size: 34px;
        margin-left: 12px;
        margin-right: 12px;
    }

    #galeria img {
        margin-bottom: 20px;
    }

    #galeria img.foto3 {
        margin-top: 0px;
    }

    #galeria img.foto4 {
        margin-top: 0px;
    }

    #galeria a {
        margin-top: 25px;
    }

    #calidad p {
        margin-left: 10px;
        margin-right: 10px;
    }

    #calidad p.obra {
        margin-left: 18px;
        margin-right: 18px;
    }

    #calidad .lista {
        border: none;
        margin-left: 5%;
    }

    #garantia img {
        margin-top: 50px;
    }

    #garantia h2 {
        margin-top: 40px;
        margin-left: 5%;
        margin-right: 5%;
    }

    #garantia p {
        margin-left: 5%;
        margin-right: 5%;
    }

    #contacto h2 {
        margin-bottom: 34px;
    }

    #contacto .datos {
        margin: 0 8%;
        margin-bottom: 50px;
    }

    #contacto .formulario {
        width: 80%;
        margin: 0 auto;
    }

    footer ul {
        list-style-type: none;
        padding: 0;
        text-align: center;
    }

    footer li.first {
        border-right: none !important;
    }

    footer ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    footer p {
        text-align: center;
    }

    #home .bannerhome {
        background: none;
    }

    #home .bannerhome h2 {
        font-size: 5vw;
    }

    #home h1,
    #home h2.diferentes,
    #home #proyectos h2,
    #home #garantia h2,
    #testimonios h2 {
        font-size: 30px;
        line-height: 30px;
    }

    #home .bannerhome .btn-primary {
        font-size: 14px;
        margin-top: 20vw;
    }

    #diferentes img {
        margin-top: 20px;
    }

    h2.diferentes {
        margin-bottom: 40px;
    }

    #home .intro {
        font-size: 20px;
        line-height: 32px;
    }

     /* LANDING NUEVO PROYECTO SALOU */
     #nuevo-proyecto-salou #banner {background-image: url(../img/proyecto-nuevo-salou/banner_ficha_VITA_late2024_mvl.jpg) !important; height: 470px !important;}
     #nuevo-proyecto-salou #banner p.nuevo {margin-top: 0;}
     #nuevo-proyecto-salou #banner p span {font-size: 29px;}
     #nuevo-proyecto-salou #banner.banner4 {background-image: url(../img/proyecto-nuevo-salou/banner_responsive_playa_ferrellar_2023.jpg) !important; height: 470px !important;}
     #nuevo-proyecto-salou h2 {font-size: 28px; text-wrap: balance;}
     #nuevo-proyecto-salou h1 {font-size: 41px !important;line-height: 41px !IMPORTANT;}
     #nuevo-proyecto-salou .content-form-respons h2 {font-size: 28px;color: white;margin-bottom: 0px;}
     #nuevo-proyecto-salou #sub-banner h2{font-size: 25px !important;line-height: 31px;}
     #nuevo-proyecto-salou #sub-banner h3 {font-size: 18px !important;line-height: 26px;}
     #nuevo-proyecto-salou #sub-banner p{font-size:16px !important;}
     #nuevo-proyecto-salou #elegirnos ul li:before {width: 25px !important;left: 2px !important;}
     #nuevo-proyecto-salou #elegirnos .postventa ul li::before {margin-left: 35px;}
     #nuevo-proyecto-salou #servicios .card {padding: 30px !important;}
     #nuevo-proyecto-salou #servicios .card img {padding: 15px !important;}
     #nuevo-proyecto-salou #servicios, #nuevo-proyecto-salou #contacto, #nuevo-proyecto-salou #elegirnos{padding:40px 20px;}
     #nuevo-proyecto-salou #contacto .datos {margin:0px !important;}
     #nuevo-proyecto-salou #contacto .formulario {width: 100%;margin: 0 auto;margin-top: 37px;}
     #nuevo-proyecto-salou button.btn.btn-primary {width: 100%;}
     #nuevo-proyecto-salou #garantia h2 {color:white;margin-top: 29px !important;}

     #nuevo-proyecto-salou #servicios #headerNegro{display: block; margin-top: 10px;}

     #nuevo-proyecto-salou #texto-oportunidad{margin-top: 42%;  margin-left: 0px;}

     .custom-width {
        width: 100%;    
    }


    #nuevo-proyecto-salou #plano-interactivo #headerNaranja{font-size: 28px; line-height: 22.4px;}
    #nuevo-proyecto-salou #plano-interactivo #headerNegro{font-size: 20px; line-height: 0.8;}
    #nuevo-proyecto-salou #plano-interactivo #subplano1{width: 100%; margin-left: 0;}
    #nuevo-proyecto-salou #plano-interactivo #subplano2{width: 100%; margin-top: 10px;}
    #nuevo-proyecto-salou #plano-interactivo #icono-tipo-c{width: 80px;}
    #nuevo-proyecto-salou #plano-interactivo #icono-tipo-a{width: 80px;}


    .bloque-hover{
        display: none;
    }

    #nuevo-proyecto-salou #plano-interactivo #consejo-desktop{display: none;}
    #nuevo-proyecto-salou #plano-interactivo #consejo-mobile{display:block; margin-bottom: 30px;}

    #banner-visita #cartel-solicita{width: 330px; margin-top: 40%; margin-left: auto; margin-right: auto;}
    #banner-visita #cartel-solicita .btn-solicitar-informacion{padding: 10px 55px;}



}