html,body{font-family: "Montserrat", arial, sans-serif !important;color:#141414;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;}
h1,h2,h3,h4,h5,.tel,.btn-form,.datos a:link,.datos a:visited,#direccion{font-family: "Antonio", arial, sans-serif !important;}
#quienessomos,#tipos,#servicios,#galeria,#masinfo{padding:60px 0;}

/* Navbar */
nav{position:absolute !important;top:0;left:0;width:100% !important;z-index:999998;padding:0 !important;padding-right:0 !important;}
nav .row{margin-right: 0;margin-left: 0;}
.logo{position:absolute;top:calc(50% - 220px);left: calc(50% - 110px);z-index: 9;}
.deck2{position: absolute;right: 0;top: 0;width:100%;height: 80px;border-bottom:8px solid #f4f4f6;z-index: 9997;}
.tel{font-size:28px;color:#f4f4f6}
.datear{position: fixed;top:0;left:0;background:#141414;color:#f4f4f6;width: 100%;text-transform: uppercase;}
.dattop{padding:6px 20px;width:fit-content;}
.whats{background:#FF6000 url(../wp2.png) right center no-repeat;cursor: pointer;transition: .3s ease;color:#f4f4f6;font-weight: 700;padding-right:72px}
.insta{background:linear-gradient(315deg,#833ab4,#fd1d1d,#fcb045);cursor: pointer;transition: .3s ease;color:#f4f4f6;font-weight: 700;}
.whats:hover,.insta:hover{filter:brightness(.7);color:#f4f4f6 !important}
.insta img{margin-top:-8px;}
.pcdat{padding:6px 20px;}

/* Animacion */
.carousel-inner{background:#1b1b22;}
.google{width:100%;height:100vh;display: table;}
.foto1{background:#1b1b22 url(../001.jpg) center no-repeat;background-size: cover;}
.foto2{background:#1b1b22 url(../002b.jpg) bottom center no-repeat;background-size: cover;}
.foto3{background:#1b1b22 url(../003.jpg) center no-repeat;background-size: cover;}
.foto4{background:#1b1b22 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: center;}
.anuncio h2{font-size:80px;margin:0 auto 14px auto;padding:0;width:fit-content;padding:6px 10px 10px 10px;background:#FF6000}
.ads p{font-size:22px;font-weight:700;color:#f4f4f6;}
.carousel-item{background-color:#FF6000;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:#ffffff;}
h2{font-size: 74px;margin-bottom:14px;font-weight:700;text-transform: uppercase;}
#quienessomos p{font-size:20px;}
.piso{width:160px;height:10px;margin-bottom:24px;background:#FF6000;}
#direccion{display: none;background-color: #eaeaea;color:#FF6000;font-size:18px;padding-top:10px;padding-bottom: 10px;text-align: center;font-weight: 600;text-transform: uppercase;}
.todoamba{color:#141414;}

/* tipos de pisos */
#tipos{background:#272727;color:#f4f4f6;}
#tipos .fotopiso{margin-bottom: 20px;}
h3{font-size:90px;font-weight: 700;text-transform: uppercase;text-align: left;}
.fotopiso{width:100%;height: 180px;background:url(../pulido/granito.png) center center no-repeat;background-size:cover;}
.deventa{background:url(../fabrica/fabrica.jpg) center center no-repeat !important;background-size:cover !important;}
.dereparacion{background:url(../fabrica/reparacion.jpg) center center no-repeat !important;background-size:cover !important;}
.deinstalacion{background:url(../fabrica/automatizacion.jpg) center center no-repeat !important;background-size:cover !important;}

/* Más servicios */
#servicios{background:#1E1E1E;color:#f4f4f6}

/* Galeria */
#galeria{background:#272727;color:#f4f4f6}
.video{width: 100%;max-width: 800px;aspect-ratio: 800 / 451;}


/* Más información */
#masinfo{background:#1E1E1E;color:#f4f4f6;}
.datos{font-size:22px;}
.datos a:link,.datos a:visited{color:#FF6000 !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 #FF6000;border-bottom:5px solid #FF6000;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:#FF6000;text-transform: uppercase;font-weight: 700;cursor:pointer;color:#f4f4f6;}
.btn-form:hover{filter:brightness(0.6);}

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

@media only screen and (max-width: 1730px) {
h3{font-size:70px;}
}
@media only screen and (max-width: 1370px) {
h2{font-size: 60px;}
.anuncio h2{font-size: 70px;}
h3{font-size: 54px;}
#quienessomos p{font-size: 18px;}
}
@media only screen and (max-width: 981px) {
#footer,.firma{text-align: center;}
.firma{padding-top:20px;font-size:14px;}
}
@media only screen and (max-width: 767px) {
h2{font-size: 50px;}
.anuncio h2{font-size: 60px;}
h3{font-size: 60px;text-align: left;}
#direccion{display: block;}
}
@media only screen and (max-width: 575px) {
#quienessomos,#tipos,#masinfo{padding:40px 0;}
.logo{width: 160px;left:calc(50% - 80px);top:calc(43% - 220px);}
.anuncio h2{font-size: 26px;}
.ads{padding:220px 15px 0 15px;}
.google{height: 50vh;}
.datos{font-size:20px;}
#quienessomos p{font-size:16px;}
.datear{z-index: 999999;}
.pcdat{text-align: center;}
.insta{display: none;}
h3{font-size: 40px;}
.whats{position:fixed;bottom:10px;right:10px;}
}