html,body{font-family: 'roboto condensed', arial, sans-serif !important;color:#161616;}
img{max-width:100%;}
.clear{clear:both;}
.container-seb{width:90%;padding:0 12px;margin:0 auto;}
.btn-ley{padding:4px 14px;border:3px solid;border-radius:50px;width:fit-content;font-weight: 600;}
a:link,a:visited{color:#00B1F0 !important;text-decoration:none !important;}
a:hover{color:#B8B8B8 !important;text-decoration:none !important;}

/* Navbar */
nav{position: fixed !important;top:0;left:0;z-index:8800;width:100%;color:#EAEAEA;background:#161616;}
.telefono{font-size:26px;text-align:left;}
nav .btn-ley{border-color:#00be00;color:#ffffff;background:#00be00 url(../wp.png) right center no-repeat;padding:4px 52px 4px 14px;}
nav .btn-ley:hover{color:#00be00;background-color:transparent;background-image: url(../wp2.png);}

/* Animacion */
.logo{position:absolute;top:calc(40vh - 150px + 27px);left:calc(50% - 150px);z-index:200}
.estudio{margin-top:55px;}
.carousel-inner{background:#161616;}
.instalacion{width:100%;height:calc(80vh - 55px);display: table;}
.foto1{background:#161616 url(../001.jpg) center no-repeat;background-size: cover;}
.foto2{background:#161616 url(../002.jpg) center no-repeat;background-size: cover;}
.foto3{background:#161616 url(../003.jpg) center no-repeat;background-size: cover;}
.foto4{background:#161616 url(../004.jpg) center no-repeat;background-size: cover;}
.galvanizada{display: table-cell;vertical-align: middle;padding:180px 5% 0 5%;text-align:center;}
.pvc{padding:2px 0;color:#ffffff;margin:0 auto;font-weight: 700;font-size:5rem;text-transform: uppercase;line-height: 5rem;display:none}
.galvanizada span{font-size:34px;font-weight:600;font-style: italic;color:#ffffff;}
.carousel-item{background-color:#0096CC;text-align: center;}
.carousel-control-next, .carousel-control-prev {width:80px !important;}
.carousel-indicators li{width:10px !important;height:10px !important;border-radius: 10px;cursor: pointer;}
.galvanizada .btn-ley{border-color:#0096CC;color:#ffffff;background:#0096CC;font-size:20px;margin:20px auto 0;}
.galvanizada .btn-ley:hover{background:none;color:#0096CC;}

/* Contenido */
#perfil,#servicios,#trabajos,#gracias,#clientes,#footer{padding:60px 0;}
.travertino{text-align: right;}
.cortinas{font-size:24px;}
.service{color:#D8CBC7;font-weight:600;}
h1{font-size:3rem;font-weight:600;}
#servicios{background-color:#EAEAEA;text-align: left;}
#servicios .col{padding-top:15px;padding-bottom:15px;}
.automatizacion{border-radius:.25em;overflow: hidden;width:100%;height:380px;background-size:cover !important;color:#ffffff;font-weight:700;text-transform: uppercase;padding:15px;font-size:24px;}
.automatizacion p{margin:0;background:rgba(42,42,42,0.6);padding:4px;border-radius:.25em}
#enviado{padding-top:80px;text-align: center;background: #ddd}
#enviado img{padding-bottom: 20px;}
#perfil{background:linear-gradient(180deg, rgba(0,150,204,1) 0%, rgba(2,97,143,1) 100%);}
#gracias,#footer{background:#161616 url(../bk01.png) top center;}
#trabajos{background:#ffffff;}
.reparacion{border-radius:.25em;overflow: hidden;width:100%;aspect-ratio: 4/3;background-size:cover !important;color:#ffffff;font-weight:700;text-transform: uppercase;padding:15px;font-size:24px;margin-bottom:12px;background-color:#000000}
.urgencias{padding:0 !important;}
#gracias{text-align: center;margin-top:54px;}
.clientes{text-align: center;}
.clientes img{margin-bottom: 12px;}
#clientes{background-color:#EAEAEA;text-align: left;}

/* Pie de pagina */
#footer{background: #161616 !important;color:#ffffff;}
.footn{font-weight:700;font-size:22px;display: inline-block;padding-bottom:10px;}
#footer a:link,#footer a:visited{color:#D0D0D0 !important;}
#footer a:hover{color:#00B1F0 !important;}
.logopie{text-align: center;}
.herreria{text-align:left;}
#firma{background:#101010;margin-bottom:0 !important;color:#999;text-align: center;padding:0;font-size:14px;}
.linkredes{text-align: right;}
.linkredes a{margin-bottom:6px;line-height: 50px;}
.linkredes img{border-radius: 3px;margin-left: 6px;}
.linkredes a:hover img{background: #00B1F0;border-color: #00B1F0;}
.linkredes p{margin-bottom: -10px;}
.ln01{background:#00be00;}
.ln02{background:#3b5998;}
.ln03{background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.ln04{background:#0077b5;}
.ln05{background:#101010;}
.mapa{width: 100%;border:0;height: 300px;margin-bottom:-7px;}

@media only screen and (max-width: 1340px) {
.form{position:static;max-width:none;margin:0 auto;width:100%;}
.form form{background:none;padding:0 0 30px 0;}
}
@media only screen and (max-width: 767px) {
nav,.telefono{text-align:center;}
.telefono{padding:6px 0;}
nav .btn-ley{margin:0 auto;}
.pvc{font-size:4rem;}
.estudio{margin-top:105px;}
.travertino{display: center;}
.logopie{margin-top: 30px;border-left:0;}
#enviado{padding-top:120px;}
#enviado img{width:320px;}
#gracias{margin-top:100px;}
.herreria{text-align:center;}
.linkredes{display: none;}
.cortinas{font-size:18px;}
.logo{top:calc(50vh - 150px);left:calc(50% - 150px);}
}
@media only screen and (max-width: 575px) {
.logo{width:260px;top:calc(50vh - 130px);left:calc(50% - 130px);}
.logopie{margin-top: 30px;}
.automatizacion{height: 300px;}
h1{font-size:32px;}
}
@media only screen and (max-width: 410px) {
.logo{width:200px;top:calc(36% - 50px);left:calc(50% - 100px);}
.instalacion{height:60vh;}
.telefono{font-size:22px;}
.automatizacion{height: 260px;font-size:20px;}
.estudio{margin-top:98px;}
}