@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap");.color{color:#007db6}.gris{color:#7a7a7a}*{box-sizing:border-box;outline:0}body,html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:"Montserrat",sans-serif;color:#7a7a7a;font-size:14px;line-height:1.3}@media (min-width:576px){body{font-size:15px}}@media (min-width:768px){body{font-size:16px}}.nolist{list-style:none;padding-left:0}.altas{text-transform:uppercase}.light{font-weight:300}.normal{font-weight:400}.medium{font-weight:500}.bold,h1,h2,h3,strong{font-weight:700}.slick-diseno{top:-4em}.slick-dots li{margin:0 1px}.slick-dots li button{border-radius:50%}.slick-dots li button:before{color:#303030}.menu{position:fixed;z-index:2}.menu svg{width:3em;height:3em;color:white;background:rgba(0,124,182,0.18);padding:0.5em;border:3px solid white;position:relative;z-index:2}.menu .dropdown-toggle:after{display:none}.menu .navbar-nav .dropdown-menu{position:fixed;z-index:1;top:0;width:100%;border:none;border-radius:none;background:#007db6;padding:1.25em 0}.menu .navbar-nav .dropdown-menu .dropdown-item{flex:0;color:white;font-size:1.2em}.menu .navbar-nav .dropdown-menu .dropdown-item:hover{background:none}.menu .navbar-nav .dropdown-menu.show{animation:fade 0.5s}@media (min-width:768px){.menu .navbar-nav .dropdown-menu.show{display:flex;justify-content:flex-end;width:100%}}@keyframes fade{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.portada{border-bottom:20px solid #007db6}.portada .banner{min-height:calc(100vh - 20px);background-position:center;background-size:cover;display:flex}.portada .container{flex:1;text-align:left;padding:8em 0}.portada .logo{height:10em;display:inline-block;margin-bottom:10em}@media (min-width:992px){.portada .logo{margin-bottom:15em}}.portada .info{width:100%;display:flex}@media (min-width:768px){.portada .info{width:75%}}@media (min-width:992px){.portada .info{width:50%}}@media (min-width:1200px){.portada .info{width:45%}}.portada .etiqueta{display:flex;position:absolute;height:2rem;top:-2rem;left:8em}@media (min-width:576px){.portada .etiqueta{left:10em}}.portada .etiqueta p{background:white;padding:0 1em;font-size:0.85em;height:2rem;line-height:2rem;color:black}.portada .etiqueta svg{flex:0 0 2rem;height:2rem;padding:0.45em;background:#007db6;color:white}.portada .proy-logo{flex:0 0 8em;height:8em;display:flex;flex-direction:column;justify-content:center;padding:0.75em;background:#007db6;color:white;font-weight:300}@media (min-width:576px){.portada .proy-logo{flex:0 0 10em;height:10em}}.portada .proy-logo img{width:100%}.portada .proy-logo p{font-size:0.8em;letter-spacing:2px}.portada .datos{flex:1;background:rgba(60,59,63,0.65);color:white;display:flex;flex-direction:column;justify-content:center;padding:0 1em}@media (min-width:768px){.portada .datos{padding:0 2em}}@media (min-width:992px){.portada .datos{padding:0 3em}}.portada .datos:hover{background:#3c3b3f;text-decoration:none}.portada h2{font-size:20px;padding-bottom:0.25em;margin-bottom:0.35em;border-bottom:1px solid white}@media (min-width:576px){.portada h2{font-size:28px}}.portada .slick-dots{display:flex;align-items:flex-end;flex-direction:column;bottom:1em;left:50%;text-align:right;transform:translateX(-50%);width:calc(100% - 9em)}@media (min-width:576px){.portada .slick-dots{max-width:540px}}@media (min-width:768px){.portada .slick-dots{max-width:720px}}@media (min-width:992px){.portada .slick-dots{max-width:960px}}@media (min-width:1200px){.portada .slick-dots{max-width:1140px}}.portada .slick-dots li{display:block;text-align:right;margin-bottom:0.25em}.portada .slick-dots li button:before{opacity:1;font-size:16px;color:white}.portada .slick-dots .slick-active button:before{color:#007db6}.postventa{position:relative;text-align:left;color:white}.postventa .bg-img{position:absolute;top:0;right:0;width:0%;height:100%;object-fit:cover}@media (min-width:768px){.postventa .bg-img{width:25%}}@media (min-width:1200px){.postventa .bg-img{width:40%}}@media (min-width:768px){.postventa .logo{display:block}}.postventa .wrapper{min-height:calc(100vh - 20px);width:100%;margin:0}@media (min-width:768px){.postventa .wrapper{width:75%}}@media (min-width:1200px){.postventa .wrapper{width:60%}}.postventa .col-11{padding-top:8em}@media (min-width:768px){.postventa .col-11{padding-top:5em}}.postventa h2{font-size:31px}.postventa h3{font-size:26px;opacity:0.75}.postventa .form-control{border:none}.postventa textarea{height:6em}.postventa .btn-cta{background:#e1e1e1;color:#007db6;border:solid 2px white;margin-left:auto;padding:0.25em 0.5em;font-weight:500;font-size:1.3em;letter-spacing:0.05em}.postventa .btn-cta:hover{background:#007db6;color:white}.flotantes{position:fixed;z-index:2;right:0;top:70%;transform:translateY(-50%)}.flotantes li{display:flex;align-items:center;position:relative}@media (min-width:768px){.flotantes li{padding:0.35em 0.75em}}.flotantes a{color:white}.flotantes a:hover{color:white;text-decoration:none}.flotantes .icon{width:2.5em;height:2.5em;background:#007db6;padding:0.5em;border-radius:50%;transform:scale(1.15) translateY(-85%)}.flotantes svg{width:100%;height:100%;color:white}.proyectos h2{font-size:31px;background:#007db6;color:white;padding:1em 0 3em}.proyectos a{display:block}.proyectos .slick-proyectos{position:relative;top:-3em}.proyectos .slick-list{padding:3em 0 0}.proyectos .item{padding:1em 1em 0}.proyectos .item:nth-child(2n) .proyecto{top:-4em}.proyectos .proyecto{color:white;width:100%;height:0;padding-bottom:135%;position:relative;top:-2em;overflow:hidden;background-size:cover;background-position:center}.proyectos .proyecto:hover .info{bottom:0}.proyectos .info{position:absolute;z-index:1;font-size:14px;bottom:-100%;left:0;width:100%;height:50%;background:rgba(0,0,0,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.3s}.proyectos .info:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.3);top:-100%}.proyectos .slogan{position:absolute;top:0;transform:translateY(-50%);background:#007db6;padding:0.5em 1em;font-size:13px;display:inline-block}.proyectos h3{font-size:18px}.proyectos .slick-dots li button{border:1px solid white;box-shadow:0 0 0 2px white inset,0 0 0 3px #303030 inset}.proyectos .slick-dots li button:before{color:white}.proyectos .slick-dots .slick-active button{background:#303030}.proyectos .slick-dots .slick-active button:before{color:#303030}.diseno{padding:3em 0 6em}@media (min-width:992px){.diseno{padding:4em 0 8em}}.diseno .logo{width:8em;height:8em}@media (min-width:576px){.diseno .logo{width:10em;height:10em}}@media (min-width:768px){.diseno .logo{width:11.6em;height:11.6em}}.diseno .d-flex{width:100%;flex-direction:column}@media (min-width:576px){.diseno .d-flex{width:85%;flex-direction:row}}.diseno .info{color:#000}.diseno .info h2{margin:1em 0 0.5em;color:white}@media (min-width:576px){.diseno .info h2{font-size:21px}}@media (min-width:768px){.diseno .info h2{font-size:30px}}@media (min-width:992px){.diseno .info h2{font-size:39px}}.diseno .info p{line-height:1.5}.diseno .contenedor{position:relative;width:100%;height:0;padding-bottom:56.25%}.diseno .contenedor img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.diseno.slider{background:#303030}.diseno.slider .info{position:absolute;bottom:1em;left:1.5em;text-shadow:0 2px 3px rgba(0,0,0,0.5);color:white}@media (min-width:768px){.diseno.slider .info{bottom:3em}}.diseno.slider .info h3,.diseno.slider .info p{font-size:16px}@media (min-width:768px){.diseno.slider .info h3,.diseno.slider .info p{font-size:20px}}.diseno.imagenes{background:linear-gradient(90deg,#d1d1d1 0%,#d1d1d1 20%,white calc(20% + 1px),white 100%);padding:0;padding-bottom:5em}.diseno.imagenes img{position:relative;top:-2em;height:14vw}@media (min-width:576px){.diseno.imagenes img{top:-3em;height:5.5em}}@media (min-width:992px){.diseno.imagenes img{height:7em}}@media (min-width:1200px){.diseno.imagenes img{height:8.5em}}.diseno .slick-dots{bottom:-50px}@media (min-width:576px){.diseno .slick-dots{bottom:-30px}}.diseno .slick-dots li button{border:1px solid #303030;box-shadow:0 0 0 2px #303030 inset,0 0 0 3px white inset}.diseno .slick-dots .slick-active button{background:white}.diseno .slick-dots .slick-active button:before{color:white}.contacto{text-align:center;padding:3em 0}@media (min-width:992px){.contacto{padding:4em 0}}.contacto .container-fluid{max-width:1140px}.contacto .d-flex{flex-direction:column;justify-content:center}.contacto .bloque:last-child{text-align:left}.contacto .bloque div{padding:1em 0;border-bottom:3px solid #ccc}.contacto .bloque div:nth-child(3){border-bottom:none}.contacto .bloque div:nth-child(4){border-bottom:none}.contacto .bloque div:last-child{border-bottom:none}.contacto h2,.contacto h3{color:#666;margin-bottom:1em}.contacto h2{font-size:20px}.contacto h3{font-size:18px}.contacto .redes img{width:2em;height:2em;color:#7a7a7a}.formulario .form-control{background:#fff;border:1px solid #818a91;color:#474545}.formulario textarea{height:6em !important}.formulario .btn-cta{background:#fff;color:#000;text-transform: uppercase;padding:0.35em 0.8em;font-weight:500;font-size:1.2em}.modal#m-form{color:white}.modal#m-form .modal-content{background:rgba(0,0,0,0.75)}.modal#m-form .logo{height:10em}.modal#m-form h3{font-size:1.5em}.proyectos-barra{background:#282828;text-align:center;position:relative;padding:3em 0}@media (min-width:992px){.proyectos-barra{padding:4em 0}}.proyectos-barra:after,.proyectos-barra:before{position:absolute;width:60%;height:100%;top:0;background-repeat:no-repeat;background-size:contain}@media (min-width:992px){.proyectos-barra:after,.proyectos-barra:before{content:""}}.proyectos-barra:before{background-position:left;left:-10%}.proyectos-barra:after{background-position:right;right:-10%}.proyectos-barra .container{position:relative;z-index:1}.proyectos-barra a{text-decoration:none;display:block;color:#999}.proyectos-barra a:hover img{opacity:1}.proyectos-barra img{display:inline-block;opacity:0.5;height:3em}.footer{padding:2em 0;background:#1e1e1e;text-align:center;font-size:11px}.footer .col-11{padding-top:1em}@media (min-width:768px){.footer .col-11:last-child{text-align:left}}.footer .col-11:first-child{padding-top:0}@media (min-width:768px){.footer .col-11{padding-top:0}}.footer .logo{height:12em}.footer a{color:#fff;cursor:pointer}.f-modal .modal-content{background:rgba(0,0,0,0.8)}.f-modal .modal-content .modal-title{color:white}.f-modal .bold{color:white}.f-modal .close{color:#7a7a7a;text-shadow:none;padding:0.5rem;font-size:3rem}.f-modal a{color:white}.f-modal a:hover{color:#7a7a7a}
/****/
h2{
    
    font-size: 3.5em !important
}
h2 strong, h2 span{
    font-weight: 700 !important
}
.portada .slick-dots{
    display: none
}
.proyectos{
    margin-top: 140px;
}
.proyectos h2 {
    padding-top: 3em;
    background: #d1d1d1;
    color: #1b2c48
}

.portada {
    border-bottom: none
}

.diseno.imagenes {
    background: none
}
.diseno p{
    text-align: justify
}
.diseno .logo{
	margin-top: 85px !important;
}
.portada .logo {
    height: 6em
}
.footer .container-fluid{
	max-width: 1300px !important
}
.footer .logo {
    height: 12em
}
.footer p{
	color: #fff !important;
	font-size: 1.20em
}
.footer .nolist{
	margin-top: 30px
}
.contacto .container-fluid {
    max-width: inherit;
}

.formu {
    background: #d70f19
}

.formu form {
    max-width: 70%
}

.formu .logo {
    height: 5em;
    margin: 8%;
}
.contacto .formu {
    text-align: left;
    padding-bottom: 70px
}

.contacto {
    padding: 0em 0
}

@media (min-width: 992px) {
    .contacto {
      padding:0em 0;
    }
}
.contacto h2{
    color: #d70f19;
    font-size: 2em;
}
.contacto p{
    color: #1d1d1b;
    font-size: 1.2em;
    width: 70%;
    margin: 0 15%;
    font-weight: lighter
}
.footer {
    text-align: left;
    padding: 7em 0 4em 0;
}
.footer p.empresa{
    display: inline-block;
    
    font-size: 2.5em;
    border-bottom: solid 1px #fff;
    padding-bottom: 0.2em;
}
.footer .redes{
    margin-top: 20px
}
.footer p.altas {
    font-size: 1.4em;
}
.footer hr{
	background: #fff;
    margin: 0.5em 0
}
.diseno .info h2 {
    color: #d70f19;
    font-size: 3.4em
}
@media (min-width: 576px) {
    .diseno .d-flex {
        width:100%;
    }
}
@media (min-width: 768px) {
    .diseno .logo {
        width:25em;
        margin-top: 10px;
    }
}
@media (min-width: 992px){
	.diseno {
	    padding: 4em 0 7em;
	}
}
@media (min-width: 576px){
    .diseno.imagenes img {
        top: -5em !important;
    }
}
.portada .container {
    padding: 5em 0
}
@media (min-width: 1200px) {
    .diseno.imagenes img {
        height: 16em;
    }
}
.flotantes .icon {
    width: 3.5em;
    height: 3.5em;
    background: #d70f19;

}
.menu .navbar-nav .dropdown-menu {
    background: #d70f19;
}
#mision-vision {
    background: #172d4a;
    color: #fff;
    height: 40em;
}
#mision-vision h3{
    font-weight: lighter;
    margin-bottom: 20px
}
#mision-vision h3 span{
    font-weight: 500;
}
#mision-vision img{
    height: 50em;
    margin-top: -70px
}
#mision-vision p{
    font-size: 1.15em;
    text-align: justify;
    margin-bottom: 70px;
    margin-right: 100px;
}
.justify-content-right {
    text-align: right !important
}
.mis-vis{
    margin: 15% 0 0 15%;
}
.nuestros-proyectos {
    background-color: #d70f19;
    color: #fff
}
.nuestros-proyectos h2{
    color: #fff;
    text-transform:uppercase;
    font-weight: lighter;
    font-size: 2.4em;
    padding: 1em;
    text-align: center
}
.proximamente {
    background: url(../images/bkg-nuestros-proyectos2.jpg);
    
    padding: 10em 0;
    text-align: center
}
.proximamente h3{
    background: white;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    color: #d70f19;
    padding:0.5em 0 0.5em 0.6em;
    border: solid 3px #d70f19;
}
.proximamente p{
    
    font-size: 2em;
    font-weight: 700
}
.nuestros-proyectos h2 span{
   font-weight: 500
 }
.nuestros-proyectos .slick-diseno {
    margin-top: 100px
}
.nuestros-proyectos .slick-diseno img{
    width: 20em
}
.nuestros-proyectos .slick-diseno h3.logo-proyectos{
    background: url(../images/more-plus-logo.png) no-repeat left top;
    background-size: 300px;
    height: 100px;
    text-indent: -9999px;
    margin-top: 100px
}
.nuestros-proyectos .slick-diseno p{
    font-size: 1.1em;
    margin-bottom: 50px;
}
.nuestros-proyectos .slick-diseno p span{
    color: #d8d701 !important
}
.nuestros-proyectos a.bt-moreinfo{
    background: #fff;
    padding: 15px;
    color: #000;
    font-size: 1.2em;
    text-transform: uppercase
}
.nuestros-proyectos a.bt-moreinfo:hover{
    text-decoration: none;
    background: #ffffffdb;
}
.nuestros-proyectos a.bt-moreinfo span{
    font-weight: bold
}
.postventa {
    border-bottom: none
}

.postventa .wrapper {
    background-color: #172d4a;
}

.postventa h2 {
    font-size: 31px;
    background: #2c4b72;
}
.postventa .logo {
    height: 5em;
    border: none;
}
.diseno p{
    margin-bottom: 20px !important
}
.iso {
    background: url(../images/iso.svg) no-repeat right center;
}
.form-control{
	height: calc(1.5em + .75rem + 10px) !important
}
.nuestro-trabajo{
	background-color: #d70f19
}
.nuestro-trabajo h2{
	color: #fff;
}
.experiencia .fecha {
    font-size: 1.7em !important;
}
.experiencia figcaption strong{
	
	font-size: 1.5em !important;
}
.experiencia figcaption small {
    font-size: 0.9em !important;
	margin-top: 3px
}
.swExperiencia{
	background: url(../images/timeline.svg) repeat-x center 40%;
	padding: 2em 0 5em;
}
.experiencia .fecha:after {
	height: 0px !important;
}
.swiper-wrapper .swiper-slide:nth-child(even){
	margin-top: 0px
}
.experiencia .imagen{
	width: 90% !important;
	transition: all 0.5s cubic-bezier(0.42, 0, 0.19, 1.06);
}
.experiencia img:hover{
	transform: translateX(10px) rotate(1.5deg) translateY(5px) scale(1.15);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.5);
}
.newMenu.scroll .enlace {
    font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
    .portada .logo {
        height: 4em;
        margin: -75px 0 0 80px;
    }
    .diseno p{
	    font-size: 16px;
		margin: 0 15px
	}
    .diseno .logo {
        width: 80%;
        margin: 0 10%;
        height: auto
    }
    .diseno .info h2 {
	    text-align: center;
	}
    .diseno.imagenes img {
        height: 20vw;
    }
    .experiencia p.texto {
		text-align: justify;
		line-height: 24px;
		margin-bottom: 50px !important;
	}
    .contacto p {
        width: 100%;
        margin: 0 0 40px 0;
    }
    .contacto img{
	    margin-bottom: 40px !important
    }
    .formu form {
        max-width: 100%
    }
    .footer {
    	text-align: center;
    }
    .portada .banner {
        min-height: calc(50vh - 20px);
    }
    .portada article.banner  {
        background-position: -40px top !important
    }
    .mision-vision img{
        display: none
    }
    .mis-vis{
        margin: 5%;
    }
    #mision-vision {
        height: initial !important;
        padding: 50px 0;
    }
    #mision-vision p{
        margin-bottom: 40px;
        margin-right: 0px;
    }
    .proyectos{
        margin-top: 30px;
    }
    .nuestros-proyectos {
        padding: 60px 0 0px 0 !important;
    }
    .nuestros-proyectos .slick-diseno img{
        width: 300px;
        margin: 0 auto;
    }
    .nuestros-proyectos .slick-diseno h3.logo-proyectos{
         background-position: center center;
        margin-top: 50px;
    }
    .nuestros-proyectos a.bt-moreinfo{
        display: block;
        width: 250px;
        text-align: center;
        margin: 0px auto !important
    }
    .contacto {
        padding: 3em 0 0 0;
    }
    .experiencia{margin-top:0px !important}
    .nuestros-proyectos h2{
	    font-size: 3em !important;
	    padding: 0em 1em 1em 1em
	}
	.proximamente {
	    padding: 7em 0
	}
	.proximamente h3{
	    letter-spacing: 0.25em;
		font-size: 1.6em !important;
	    padding:0.5em 0.3em 0.5em 0.6em;
	}
	.contacto h2{
	    font-size: 3em !important;
		width: initial !important;
		margin: 0 0 20px 0 !important
	}
	.footer p.empresa{
	    font-size: 2.2em;
    }
    .contacto .fondo {
	    background: none !important
	}
	.iso {
	    background-position: 100px bottom;
		background-size: 100%
	}
	.modal-header{
		border-bottom: 0 !important
	}
}