iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

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

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

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

html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;height: 100%; scroll-behavior: smooth;}
html {position: relative;min-height: 100%}
body{font-family: "Raleway", sans-serif; font-weight: 400; color: #211915;}
.g-recaptcha {display:none!important}
.nounderline{text-decoration: none!important;}
.px-md-5 {
    padding-left: 40px!important; padding-right: 40px!important;
}
small {
    font-size: 60%!important;
}
.rojo {color:#e41408!important;}
.font-bold {font-weight:700!important;}
/*.h3 {
    font-size: 20px !important;
    margin-top: 20px !important;
}*/
.gris {color:#848ea0!important;}
.width {width:38%;}
.width2 {width: 70%!important;}
/*.display-4 {
    font-size: 36px;
    line-height: 1.2;
}*/
.font-dancing {
    font-family: 'Dancing Script'; font-weight: normal;font-size: 67px;}

.locales {border: 2px solid white!important;
    display: inline-block!important;
    font-size: 24px!important;}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
.carousel-caption{bottom:inherit;}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 50px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-control-prev, .carousel-control-next{opacity: 0.8; top: 57%; bottom:50%;}
.fa-angle-left, .fa-angle-right {top: 50%; z-index: 5; display: inline-block; background: #2c241e; border-radius: 50%; width: 50px!important; height: 50px!important; padding-top: 18px; text-align: center; color: #fff!important;}
.fa-angle-left {left: 50%;}
.fa-angle-right {right: 50%;}


#carousel-grande {}

#carousel-grande .carousel-item {height: 100vh;}

#carousel-grande .carousel-item:before, #carousel-md.carousel .carousel-item:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.0); z-index: 1;}

#carousel-grande .carousel-item:nth-child(1) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/piscina-lobe-jpa.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-grande .carousel-item:nth-child(2) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/salon-lobe-jpa.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-grande .carousel-item:nth-child(3) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/zonas-comunes-lobe-jpa.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-grande .carousel-item:nth-child(4) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/showroom-madrid-1-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-grande .carousel-item:nth-child(5) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/showroom-madrid-2-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-grande .carousel-item:nth-child(6) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/showroom-madrid-3-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-grande .carousel-item:nth-child(7) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/showroom-madrid-4-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-grande .carousel-item:nth-child(8) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/showroom-madrid-5-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-grande .carousel-item:nth-child(9) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/espacio-lobe-jpa.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.carousel-fade .carousel-item {

    opacity: 0;

    transition-duration: .10s;

    transition-property: opacity;

}



/*SLIDE NO BG*/

#carousel-pequeño{}

#carousel-pequeño.carousel .carousel-item, #carousel-pequeño2.carousel .carousel-item {min-height: 300px; height: 100%; width:100%;}


#carousel-pequeño .carousel-item:nth-child(1) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/piscina-lobe-jpa_m.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-pequeño .carousel-item:nth-child(2) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/salon-lobe-jpa_m.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-pequeño .carousel-item:nth-child(3) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/zonas-comunes-lobe-jpa_m.png) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-pequeño .carousel-item:nth-child(4) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/showroom-madrid-1-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-pequeño .carousel-item:nth-child(5) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/showroom-madrid-2-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-pequeño .carousel-item:nth-child(6) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/showroom-madrid-3-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-pequeño .carousel-item:nth-child(7) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/showroom-madrid-4-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


#carousel-pequeño .carousel-item:nth-child(8) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/showroom-madrid-5-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#carousel-pequeño .carousel-item:nth-child(9) {

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../img/espacio-lobe-jpa_m.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}


/*GLOBAL*/
.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 3px;}
.color1{color: #c78960;}
.bg-color1{background: #94765f;}
.bg-color4 {
    background: rgb(199 137 96 / 70%); display: inline-block !important; padding: 10px;
}
.caption {font-size: 96%!important;}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #c78960!important;
}
.color2{color: #2AA08C;}
.bg-color2{background:#333E48;}

.bg-color3{background: rgb(168,167,167);
background: linear-gradient(180deg, rgba(168,167,167,0.7) 1%, rgba(255,255,255,0.7) 100%);}
.font-regular{font-weight: 400;}
.font-medium{font-weight: 500;}
.font-semibold{font-weight: 600;}
.font-2{font-family: 'Archivo Expanded', serif; font-weight: bold;}
.line{height: 2px; width: 30px; background: #c78960; display: inline-block;}
.btn-outline-light {
    color: #e41408;
    border-color: #f8f9fa;
    font-weight: 500!important;
}

.btn-light.focus, .btn-light:focus, .btn-light.hover, .btn-light:hover {
    color: #ffffff!important;
    background-color: #e41408!important;
    border-color: #e41408!important;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}
.destacado2 {font-family: 'Arquitecta';font-weight: bold;}
.destacado1 {font-family: 'Arquitecta';font-weight: 900;font-size: 35px;
    letter-spacing: 3px;}

.cita {font-family: 'Arquitecta';font-weight: 900; letter-spacing: 2px;}
.precio {
    background: #ffffff;
    display: inline-block;
    padding: 10px;
    color: #000;
    margin-top: 15px;
    font-size: 30px;
}
/*.h2, h2 {
    font-size: 45px;
}*/
/*GLOBAL*/

/*HEADER*/

/*HEADER*/

/*OWL CAROUSEL*/
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {width:55px; height:8px; margin-top:15px;}
.owl-carousel .owl-nav .owl-prev{background: url('../img/arrow-left.png') no-repeat!important; margin-right: 5px;}
.owl-carousel .owl-nav .owl-next{background: url('../img/arrow-right.png') no-repeat!important; margin-left: 5px;}
.owl-prev span, .owl-next span{display: none;}
/*OWL CAROUSEL*/

/*BACKGROUNDS*/
.bg-info1{position: relative; z-index: 1; margin-right: inherit;}
.bg-info1 {background: url(../img/vista-interior-salon-gourmet-entenucleos-living-panoramica-exxacon.jpg) no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; min-height: 250px;}
.bg-info2 {background: url(../img/vista-interior-dormitorio-entenucleos-living-panoramica-exxacon.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; min-height: 250px;}
.bg-info3 {background: url(../img/.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; min-height: 250px;}
.bg-contacto {background: url(../img/vista-interior-jardin-entenucleos-living-panoramica-exxacon.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; min-height: 250px;}
.bg-abstract {background: url(../img/fondo-abstracto-2.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;min-height: 250px; padding-top: 80px;}
.bg-abstract1 {background: url(../img/cabecera-promocion.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;min-height: 250px;}
.border {
    border: 1px solid #fff !important;
    padding: 30px;
    margin: 20px;
}
/*BACKGROUNDS*/

/*CONTACTO*/

.custom-control-label::before{background: rgba(139,133,112,0.2); border-radius: 50%!important;}
.custom-control-label::after{color: #2AA08C;}
.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-invalid, .was-validated .form-control:invalid{background-image: none;}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label{color: initial;}
.form-control.is-invalid, .was-validated .form-control:invalid{border-color:inherit;}
/*CONTACTO*/

/*FORM*/
.form-control{border-radius: 30px; background:#d4d4d4; box-shadow: none; color: #717175;height: calc(1.5em + 1.5rem + 2px); padding: 0.375rem 1.5rem;}
textarea.form-control {height: auto;}

.btn-cita{color:#e41408; border-radius: 0px; background: #ffffff; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-cita:hover, .btn-cita:focus, .btn-cita:active {color: #ffffff; background: #e41408;}

.btn-send{color:#fff; border-radius: 0px; background: #e41408; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-send:hover, .btn-send:focus, .btn-send:active {color: #fff; background: #000000;}
.btn-modal{color: #fff;border-radius: 0;background: #e41408; padding: 6px 30px; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-modal:hover, .btn-modal:focus, .btn-modal:active {color: #fff; background: #000000; padding: 6px 30px; }
.btn-ubicacion{color:#fff; border-radius: 0px; background: #EB5D29; position:relative; z-index:1000; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-ubicacion:hover, .btn-ubicacion:focus, .btn-ubicacion:active {color: #fff; background: #EB5D29;}
.has-error .form-control{background:#d4d4d4; color: #333}
.has-error .checkbox .priva {color:#000!important;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{color: #EF7D13;}
.help-block ul{float: none; display:block;}
.planos {
    background: #94765f!important;
    padding: 20px;
    color: #fff!important;
}
.planos a {
    color: #fff!important;
    text-decoration: none!important;
    background-color: transparent;
}
.planos:hover {
    background: #2d2d2d!important;
    padding: 20px;
    color: #fff!important;
}

::-webkit-input-placeholder {color: #717175!important;opacity: 1!important;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #717175!important;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #717175!important;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #717175!important;opacity: 1;}
/*FORM*/

/*TOOLTIP*/
.color-tooltip + .tooltip > .tooltip-inner {background-color: #000!important}
.color-tooltip + .tooltip > .tooltip-arrow {border-top-color:#000!important}
/*TOOLTIP*/

/*FOOTER*/

/*FOOTER*/


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {
	.bg-info1, .bg-info2, .bg-info3, .bg-contacto{min-height: 250px;}
    #carousel-pequeño.carousel .carousel-item, #carousel-pequeño2.carousel .carousel-item {min-height: 250px;}
    .display-4 {
    font-size: 16px!important;
    line-height: 1.2;
}
.width {width: 100%!important;}
.width2 {width: 30%!important;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	.bg-info1, .bg-info2, .bg-info3, .bg-contacto{min-height: 300px;}
    #carousel-pequeño.carousel .carousel-item, #carousel-pequeño2.carousel .carousel-item {min-height: 300px;}
    .display-4 {
    font-size: 16px!important;
    line-height: 1.2;
}
.width {width: 100%!important;}
.width2 {width: 30%!important;}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	.bg-info1{position: relative; z-index: 1; margin-right: inherit; min-height: 400px;}
	.bg-info2, .bg-info3, .bg-contacto{min-height: 400px;}
    #carousel-pequeño.carousel .carousel-item, #carousel-pequeño2.carousel .carousel-item {min-height: 400px;}
	.line{width: 70px;}
    .width {width: 70%!important;}
     .display-4 {
    font-size: 22px!important;
    line-height: 1.2;
}
.width2 {
    width: 30% !important;
}
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
	.bg-info1{position: relative; z-index: 1; margin-right: inherit;}
	.line{width: 70px;}
    .width {width: 70%!important;}
    .display-4 {
    font-size: 22px!important;
    line-height: 1.2;
}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
	.bg-info1{position: relative; z-index: 1; margin-right: -3rem; border: 15px solid #fff;}
	.line{width: 70px;}
    .width {width: 60%!important;}
    .display-4 { font-size: 36px!important; line-height: 1.2;}
    .h5, h5 {font-size: 16px!important;
}
}