h2{text-align:center;font-size:3em !important;margin-bottom:3% !important;}
#banner{background:url(img/retro.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;z-index:-10;height:100vh;}
#banner2{width:100%;background:url(img/Construction-2.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;z-index:-10;height:300px;float:left;margin-bottom:6%;}
#cuadradobanner{display:none;position:relative;width:90%;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:white;padding:5% 5%;background:rgba(0,0,0,0.5);font-size:1em !important;font-family:'Oswald' !important;}
#cuadradobanner h2{margin-top:0 !important;font-size:2em !important;}
.glyphicon-chevron-down{font-size:3em;}
#flechaabajo{color:white !important;}
#tarjetas{border-top:1px solid lightgrey;border-bottom:1px solid lightgrey;margin-bottom:2%;margin-top:4%;vertical-align:middle;float:left;width:100%;overflow:hidden;}
#tarjetas img{box-sizing:border-box;width:20%;float:left;padding-left:4%;}
#tarjetas p{box-sizing:border-box;width:80%;font-family:'Oswald';font-size:2em;display:inline-block;float:right;padding-left:2%;overflow:hidden;}
#contmarquee{animation:marquee 12s ease infinite;}
@keyframes marquee{0%{transform:translateX(100%);}
10%{transform:translateX(100%);}
40%{transform:translateX(0);}
50%{transform:translateX(0);}
100%{transform:translateX(-100%);}
}
#marcas{clear:both;}
#marcas p{clear:both;margin:0 auto;text-align:center;font-size:1.3em;}
#contcuadrados{clear:both;width:100%;}
#prov{display:block;margin:0 auto;box-sizing:border-box;width:80%;height:100%;border:5px solid white;}
#prov img{width:23%;border:1px solid lightgrey;float:left;margin-left:2px;margin-bottom:1%;}
.social{position:fixed;left:0;z-index:2000;font-size:120%;}
.social ul{list-style:none;}
.social ul li a{display:inline-block;color:#fff;background:#000;padding:15px 25px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.social ul li .icon-facebook{background:#3b5998;}
.social ul li .icon-mail3{background-color:coral;}
.social ul li a:hover{padding:15px 35px;}
.social ul li .icon-mail3:hover{background:#e25926;}
.social ul li .icon-facebook:hover{background-color:#223e77;}
#empresa{font-style:bold;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:white;padding:5% 5%;background:rgba(0,0,0,0.5);}
#empresa p{font-size:1.3em;}
#servicios{width:100%;margin-bottom:5%;float:left;}
#contservicios{display:block;width:80%;margin:0 auto;}
.servicio{box-sizing:border-box;width:29%;float:left;text-align:center;text-align:-moz-center;margin-right:2%;margin-left:2%;margin-bottom:2%;background-color:#F6F6F6;filter:grayscale(0.7);-webkit-filter:grayscale(0.7);border:1px solid lightgray;height:400px;}
.servicio:hover{transition:filter 0.5s ease;filter:none;-webkit-filter:none;}
.servicio p, .servicio h3{width:80%;margin:0 auto;}
.servicio h3{font-family:'Oswald';margin-top:2%;}
.servicio img{width:100%;}
.servicio p{padding:8% 0;font-size:1.1em;}
.barra{clear:both;width:100%;background-color:#fc3c3c;}
.barra h2{font-size:2em;text-align:center;font-family:'Oswald';padding:2px 0;}
#mapayform{width:100%;clear:both;margin-bottom:5%;float:left;}
.google-maps{position:relative;padding-bottom:40%;height:0;overflow:hidden;width:40%;float:left !important;margin-left:10%;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
#form{display:inline-block;box-sizing:border-box;width:40%;float:right;margin-right:10%;}
form{width:100%;float:right;}
#form input, #form textarea{padding-left:1%;width:90%;margin-bottom:1%;float:right;margin-right:5%;}
#form input[type="submit"]{width:20%;}
#form textarea{width:90%;min-height:150px;resize:vertical;}
#ubicaciones{width:100%;float:left;padding:4% 0;}
.ubicacion{box-sizing:border-box;float:left;width:25%;padding:2% 2%;font-size:1.3em;}
.ubicacion a{color:black;text-decoration:none !important;}
.ubicacion a:hover{color:black;}
.ubicacion .icon-facebook, .icon-location, .icon-phone, .icon-clock, .icon-whatsapp{font-size:1.5em;}
.linea{border-bottom:2px solid lightgrey;;height:2px;width:70%;margin:0 auto;clear:both;}
#primerlinea{margin-top:2%;}
#contnosotros{display:none;}
#nosotros{font-style:bold;text-align:center;padding:5% 5%;}
#nosotros p{font-size:1.3em;}
@media (max-width:1100px){
    .servicio{
        width:80% !important;
        height:auto !important;
        margin:0 auto;
        float:none;
        margin-bottom:1%;
    }
#ubicaciones{width:90%;float:none;margin:0 auto;}
.ubicacion{width:95%;float:none;margin:0 auto;}
.google-maps{width:80%;position:relative;padding-bottom:75%;float:none !important;margin:0 auto;margin-bottom:5%;border:none;}
#form{width:100%;float:left;margin:0 auto;}
#tarjetas p{box-sizing:border-box;font-size:1.2em;display:inline-block;margin-top:1%;}
#tarjetas img{margin-top:1%;}
#prov{box-sizing:border-box;display:block;margin:0 auto;box-sizing:border-box;width:90%;max-width:1200px;height:100%;border:5px solid white;align-content:center;text-align:center;}
#prov img{display:inline;width:23%;min-width:200px;border:1px solid lightgrey;margin-bottom:1%;margin-left:1%;float:none;}

    #bannerprecios{
    box-sizing: border-box;
    display:block;
    width:100% !important;
    margin: 6% auto !important;
    padding: 0 2%;
}

}
@media (max-width:800px){#tarjetas{display:none;}
#empresa{display:none;}
#cuadradobanner{display:block;}
#contnosotros{display:block;}
.google-maps{display:none;}
#contservicios{width:100%;}
    .servicio{width:100% !important;filter:none !important;}
#banner{background-attachment:local;height:500px;}
#banner2{background-attachment:locaL;}
}
.icon-key{margin-left:5px;}

#bannerprecios{
    display:block;
    width:60%;
    margin: 0 auto;
}