html, body { width: 100%; height: auto; margin: 0; padding: 0; font-family: "Nunito Sans", sans-serif; font-weight: 500 !important; font-size: 22px !important;   }
body { overflow-x: hidden !important; animation: fadein 2s; scroll-behavior: smooth; letter-spacing: 1.5px;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */ }
@keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1;} }
button, a, li, h1, h2, h3, h4, img, input, .hide { transition:all 200ms ease;  }
h1, h2, h3, h4, h5, h6 { font-family: "Rubik", sans-serif !important; font-weight:700; }
a { text-decoration:none; border-radius:0!important }
b { font-weight:700; }
.nunito {  font-family: "Nunito Sans", sans-serif !important; }
sup {  }
.whats { z-index:1999999; position: fixed; right:30px; bottom:30px; width:70px;  }
.rs { display: inline-block; vertical-align: middle; width:30px; }

header { width:300px !important; height:100vh  !important; position:fixed; top: 0; left: 0; z-index:150; transition:all 400ms ease; }
ul.men { margin-top:10px; padding:0; width:190px; margin-left:25px; font-family: "Nunito Sans", sans-serif;  }
ul.men li { list-style:none; padding:15px 0; padding-left:30px;  }
ul.men li a { color:#fff; text-decoration:none;  text-transform: uppercase; font-size:16px; font-weight:700; }
ul.men li.active a{ text-decoration: underline; text-decoration-style: solid ; text-underline-offset: 8px; 
                      text-decoration-thickness: 3px; text-decoration-color:#c10230;  }

ul.men li:hover a{ text-decoration: underline; text-decoration-style: solid ; text-underline-offset: 8px; 
                      text-decoration-thickness: 3px; text-decoration-color:#c10230;  }

p { font-weight: 500 !important; font-size: 22px !important; margin-bottom:25px  }
/*.container, .container-fluid { padding:75px 0; }*/
form { }

footer { background:#2f3b49; overflow-x: hidden !important; background-size: auto 100% !important; width: 100%; height: auto; padding: 110px 0; font-size: 20px !important; color: #fff; }
footer a { color: #fff; text-decoration: none; font-family: "Rubik", sans-serif !important; font-weight:700; margin-bottom:15px !important; display: block; }
footer a:hover { opacity: 1; text-decoration: none; }
footer .active { text-decoration: underline; text-decoration-style: solid ; text-underline-offset: 8px; text-decoration-thickness: 3px; text-decoration-color:#c10230; font-family: "Rubik", sans-serif !important; font-weight:700; }
footer ul { padding:0; }
footer ul li { list-style: none; font-family: "Rubik", sans-serif !important; font-weight:700; height:auto; max-width:155px; }
footer ul li:hover {
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 8px;
    text-decoration-thickness: 3px;
    text-decoration-color: #c10230;
    font-family: "Rubik", sans-serif !important;
    font-weight: 700;
}
.collapse  {  }
.match { display: none !important;}
.pie { background:#262c35; color:#fff; text-align:center; padding:15px 5%; }
.logo2 { position: absolute; z-index: 1000; margin:20px 0 0 20px; display:none; }
#mini_2 { background:#c10230 !important; color:#fff !important; margin-top: -75px; padding:110px 0 190px 0 !important; height:auto !important; }
#mini_2 a {  background:#fff; color:#000; padding:25px; font-size:14px !important; text-align: center;  
        display: block; font-weight:700; margin-top:100px; width:220px; } 
.btn-bm {  background:#fff; color:#000; padding:25px; font-size:14px !important; text-align: center;  
        display: block; font-weight:700; margin-top:25px !important; width:220px; } 
.mini { background: url('img/mini.jpg') no-repeat center !important; background-size: 100% auto !important;  }
.big { background: url('img/big.jpg') no-repeat center !important; background-size: 100% auto !important; height:100vh; }

.panel1_1 { background: url('img/panel1_.jpg') no-repeat center !important; height: 120vh;  background-size:cover !important; float:left; width:40% !important; }

.panel1_ { background: url('img/panel1.jpg') no-repeat top center !important; height: 120vh;  background-size: 100% auto !important; float:left; width:40% !important; }
.panel2_ { background:#000 url('img/panel2.jpg') no-repeat top center !important; height: 120vh; color: #fff; position: relative;  padding: 50px; background-size: 100% auto !important; float:left; width:60% !important; }
.panel2_2 { background:#000 url('img/panel2_.jpg') no-repeat top center !important; height: 120vh; color: #fff; position: relative;  padding: 50px; background-size: 100% auto !important; float:left; width:60% !important; }

.copy-mo { color:#fff; font-size:43px; line-height:44px; font-weight:900; position:absolute; z-index:10; font-weight: 700; font-family: "Rubik", sans-serif !important; }
#clientes { padding:75px 0; }
#clientes h2 { margin:0 0 75px 0; color:#c10230; }
.cliente { height:70px !important; display:inline-b,lock; margin:25px; }
#contacto { padding:125px 0; height:auto !important; }

.headerr { width:200px !important; height:100vh !important; background: rgba(0, 0, 0, .7); margin-left: -300px; position:fixed; top: 0; left: -300px; z-index:15; transition:all 400ms ease; }


.inicio { background: url('img/index.jpg') no-repeat center !important; background-size: cover !important; 
         font-family: "Nunito Sans", sans-serif !important; font-weight: 700; width:100%; min-height:110vh; padding:250px 0 !important; margin-top: -75px; color:#fff;  }

.inicio a { display:block; background:#c10230; color:#fff; padding:30px 10px; width:290px; text-align:center; }

.mini { background: url('img/mini.jpg') no-repeat center !important; background-size: cover !important; 
         font-family: "Nunito Sans", sans-serif !important; font-weight: 700; width:100%; height:110vh; padding:150px 0 250px 0 !important; margin-top: -100px; color:#fff;  }
.mini h1 { margin-top:100px; }
.big { background: url('img/big.jpg') no-repeat center !important; background-size: cover !important; 
         font-family: "Nunito Sans", sans-serif !important; font-weight: 700; width:100%; min-height: 110vh; height:auto; padding:150px 0 250px 0 !important; margin-top: -100px; color:#fff;  }

.big h1 { margin-top:100px; }
.nosotros { background: url('img/nosotros.jpg') no-repeat center !important; background-size: cover !important; 
         font-family: "Nunito Sans", sans-serif !important; font-weight: 700; width:100%; min-height:110vh; padding:150px 0 !important; margin-top: -75px; color:#fff;  }
.nosotros h1 { margin-top:80px; }
.ubicacion { background: url('img/ubicacion.jpg') no-repeat center !important; background-size: cover !important; 
         font-family: "Nunito Sans", sans-serif !important; font-weight: 700; width:100%; min-height:110vh; padding:150px 0 50px 0 !important; margin-top: -75px; color:#fff;  }
.ubicacion h1 { margin-top:80px; }

figure { position: absolute; opacity:0; display: block; cursor: pointer; position:absolute; 
         background:#2F3B49; transition:all 400ms ease; color:#fff; width:240px; 
         height:auto; left:22.5%; font-size: 16px !important; top:260px; z-index:10; font-weight:200; }

.cross:hover figure {  display: block; cursor: pointer; position:absolute; background:#2F3B49; 
                        transition:all 400ms ease; opacity:1; color:#fff; width:240px; height:auto; left:22.5%; font-size: 16px !important; 
                        top:260px; z-index:10; font-weight:200; }
.crus { width:30px; position:relative; }
#concreto { background:#2F3B49; color:#fff; }
#concreto .col-sm-4 { margin-bottom:50px; position:relative; }
.concreto { height:290px; }
.con-lo { display:block; margin-top:100px; }

.banner { color:#fff; height:auto; padding:5%; background:#C20E2F; }
.banner1 { color:#fff; height:auto; padding:5%; background:#2f3b49; }
.banner h2 { padding-top:15px; }
.banner1 h2 { padding-top:15px; }
.banner a.btn { background:c10230; display:block; padding:20px 10px; width:290px; }
.banner1 a.btn { background:c10230; display:block; padding:20px 10px; width:290px; }

.col_ { display:inline-block; width:45%; vertical-align:top; min-height:1110px !important; font-size: 22px; text-align:left; padding:440px 3%  3%  3%; }
.col1 { background:#c10230 url('img/col1.jpg') no-repeat top center !important; background-size: 100% auto !important; color:#fff; font-size:20px !important; }
.col2 { background:#5e6467 url('img/col2.jpg') no-repeat top center !important; background-size: 100% auto !important; color:#fff; font-size:20px !important; }
.col_ ul {  height:auto; margin-bottom:50px; }
#bienvenida h2 { text-align: left; color:#c10230; padding-top:50px; text-transform:  uppercase; font-weight:700; font-size:54px; margin-top:-200px;  }
#bienvenida a.uno_ { display:block; background:#414d58; color:#fff; padding:20px 10px; width:230px; text-align:center; font-size:15px !important; }
#bienvenida a.dos_ { display:block; background:#fff; color:#414d58; padding:20px 10px; width:230px; text-align:center; font-size:15px !important; }
#bienvenida a.uno_:hover { color:#414d58; background:#fff; }
#bienvenida a.dos_:hover { color:#fff; background:#414d58; }

#bienvenida p.intro { font-size: 26px !important; display: block; margin: 25px 0; } 
.mosaico { padding:0 !important; }
.mini-pan { position:absolute !important; width:; height: 100%; top:0px; right:0%; }

.bombeo-de-concreto { background:#5e6467 url('img/pleca-cemento.svg') no-repeat right center !important; color:#fff; height:720px; padding:120px 0; position:relative; }
.bombeo-de-concreto hr { opacity:1; max-width:260px; margin:30px 0; height:2px; border-top:#fff solid 3px; }
.logo { margin:120px 0 0 50px; }
.btn_ { position:absolute; bottom:0; right:0; color:#fff; font-weight: 600; padding: 25px  5px; cursor: pointer; opacity: 0; transform: rotate(-90deg); }
.btn_1 { position:absolute; bottom:0; right:0; color:#fff; font-weight: 600; padding: 25px  5px; cursor: pointer; opacity: 1; transform: rotate(-90deg); }
.mainn { background: rgba(0, 0, 0, .7); width:200px; height:100vh; position:fixed; z-index:10;  transition:all 400ms ease; margin-left:-250px; z-index:199; }
.mainn:hover { background: rgba(0, 0, 0, .7); width:200px; height:100vh; position:fixed; z-index:10;  transition:all 400ms ease; margin-left:0px;  z-index:199; }
#minimatra { width:100%; height:auto;/* background: url(img/index.jpg) no-repeat center; background-size: cover; padding:5%;*/ position: relative; } 
#minimatra .container { position: relative; z-index:1 !important; }
#minimatra .carousel { width:100%; height:auto; position:relative; top:0px; left:0px; }
#minimatra .carousel img { margin:0 !important; }
#minimatra .carousel .slide { width:100%; height:100vh; }
#bienvenida .col-sm-4 { padding: 10% 3%; }
#bienvenida .col-sm-4 hr { width:50px; height:1px; background:none; border-top:#ea5e61 solid 7px; opacity: 1; margin:45px 0; }
#estilo { background:#ea5e61; color:#fff; padding:3% 5%; height:auto !important;  }
#estilo hr { width:50px; height:1px; background:none; border-top:#1c5c7a solid 7px; opacity: 1; margin:45px 0; }
#estilo .carusel {  }
#estilo img.panel_ { width:22.5%; margin:0 15px; }
.btn1 { background:#eb6261 !important; color:#eaded9; padding: 18px 10px;  display:block; text-align:center !important; }


.whb { width:20px !important; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.burger { display: inline-block !important; !important; cursor:pointer; }
.panel_ { position: relative; z-index:1; display:inline-block; vertical-align:middle; transition:all 200ms ease; }
.top { position: relative; z-index:10 !important; width:300px !important; border: #fff solid 5px; transition:all 200ms ease; margin:0 20px; }
.top_ { opacity:.3 !important; }
.tt-foo { width:90% !important; }


#espacios { padding:3% 5%; background:#f6f6f6; text-align:center; }
#espacios h2 {  color:#c10230; font-weight:100; font-size:58px; font-weight: 700; margin:50px auto; max-width:960px; margin:0 auto; }
#espacios h3 { font-size:25px; font-family:"Rubik"; font-weight:100; max-width:490px; display:block; }
#espacios .col-sm-44 h4 { font-size:25px; margin-bottom:35px; }
#espacios .col-sm-44  { font-size:18px; background:#fff; margin:1.5%; display:inline-block;  transition:all 400ms ease; 
                        width:30%; min-height:480px; vertical-align:top; padding:15px; border-radius:30px; }
#espacios .col-sm-44:hover  { background:#c10230; color:#fff; }

#espacios .col-sm-44_  { font-size:18px; background:#fff; margin:1.5%; display:inline-block;  transition:all 400ms ease; 
                        width:30%; min-height:460px; vertical-align:top; padding:15px; border-radius:30px;  }
#espacios .col-sm-44_:hover  { background:#c10230; color:#fff; }
#espacios .col-sm-44_  p { padding:0 8%; }
.icon_ { width:60px; height:73px; display:block; margin:40px auto; overflow: hidden; position:relative; }
.icon_ img { position:absolute; width:100%; left:0; top:0px; }


#espacios .col-sm-44:hover .icon_ img { left:0 !important; top:-70px !important; }
#espacios p.copy { font-size:32px !important; font-family:"Rubik"; font-weight:100; display:block;  }

#espacios .col-sm-44_:hover .icon_ img { left:0 !important; top:-70px !important; }
#espacios p.copy { font-size:32px !important; font-family:"Rubik"; font-weight:100; display:block; }


.panel1 { width:50%; float:left; padding: 150px 10% }
.panel2 { width:50%; float:left; /*background: url('img/panel2.jpg') no-repeat center !important;*/ background-size: cover !important;   }
.sli_ { width:100%; height:auto; padding:0px; }
.sli_ h3 { font-size:28px; line-height:33px; }
.sli_ b { font-weight:900;  }
.sli_  { padding-right: 20%;}

.panel1a { width:60%; float:left; padding: 150px 10% }
img.derecha_ { height:100%; left:50%; position:absolute; top:0; } 
img.izquierda_ { width:60%; right:55%; position:absolute; top:0; } 

img.derecha { width:50%; left:50%;  position:absolute; top:0; } 
img.izquierda { width:50%; right:50%;  position:absolute; top:0; } 

.espacios_ { width:100% !important;  height:auto; overflow-x: hidden !important; } 
.espacios_ .carousel { width:100% !important;  height:auto } 
.espacios_ img { width:100% !important;  height:auto } 

.flickity-prev-next-button.next {
    left: 70px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}

.flickity-prev-next-button {
    top: 105%;
    width: 50px;
    height: 50px;
    border-radius: 0% !important;
    transform: translateY(-50%);
}

.flickity-button {
    position: absolute;
    background: none;
    border: #fff solid 2px;
    color: #fff;
}

.flickity-button:hover {
    position: absolute;
    background: hsla(0,0%,100%,1);
    color: #333;
}

.pilll { padding:25px 0; margin:25px 0; border-bottom:#2f3b49 solid 1px; position:relative; }
.btn_faq { width:100%; color:#2f3b49; position:relative; margin-bottom:20px; display: block; font-weight:800;  }
.cruz { position:absolute; top:15px; right:10px; }
.cruzz { rotate: 45deg; top:15px; right:10px;  }
.card-body {
    border: none;
}

.clear { clear: both; }

.remate { background:#262C35; text-align:center; color:#fff; padding:15px 5%; font-size:18px; font-weight:200; }
#contacto { background: url('img/contacto.jpg') no-repeat center !important; background-size: cover !important; color:#fff; }
.datos{ position:relative; margin-bottom:25px; letter-spacing: 1px; font-size: 18px; display:block !important; position: relative; padding-left: 40px; font-family: "Nunito Sans", sans-serif; font-weight: 200 !important; }
img.pin { width:20px; position:absolute; top:0; left:0; }
.pick { display: inline-block !important; margin-right: 25px !important; width:165px; }




.card span { font-size: .75em !important; line-height:0px; }

.f22 { font-size:22px !important; }
.f27 { font-size:27px; }
.f18 { font-size:18px; }

.pin1 { width:20px height: 30px; background: url(pin.svg) no-repeat center; position:absolute; z-index:10; left:38%; top:50px; }
.pin2 { width:20px height: 30px; background: url(pin.svg) no-repeat center; position:absolute; z-index:10; left:38%; top:245px; }
.pin3 { width:20px height: 30px; background: url(pin.svg) no-repeat center; position:absolute; z-index:10; left:56.5%; top:990px; }

#ubicacion-mapa { padding:50px 0; position:relative; z-index:1000;   } 
#ubicacion-mapa h2 { padding:0px 0; position: relative; z-index: 5; margin-top: 0px !important; font-size:48px; line-height:50px; color:#c10230; }
#ubicacion-mapa h2 > img { position:absolute; z-index:10px; top:0px; left:50%; margin-left:-35%; }
.map { width:100%; height:auto; position:relative; display:block; margin:25px auto; }
.map img.map_ { width:90%; height:auto; position:relative; z-index:1; }
.add_ { margin-left: 43% !important; }
.burger { display: none !important; cursor:pointer; }
.concreto h2 { font-size: 47px; }






@media only screen and (max-width: 960px) {

    h1 br, h2 br, h3 br, p br { display:none; }
    footer div { margin-bottom:25px; }
    footer div.sin { margin-bottom:0px; }
    .sli_ {
    padding-right: 0%;
}
#faq .logo { margin:35px 0; z-index:2; }
 .burger { display: inline !important; position:fixed; color:#fff; top:10px; right:10px; z-index:999999; }
  .header { background: rgba(0, 0, 0, .9); width:200px; height:100vh; position:fixed; z-index:99999999999 !important;  transition:all 400ms ease; margin-left:-300px !important; z-index:199;}
  .header2 { background: rgba(0, 0, 0, .9);  width:300px; height:100vh; position:fixed; z-index:99999999999  !important;  transition:all 400ms ease; margin-left:0px ; z-index:199;}
  .btn_ { opacity:0; }
    #bienvenida h2 {
    text-align: left;
    color: #c10230;
    padding-top: 50px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 34px;
    margin-top: -200px;
}
.con-lo { margin-top:25px; }
}