html,body{font-family: "Open Sans", arial, sans-serif !important;color:#131316;background:#f4f4f6;scroll-behavior: smooth;font-optical-sizing: auto;text-align: left;font-size:16px;}
img{max-width:100%;}
.clear{clear:both;}
.container-nav{width:100%;padding:0;margin:0 auto;}
.container-seb{width:90%;padding:0 12px;margin:0 auto;}
a:link,a:visited{color: inherit !important;text-decoration:none !important;}
a:hover{color:#aaa !important;text-decoration:none !important;}
.wsp{position:fixed;bottom:90px;right:0;background:#00be00;width:70px;height:70px;overflow:hidden;text-align:left;transition:all 0.3s ease;z-index: 989999;}
.wsp img{margin:10px 0 0 10px;}
.wsp:hover{width:100px;}
h1,h2,h3,h4,h5,.tel,.btn-form,.datos a:link,.datos a:visited,.camillas{font-family: "Antonio", arial, sans-serif !important;}
#quienessomos,#tipos,#frase,#masinfo{padding:60px 0;}

/* Navbar */
nav{position:absolute !important;top:75px;left:0;width:100% !important;z-index:9998;background: linear-gradient(180deg, rgba(40,180,24,1) 0%, rgba(30,138,19,1) 100%);text-align: left;}
.tel{font-size:28px;color:#f4f4f6;padding-left:250px;}
.logo{position:absolute;top:15px;left:15px;z-index: 9999;}

/* Animacion */
.carousel-inner{background:#131316;}
.google{width:100%;height:100vh;display: table;}
.foto1{background:#131316 url(../001.jpg) center no-repeat;background-size: cover;}
.foto2{background:#131316 url(../002.jpg) left center no-repeat;background-size: cover;}
.foto3{background:#131316 url(../003.jpg) center no-repeat;background-size: cover;}
.foto4{background:#131316 url(../004.jpg) center no-repeat;background-size: cover;}
.ads{display: table-cell;vertical-align: middle;padding:180px 15px 0 15px;text-align:center;}
.anuncio{color:#f4f4f6;margin:0 auto;text-align: left;}
.anuncio h2{font-size:80px;margin:0 auto 0 0;padding:0;width:fit-content;padding:6px 10px 10px 10px;background:rgba(27,27,34,.6)}
.camillas{background:#1E8A13;color:#f4f4f6;padding:4px 12px;font-weight:700;width: fit-content;text-transform: uppercase;}
.ads p{font-size:22px;font-weight:700;color:#f4f4f6;}
.carousel-item{background-color:#1E8A13;text-align: center;}
.carousel-control-next, .carousel-control-prev {width:80px !important;height: 80px;bottom:0;top:auto;z-index: 979999;}
.carousel-indicators li{width:30px !important;height:6px !important;cursor: pointer;}

/* quienes somos */
#quienessomos{background:#f4f4f6;}
h2{font-size: 74px;margin-bottom:14px;font-weight:700;text-transform: uppercase;}
#quienessomos p{font-size:20px;}
#quienessomos h2{color:#1E8A13;}
.piso{width:160px;height:10px;margin-bottom:24px;background:#1E8A13;}

/* tipos de pisos */
#tipos{background:#E9E9EC ;color:#131316;}
#tipos h2{color:#1E8A13}
#tipos .fotopiso{margin-bottom: 20px;}
h3{font-size:46px;font-weight: 700;text-transform: uppercase;text-align: left;}
.fotopiso{width:100%;height: 200px;}
.demarmol{background:url(../reparacion/camas.jpg) center center no-repeat !important;background-size:cover;}
.degranito{background:url(../reparacion/camilla.jpg) center center no-repeat !important;background-size:cover;}
.deparquet{background:url(../reparacion/sillas.jpg) center center no-repeat !important;background-size:cover;}
.decemento{background:url(../reparacion/controles.jpg) center center no-repeat !important;background-size:cover;}
.depiedra{background:url(../reparacion/colchones.jpg) center center no-repeat !important;background-size:cover;}
.decalcareo{background:url(../reparacion/motores.jpg) center center no-repeat !important;background-size:cover;}
#frase{background:linear-gradient(180deg, rgba(40,180,24,1) 0%, rgba(30,138,19,1) 100%);color:#f4f4f6;text-align: center;font-style: italic;font-weight: 600;}

/* Más información */
#masinfo{background:#131316;color:#f4f4f6;}
.datos{font-size:26px;}
.datos a:link,.datos a:visited{color:#1E8A13 !important;font-weight: 700; text-transform: uppercase;}
.datos a:hover{filter:brightness(0.6);}
.formtex{margin-bottom:12px;font-size:26px}
.form-control{background:none;border-left:0;border-top:0;border-right:5px solid #1E8A13;border-bottom:5px solid #1E8A13;border-radius:0;padding:6px 8px;margin-bottom:12px;}
.form-control:active,.form-control:focus{background:none !important;color:#aaa}
.btn-form{border:0;padding:6px 8px;background:#1E8A13;text-transform: uppercase;font-weight: 700;cursor:pointer;color:#f4f4f6;}
.btn-form:hover{filter:brightness(0.6);}

/* Footer */
#footer{background:#111114;color:#f4f4f6;padding:10px 0;}
#footer p{margin-bottom: 0;}
.firma{text-align: right;}

@media only screen and (max-width: 1350px) {
.anuncio h2{font-size: 60px;}
h3{font-size: 38px;}
#quienessomos p{font-size: 16px;}
h2{font-size: 50px;}
}
@media only screen and (max-width: 981px) {
#footer,.firma{text-align: center;}
.firma{padding-top:20px;font-size:14px;}
.reparar{padding-top:8px;}
}
@media only screen and (max-width: 767px) {
.anuncio h2{font-size: 40px;}
.ads p{font-size: 18px;}
h3{font-size: 30px;}
}
@media only screen and (max-width: 575px) {
#quienessomos,#tipos,#masinfo{padding:40px 0;}
.ads{padding:220px 15px 0 15px;}
.logo{width:180px;left:calc(50% - 90px);top:calc(50% - 180px);box-shadow: 0 0 6px #333;border-radius:9000px;}
nav{top:0;}
.tel{padding-left:15px;text-align: center;}
.datos{font-size:20px;}
#quienessomos p{font-size:16px;}
}