@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Rubik:wght@300;400;500;600;800;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");
body {
  padding: 0px;
  margin: 0;
  font-size: 12px;
  font-family: "Lato", sans-serif;
  height: 100%;
  background-color: #fff !important;
}

html {
  height: 100%;
}

h1, h2, h3, h4, p, ul, li {
  padding: 0;
  margin: 0;
}

.right {
  float: right;
}

.left {
  float: left;
}

li {
  list-style: none;
}

.clear {
  clear: both;
}

button {
  outline: none;
}

a, a:hover {
  text-decoration: none;
  outline: none !important;
}

p {
  padding: 0;
  margin: 0;
}

.trans, .navbar .redes ul li a, .banners div img, .recomendados a, .mayoristas a, .news .redes ul li a, .path a, .path .cat a, .detalle .pathdetalle ul li a, .detalle .navprod a, .detalle .talleslink, .detalle .boton, .lookbook .texto a, .contacto input[type="submit"], .empresa a, .mayoristas3 a, .mayoristas2 input[type="submit"], .mod2 a, .como a, .pie .datos a, .pie .col-md-7 ul li a, .pie .redes ul li a, .pie p a, .pdv input[type="submit"], .novedades .col-md-3 a, #accordion h3, input[type="submit"] {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.nav > li > a {
  padding: 6px 16px;
}

.navbar-brand > img {
  max-width: 373px;
  margin-top: 5px;
}

@media (max-width: 390px) {
  .navbar-brand > img {
    max-width: 130px;
    margin: 0;
  }
  .navbar-nav {
    margin: 29px 0 0 0;
    float: right;
  }
  .navbar-toggle {
    margin-top: 19px;
  }
  .navbar {
    margin-bottom: 10px !important;
  }
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

.navbar-default .navbar-toggle {
  border: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}

.navbar-default {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

.navbar {
  border: none;
}

.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  font-weight: 500;
  color: #74CAE2;
}

.nav > li > a {
  padding: 8px 14px;
}

.navbar {
  margin-bottom: 19px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  background-image: none;
  background-color: #fff;
  box-shadow: none;
}

.dropdown-menu {
  border: none;
}

.navbar-nav {
  margin-left: 100px;
}

.navbar .datos {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  padding: 29px 0 10px 26px;
  color: #D68616;
  font-weight: 700;
  margin-right: 26px;
}

.navbar .datos span {
  margin: 0 10px 0 10px;
}

.navbar .redes {
  padding: 29px 0 10px 0;
}

.navbar .redes ul {
  text-align: right;
}

.navbar .redes ul li {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 5px 0 0;
}

.navbar .redes ul li a {
  display: block;
  text-align: center;
  font-size: 16px;
  border: solid 1px #D68616;
  border-radius: 20px;
  color: #D68616;
}

.navbar .redes ul li a:hover {
  background-color: #74CAE2;
  color: #fff;
  border: solid 1px #74CAE2;
}

.navbar .redes ul li:nth-child(2) {
  display: none;
}

.navbar .buscador {
  text-align: right;
}

.navbar .buscador input[type="search"] {
  border: solid 1px #BDBDBD;
  padding: 5px;
  width: 156px;
}

.navbar .buscador a {
  font-size: 12px;
  color: #BDBDBD;
  margin-left: 0px;
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  text-align: left;
}

.banners div {
  padding: 0;
  margin: 0;
  border-left: solid 1px #fff;
}

.banners div img:hover {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.recomendados {
  padding: 33px 0 33px 0;
}

.recomendados a {
  color: #000;
  margin: auto;
  margin-bottom: 20px;
  display: block;
}

.recomendados a:hover {
  opacity: 0.8;
}

.recomendados .item {
  position: relative;
  margin-bottom: 33px;
}

.recomendados h1 {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 15px;
  text-align: center;
}

.recomendados h2 {
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 5px 0;
  text-align: center;
}

.recomendados p {
  font-size: 14px;
  background-color: #D68616;
  color: #fff;
  text-align: center;
  padding: 3px;
}

.recomendados .vermas {
  display: block;
  color: #000;
  font-weight: 600;
  font-size: 19px;
  margin: 14px 0 0 0;
  text-decoration: underline;
  text-align: center;
}

.recomendados .new {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100px;
  text-align: center;
  margin: auto;
  font-size: 14px;
  z-index: 9999999;
}

.recomendados .titulorecomendados {
  text-align: center;
  font-weight: 600;
  padding: 33px 0 33px 0;
  border-top: solid 1px #000;
  font-size: 28px;
}

.mayoristas {
  padding: 45px;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.mayoristas a {
  color: #fff;
}

.mayoristas a:hover {
  opacity: 0.8;
}

.mayoristas h1 {
  font-weight: 300;
}

.mayoristas h2 span {
  border-bottom: solid 1px #fff;
}

.news {
  padding: 33px 0 45px 0;
  text-align: center;
}

.news h1 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.news input[type="email"] {
  border: solid 1px #000;
  width: 200px;
  padding: 5px;
  font-size: 14px;
  margin: 0 5px 0 0;
}

.news input[type="submit"], .news input[type="button"] {
  background-color: #000;
  color: #fff;
  padding: 6px 10px 6px 10px;
  border: none;
  font-size: 14px;
}

.news input[type="submit"]:hover, .news input[type="button"]:hover {
  opacity: 0.8;
}

.news h2 {
  font-weight: 600;
  margin: 33px 0 14px 0;
  font-size: 14px;
  text-align: center;
}

.news .redes ul {
  text-align: center;
}

.news .redes ul li {
  display: inline-block;
  width: 33px;
  height: 31px;
  margin: 0 5px 0 0;
}

.news .redes ul li a {
  display: block;
  font-size: 20px;
  border: solid 2px #000;
  border-radius: 20px;
  color: #000;
}

.news .redes ul li a:hover {
  background-color: #000;
  color: #fff;
}

.path {
  margin-top: 20px;
  color: #BDBDBD;
  text-transform: uppercase;
}

.path h1 {
  font-size: 33px;
  font-weight: 600;
  color: #74CAE2;
  margin: 10x 0 10px 0;
  text-transform: uppercase;
}

.path h2 {
  font-size: 24px;
  font-weight: 400;
}

.path h3 {
  font-size: 16px;
  margin-bottom: 14px;
}

.path a {
  color: #BDBDBD;
}

.path a:hover {
  color: #000;
}

.path .cat {
  border-top: solid 1px #BDBDBD;
  border-bottom: solid 1px #BDBDBD;
  margin: 20px 0 20px 0;
  padding: 10px 0 10px 0;
}

.path .cat a {
  color: #BDBDBD;
  font-size: 15px;
}

.path .cat a:hover {
  color: #000;
  padding-left: 10px;
}

.path .colores li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px 5px 0;
  border-radius: 20px;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.path .ancho {
  padding-top: 10px;
  border-top: solid 1px #BDBDBD;
  margin-top: 10px;
}

.catalogo .recomendados .item {
  margin-bottom: 20px;
}

.detalle {
  padding-bottom: 33px;
}

.detalle .pathdetalle {
  float: left;
  padding-bottom: 33px;
  padding-top: 20px;
}

.detalle .pathdetalle span {
  color: #BDBDBD;
}

.detalle .pathdetalle ul {
  color: #000;
}

.detalle .pathdetalle ul li {
  display: inline-block;
  color: #000;
  margin: 0 0px 0 0;
}

.detalle .pathdetalle ul li a {
  color: #BDBDBD;
}

.detalle .pathdetalle ul li a:hover {
  color: #000;
}

.detalle .navprod {
  float: right;
  padding-bottom: 33px;
  padding-top: 20px;
}

.detalle .navprod a {
  color: #BDBDBD;
  font-size: 16px;
}

.detalle .navprod a:hover {
  opacity: 0.8;
}

.detalle .talles {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.detalle h1 {
  font-weight: 700;
  color: #D68616;
  border-bottom: solid 1px #D68616;
  margin-bottom: 14px;
  font-size: 33px;
}

.detalle h3 {
  font-weight: 300;
  font-size: 12px;
  margin-top: 20px;
  color: #74CAE2;
  padding: 0 0 10px 0;
}

.detalle .colores li {
  width: 33px;
  height: 33px;
  border-radius: 20px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.detalle .talleslink {
  color: #000;
  margin-bottom: 26px;
  font-weight: 600;
  float: right;
  text-decoration: underline;
}

.detalle .talleslink:hover {
  text-decoration: none;
}

.detalle p {
  color: #BDBDBD;
  font-size: 14px;
  margin-bottom: 33px;
}

.detalle .boton {
  background-color: #D68616;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  padding: 10px 15px 10px 15px;
}

.detalle .boton:hover {
  background-color: #74CAE2;
}

#carouselthumbs li {
  display: inline-block;
  margin: 10px 5px 5px 0;
}

#carouselthumbs li img {
  width: 45px;
}

.lookbook {
  padding-bottom: 60px;
}

.lookbook div {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.lookbook div img {
  border: solid 1px #fff;
  transition: 0.5s ease-in-out;
}

.lookbook div img:hover {
  border: solid 1px transparent;
}

.lookbook .foto {
  position: relative;
}

.lookbook .texto {
  position: absolute;
  z-index: 99999;
  bottom: 0px;
  width: 100%;
  text-align: center;
  padding: 5px 10px 5px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  right: 0px;
  font-size: 14px;
  /*-ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);*/
}

.lookbook .texto a {
  color: #000;
}

.lookbook .texto a:hover {
  opacity: 0.8;
}

.lookbook .second {
  display: none;
}

.lookbook img {
  width: 100%;
}

.contacto {
  padding: 0px 0 0px 0;
}

.contacto label {
  display: block;
  color: #BDBDBD;
  margin-bottom: 5px;
  font-size: 14px;
}

.contacto input[type="text"], .contacto input[type="email"], .contacto select, .contacto textarea, .contacto input[type="number"] {
  width: 100%;
  padding: 10px;
  border: none;
  margin-bottom: 20px;
}

.contacto .left {
  font-size: 14px;
  color: #BDBDBD;
}

.contacto .left input {
  margin-right: 10px;
}

.contacto input[type="submit"] {
  background-color: #74CAE2;
  width: 100%;
  margin-top: 20px;
  padding: 10px 20px 10px 20px;
  border: none;
  color: #fff;
}

.contacto input[type="submit"]:hover {
  background-color: #D68616;
}

.contacto ul {
  padding: 20px 0 20px 0;
}

.contacto ul li {
  font-size: 16px;
  color: #BDBDBD;
  margin-bottom: 10px;
}

.contacto ul li a {
  color: #BDBDBD;
}

.contacto .col1 {
  background-color: #D68616;
  padding: 33px;
}

.contacto .col1 img {
  width: 200px;
  display: block;
  margin: auto auto 0px auto;
}

.contacto .col1 h1 {
  padding: 33px;
  color: #fff;
  text-align: center;
}

.contacto .foto1 {
  margin-top: 60px;
}

.contacto h2 {
  color: #fff;
  font-size: 45px;
  padding-top: 100px;
  font-weight: bold;
  text-align: center;
}

.contacto h2 span {
  display: block;
}

.fondo {
  background-color: #fff;
  background-repeat: no-repeat;
}

.empresa {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 45px 0 45px 0;
}

.empresa img {
  display: block;
  margin: 33px 0 33px 0;
}

.empresa h1 {
  color: #000;
  font-size: 33px;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 10px;
}

.empresa h1 .enter {
  display: block;
}

.empresa h1 .bold {
  font-weight: 800;
}

.empresa p {
  font-size: 14px;
}

.empresa a {
  color: #000;
}

.empresa a:hover {
  opacity: 0.8;
}

.mayoristas3 {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 45px 0 45px 0;
}

.mayoristas3 img {
  display: block;
  margin: 33px 0 33px 0;
}

.mayoristas3 h1 {
  color: #000;
  font-size: 33px;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 10px;
}

.mayoristas3 h1 .enter {
  display: block;
}

.mayoristas3 h1 .bold {
  font-weight: 800;
}

.mayoristas3 p {
  font-size: 14px;
}

.mayoristas3 a {
  color: #000;
}

.mayoristas3 a:hover {
  opacity: 0.8;
}

.mayoristas3 h2 {
  font-size: 19px;
  margin: 0 0 20px 0;
}

.mayoristas3 p {
  padding: 0 0 10px 0;
}

.mayoristas3 h3 {
  font-size: 16px;
  margin-top: 10px;
  font-weight: 600;
}

.mayoristas2 {
  padding: 33px 0 33px 0;
}

.mayoristas2 h1 {
  color: #000;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 800;
  margin-bottom: 20px;
}

.mayoristas2 h1 span {
  font-weight: 300;
}

.mayoristas2 input[type="text"], .mayoristas2 input[type="email"] {
  border: solid 1px #BDBDBD;
  font-size: 14px;
  padding: 10px;
  width: 100%;
  margin-bottom: 7px;
}

.mayoristas2 input[type="submit"] {
  display: block;
  float: right;
  padding: 5px 20px 5px 20px;
  background-color: #000;
  color: #fff;
  font-size: 24px;
  border: none;
  font-weight: 300;
}

.mayoristas2 input[type="submit"]:hover {
  opacity: 0.8;
}

.mayoristas2 .col-md-6 {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.mayoristas2 .col-md-6 input[type="checkbox"] {
  margin: 0 10px 0 10px;
}

.mod1 {
  padding: 45px 0 45px 0;
  background-color: #D68616;
}

.mod1 h1 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.mod1 p {
  color: #fff;
  font-size: 14px;
}

.mod2 {
  padding: 0px 0 0 0;
  background-color: #74CAE2;
}

.mod2 h1 {
  color: #fff;
  font-weight: 700;
  margin-top: 33px;
  font-size: 26px;
}

.mod2 h1 span {
  display: block;
}

.mod2 p {
  font-size: 14px;
  color: #fff;
  margin: 10px 0 33px 0;
}

.mod2 h2 {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
}

.mod2 a {
  display: block;
  background-color: #D68616;
  color: #fff;
  margin-bottom: 33px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  margin-top: 33px;
  font-size: 20px;
  width: 180px;
}

.mod2 a:hover {
  opacity: 0.8;
}

.mod2 img {
  width: 100%;
}

.mod3 {
  padding: 45px 0 45px 0;
}

.mod3 h1 {
  color: #BDBDBD;
  font-weight: 700;
  margin-top: 10px;
  font-size: 26px;
}

.mod3 h1 span {
  display: block;
}

.mod3 p {
  font-size: 14px;
  color: #BDBDBD;
  margin: 10px 0 33px 0;
}

.como {
  padding: 45px 0 45px 0;
  color: #fff;
  background-color: #D68616;
}

.como h2 {
  text-align: center;
  color: #fff;
  font-size: 33px;
  font-weight: 700;
}

.como h1 {
  color: #fff;
  text-align: center;
  font-size: 22px;
  margin: 0 0 10px 0;
}

.como p {
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.como img {
  width: 145px;
  height: auto;
  display: block;
  margin: auto;
}

.como a {
  display: block;
  margin: auto;
  background-color: #74CAE2;
  color: #fff;
  padding: 10px 20px 10px 20px;
  text-align: center;
  margin-top: 33px;
  font-size: 20px;
  width: 160px;
}

.como a:hover {
  opacity: 0.8;
}

.tecnologia {
  padding: 45px 0 45px 0;
}

.tecnologia .gris {
  font-size: 14px;
  color: #BDBDBD;
}

.tecnologia .naranja {
  font-size: 14px;
  color: #D68616;
  margin-top: 20px;
}

.pie {
  position: relative;
  padding: 20px 0 0 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.pie .datos {
  text-align: center;
  font-size: 20px;
  color: #BDBDBD;
}

.pie .datos span {
  margin: 0 5px 0 5px;
}

.pie .datos a {
  color: #000;
}

.pie .datos a:hover {
  opacity: 0.8;
}

.pie .col-md-7 ul {
  text-align: center;
  margin: 20px 0 0 0;
}

.pie .col-md-7 ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 4px 10px 4px 0;
  border-right: solid 1px #BDBDBD;
  color: #BDBDBD;
}

.pie .col-md-7 ul li a {
  color: #BDBDBD;
  font-size: 14px;
}

.pie .col-md-7 ul li a:hover {
  color: #D68616;
}

.pie .col-md-7 ul li:last-child {
  border: none;
}

.pie .copy {
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
  border-top: solid 1px #000;
}

.pie .copy .col-md-4 {
  text-align: center;
}

.pie h1 {
  color: #74CAE2;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.pie .redes {
  padding: 29px 14px 10px 0;
}

.pie .redes ul {
  text-align: right;
}

.pie .redes ul li {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 5px 0 0;
}

.pie .redes ul li a {
  display: block;
  text-align: center;
  font-size: 16px;
  border: solid 1px #D68616;
  background-color: #D68616;
  border-radius: 20px;
  color: #fff;
}

.pie .redes ul li a:hover {
  background-color: #74CAE2;
  color: #fff;
  border: solid 1px #74CAE2;
}

.pie .redes ul li:nth-child(2) {
  display: none;
}

.pie p {
  text-align: center;
  color: #BDBDBD;
  font-size: 16px;
}

.pie p a {
  color: #BDBDBD;
}

.pie p a:hover {
  color: #D68616;
}

.copy2 {
  background-color: #D68616;
  padding: 10px;
}

.copy2 img {
  display: block;
  margin: auto;
  width: 191px;
}

.pdv {
  padding: 33px 0 0 0;
}

.pdv h1 {
  font-size: 20px;
  margin: 20px 0 20px 0;
}

.pdv input[type="submit"] {
  border: none;
  background-color: #000;
  padding: 5px 10px 5px 10px;
  color: #fff;
  font-size: 600;
}

.pdv input[type="submit"]:hover {
  opacity: 0.8;
}

.pdv select {
  padding: 4px;
  border: solid 1px #000;
  background-color: #000;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.novedades {
  padding: 45px 0 45px 0;
}

.novedades .col-md-3 {
  text-align: center;
}

.novedades .col-md-3 h1 {
  color: #74CAE2;
  font-size: 16px;
  font-weight: bold;
}

.novedades .col-md-3 h2 {
  color: #74CAE2;
  font-size: 16px;
}

.novedades .col-md-3 img {
  width: 100%;
  display: block;
  margin: 10px 0 10px 0;
}

.novedades .col-md-3 p {
  text-align: center;
  font-size: 14px;
  color: #BDBDBD;
  height: 116px;
}

.novedades .col-md-3 a {
  color: #fff;
  background-color: #D68616;
  margin-top: 10px;
  padding: 5px;
  display: block;
}

.novedades .col-md-3 a:hover {
  background-color: #74CAE2;
}

.novedades_detalle {
  padding: 45px 0 45px 0;
}

.novedades_detalle h1 {
  color: #BDBDBD;
  font-size: 16px;
}

.novedades_detalle h2 {
  color: #BDBDBD;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.novedades_detalle p {
  color: #BDBDBD;
  font-size: 16px;
}

.novedades_detalle .path ul {
  padding: 10px 0 10px 0;
}

.novedades_detalle .path ul li {
  display: inline-block;
  margin: 0 3px 0 0;
  color: #BDBDBD;
}

.novedades_detalle .path ul li a {
  color: #BDBDBD;
}

.politicas {
  background-color: #74CAE2;
  padding: 33px 0 33px 0;
}

.politicas h1 {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.politicas p {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 500px) {
  .navbar .redes {
    text-align: center;
  }
  .navbar .buscador, .navbar .redes ul {
    text-align: center;
  }
  .banners div {
    border: none;
    border-bottom: solid 1px #fff;
  }
  .navbar-brand {
    padding: 0;
  }
  .mayoristas h1, .mayoristas h2 {
    font-size: 24px;
  }
  .news input[type="submit"], .news input[type="button"], .news input[type="email"] {
    width: 95%;
    margin: auto;
    margin-bottom: 5px;
  }
  .pie .datos span {
    display: block;
    height: 1px;
    color: #fff;
  }
  .pie ul li {
    display: block;
    border: none;
  }
  .detalle .pathdetalle {
    float: none;
    padding: 0;
  }
  .detalle .navprod {
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }
  .mayoristas2 .col-md-5 {
    margin-top: 20px;
  }
  .mayoristas2 input[type="submit"] {
    float: none;
    margin: 20px auto auto auto;
  }
  .mayoristas2 {
    padding-top: 20px;
  }
  .empresa {
    padding-top: 20px;
  }
  .empresa h1 .enter {
    display: inline;
  }
  .contacto div img {
    border: none;
    border-bottom: solid 1px #fff;
  }
  .pie ul li {
    padding: 0;
    margin: 0;
  }
  .video-foreground, .video-background iframe {
    height: 300px !important;
  }
  .video-background, .bx-wrapper .bx-viewport {
    height: auto !important;
  }
  .navbar-brand > img {
    margin-top: 10px;
  }
  .navbar-toggle {
    margin-right: 0;
  }
  .navbar-nav {
    margin: 0;
    float: left;
  }
  .nav > li > a {
    padding: 8px 0 0 0;
  }
  .como .col-md-4 {
    margin-bottom: 33px;
  }
  .pie .redes ul {
    text-align: center;
  }
  .pie .redes {
    padding: 10px;
  }
  .pie .col-md-8 ul {
    margin-bottom: 20px;
  }
  .pie .col-md-8 ul li {
    display: block;
    border: none;
    padding: 0 0 2px 0;
  }
  .detalle h1 {
    font-size: 28px;
    margin-top: 20px;
  }
  .detalle .pathdetalle {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pielogo img {
    display: block;
    width: 145px;
    margin: auto;
  }
  .pie p {
    font-size: 14px;
  }
}

.elastislide-prev {
  display: block !important;
}

.elastislide-wrapper {
  box-shadow: none !important;
}

#map {
  height: 500px;
  margin-top: 33px;
}

.parallax-window {
  height: 600px;
}

* {
  box-sizing: border-box;
}

.video-background {
  background: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
  height: 699px;
  overflow: hidden;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#vidtop-content {
  top: 0;
  color: #fff;
}

.vid-info {
  position: absolute;
  top: 0;
  right: 0;
  width: 33%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 1rem;
  font-family: Avenir, Helvetica, sans-serif;
}

.vid-info h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.2;
}

.vid-info a {
  display: block;
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
  transition: .6s background;
  border-bottom: none;
  margin: 1rem auto;
  text-align: center;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}

@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: .5rem;
  }
  .vid-info h1 {
    margin-bottom: .2rem;
  }
}

@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}

.bx-wrapper .bx-viewport {
  background-color: #000 !important;
}

.kaser {
  width: 200px;
}

.afip {
  position: absolute;
  top: 0;
  left: 20px;
}

a.tooltips {
  position: relative;
  display: inline;
}

a.tooltips span {
  position: absolute;
  width: 280px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}

a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

.modal-header {
  border: none;
}

.easy-autocomplete-container ul li div {
  word-break: normal;
}

#accordion {
  padding: 0px 0 0px 0;
}

#accordion .naranja {
  padding: 20px;
  color: #fff;
  background-color: #D68616;
  text-align: center;
  font-size: 22px;
}

#accordion .turquesa {
  padding: 20px;
  color: #fff;
  background-color: #74CAE2;
  text-align: center;
  font-size: 22px;
}

#accordion .icono1 {
  background-image: url(../img/04_Empresa/Ajec_Icono_Nosotros.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion .icono2 {
  background-image: url(../img/04_Empresa/Ajec_Icono_Nuestra-Gente.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion .icono3 {
  background-image: url(../img/03_Ajec_EmpresaIcono-soluciones.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion .icono4 {
  background-image: url(../img/03_Ajec_EmpresaIcono-vocacion.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion .icono5 {
  background-image: url(../img/03_Ajec_Empresa-Icono-industriaNacional.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion .icono6 {
  background-image: url(../img/03_Ajec_EmpresaIcono-Trayectoria.png);
  background-repeat: no-repeat;
  padding: 57px 0 61px 160px;
  color: #fff;
  font-size: 26px;
}

#accordion div {
  background-color: #D68616;
  padding: 33px 60px 60px 120px;
  color: #fff;
  font-size: 14px;
}

#accordion h3 {
  cursor: pointer;
}

#accordion h3:hover {
  opacity: 0.8;
}

@media (max-width: 500px) {
  #accordion div {
    padding: 0 60px 60px 20px;
  }
  #accordion .icono1, #accordion .icono2 {
    background-size: 80px;
    padding: 26px 0px 26px 100px;
    font-size: 20px;
  }
  .novedades .col-md-3 p {
    height: auto;
  }
  .contacto h2 {
    font-size: 33px;
    padding-top: 20px;
  }
  .contacto .col1 {
    margin-top: 20px;
  }
  .contacto .col1 {
    padding: 14px;
  }
  .contacto div img {
    border: none;
  }
  .contacto .foto1 {
    margin-top: 20px;
  }
}

@media (max-width: 1280px) {
  .fondo {
    background-size: 800px;
  }
  body {
    overflow: scroll;
  }
}

.icono1 {
  background-image: url(../img/icon_extractores_EXTRAPOL.svg);
  background-repeat: no-repeat;
}

.icono2 {
  background-image: url(../img/icon_pasacables_EXTRAPOL.svg);
  background-repeat: no-repeat;
}

.icono3 {
  background-image: url(../img/icon_llaves_EXTRAPOL.svg);
  background-repeat: no-repeat;
}

.icono3 a {
  background-image: url(../img/llaves_hexagonales_gris.png);
  background-repeat: no-repeat;
  background-position: 39%;
}

.icono3 a:hover {
  background-image: url(../img/llaves_hexagonales_rojo.png);
}

.icono4 {
  background-image: url(../img/icon_martillo_EXTRAPOL.svg);
  background-repeat: no-repeat;
}

.icono5 {
  background-image: url(../img/_icon_juegoTubos_EXTRAPOL.svg);
  background-repeat: no-repeat;
}

.col1, .contacto .col1 {
  background-color: #fff !important;
  background-image: url(../img/background_EXTRAPOL.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}

.col2 {
  background-color: #BDBDBD;
}

.container {
  max-width: 1400px;
}

input[type="text"], input[type="email"], select, textarea, input[type="number"] {
  width: 100%;
  padding: 10px;
  border: none;
  margin-bottom: 20px;
}

.left {
  font-size: 14px;
  color: #BDBDBD;
}

.left input {
  margin-right: 10px;
}

input[type="submit"] {
  background-color: #DA0718;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: none;
  color: #fff;
}

input[type="submit"]:hover {
  background-color: #D68616;
}

.col1 {
  padding-top: 45px;
}

.col1 h1 {
  color: #DA0718;
  margin-bottom: 33px;
}

.col1 h1 .enter {
  display: block;
}

.col1 p {
  font-size: 20px;
  font-weight: 400;
}

.col1 p .enter {
  display: block;
}

.fotitos {
  padding-top: 70px;
  padding-bottom: 45px;
  margin-top: 145px;
}

.fotitos li {
  display: inline-block;
  margin: 14px;
  width: 15%;
}

.fotitos li img {
  width: 70px;
  border: solid 1px #BDBDBD;
}

.fotitos li img:hover {
  opacity: 0.8;
}

.fotitos2 {
  padding-top: 0px;
  padding-bottom: 45px;
  margin-top: 31px;
  text-align: center;
}

.fotitos2 li {
  display: inline-block;
  margin: 14px;
}

.fotitos2 li img {
  width: 150px;
  border: solid 1px #BDBDBD;
}

.fotitos2 li img:hover {
  opacity: 0.8;
}

.col2 {
  padding: 45px;
}

.col2 .logo {
  margin: 22px 0 45px 0;
  width: 300px;
}

.col2 h1 {
  font-weight: bold;
  font-size: 22px;
}

.col2 h2 {
  font-weight: normal;
  font-siz: 18px;
  margin-bottom: 33px;
}

.iconos li {
  display: inline-block;
  color: #BDBDBD;
  border-right: solid 1px #E6E6E6;
  padding: 3px 12px 5px 49px;
}

.iconos li a {
  color: #BDBDBD;
  font-size: 12px;
}

.gracias {
  padding: 60px;
}

.gracias h1 {
  color: #DA0718;
  font-size: 33px;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 400;
}

.gracias h1 span {
  display: block;
}

.gracias h2 {
  color: #DA0718;
  font-size: 22px;
  text-align: center;
  margin-bottom: 33px;
}

.gracias .logogracias {
  width: 200px;
  display: block;
  margin: auto auto 33px auto;
}

.vermas {
  display: block;
  margin: auto;
  background-color: #BDBDBD;
  color: #fff;
  width: 245px;
  text-align: center;
  padding: 14px;
  font-size: 15px;
}

.vermas span {
  color: #DA0718;
  font-weight: bold;
}

.vermas:hover {
  color: #fff;
  opacity: 0.8;
}

.fotos img {
  width: 100%;
  height: auto;
}

.fotos div {
  padding: 0 !important;
  margin: 0 !important;
}

.marcas {
  padding: 45px 0 45px 0;
}

.marcas h1 {
  font-family: "Rubik", sans-serif;
  font-size: 26px;
  text-align: center;
}

.fondo {
  background-color: #D68616;
  padding-bottom: 45px;
}

.fondo .col-md-7 {
  background-image: url(../img/CLEVERMIND_Guarda.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
}

.fondo .col-md-7 a {
  color: #000;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-left: 43px;
}

.fondo .col-md-7 a span {
  text-decoration: underline;
}

.col1, .contacto .col1 {
  background-color: #D68616 !important;
}

.col1 .bullet, .contacto .col1 .bullet {
  max-width: 90%;
  margin: auto;
  display: block;
  margin-top: 45px;
  margin-bottom: 15px;
}

.col2 {
  background-color: #000;
}

.col2 h1 {
  color: #fff;
  font-weight: 600;
  font-family: "Rubik", sans-serif;
}

input[type="submit"] {
  background-color: #D68616;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
}

input[type="submit"]:hover {
  background-color: #000;
}

.copy {
  background-color: #000;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 15px;
}

.copy img {
  margin-left: 15px;
}

.copy a {
  color: #fff;
}

.redes {
  padding: 15px 0 15px 0;
}

.redes a {
  color: #fff;
  font-size: 14px;
}

.redes img {
  width: 22px;
  height: 22px;
}

.redes .right {
  float: right;
}

.redes .right img {
  margin: 0 0 0 6px;
}

.gracias {
  background-color: #D68616;
  height: 100%;
  padding-top: 145px;
}

.gracias h1 {
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
}

.gracias h2 {
  color: #fff;
}

.gracias img {
  width: 300px;
  display: block;
  margin: auto auto 45px auto;
}

.botongracias {
  background-color: #000;
  color: #fff;
  width: 170px;
  display: block;
  text-align: center;
  margin: 45px auto auto auto;
  padding: 6px 15px 6px 15px;
}

.botongracias:hover {
  color: #fff;
  background-color: #000;
  color: #D68616;
}

@media (max-width: 600px) {
  .container {
    padding: 0;
  }
  .col2 {
    padding: 15px;
  }
  .col1 h1 .enter {
    display: inline;
  }
  .fotitos li {
    width: 50px;
    margin: 6px;
  }
  .fotitos li img {
    width: 100%;
  }
  .iconos {
    padding-bottom: 45px;
  }
  .iconos li {
    display: block;
    text-align: center;
    width: 200px;
    margin: auto;
    border: none;
    margin-bottom: 6px;
  }
  .col1, .contacto .col1 {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .fotitos2 li {
    width: 22%;
    margin: 6px;
  }
  .fotitos2 li img {
    width: 100%;
  }
  .gracias {
    padding: 31px;
  }
  .col1 .bullet, .contacto .col1 .bullet {
    margin-top: 0;
  }
  .fondo .col-md-7 a {
    margin-left: 16px;
    font-size: 15px;
    margin-bottom: 33px;
  }
  .fondo {
    padding-bottom: 45px;
  }
  .marcas h1 {
    font-size: 16px;
  }
  .copy img {
    width: 70px;
    margin-left: 3px;
  }
}

/*# sourceMappingURL=main_landing.map */