html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  color: #0f1f5b;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:0;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 18px;
    line-height:22px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 14px;
    line-height: 16px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}



body.loaded {
  opacity: 1;
  
}

.grecaptcha-badge {
  display: none !important;
}





main { display: block; position:relative; overflow:hidden; width:100vw; z-index:1;}

.menuFijo { display: block; position: fixed; top: 2vw; right: 0; background-color: rgba(6,13,38,.7); z-index: 3; padding: 1.6vw .9vw .9523809524vw .5vw; width:10.4761904762vw; z-index:5;}
.menuFijo h1 { display:inline-block; float:left; position:relative; overflow:hidden; padding:.3vw .71vw; border-right:1px solid #fff;}
.menuFijo h1 .iso { display: inline-block; float: left; width: 1.66vw; margin-right: .47vw; }
.menuFijo h1 .logo { display: inline-block; float: left; width: 3.27vw;  }
.menuFijo h1 img { display:block; width:100%; height:auto; }
.menuFijo #click-menu {  display:inline-block; position:relative; float:right; width: 35px; height: 35px;  cursor: pointer;  top: .38vw; right: -.5vw  }
.menuFijo #click-menu span { position: absolute; left: 0; right:0; top: 0; margin:0 auto; display: block; width: 70%; height: 5px; background-color: #f22635; transition: all .3s;}
.menuFijo #click-menu span:nth-child(2) {top: 10px; }
.menuFijo #click-menu span:nth-child(3) {top: 20px; }
.menuFijo #click-menu.active span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.menuFijo #click-menu.active span:nth-child(2) {opacity: 0; top: -7.8125vw; }
.menuFijo #click-menu.active span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

ul.menuMovil { display: block; position: fixed; top: 6.83vw; right: 0; background-color: rgba(6,13,38,.7); z-index: 3; padding: 0 .9vw 1.6vw .5vw; z-index:3;width:10.4761904762vw; 
    overflow-y: auto; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: all  .5s; }
ul.menuMovil.abierto { display:block; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1;}
.menuMovil li { display: table; position:relative; overflow:hidden; color:#fff; font-size:.83333vw; line-height: 1.3vw; font-family:"Roboto Condensed", sans-serif; font-weight: 400; cursor:pointer; padding-left:.71vw;}
.menuMovil li:hover { color:#ccc; }

#servicios { display:block; position:relative;  overflow:hidden; width:100%; height:52.0833333333vw; height:100vh;  color:#000; text-align: center; background-repeat:no-repeat; background-position:center; background-size:cover;}
#servicios .cuerpo { padding-top:10.4166666667vw; }
#servicios .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:26.3095238095vw; padding-top:3.4523809524vw; }
#servicios .izq h2 {     display: block; color: #fff; font-size: 4.4444444444vw; line-height: 4.4444444444vw; font-weight: 900;  -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#servicios.muestra .izq h2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#servicios .izq ul { display:block; position:relative; overflow:hidden; width:100%; margin-top:2.8571428571vw; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#servicios.muestra .izq ul { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#servicios .izq ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.3vw; padding-bottom:.3vw; border-bottom:1px solid #cfcfcd; cursor:pointer;}
#servicios .izq ul li span { display: inline-block; color:#fff; font-size: 0.88888vw; line-height: 1vw; background:#f22635; font-weight: 500; margin-right:.5vw; width:1.4880952381vw; height:1.4880952381vw; text-align: center; border-radius:6px; padding-top:.3vw; }
#servicios .izq ul li p { display: inline-block; color:#fff; text-transform: uppercase; font-size: 0.88888vw; line-height: 1vw; font-weight: 700; }

#servicios .izq ul li:last-child { margin-bottom:0; padding-bottom:0; border:0; }
#servicios .izq ul li:hover p, #servicios .izq ul li.sele p { color:#f22635; }
#servicios .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 37vw; padding-left: 2.976vw; border-left: 1px solid #cfcfcd; margin-left: 2.976vw; padding-top: 3.2738095238vw; padding-bottom: 3.2738095238vw; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#servicios.muestra .der { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#servicios .der h3 { display: block; position: relative; overflow: hidden; width: 100%; color: #fff; text-transform: uppercase; font-size: 1.94vw; line-height: 2vw; padding-top: .3vw; margin-bottom:2.2619047619vw; width:70%;}
#servicios .der h3 span { display: block; }
#servicios .der h5 { display: block; position: relative; overflow: hidden; width: 100%; color: #fff; text-transform: uppercase; font-size: 1vw; line-height: 2vw; font-weight: 500; }
#servicios .der h3 img { display: inline-block; float: left; position: relative; overflow: hidden; width: 4.5238095238vw; height: auto; margin-right: 1vw; margin-top: -.3vw; }
#servicios .der p { display:block; color:#fff; font-size:.88888vw; line-height: 1.2vw; }
#servicios .der ul { display:block; position:relative; overflow: hidden; width:100%; margin-top:1vw; margin-bottom:2vw;}
#servicios .der ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.3vw;}
#servicios .der ul li span { display:inline-block; float:left; position:relative; overflow:hidden; background:#f22635; width:.4761904762vw; height:.4761904762vw; margin-right:.5vw; margin-top:.25vw; }
#servicios .der ul li p { display:inline-block; float:left; position:relative; overflow:hidden; color:#0f1f5b; font-size:.88vw; line-height: 1vw; font-weight: 700; }
#servicios .der a { display:inline-block; float:left; position:relative; overflow:hidden; width:5.4761904762vw; height:auto; margin-right:1.25vw; cursor:pointer; margin-top:2vw; }
#servicios .der a img { display: block; width:100%; height:auto; }
#servicios .iso { display: block; position: absolute; right: .8vw; top: 20.9523809524vw; width: 10.119047619vw; background: #e6e6e3; height: 10.119047619vw; }
#servicios .iso img { display: block; width: 6.4285714286vw; height: auto; margin: 2vw; }

#servicios .der .ajaxServicios { display:block; position:relative; overflow:hidden; width: 100%; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: all  .5s; }
#servicios .der .ajaxServicios.visible { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#productos { background:#fff; display:block; position:relative;  overflow:hidden; width:100%; height:52.0833333333vw; height:100vh;  color:#000; text-align: center;}
#productos .cuerpo { padding-top:10.4166666667vw; }
#productos .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:26.3095238095vw; padding-top:3.4523809524vw; }
#productos .izq h2 {     display: block; color: #0f1f5b; font-size: 4.4444444444vw; line-height: 4.4444444444vw; font-weight: 900; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#productos.muestra .izq h2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos .izq ul { display:block; position:relative; overflow:hidden; width:100%; margin-top:2.8571428571vw;  -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#productos.muestra .izq ul { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos .izq ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.3vw; padding-bottom:.3vw; border-bottom:1px solid #cfcfcd; cursor:pointer;}
#productos .izq ul li span { display: inline-block; color:#fff; font-size: 0.88888vw; line-height: 1vw; background:#f22635; font-weight: 500; margin-right:.5vw; width:1.4880952381vw; height:1.4880952381vw; text-align: center; border-radius:6px; padding-top:.3vw; }
#productos .izq ul li p { display: inline-block; color:#0f1f5b; text-transform: uppercase; font-size: 0.88888vw; line-height: 1vw; font-weight: 700; }
#productos .izq ul li:hover p, #productos .izq ul li.sele p { color:#f22635; }
#productos .izq ul li:last-child { margin-bottom:0; padding-bottom:0; border:0; }
#productos .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 38.47619vw; padding-left: 2.976vw; border-left: 1px solid #cfcfcd; margin-left: 2.976vw; padding-top: 3.2738095238vw; padding-bottom: 3.2738095238vw; }
#productos .der h3 { display: block; position: relative; overflow: hidden; width: 100%; color: #0f1f5b; text-transform: uppercase; font-size: 1.94vw; line-height: 2vw; padding-top: .3vw; margin-bottom:2.2619047619vw;-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .5s; width:71%;}
#productos.muestra .der h3 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos .der h3 span { display: block; }
#productos .der h3 span.chica { padding-top:1vw; }
#productos .der h3 img { display: inline-block; float: left; position: relative; overflow: hidden; width: 4.5238095238vw; height: auto; margin-right: 1vw; margin-top: -.3vw; }
#productos .der p { display:block; color:#0f1f5b; font-size:.88888vw; line-height: 1.2vw; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .7s; }
#productos .der h5 { display: block; position: relative; overflow: hidden; width: 100%; color: #0f1f5b; text-transform: uppercase; font-size: 1vw; line-height: 2vw; font-weight: 500; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .7s; }}
#productos .der h3.sin img { margin-top:-1.3vw; }
#productos .der h3.sin  { padding-top:1.3vw; }
#productos.muestra .der p { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos.muestra .der h5 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos .der ul { display:block; position:relative; overflow: hidden; width:100%; margin-top:1vw; margin-bottom:2vw;-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .9s; }
#productos.muestra .der ul { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;   -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .9s; }
#productos.muestra .der ul { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#productos .der .ajaxProductos { display:block; position:relative; overflow:hidden; width: 100%; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: all  .5s; }
#productos .der .ajaxProductos.visible { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#productos .der ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.3vw; padding-left:1vw;}
#productos .der ul li::before { content: "\f0c8"; font-family: FontAwesome; position: absolute; top: 0; left: 0; right:0; margin:0 auto; font-size: .5vw; color: #f22635; z-index: 1; }
#productos .der ul li span { display:inline-block; float:left; position:relative; overflow:hidden; background:#f22635; width:.4761904762vw; height:.4761904762vw; margin-right:.5vw; margin-top:.25vw; }
#productos .der ul li  { display:inline-block; float:left; position:relative; overflow:hidden; color:#0f1f5b; font-size:.88vw; line-height: 1vw; font-weight: 700; }
#productos .der a { display:inline-block; float:left; position:relative; overflow:hidden; width:5.4761904762vw; height:auto; margin-right:1.25vw; margin-top:1vw; cursor:pointer;  -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#productos .der a img { display: block; width:100%; height:auto; }
#productos .iso { display: block; position: absolute; right: .8vw; top: 20.9523809524vw; width: 10.119047619vw; background: #e6e6e3; height: 10.119047619vw; }
#productos.muestra .der a { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#productos .iso img { display: block; width: 6.4285714286vw; height: auto; margin: 2vw; }

#home { background:#888; display:block; position:relative;  overflow:hidden; width:100%; height:52.0833333333vw; height:100vh; color:#000; text-align: center; background-repeat:no-repeat; background-position:center; background-size:cover;background-attachment: fixed;}

#home ul { display:block; position:relative; overflow:hidden; width:17.8571428571vw;;}
#home ul li { display: block; position:relative; overflow:hidden; margin-bottom:.2vw; }
#home ul li a { display: block; position:relative; overflow:hidden; cursor:pointer; width:100%; height:100%; }
#home ul li span { display: inline-block; float:left; position:relative; overflow:hidden; margin-right:1.130952381vw; margin-bottom:.2976190476vw; width:2.380952381vw; height:2.380952381vw; background:#999997; border-radius:6px; text-align:center; padding-top:.5vw; color:#fff; font-size:1.5555555556vw; line-height: 1.5555555556vw; font-weight: 700;}
#home ul.menu1 li:hover span { background:#f22635; }
#home ul.menu2 li:hover span { background:#f22635; }
#home ul li p { display: inline-block; float:left; position:relative; overflow:hidden; color:#fff; font-size:2vw; line-height: 2.2vw; font-weight: 100; font-family:"Roboto Condensed", sans-serif; padding-top:.3vw; }
#home ul li a:hover p { color:#999997; }
#home ul.menu2 { margin-top:.630952381vw; }
#home ul.menu1 li .galeriaImagenes span { font-size:1.3vw; }

#home h1 { display: block; position: relative; overflow: hidden; width: 32.619047619vw; margin: 1.5vw 0 2.8vw 0; }
#home h1 .iso { display: inline-block; float:left; position:relative; overflow:hidden; width:10vw; height:auto; }
#home h1 .logo { display: inline-block; float:right; position:relative; overflow:hidden; width:19.7023809524vw; height:auto; }
#home .frase { display:block; position:absolute; top:18.6904761905vw; left:55.3571428571vw; color:#fff; font-family: "Roboto Condensed", sans-serif; font-size:2.7777777778vw; line-height:2.99vw; font-weight: 100; text-transform: uppercase; border-left:2px solid #fff; padding:4.4047619048vw 0 4.4047619048vw 5.4166666667vw; -webkit-transform: translate3d(600px, 0, 0); transform: translate3d(600px, 0, 0); opacity: 0; transition: 1s  .9s;}
#home.muestra .frase { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#home .frase span { display: block; }

#home .botones { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#home.muestra .botones { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#home ul.menu1 { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; transition: 1s  .7s; }
#home ul.menu2 { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: 1s  .7s; }
#home.muestra ul.menu1, #home.muestra ul.menu2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#quienessomos { background:#fff; display:block; position:relative;  overflow:hidden; width:100%; height:100vh; color:#000; text-align: center;}
#quienessomos .cuerpo { padding-top:10.4166666667vw; padding-right:0;}
#quienessomos .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:51.6666666667vw; padding-top:3.4523809524vw; }
#quienessomos .izq h2 {     display: block; color: #0f1f5b; font-size: 4.4444444444vw; line-height: 3.5vw; font-weight: 900; margin-bottom:2.5vw; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#quienessomos.muestra .izq h2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#quienessomos .izq h2 span { display:block; }

#quienessomos .izq p { display: inline-block; color:#0f1f5b; font-size: 0.88888vw; line-height: 1.2vw; font-weight: 400; margin:0 0 .5vw 0; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#quienessomos.muestra .izq p { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#quienessomos .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 26.7857142857vw; padding: 3.5714285714vw 2.6785714286vw 8vw 2.6785714286vw; background:#0f1f5b;  -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#quienessomos.muestra .der  { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }
#quienessomos .der h3 { display: block; position: relative; overflow: hidden; width: 100%; color: #fff; text-transform: uppercase; font-size: 1.66vw; line-height: 2vw; padding-top: .3vw; margin-bottom:1vw; font-weight: 300;}
#quienessomos .der h3 span { display: block; }
#quienessomos .der h3 img { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.6785714286vw; height: auto; margin-right: 1vw; margin-top: -.3vw; }
#quienessomos .der h3.esp { margin-top:3vw; }
#quienessomos .der p { display:block; color:#fff; font-size:.88888vw; line-height: 1.2vw; font-weight: 300; }
ul.gal { display:block; position:relative; overflow:hidden; width:100%; }
.gal li { display:inline-block; float:left; position:relative; overflow:hidden; width:19.8214285714vw; height:14.880952381vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; }
.gal li .mascara { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(15,31,91,.5);  }
.gal li .mascara::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: 40%; left: 0; right:0; margin:0 auto; text-align:center; font-size: 3vw; color: #fff; z-index: 1;  -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); opacity: 0; transition: all  .5s; }
.gal li.par .mascara::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: 40%; left: 0; right:0; margin:0 auto; font-size: 3vw; color: #fff; z-index: 1;  -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: all  .5s; }
.gal li:hover .mascara::before {  -webkit-transform: translate3d(0, -0, 0); transform: translate3d(0, -0, 0); opacity: 1; }
.gal li:hover .mascara { cursor:pointer; }

#valores { background:#fff; display:block; position:relative;  overflow:hidden; width:100%; height:100vh; color:#000; text-align: center;}
#valores .cuerpo { padding-top:10.4166666667vw; padding-right:0;}


#valores .iso { display: block; float: right; position: absolute; overflow: hidden; width: 26.7857142857vw; height: auto; margin-right: 0; right: 0; top: 6.7261904762vw;}

#valores .derv { display: inline-block; float: left; position: relative; overflow: hidden; width: 22.833333vw; border-right: 2px solid #cfcfcd; padding: 1.9642857143vw 3.321429vw 3.964286vw 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#valores.muestra .derv { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#valores .derv h3 { display: block; color: #0f1f5b;  font-size: 3.8888888889vw; line-height: 3.8vw; font-weight: 900;  }
#valores .derv h3 span { display:block; }
#valores .derv ul { display:block; position:relative; overflow:hidden; width:100%; margin-top:1vw; }
#valores .derv ul li { display:block; position:relative; overflow:hidden; width:100%; color:#0f1f5b; font-size:1.3vw; line-height: 1.4vw; font-weight: 400; margin-bottom:.2vw; }
#valores .derv ul li img { display: inline-block; float: left; width: .8vw; height: auto; margin: .3vw .5vw 0 0; }

#valores .izqv {     display: inline-block; float: left; position: relative; overflow: hidden; width: 26.047619vw; padding-left: 3.321429vw; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#valores.muestra .izqv { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#valores .izqv h3 { display: block; color: #0f1f5b; text-transform: uppercase; font-size: 1.9444vw; line-height: 2vw; font-weight: 300; margin-top:3.95vw; }
#valores .izqv h3 span { display:block; }
#valores .izqv p { display:block; margin-top:1vw; color:#0f1f5b; font-size:.888vw; line-height: 1.2vw; font-weight: 400; }

.textura { height:15.5357142857vw; display:block; position:relative; overflow:hidden; width:100%; background-repeat: no-repeat; background-position:center; background-size:cover; background-color:#fff; }


#contacto { background:#737373; display:block; position:relative;  overflow:hidden; width:100%; height:52.0833333333vw; height:100vh; color:#000; text-align: center; }
#contacto .cuerpo { padding-top:10.4166666667vw; }
#contacto .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:26.3095238095vw; padding-top:3.4523809524vw; }
#contacto .izq h2 {     display: block; color: #fff; font-size: 4.4444444444vw; line-height: 4.4444444444vw; font-weight: 900; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition: .5s  .5s; }
#contacto.muestra .izq h2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#contacto .izq h3 { display:block; font-weight: 700; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; margin-top:1.5vw; color:#fff; margin-bottom:.5vw; padding-bottom:.5vw; border-bottom:1px solid #fff; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#contacto.muestra .izq h3 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#contacto .izq p { display: block; color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 400; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); opacity: 0; transition: 1s  .5s; }
#contacto .izq p a:hover { color:#ccc; }
#contacto.muestra .izq p { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#contacto .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 38.47619vw; padding-left: 2.976vw; border-left: 1px solid #cfcfcd; margin-left: 2.976vw; padding-top: 3.2738095238vw; padding-bottom: 3.2738095238vw; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0; transition: 1s  .5s; }
#contacto.muestra .der { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1;  }

#contacto .der p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 300; }
#contacto .der ol  { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; }

#contacto .der ol li { display: inline-block; float: left; position: relative; overflow: hidden; width: 48%; margin-bottom: 1vw; margin-right:2%;}
#contacto .der ol li label { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 700; margin-bottom:.2vw; }
#contacto .der ol li input { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 300; padding:.5vw 0; border: solid #fff; border-width:0 0 1px 0; background:transparent; width:100%;}
#contacto .der ol li.largo { width:100%; margin-right:0; }
#contacto .der ol li input::placeHolder { color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 300; }
#contacto .der ol li textarea { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 300; padding:.5vw 0; border: solid #fff; border-width:0 0 1px 0; background:transparent; width:100%; height:6vw;}
#contacto .der ol li textarea::placeHolder { color:#fff; font-size:.88vw; line-height: 1.1vw; font-weight: 300; }
#contacto .der button { display:table; margin-top:1vw; background:transparent; color:#fff; text-transform: uppercase; font-weight: 700; font-size:1.11vw; line-height: 1.11vw; padding:.5vw 1vw; border:2px solid #fff; border-radius:6px; cursor:pointer; }
#contacto .der button:hover { background:#fff; color:#737373; }

#contacto .iso { display: block; position: absolute; right: .8vw; top: 20.9523809524vw; width: 10.119047619vw; background: #e6e6e3; height: 10.119047619vw; }
#contacto .iso img { display: block; width: 6.4285714286vw; height: auto; margin: 2vw; }

.botones { display:block; position:fixed; left:0; width:10.4761904762vw; top:10.4166666667vw; z-index:2; }
.botones .arriba { display:block; position:relative; overflow:hidden;  width:100%; background:#0f1f5b; height:10.4166666667vw; cursor:pointer; }
.botones .numero { display:block; position:relative;  width:100%; background:#f22635; height:10.4166666667vw; background-repeat:no-repeat; background-image:url('../img/fondo-numeros.svg');  background-size:100%; transition: .5s .5s;}
.botones .numero.n2 {  background-position:center 0; background-position:center 0vw;}
.botones .numero.n1 {  background-position:center -10.4166666667vw; }
.botones .numero.n0 {  background-position:center -20.8333333334vw; }
.botones .numero.n_1 {  background-position:center -31.2500000001vw; }
.botones .numero.n_2 {  background-position:center -41.6666666668vw; }
.botones .numero.n_3 {  background-position:center -52.0833333335vw; }
.botones .numero a { display:block; position:relative; width:100%; height:100%; cursor:pointer; }
.botones .abajo { display:block; position:relative; overflow:hidden;  width:100%; background:#cfcfcd; height:10.4166666667vw; cursor:pointer; }
.botones img { display:block; width:100%; height:auto; }



.botones .numero .menu { display:block; position:absolute; z-index:2; background:#737373;  left:10.4761904762vw; top:-10.4166666667vw; height: 31.25vw; padding:3.98vw 2.32vw; -webkit-transform: translate3d(-1000px, 0, 0); transform: translate3d(-1000px, 0, 0); opacity: 0; transition: all ;  z-index:0; width:20.8333333333vw; z-index:0;}

#servicios .botones .numero:hover .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; z-index:2;}
#productos .botones .numero:hover .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; z-index:2;}
#quienessomos .botones .numero:hover .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; z-index:2;}
#contacto .botones .numero:hover .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; z-index:2;}


.botones .numero .menu img { width:9.5833333333vw; margin-bottom:2.02vw; }
.botones .numero .menu ul.submenu { display:block; position:relative; overflow:hidden; width:17.8571428571vw;;}
.botones .numero .menu ul.submenu li { display: block; position:relative; overflow:hidden; margin-bottom:.2vw; }
.botones .numero .menu ul.submenu li a { display: block; position:relative; overflow:hidden; cursor:pointer; width:100%; height:100%; }
.botones .numero .menu ul.submenu li span { display: inline-block; float:left; position:relative; overflow:hidden; margin-right:1.130952381vw; margin-bottom:.2976190476vw; width:2.380952381vw; height:2.380952381vw; background:#999997; border-radius:6px; text-align:center; padding-top:.5vw; color:#fff; font-size:1.5555555556vw; line-height: 1.5555555556vw; font-weight: 700;}
.botones .numero .menu ul.submenu li:hover span, .botones .numero .menu .submenu li.sel span { background:#f22635; }
.botones .numero .menu ul.submenu li p { display: inline-block; float:left; position:relative; overflow:hidden; color:#fff; font-size:2vw; line-height: 2.2vw; font-weight: 100; font-family:"Roboto Condensed", sans-serif; padding-top:.3vw; }


#contacto .botones .abajo { cursor:auto; }
#servicios .botones .arriba { cursor:auto; }

.cuerpo { display:block; position:relative; overflow:hidden; width:100%; padding:10.4166666667vw 0 0 16.6666666667vw; text-align:left; z-index:1;}
footer { display:block; position:relative; overflow:hidden; padding:1vw; text-align:center; background:#fff;}
footer p { display:block; color:#8b8c8c; font-size: .77vw; line-height: .99vw; font-weight: 400; }
footer p strong, footer p a { font-weight: 900; }
footer p a:hover { color:#0f1f5b; }

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

  /*.botones { top:220px; width:130px;}*/
  .botones .arriba, .botones .abajo, .botones .numero { height:130px; }
  .botones { top:220px; width:130px; }

  .botones .numero { height:130px; }
  .botones .numero.n2 {  background-position:center 0; background-position:center 0vw;}
  .botones .numero.n1 {  background-position:center -130px; }
  .botones .numero.n0 {  background-position:center -260px; }
  .botones .numero.n_1 {  background-position:center -390px; }
  .botones .numero.n_2 {  background-position:center -520px; }
  .botones .numero.n_3 {  background-position:center -650px; }  

  #servicios, #productos, #home, #quienessomos, #contacto, #valores { height:auto; min-height:800px; }
  #servicios .cuerpo, #productos .cuerpo, #home .cuerpo, #quienessomos .cuerpo, #contacto .cuerpo, #valores .cuerpo { padding:100px 65px 100px 170px;  }
  #home .cuerpo { padding-top:211px; }
  #quienessomos .cuerpo { padding-top:182px; }
  #valores .cuerpo { padding-left:0; }
  #servicios .der, #productos .der, #contacto .der { display:block; float:none; width:100%; padding:0; margin:0; border:0; margin-top:30px;}
  #servicios .der h3, #productos .der h3  { font-size:35px; line-height: 38px; width:100%; }
  #servicios .izq, #productos .izq, #quienessomos .izq, #contacto .izq {display: block; float: none; position: relative; overflow: hidden; width: 100%; padding-top: 0; }
  #servicios .izq h2, #productos .izq h2, #quienessomos .izq h2, #contacto .izq h2, #valores .derv h3 { font-size:70px; line-height: 72px; }
  #servicios .selector { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 40px; border: solid #cfcfcd; border-width: 1px 0; } 
  #servicios .selector::before { content: "\f150"; font-family: FontAwesome; position: absolute; top: .5vw; right: 0; right: 0; margin: 0 auto; font-size: 3.5vw; color: #ed1c24; z-index: 1; background: #fff; border: 0; }
  #servicios .selector select { display: block; position: relative; overflow: hidden; width: 100%; background: transparent; color: #fff; padding: 5px; border: 0; font-size: 16px; line-height: 18px; text-transform:uppercase; font-weight: 700;}
  #servicios .der p, #productos .der p, #quienessomos .izq p, #valores .izqv p, #contacto .izq p, #contacto .der p, #contacto .izqd p, #contacto .derd p { font-size:16px; line-height: 20px; font-weight: 300; }
  #servicios .der a, #productos .der a { width:93px; }
  #contacto .izqd p, #contacto .derd p { color:#fff; }

  #productos .selector { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 40px; border: solid #cfcfcd; border-width: 1px 0; } 
  #productos .selector::before { content: "\f150"; font-family: FontAwesome; position: absolute; top: .5vw; right: 0; right: 0; margin: 0 auto; font-size: 3.5vw; color: #ed1c24; z-index: 1; background: #fff; border: 0; }
  #productos .selector select { display: block; position: relative; overflow: hidden; width: 100%; background: transparent; color: #0f1f5b; padding: 5px; border: 0; font-size: 16px; line-height: 18px;text-transform:uppercase; font-weight: 700; }
  #productos .der h3 img { width:75px; margin-right:20px; }
  #productos .der ul { margin-top:10px; }
  #productos .der ul li { font-size:16px; line-height: 20px; padding-left:15px; }
  #productos .der ul li::before { font-size:8px; }
  #home ul { width:45%; }
  #home ul li p { font-size:26px; line-height: 28px; }
  #home ul li span {margin-right: 10px; margin-bottom: 5px; width: 29px; height: 29px;  padding-top: 5px; font-size: 20px; line-height: 20px;}
  #home h1 { width:397px; margin:40px 0 40px 0; }
  #home h1 .iso { width:121px; }
  #home h1 .logo { width:242px; }
  #quienessomos .izq h2 span { display:inline-block; }
  .gal li { height:250px !important; }
  .gal li.par .mascara::before, .gal li .mascara::before { top:45%; font-size:40px; }
  #valores { padding:0 60px 60px 180px; min-height: auto; }
  #valores .derv { float:none; display:block; border-right:0; border-left:0; padding:0; width:100%; margin-top:0;}
  #valores .izqv { float: none; width: 100%; margin-top: 40px; padding-left: 0;}
  
  #valores .derv ul li { font-size:20px; line-height: 25px; font-weight: 300; }
  #valores .derv ul li img { width:10px; margin:7px 5px 0 0; }
  #valores .izqv h3 { margin-top:0; font-size:30px; line-height: 32px; }
  #contacto .der ol { margin-top:20px; }
  #contacto .der ol li { margin-bottom:10px; }
  #contacto .der ol li label { font-size:16px; line-height: 20px; }
  #contacto .der ol li input { padding:5px 0; font-size:16px; line-height: 20px; }
  #contacto .der ol li input::placeHolder, #contacto .der ol li textarea::placeHolder { font-size:16px; line-height: 20px; font-weight: 300; }
  #contacto .der ol li textarea { padding:5px 0; font-size:16px; line-height: 20px; height:100px; }
  #contacto .der button { margin-top:10px; padding:5px; font-size:20px; line-height: 20px; }
  #contacto .izqd {     display: inline-block; float: left; position: relative; overflow: hidden; width: 250px; margin-top: 40px; padding-right: 20px; border-right: 1px solid #fff; }
  #contacto .derd {     display: inline-block; float: right; position: relative; overflow: hidden; width: 250px; margin-top:40px;}
  #contacto .izqd h3, #contacto .derd h3 { display: block; text-transform: uppercase; color: #fff; font-size: 18px; line-height: 30px;
    font-weight: 700; }
  footer { padding:20px; }
  footer p { font-size:14px; line-height: 18px; }
  #productos .der h5 { font-size:18px; line-height: 22px; }
  .botones .numero .menu ul.submenu { width:100%; }
  .botones .numero .menu {  width:300px; height:390px; top:-130px; left:130px; padding:80px 40px; }
  .botones .numero .menu img { width:17.5vw; margin-bottom:30px; }
  .botones .numero .menu ul.submenu li p{ font-size:26px; line-height: 28px; }
  .botones .numero .menu ul.submenu li span {margin-right: 10px; margin-bottom: 5px; width: 29px; height: 29px;  padding-top: 5px; font-size: 20px; line-height: 20px;}

  #contacto .izqd p a:hover { color:#ccc; }
  .menuFijo { top:0; width:150px; }
  
  .menuFijo h1 { padding:.3vw 12px;; }
  .menuFijo h1 .iso { width:23px; }
  .menuFijo h1 .logo { width:47px; }
  ul.menuMovil { width:150px; top:55px; }
  .menuMovil li { font-size:14px; line-height: 22px; padding-left:12px; }
  #home ul.menu1 li .galeriaImagenes span { font-size:16px; }


}

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

  .menuFijo {     top: 0; width: 100%; padding: 0 20px; height: 60px; background: none; z-index:9; }
  .menuFijo .whatsapp { display: inline-block; float: left; position: relative; overflow: hidden; width: 20%; background: #ed1c24; height: 60px; text-align: center; color: #fff; font-size: 40px; padding-top: 9px; }
  .menuFijo h1 { width: 60%; background: #0f1f5b; height: 60px; padding: 10px 30px; border:0;}
  .menuFijo h1 .iso {width: 10.23vw; margin-right: 10px; }
  .menuFijo h1 .logo { width:21vw; }
  .menuFijo #click-menuMovil { display:inline-block; float:right; position: relative; overflow: hidden; width: 20%; height: 60px; text-align: center; color: #fff; font-size: 40px; padding-top: 9px; background:#cfcfcd;}
  .menuFijo #click-menuMovil:before {     content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/boton-abajo.svg); background-repeat: no-repeat; cursor: pointer; transition: all .5s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 99; background-position: center; background-size: 100% 100%;; }
  .menuFijo #click-menuMovil.active::before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

  .menuMovil2 { display:block; position:fixed; top:65px; left:0; width:100%; padding:0 20px; overflow-y: auto; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: all  .5s; z-index:5;}
  .menuMovil2.abierto { display:block; -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
  .menuMovil2 ul { display:block; position:relative; overflow:hidden; width:100%; background:#cfcfcd; padding:10px 20px; }
  .menuMovil2 ul li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #b5b5b3; cursor:pointer;}
  .menuMovil2  ul li span {display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 10px; margin-bottom: 0; width: 25px; height: 25px; background: #f22635; border-radius: 6px; text-align: center; padding-top: 5px; color: #fff; font-size: 16px; line-height: 16px; font-weight: 700;}
  .menuMovil2 ul li:hover span { background:#f22635; }
  .menuMovil2 ul li p { display: inline-block; float:left; position:relative; overflow:hidden; color:#0f1f5b; font-size:16px; line-height: 18px; text-transform: uppercase; font-weight: 700; font-family:"Roboto Condensed", sans-serif; padding-top:5px; }
  .menuMovil2 ul li:hover span { background:#999997; }

  #servicios, #productos, #home, #quienessomos, #contacto { min-height:auto; }
  #servicios .cuerpo, #productos .cuerpo, #home .cuerpo, #quienessomos .cuerpo, #contacto .cuerpo, #valores .cuerpo {padding: 60px 40px 60px 20px; }
  #home .cuerpo { padding:140px 40px 60px 20px; }
  #servicios .izq h2, #productos .izq h2, #quienessomos .izq h2, #contacto .izq h2, #valores .derv h3 { font-size:50px; line-height: 52px; }
  #servicios .der h3, #productos .der h3 { font-size:20px; line-height: 23px; margin-bottom:20px; }
  #productos .selector select, #servicios .selector select { font-size:12px; }
  #productos .der h3 img { width:45px; margin-right:10px; }
  #productos .selector, #servicios .selector { padding:5px 0; }
  
  #home ul { width:100%; padding-left:20px;}
  #home ul li { margin-bottom:5px; }
  #home h1 { width:90%; margin:50px 0 60px 0; }
  #home h1 .iso { width:30%; }
  #home h1 .logo { width:60%; }
  #home .fraseMovil { display: block; position: relative; overflow: hidden; margin-top: 40px; text-align: center; color: #fff; font-size: 24px; line-height: 30px; text-transform: uppercase; font-weight: 300; padding: 10px 0; margin-left: 10px;} 
  #home .fraseMovil p { display: inline-block; float:left; position: relative; overflow: hidden;  } 
  #home .fraseMovil span {display: inline-block; float:left; position: relative; overflow: hidden; padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff; }
  .gal li { height:200px !important; }
  #valores { padding:0px; }
  #valores .izqv { float:none; width:100%; margin-top:40px; }
  #valores .derv {float: none; border-right: 0; border-left: 0; padding: 0; width: 100%; }
  #valores .izqv h3 { margin-top:0; }
  #contacto .der ol li { display: block; float:none; width:100%; padding:0; margin:0 0 10px 0; }
  #servicios .der a, #productos .der a {width: 70px; margin: 30px 20px 0 0; }
  #contacto .derd { float:left; }
  #contacto .izqd { padding-right:0; border:0; }
  #quienessomos .izq h2 { line-height:45px; }
  #servicios .selector::before, #productos .selector::before { top:10px; font-size:25px; }
  .botones .numero .menu { top:-60px; left:60px; height:260px; padding:20px;}
  .botones .numero .menu ul.submenu li p { font-size:22px; line-height: 28px; }
  .botones .numero .menu img { width:27.5vw; }
  #productos .der h3 span.chica { padding-top:10px; }
 

  

}