FM / css

/var/www/clients/client1/web2/web/latynflexOLD/css/

/var/www/clients/client1/web2/web/latynflexOLD/css

Name	Size	Mode	Actions
.DS_Store	6148	0644	edit dl rm
bootstrap-theme.css	22474	0644	edit dl rm
bootstrap-theme.css.map	43029	0644	edit dl rm
bootstrap-theme.min.css	19835	0644	edit dl rm
bootstrap.css	137067	0644	edit dl rm
bootstrap.css.map	366144	0644	edit dl rm
bootstrap.min.css	113498	0644	edit dl rm
index.html	14310	0644	edit dl rm
main.css	37874	0644	edit dl rm
main.map	44607	0644	edit dl rm
main.scss	29430	0644	edit dl rm

Edit: /var/www/clients/client1/web2/web/latynflexOLD/css/main.css (37874B)

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, select, button, input, textarea {
  outline: none;
}

.trans, .navbar-nav > li > a, .productos .botones li a, .productos .grilla a, .banner .banner2, .detalleprod .botonmanual, .detalleprod .adquirir a, .postventa input[type="submit"], .postventa input[type="button"], .mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"], .descarga a, .pie ul img, .tiendaslistado a, .redespop ul img:hover, .gracias2 a, .modsprods img, .modacerca .col1 a, .modbanner a, footer .descargar, .botondescargar a, .prods .fichaboton, .formcontacto input[type="submit"], .formcontacto input[type="button"], .medidasboton, .footer2 .col2 ul img, .bannerconexiones a, .iconos2 a {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  background-color: #191a1a;
}

.clear {
  clear: both;
}

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

li {
  list-style: none;
}

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

.left {
  float: left;
}

.right {
  float: right;
}

.navbar-inverse {
  background-color: transparent;
  background-image: none;
  border: none;
}

.navbar-brand {
  padding: 6px 0 0 15px;
}

.navbar-collapse {
  padding-right: 0;
}

.navbar {
  min-height: 62px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
  color: #fff;
  font-weight: 600;
}

.navbar-inverse .navbar-nav > li {
  border-right: none;
}

.navbar-nav {
  float: right;
}

.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #f7921e;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
  font-weight: bold;
  background-color: #f7921e;
  background-image: none;
  box-shadow: none;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #f7921e;
  border-radius: none;
}

.navbar-nav > li > .dropdown-menu a {
  color: #fff;
}

.dropdown-menu li {
  border-bottom: solid 1px #fff !important;
}

.navbar-nav > li > .dropdown-menu a:hover {
  background-color: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: transparent !important;
}

.dropdown-menu {
  padding: 10px;
  border: none;
  box-shadow: none;
}

.dropdown-menu li {
  border-bottom: solid 1px #C10073;
}

.dropdown-menu li:last-child {
  border: none;
}

.dropdown-menu span {
  color: #000;
}

.navbar-nav {
  float: none;
  text-align: right;
}

.navbar-nav li {
  float: none;
  display: inline-block;
}

.linkredes {
  padding: 17px 10px 17px 10px !important;
}

.dropdown-menu > li > a:hover {
  color: #fff !important;
  opacity: 0.8;
}

.navbar-nav > li > a {
  padding-top: 22px;
  padding-bottom: 20px;
  font-size: 17px;
  display: block;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #00828b;
  color: #fff;
}

.navbar {
  border-top: none;
}

.dropdown-menu > li > a {
  padding: 5px;
}

.dropdown-menu > li > a:hover {
  color: #000;
  background-image: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: none !important;
}

@media (max-width: 420px) {
  .navbar-nav {
    float: none;
  }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
  }
  .navbar-collapse {
    box-shadow: none;
  }
  .navbar-nav > li > a {
    padding: 10px 10px 5px 14px;
  }
  .navbar-toggle {
    margin-top: 14px;
    border: none;
    background-color: transparent;
  }
  .redes {
    display: inline-block !important;
    border: none !important;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  #slider-wrapper {
    margin-top: 62px;
  }
  .bx-wrapper .bx-controls-direction a {
    display: none;
  }
  .mapa1 img {
    margin-top: 33px;
    display: block;
  }
  .mod1 h1 {
    font-size: 18px;
    margin-bottom: 21px;
  }
  .mod1 .col-md-7 {
    font-size: 15px;
  }
}

#slider-wrapper li {
  cursor: pointer;
}

.mapa {
  height: 721px;
  width: 100%;
}

.mapa1 {
  padding: 160px 0 160px 0;
}

.mapa1 h1 {
  color: #f7921e;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 39px;
}

.mapa1 h2 {
  color: #f7921e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 21px;
  text-transform: uppercase;
}

.mapa1 p {
  color: #fff;
}

@media (max-width: 420px) {
  .mapa1 {
    padding: 45px 0 45px 0;
  }
}

.mod1 {
  padding: 114px 0 124px 0;
  background-image: url(../img2/FDO_ACERCA.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

.mod1 h1 {
  color: #f7921e;
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 21px;
}

.mod1 h1 span {
  font-weight: bold;
  display: block;
}

.mod1 .col-md-7 {
  font-size: 18px;
  color: #303030;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.mod1 .col-md-6 {
  padding-top: 33px;
}

.mod1 .col-md-6 h2 {
  font-size: 22px;
  color: #f7921e;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: solid 1px #f7921e;
  margin-top: 21px;
  padding-bottom: 10px;
}

.mod1 .col-md-6 p {
  font-size: 14px;
  font-weight: 300;
}

.mod1 p {
  font-size: 15px;
}

.productos h1 {
  color: #fff;
  background-color: #f7921e;
  text-align: center;
  padding: 21px 21px 10px 21px;
  font-weight: 300;
  font-size: 21px;
  margin-bottom: 33px;
}

.productos h1 span {
  font-weight: 700;
}

.productos h2 {
  font-size: 28px;
  font-weight: bold;
  color: #f7921e;
  border-bottom: solid 1px #303030;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}

.productos p {
  color: #303030;
  font-weight: 300;
  font-size: 14px;
  height: 185px;
  padding-bottom: 21px;
}

.productos .botones {
  padding-bottom: 21px;
}

.productos .botones ul {
  padding-bottom: 15px;
}

.productos .botones li {
  margin: 0 0 10px 0;
  display: inline-block;
}

.productos .botones li img {
  margin: 0 3px 0 0;
}

.productos .botones li a {
  color: #f7921e;
  font-size: 22px;
  padding: 10px 15px 5px 15px;
}

.productos .botones li a:hover {
  background-color: #f7921e;
  color: #fff;
}

.productos .botones li a:hover img {
  filter: brightness(0) invert(1);
}

.productos .botones li:last-child {
  display: none;
}

.productos .pad {
  padding-top: 33px;
}

.productos .repuestos {
  padding-top: 33px;
  text-align: center;
  padding-bottom: 33px;
}

.productos .repuestos .foto {
  display: block;
  margin: 10px auto 15px auto;
}

.productos .col-md-6 {
  border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
  height: 551px;
}

.productos .grilla h3 {
  color: #f7921e;
  text-align: center;
  margin-bottom: 15px;
}

.productos .grilla a {
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  font-size: 18px;
  background-color: #f7921e;
  width: 150px;
  font-family: "Montserrat", sans-serif;
  margin: auto auto 31px auto;
  text-align: center;
  display: block;
  padding: 10px 15px 7px 15px;
}

.productos .grilla a:hover {
  background-color: #f7921e;
}

.productos .grilla img {
  width: 100px;
  display: block;
  margin: auto;
}

.productos .grilla .borde {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.productos .grilla .col-md-4 {
  margin-bottom: 45px;
}

.banner {
  padding: 45px;
}

.banner .banner2 {
  color: #fff;
  background-color: #f7921e;
  border-radius: 10px;
  font-size: 21px;
  padding: 15px 21px 15px 21px;
  font-weight: bold;
  display: block;
  margin: auto;
  margin-top: 31px;
  text-align: center;
  width: 501px;
}

.banner .banner2:hover {
  background-color: #f7921e;
}

.banner p {
  font-size: 33px;
  font-weight: 300;
  line-height: 31px;
  text-align: center;
  padding: 12px 0 21px 0;
}

.banner p span {
  display: block;
}

.banner img {
  display: block;
  margin: auto;
}

.banner ul {
  text-align: center;
}

.banner ul li {
  display: inline-block;
  padding: 21px;
  color: #fff;
  font-size: 18px;
}

.banner ul a {
  color: #fff;
}

.banner ul a:hover {
  opacity: 0.8;
}

.banner ul p {
  font-size: 22px;
  line-height: 22px;
}

.banner .iconogarantia {
  position: absolute;
  top: 15px;
  left: 15px;
}

.banners {
  background-image: url(../img2/fdo_contacto.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  margin-top: 45px;
}

.banners .borde1 {
  border-right: solid 1px #fff;
  height: 345px;
}

.banners .borde2 {
  border-left: solid 1px #fff;
  height: 345px;
}

.cabcategorias {
  padding: 45px;
  color: #fff;
  text-align: center;
  background-image: url(../img2/fdo_contacto.jpg);
  position: relative;
  background-size: cover;
  margin-top: 67px;
  margin-bottom: 45px;
}

.cabcategorias h1 {
  letter-spacing: 4px;
  font-size: 18px;
  font-weight: 300;
}

.cabcategorias h2 {
  font-size: 45px;
  font-weight: 300;
}

.cabcategorias h2 span {
  font-weight: bold;
}

.detalleprod {
  padding-bottom: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 21px;
}

.detalleprod h1 {
  color: #f7921e;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 12px;
}

.detalleprod h1 span {
  font-size: 14px;
}

.detalleprod p {
  font-size: 15px;
  margin-bottom: 31px;
  font-weight: 300;
}

.detalleprod .botonmanual {
  width: 200px;
  display: block;
  border-radius: 6px;
  border: solid 1px #f7921e;
  background-image: url(../img2/2020/ico_manual.svg);
  background-repeat: no-repeat;
  padding: 14px 12px 6px 49px;
  color: #f7921e;
  font-size: 16px;
  margin: 61px auto 31px auto;
  background-position: 9px 7px;
}

.detalleprod .botonmanual:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #f7921e;
}

.detalleprod .grilla .item1 {
  font-weight: bold;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.detalleprod .grilla .item2 {
  border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
  padding: 11px 0 3px 0;
  font-weight: 300;
}

.detalleprod .grilla .precio {
  text-align: right;
}

.detalleprod .adquirir {
  padding: 16px 12px 12px 12px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 21px;
  position: relative;
}

.detalleprod .adquirir p {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}

.detalleprod .adquirir a {
  color: #fff;
  font-weight: bold;
  padding: 10px 15px 7px 15px;
  display: block;
  font-size: 16px;
  background-color: #f7921e;
  border-radius: 6px;
  text-align: center;
}

.detalleprod .adquirir a:hover {
  background-color: #f7921e;
}

.detalleprod .adquirir ul {
  text-align: center;
}

.detalleprod .adquirir ul li {
  display: inline-block;
  width: 45%;
}

.detalleprod .adquirir .bullet {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  width: 22px;
}

.volver {
  text-align: right;
  padding-bottom: 45px;
}

.volver a {
  color: #f7921e;
  font-size: 16px;
  font-weight: bold;
}

.volver a:hover {
  color: #f7921e;
}

.volverlistado {
  position: absolute;
  right: 0;
  bottom: -21px;
  background-color: #f7921e;
  color: #fff;
  font-size: 16px;
  border-radius: 21px 0 0 21px;
  padding: 12px 12px 8px 16px;
  font-weight: bold;
}

.volverlistado a {
  color: #fff;
}

.volverlistado a:hover {
  opacity: 0.8;
}

.postventa h1 {
  margin: 69px 0 10px 0;
  font-weight: bold;
  color: #003E5F;
  font-size: 28px;
  border-bottom: solid 1px #C9C9C9;
  padding: 0 0 5px 0;
}

.postventa h2 {
  color: #f7921e;
  margin: 33px 0 10px 0;
  font-weight: bold;
  font-size: 19px;
}

.postventa p {
  font-size: 15px;
}

.postventa input[type="text"], .postventa input[type="email"], textarea {
  border: none;
  font-size: 15px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  color: #303030;
  padding: 5px;
  width: 100%;
  margin: 0 0 10px 0;
}

.postventa .ticket {
  margin: 0 0 10px 0;
}

.postventa select {
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 5px;
  font-size: 15px;
  width: 100%;
  margin: 0 0 10px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/dropdown.png);
  background-repeat: no-repeat;
  background-position: 97%;
}

.postventa .col-md-12 {
  padding-top: 0px;
}

.postventa {
  padding-bottom: 45px;
  font-size: 15px !important;
}

.postventa input[type="submit"], .postventa input[type="button"] {
  background-color: #f7921e;
  color: #fff;
  font-size: 20px;
  border: none;
  background-image: url(../img/flecha_enviar.jpg);
  background-repeat: no-repeat;
  background-position: right;
  text-align: center;
  display: block;
  margin: auto;
  padding: 15px 31px 15px 31px;
}

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

.titulopost {
  text-align: center;
  font-weight: 300;
  font-size: 21px !important;
}

.postventa input::placeholder {
  color: #000;
}

.carousel1 {
  margin-bottom: 45px;
}

.videohome {
  margin-top: 62px;
}

.mapa2 {
  position: relative;
}

.mapa2 .contacto .contacto2 {
  padding: 60px 60px 60px 60px;
}

.mapa2 .contacto .contacto2 h1 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 33px;
  font-family: "Montserrat", sans-serif;
}

.mapa2 .contacto .contacto2 h1 span {
  font-weight: 500;
}

.mapa2 .contacto .contacto2 input[type="text"], .mapa2 .contacto .contacto2 input[type="email"], .mapa2 .contacto .contacto2 textarea {
  border: none;
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
  padding: 10px;
  background-color: transparent;
  border-bottom: solid 1px #fff;
}

.mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"] {
  border: none;
  background-color: transparent;
  color: #fff;
  display: block;
  margin: auto;
  font-size: 18px;
  border-radius: 33px;
  padding: 10px 22px 10px 22px;
  border: solid 1px #00828b;
}

.mapa2 .contacto .contacto2 input[type="submit"]:hover, .mapa2 .contacto .contacto2 input[type="button"]:hover {
  background-color: #00828b;
}

.mapa2 .contacto .sumate {
  background-color: #333333;
  padding: 20px;
  position: relative;
}

.mapa2 .contacto .sumate h1 {
  color: #f7921e;
  font-size: 19px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.mapa2 .contacto .sumate p {
  color: #fff;
  margin: 5px 0 5px 0;
  padding: 0 60px 0 0;
}

.mapa2 .contacto .sumate a {
  color: #f7921e;
}

.mapa2 .contacto .sumate a:hover {
  color: #fff;
}

.mapa2 .contacto .sumate .icono {
  position: absolute;
  right: -45px;
  top: 9px;
}

.descarga {
  padding: 15px;
  text-align: center;
  margin-top: 31px;
  color: #303030;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  margin-bottom: 33px;
}

.descarga h1 {
  font-size: 26px;
  color: #303030;
  margin-bottom: 15px;
  font-weight: 300;
}

.descarga a {
  color: #fff;
  background-color: #f7921e;
  border-radius: 10px;
  font-size: 21px;
  padding: 15px 21px 15px 21px;
  font-weight: bold;
  display: inline-block;
  margin: 0 10px 0 0;
  text-align: center;
  width: 300px;
}

.descarga a:hover {
  background-color: #f7921e;
}

.carousel3 img {
  width: auto !important;
  display: inherit !important;
}

div.tooltip-inner {
  width: 350px;
}

@media (max-width: 420px) {
  .mapa2 .contacto {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }
  .mapa2 .icono {
    display: none;
  }
}

.pie {
  background-color: #f7921e;
  padding: 20px 20px 15px 20px;
  color: #fff;
}

.pie a {
  color: #fff;
}

.pie .col-md-8 {
  font-size: 11px;
}

.pie .right, .pie .left {
  width: 50%;
}

.pie .right {
  text-align: right;
  font-size: 11px;
  line-height: 14px;
}

.pie .right a {
  display: block;
}

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

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

.pie ul {
  text-align: right;
}

.pie ul li {
  display: inline-block;
}

.pie ul .borde {
  border-right: solid 1px #fff;
  padding: 0 10px 0 0px;
  margin-right: 10px;
}

.pie ul img:hover {
  opacity: 0.8;
}

@media (max-width: 420px) {
  .pie .right, .pie .left {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.fotodistribuidores {
  margin-top: 67px;
  background-color: #f7921e;
  padding: 45px;
}

.fotodistribuidores h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.fotodistribuidores h1 span {
  font-weight: bold;
}

.tiendaslistado {
  background-image: url(../img/fondo.png);
  color: #f7921e;
  padding-top: 31px;
  padding-bottom: 31px;
}

.tiendaslistado h2 {
  font-size: 15px;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

.tiendaslistado h3 {
  font-size: 22px;
  color: #f7921e;
  font-weight: normal;
  margin-bottom: 10px;
  border-bottom: solid 1px #EAE8E9;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.tiendaslistado p {
  font-weight: normal;
  font-size: 16px;
}

.tiendaslistado a {
  width: 101px;
  display: block;
  background-color: #f7921e;
  color: #fff;
  padding: 10px 10px 5px 10px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 51px;
}

.tiendaslistado a:hover {
  background-color: #303030;
}

.tiendaslistado select {
  border: none;
  padding: 10px 43px 10px 10px;
  color: #303030;
  font-size: 16px;
  background-image: url(../img/flecha_naranja.png);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 33px;
  background-color: #EAE8E9;
}

.tiendaslistado option {
  background-color: #fff;
  color: #303030;
  font-family: arial;
}

@media (max-width: 420px) {
  .tiendaslistado select {
    padding-right: 8px;
  }
}

.modinstagram {
  text-align: center;
  margin-top: 31px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 31px;
  padding-bottom: 10px;
  margin-bottom: 31px;
}

.instagram {
  margin-bottom: 31px;
}

.botoncomprar {
  background-color: #f7921e;
  color: #fff;
  padding: 15px 15px 10px 15px;
  font-size: 16px;
  border-radius: 6px;
}

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

.modalredes {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
}

.redespop {
  position: absolute;
  top: 100px;
  width: 778px;
  background-image: url(../img2/redes/fdo_popup.jpg);
  left: 0;
  right: 0;
  margin: auto;
  height: 432px;
  padding: 21px;
  color: #fff;
  text-align: center;
  padding: 80px 0 0 245px;
}

.redespop ul {
  text-align: center;
}

.redespop ul li {
  display: inline-block;
  margin: 5px;
}

.redespop ul img:hover {
  opacity: 0.8;
}

.redespop h1 {
  margin: 10px 0 10px 0;
  font-weight: normal;
}

.redespop h2 {
  font-weight: 300;
  font-size: 21px;
  margin-bottom: 10px;
}

.redespop h2 span {
  display: block;
}

.redespop .x {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
}

.slick-prev {
  position: absolute;
  top: 45%;
  left: 1px;
  width: 16px;
  height: 51px;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  color: transparent;
  z-index: 9;
  background-repeat: no-repeat;
  background-image: url("../img3/flechaizq.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
}

.slick-next {
  position: absolute;
  top: 45%;
  right: 5px;
  width: 16px;
  height: 51px;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  z-index: 9;
  background-repeat: no-repeat;
  color: transparent;
  background-image: url("../img3/flechader.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
}

.slick-dots {
  position: absolute;
  bottom: -33px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding-right: 31px;
}

.slick-dots li {
  display: inline-block;
  margin-left: 6px;
}

.slick-dots li button {
  border: solid 1px #f7921e;
  padding: 5px;
  background-color: #fff;
  color: transparent;
  width: 21px;
  height: 21px;
  border-radius: 60px;
}

.slick-dots .slick-active button {
  background-color: #f7921e;
  border: solid 1px #f7921e;
}

.slick-prev:hover, .slick-next:hover {
  opacity: 0.8;
}

.carousel1 img, .slick-slide img {
  width: 100%;
}

button::-moz-focus-inner {
  border: none !important;
}

.dropdown-menu {
  min-width: 650px;
  left: -126px;
  border-bottom: solid 6px #dd6003;
  padding-top: 21px;
  padding-bottom: 21px;
}

.dropdown-menu li {
  display: inline-block;
  text-align: center;
  border: none;
  font-size: 28px;
  border: none !important;
  width: 49%;
  color: #fff;
}

.dropdown-menu li img {
  display: inline;
  width: 100px;
  vertical-align: middle;
  float: left;
  margin-top: -20px;
}

.dropdown-menu li span {
  display: block;
}

.dropdown-menu li a {
  font-weight: 400;
}

.dropdown-menu .vertodos {
  display: block;
  font-size: 16px;
  text-align: center;
  width: 100%;
  border-top: solid 1px #562854 !important;
  margin-top: 15px;
  padding-top: 12px;
}

.dropdown-menu .vertodos a {
  display: block;
  text-align: center;
  background-color: #562854;
  color: #fff;
  font-size: 18px;
  width: 200px;
  padding: 12px 12px 8px 12px;
  margin: auto;
}

.dropdown-menu .vertodos a:hover {
  background-color: #f7921e;
}

.dropdown-menu .borde {
  border-left: solid 1px #dd6003 !important;
  margin-right: 6px;
  padding-top: 26px;
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.graciaspost {
  font-size: 21px;
  text-align: center;
  padding: 31px 31px 100px 31px;
}

.preciorepuestos {
  font-size: 21px;
  text-align: center;
  padding: 12px;
}

.gracias2 {
  padding-bottom: 45px;
}

.gracias2 h1 {
  color: #f7921e;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}

.gracias2 h2 {
  color: #303030;
  font-size: 18px;
  margin: 6px 0 0 0;
  text-align: center;
}

.gracias2 h3 {
  color: #f7921e;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}

.gracias2 img {
  display: block;
  margin: 31px auto 31px auto;
}

.gracias2 a {
  width: 200px;
  background-color: #f7921e;
  color: #fff;
  background-image: url(../img2/bot_home_gracias.svg);
  background-position: right;
  background-repeat: no-repeat;
  margin: auto;
  padding: 12px;
  display: block;
  margin-top: 31px;
  font-size: 20px;
  text-align: center;
}

.gracias2 a:hover {
  background-color: #dd6003;
}

.modsprods .col-md-6 {
  padding: 0;
}

.modsprods .col-md-6 img {
  width: 100%;
}

.modsprods .col1 {
  border-right: solid 1px #fff;
}

.modsprods .col2 {
  border-left: solid 1px #fff;
}

.modsprods h1 {
  color: #fff;
  font-size: 33px;
  margin-bottom: 33px;
  margin-top: 70px;
  text-align: center;
}

.modsprods .bold {
  font-weight: 700;
}

.modsprods .barrita {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 161px;
  display: inline-block;
  vertical-align: middle;
}

.modsprods img:hover {
  opacity: 0.8;
}

.iconolatyn {
  padding: 0px;
  text-align: center;
}

.modacerca {
  border-left: solid 6px #f7921e;
}

.modacerca .col-md-6 {
  padding: 0;
}

.modacerca .col1 {
  padding-left: 90px;
  padding-top: 90px;
}

.modacerca .col1 h1 {
  color: #f7921e;
  font-size: 16px;
}

.modacerca .col1 h1 span {
  font-weight: bold;
}

.modacerca .col1 h2 {
  font-size: 39px;
  line-height: 39px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.modacerca .col1 h2 span {
  display: block;
}

.modacerca .col1 p {
  max-width: 600px;
  margin-bottom: 33px;
}

.modacerca .col1 a {
  color: #f7921e;
  border: solid 2px #f7921e;
  font-size: 18px;
  padding: 10px 15px 10px 15px;
  border-radius: 33px;
  display: block;
  width: 145px;
  text-align: center;
}

.modacerca .col1 a:hover {
  background-color: #f7921e;
  color: #fff;
}

.mapa2 .col1, .mapa2 .col2 {
  padding: 0;
}

.modbanner {
  padding: 0px 0 395px 0;
}

.modbanner h1 {
  font-family: "Montserrat", sans-serif;
  margin: 15px 0 9px 0;
  font-size: 28px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.modbanner h1 span {
  background-color: #00828b;
  padding: 4px 14px 4px 14px;
}

.modbanner p {
  font-size: 21px;
  color: #fff;
  text-align: center;
  padding-bottom: 15px;
}

.modbanner p span {
  display: block;
}

.modbanner a {
  color: #fff;
  font-size: 18px;
  background-color: transparent;
  padding: 10px 15px 10px 15px;
  border-radius: 33px;
  border: solid 1px #00828b;
  display: block;
  font-weight: 700;
  width: 265px;
  margin: auto;
  text-align: center;
}

.modbanner a:hover {
  background-color: #00828b;
  color: #fff;
}

.modbanner .iconolatyn {
  padding-bottom: 15px;
}

footer {
  background-color: #f7921e;
  padding: 31px 0 14px 0;
}

footer .logofooter {
  text-align: center;
}

footer .menu1 {
  text-align: center;
  border-bottom: solid 1px #dd6003;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

footer .menu1 li {
  display: inline-block;
  color: #fff;
  font-size: 21px;
  vertical-align: middle;
  padding: 4px 14px 4px 14px;
}

footer .menu1 li a {
  color: #fff;
  font-size: 21px;
}

footer .menu1 .borde {
  border-left: solid 1px #dd6003;
}

footer .descargar {
  width: 222px;
  border-radius: 33px;
  border: solid 1px #fff;
  display: block;
  text-align: center;
  padding: 10px 15px 10px 15px;
}

footer .descargar:hover {
  background-color: #dd6003;
}

footer .col1 ul {
  text-align: center;
}

footer .col1 ul li {
  display: inline-block;
  padding-right: 14px;
}

footer .col1 ul li a {
  color: #fff;
  font-size: 16px;
}

footer .col1 ul li span {
  color: #dd6003;
}

footer .col2 {
  color: #fff;
  font-size: 16px;
  border-left: solid 1px #dd6003;
}

footer .col2 a {
  color: #fff;
}

footer .borde1 {
  border-bottom: solid 1px #dd6003;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

footer a:hover {
  opacity: 0.8;
}

.botondescargar {
  float: right !important;
}

.botondescargar a {
  color: #f7921e;
  border: solid 2px #f7921e;
  font-size: 18px;
  padding: 12px !important;
  margin-top: 6px;
  border-radius: 33px;
  display: block;
  width: 209px;
  text-align: center;
}

.botondescargar a:hover {
  background-color: #f7921e;
  color: #fff;
}

.dropdown-menu > li > a {
  line-height: 28px;
  text-align: left;
}

.dropdown-menu > li > a img {
  margin-right: 14px;
}

.fondocat {
  padding: 85px;
  background-image: url(../img/header_prods.jpg);
  color: #fff;
  margin-top: 43px;
  background-size: cover;
  margin-bottom: 45px;
}

.fondocat h1 {
  font-size: 22px;
  margin-bottom: 9px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
}

.fondocat h2 {
  font-size: 58px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.fondocat .barrita {
  width: 145px;
  height: 1px;
  margin-bottom: 9px;
  background-color: #dd6003;
}

.fondocat .container {
  position: relative;
}

.fondocat img {
  position: absolute;
  right: 0;
  top: 0px;
  width: 150px;
}

.prods h1 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}

.prods h2 {
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  margin-top: 3px;
  height: 68px;
}

.prods img {
  display: block;
  margin: auto auto 6px auto;
  height: 200px;
  width: auto;
}

.prods .col-md-4 {
  margin-bottom: 81px;
}

.prods .fichaboton {
  padding: 12px 6px 6px 6px;
  display: block;
  color: #f7921e;
  font-size: 16px;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  background-image: url(../img/Productos/ico_pdf.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  font-family: "Montserrat", sans-serif;
}

.prods .fichaboton:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.formcontacto {
  padding: 33px;
}

.formcontacto h1 {
  text-align: center;
  font-size: 33px;
  font-family: "Montserrat", sans-serif;
}

.formcontacto p {
  color: rgba(0, 0, 0, 0.6);
  max-width: 700px;
  margin: auto;
  font-size: 16px;
  text-align: center;
}

.formcontacto img {
  display: block;
  margin: 31px auto 31px auto;
}

.formcontacto input[type="text"], .formcontacto input[type="email"], .formcontacto textarea {
  border: none;
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  background-color: transparent;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.formcontacto input[type="submit"], .formcontacto input[type="button"] {
  border: none;
  background-color: #f7921e;
  color: #fff;
  display: block;
  margin: auto;
  font-size: 18px;
  border-radius: 33px;
  padding: 10px 22px 10px 22px;
}

.formcontacto input[type="submit"]:hover, .formcontacto input[type="button"]:hover {
  background-color: #dd6003;
}

.formcontacto .pad {
  max-width: 700px;
  margin: auto;
}

.franjanaranja {
  padding: 15px;
  background-color: #f7921e;
}

.medidas {
  padding: 15px 4px 15px 4px;
  display: none;
}

.medidas .bold {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 4px;
}

.medidas .borde {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.medidasboton {
  padding: 12px 6px 6px 6px;
  display: block;
  color: #f7921e;
  font-size: 16px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  background-image: url(../img/Productos/flecha_medidas.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}

.medidasboton:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.textomedidas {
  padding: 15px 15px 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

.textomedidas img {
  float: left;
  margin-right: 6px;
  width: 45px !important;
  height: 45px !important;
}

.copy {
  padding: 4px;
  text-align: center;
  background-color: #f7921e;
  color: #fff;
}

.copy a {
  color: #fff;
  font-weight: bold;
}

.footer2 {
  background-color: #303030;
  padding: 9px;
}

.footer2 .col2 {
  text-align: right;
}

.footer2 .col2 ul {
  padding-top: 11px;
}

.footer2 .col2 ul li {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.footer2 .col2 ul li:nth-child(2) {
  margin: 0 9px 0 9px;
}

.footer2 .col2 ul img:hover {
  opacity: 0.8;
}

.footer2 .col3 {
  color: #fff;
  padding-top: 16px;
}

.footer2 .col1 img {
  width: 200px;
}

.footer2 a {
  color: #fff;
}

.copy2 {
  color: #fff;
  text-align: center;
}

.copy2 a {
  color: #fff;
}

.copy2 a:hover {
  opacity: 0.8;
}

.bannerconexiones {
  width: 1200px;
  height: 269px;
  margin: 65px auto 65px auto;
  background-image: url(../img3/fdo_banner_serv.jpg);
  background-size: cover;
  padding: 51px 45px 45px 60px;
}

.bannerconexiones img {
  float: left;
  margin-right: 22px;
}

.bannerconexiones h1 {
  color: #00828b;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.bannerconexiones h2 {
  color: #fff;
  font-size: 28px;
  margin: 6px 0 6px 0;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 33px;
}

.bannerconexiones a {
  color: #fff;
  border: solid 1px #00828b;
  border-radius: 31px;
  padding: 15px 22px 15px 22px;
  font-size: 18px;
}

.bannerconexiones a:hover {
  background-color: #00828b;
}

.franja {
  background-color: #00828b;
  color: #fff;
  padding: 14px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin-top: -6px;
}

.contacto {
  width: 700px;
  position: absolute;
  top: -331px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.iconos2 {
  text-align: center;
  font-size: 22px;
  padding-top: 45px;
}

.iconos2 .borde {
  border-left: solid 1px #303030;
  border-right: solid 1px #303030;
}

.iconos2 a {
  color: #fff;
}

.iconos2 a:hover {
  opacity: 0.8;
}

.iconos2 a:hover span {
  background-color: #00828b;
}

.iconos2 h1 {
  color: #fff;
  font-weight: 700;
  margin: 14px 0 14px 0;
  font-size: 18px;
}

.iconos2 img {
  display: block;
  margin: auto;
}

.iconos2 span {
  display: block;
  margin: auto;
  border: solid 1px #00828b;
  color: #fff;
  font-size: 31px;
  padding: 6px;
  border-radius: 61px;
  width: 57px;
}

.iconos2 .iconolatyn {
  margin: 33px;
}

.fondomenu {
  background-color: rgba(0, 0, 0, 0.8);
}

.acerca {
  padding-top: 45px;
}

.acerca .container {
  background-image: url(../img3/foto_acerca.jpg);
  background-size: 50%;
  background-repeat: no-repeat;
  padding-bottom: 101px;
}

.acerca h1 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 22px;
  margin-top: 33px;
}

.acerca h1 span {
  background-color: #00828b;
  padding: 6px 9px 6px 9px;
}

.acerca h2 {
  font-size: 43px;
  color: #fff;
  font-weight: 700;
}

.acerca h3 {
  font-size: 43px;
  color: #fff;
  font-weight: 400;
}

.acerca p {
  color: #fff;
  font-size: 15px;
  margin-top: 22px;
}

.acerca img {
  float: right;
  margin: 15px 43px 0 0;
}

.borde1 {
  height: 9px;
  margin-top: 33px;
  background-image: url(../img3/linea_01.svg);
  background-size: cover;
}

.nopad {
  padding: 0;
}

@media (max-width: 620px) {
  .col4 .col-md-3 {
    width: 100%;
  }
  .mod1 h1 {
    font-size: 18px;
    line-height: 21px;
  }
  .productos h2 {
    font-size: 24px;
  }
  .productos .col-md-6 {
    padding-bottom: 21px;
    margin-bottom: 21px;
  }
  .banner p {
    font-size: 21px;
    line-height: 22px;
  }
  .banner a {
    width: 100%;
    font-size: 18px;
  }
  .mapa2 .contacto .contacto2 {
    padding: 21px;
  }
  .pie ul {
    text-align: center;
  }
  .pie .col-md-6 {
    padding: 10px 0 10px 0;
  }
  .pielogo {
    display: block;
    margin: auto;
  }
  .productos .col-md-6 {
    height: auto;
  }
  button::-moz-focus-inner {
    border: none !important;
  }
  .fotodistribuidores {
    margin-top: 62px;
  }
  .redespop {
    width: 100%;
    padding: 60px 0 80px 0;
  }
  .redespop h1 {
    font-size: 22px;
  }
  .redespop h2 {
    font-size: 16px;
  }
  .redespop ul li img {
    width: 31px;
    height: auto;
  }
  .descarga a {
    margin-bottom: 15px;
  }
  .linkm {
    display: inline-block !important;
  }
  .navbar-inverse .navbar-nav > li {
    border: none !important;
  }
  .productos .grilla .borde {
    border: none;
  }
  .banner .iconogarantia {
    width: 70px;
  }
  .banners .borde1, .banners .borde2 {
    border: none;
    height: auto;
    padding: 12px;
  }
  .banner .banner2 {
    width: auto;
    font-size: 15px;
  }
  .banner {
    padding: 31px 0 31px 0;
  }
  .cabcategorias {
    margin-top: 62px;
  }
  footer .pad {
    padding: 12px;
  }
  .cabcategorias h2 {
    font-size: 33px;
  }
  .detalleprod h1 {
    padding-top: 12px;
  }
  .detalleprod .grilla .item2 {
    font-size: 12px;
  }
  .detalleprod .adquirir ul li {
    width: 100%;
    margin-top: 3px;
  }
  .postventa input[type="submit"], .postventa input[type="button"] {
    padding: 12px 21px 6px 21px;
  }
  .dropdown-menu {
    min-width: 100% !important;
  }
  .dropdown-menu li {
    width: 100% !important;
  }
  .dropdown-menu .borde {
    border: none !important;
  }
  .navbar-collapse {
    padding-left: 0;
  }
  .navbar-nav {
    margin: 0;
  }
  .dropdown-menu li {
    margin-bottom: 12px;
  }
  .productos p {
    height: auto;
  }
  .carousel1mobile {
    margin-top: 68px;
  }
  .modsprods .barrita {
    width: 60px;
  }
  .modsprods .col1, .modsprods .col2 {
    border: none;
    border-bottom: solid 3px #fff;
  }
  .modacerca .col1 {
    padding-top: 33px;
    padding-left: 33px;
    padding-bottom: 31px;
  }
  .modacerca .col1 h2 span {
    display: inline;
  }
  .mapa2 .contacto .contacto2 h1 {
    font-size: 29px;
  }
  .modbanner p span {
    display: inline;
  }
  .modbanner h1 {
    font-size: 22px;
  }
  .modbanner p {
    max-width: 90%;
    margin: auto;
  }
  footer .menu1 li {
    display: block;
  }
  footer .menu1 .borde {
    border: none;
  }
  footer .menu1 {
    text-align: left;
  }
  footer .container {
    padding: 0;
  }
  footer .col2 {
    text-align: center;
  }
  footer .row {
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 31px;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
  }
  .navbar-nav li {
    display: block;
  }
  .botondescargar {
    float: none !important;
    margin: auto;
  }
  .botondescargar a {
    margin: auto;
  }
  .navbar-header {
    height: 73px;
  }
  .dropdown-menu > li > a:hover {
    color: #303030 !important;
  }
  .fondocat {
    padding: 57px 0 45px 0;
  }
  .fondocat h2 {
    font-size: 33px;
  }
  .fondocat img {
    width: 65px;
    right: 7px;
  }
  .formcontacto {
    padding: 0 0 33px 0;
  }
  .bannerlatyn h1 {
    font-size: 16px;
  }
  .bannerlatyn h2 {
    font-size: 26px;
  }
  .footer2 .col1, .footer2 .col2 {
    text-align: center;
  }
  .footer2 .col2 ul li:nth-child(2) {
    display: block;
    margin: 0 0 15px 0;
  }
  .navbar-nav > li > a {
    text-align: center;
  }
  .navbar-nav {
    background-color: #000;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
  }
  .iconos2 .borde {
    border: none;
    margin-top: 31px;
    margin-bottom: 31px;
  }
  .modbanner h1 {
    font-size: 16px;
  }
  .modbanner {
    padding-bottom: 45px;
  }
  .footer2 .col3 {
    text-align: center;
  }
  .acerca .container {
    background-size: 93%;
    padding-bottom: 45px;
  }
  .acerca {
    padding-top: 0;
  }
}

/*# sourceMappingURL=main.map */

cmd: