html, body { width: 100%; height: auto; margin: 0; padding: 0; font-family: "Nunito Sans", sans-serif; font-weight: 400 !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;  }

section { position: relative; min-height:100vh; padding:75px 0px; overflow:hidden; z-index:11 !important; }
p { font-weight: 400 !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; top:20px; left: 20px; display:none !important; }
#mini_2 { background:#c10230 !important; color:#fff !important; margin-top: -75px; padding:80px 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: none !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; }

.contacto  { width:100%;  }
.contacto input { width:100%; margin:5px 0; border:none; padding:10px; }
.contacto textarea { width:100%; height: 130px; margin:5px 0; border:none; resize: none; padding:10px; }
input[type=submit] { width:260px; padding:15px; text-align:center; color:#fff; background:#2f3b49; border:none; }
input[type="submit"]:hover {
    width: 260px;
    text-align: center;
    color: rgb(47, 59, 73) ;
    padding: 15px;
    background: rgb(255, 255, 255);
}

button.submit { width:260px; padding:15px; text-align:center; color:#fff; background:#2f3b49;  border:none; }
button.submit:hover {
    width: 260px;
    text-align: center;
    color: rgb(47, 59, 73) ;
    padding: 15px;
    background: rgb(255, 255, 255);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #575756;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #575756;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #575756;
}
:-moz-placeholder { /* Firefox 18- */
  color: #575756;
}

.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; }

.order-2 { order: 1 !important; }
.order-1 { order: 2 !important; }

@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; }

.col_ {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 22px;
    text-align: left;
    min-height: 1110px !important;
    padding: 340px 3% 3%;
}

.bombeo-de-concreto {
    background: #5e6467 url(img/pleca-cemento.svg) no-repeat !important;
    background-position: 30% 0px !important;
    color: #fff;
    height: auto;
    padding: 120px 0;
    background-size: auto 100% !important;
}
.bombeo-de-concreto img.img-fluid { margin-bottom: 25px; }
#mini_2 {
    background: #c10230 !important;
    color: #fff !important;
    margin-top: -75px;
    padding-top: 50px !important;
    height: auto !important;
    padding-bottom: 130px !important;
}
#mini_2 img { margin: 45px 0; }
img.derecha {
    width: 100%;
    left: 0%;
    position: relative;
    top: 0px;
}

img.derecha_ {
    width: 100%;
    left: 0%;
    position: relative;
    top: 0px;
}
.panel1 {
    width: 100%;
    float: left;
    padding: 150px 5%;
}

#espacios h2 {
    color: rgb(193, 2, 48);
    font-size: 36px;
    font-weight: 700;
    max-width: 960px;
    margin: 40px auto;
}
#espacios p.copy {
    font-family: Rubik;
    font-weight: 100;
    display: block;
    font-size: 22px !important;
}

#espacios .col-sm-44 {
    font-size: 18px;
    background: #fff;
    margin: 1.5% 0;
    display: inline-block;
    transition: all 400ms ease;
    width: 100%;
    min-height: 480px;
    vertical-align: top;
    padding: 15px;
    border-radius: 30px;
}

#espacios .col-sm-44_ {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    min-height: 460px;
    vertical-align: top;
    background: rgb(255, 255, 255);
    margin: 1.5% 0;
    transition: all 400ms ease 0s;
    padding: 15px;
    border-radius: 30px;
}

.panel1a { width:100%; float:left; padding: 150px 3% }
.panel1_ { display:none; }
.panel2_ {
    background: url(img/panel2.jpg) no-repeat top center !important;
    height: 400px;
    color: #fff;
    position: relative;
    padding: 3%;
    background-size: 100% auto !important;
    float: left;
    width: 100% !important;
}
	
	.panel2_2 {
    background: #000 url(img/panel2_2.jpg) no-repeat top center !important;
    height: 400px;
    color: #fff;
    position: relative;
    padding: 3%;
    background-size: 100% auto !important;
    float: left;
    width: 100% !important;
}
	
.copy-mo {
    color: #fff;
    font-size: 33px;
    line-height: 44px;
    position: absolute;
    z-index: 10;
    font-weight: 700;
    font-family: "Rubik", sans-serif;
}
	section {
    position: relative;
    min-height: 100vh;
    z-index: 11 !important;
    padding: 45px 0px;
    overflow: hidden;
}

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

	
	img.izquierda_ {
    width: 100%;
    right: 0%;
    position: relative;
    top: 0px;
}
	.panel2 { display: none;}
	.add_ {
    margin-left: 0% !important;
}
	
	#ubicacion-mapa h2 > img {
        top: 0px;
    left: 0%;
    position: relative;
    display: block;
    margin: 25px auto;
}

.banner, .banner1 {
    text-align:  center;
}

.banner a, .banner1 a {
    display: block; margin: 15px auto;
}

.whats {
    z-index: 1999999;
    position: fixed;
    right: 30px;
    bottom: 100px !important;
    width: 70px;
}

#ubicacion-mapa h2 {
    padding: 0px 0;
    position: relative;
    z-index: 5;
    margin-top: 0px !important;
    font-size: 32px;
    line-height: 36px;
    color: #c10230;
}

.pin1 {
    position: absolute;
    z-index: 10;
    left: 34%;
    top: -10px;
    background: url(pin.svg) center center no-repeat;
}

.pin2 {
    width: 20px height: 30px;
    background: url(pin.svg) no-repeat center;
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 45px;
}

.pin3 {
    position: absolute;
    z-index: 10;
    left: 53.5%;
    top: 260px;
    background: url(pin.svg) center center no-repeat;
}


.inicio a {
    display: block;
    background: #c10230;
    color: #fff;
    padding: 20px 10px;
    width: 230px;
    text-align: center;
    font-size: 15px !important;
}

.header {
    width: 300px;
    height: 100vh;
    position: fixed;
    margin-left: 0px;
    z-index: 2147483647 !important;
    background: rgba(0, 0, 0, 0.9);
    transition: all 400ms ease 0s;
}
	#concreto h2 { font-size: 32px; margin-bottom:35px; }
    #contacto {
    height: auto !important;
    padding: 75px 0px;
}
p {
    margin-bottom: 25px;
    font-weight: 500 !important;
    font-size: 20px !important;
}
#mini_2 img {
    margin: 5px 0px;
}

.banner1 a.btn {
display: block;
width: 230px;
text-align: center;
font-size: 15px !important;
padding: 20px 10px;
}

.cruz {
    position: absolute;
    top: 0px;
    right: 10px;
}

.logo2 { position: absolute; z-index: 1000; top:20px; left: 20px; display:inline-block !important; }
.carousel { height:auto; }


.inicio { background: url('img/IMG_MATRA_HEADER1.jpg') no-repeat center !important; background-size: cover !important;   }
.mini { background: url('img/IMG_MATRA_HEADER2.jpg') no-repeat center !important; background-size: cover !important;   }
.big { background: url('img/IMG_MATRA_HEADER3.jpg') no-repeat center !important; background-size: cover !important;   }
.nosotros { background: url('img/IMG_MATRA_HEADER4.jpg') no-repeat center !important; background-size: cover !important;   }
.ubicacion { background: url('img/IMG_MATRA_HEADER5.jpg') no-repeat center !important; background-size: cover !important;   }

#bienvenida a.uno_, #bienvenida a.dos_ {
    display: block; margin: 0 auto;
}
.mini h1 {
    margin-top: 190px;
}
.big h1 {
    margin-top: 190px;
}
.nosotros h1 {
    margin-top: 130px;
}
.ubicacion h1 {
    margin-top: 130px;
}
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }

}