/* -----------------------
CONTENIDO
0. FONTS
1. GENERAL
2. HEADER
3. NAVBAR
4. SLIDER
5. SHARE
6. ENLACES
7. NOSOTROS
8. CARACTERISTICAS
9. PRODUCTOS
    9.1. CATEGORIA
    9.2. SUB-CATEGOROIA
    9.3. PRODUCTO
10. CONTACTANOS
11. SOLICITAR COTIZACIÓN
12. DISTRIBUIDORES
13. FOOTER
13. RESPONSIVE
----------------------- */

/* ~~~~~~~~~~~~~~~~~
5. SHARE
~~~~~~~~~~~~~~~~~ */
.share{ position: absolute; top: 250px; right: 0; z-index: 9999;}
.share li{ background-color: red; width: 41px; height: 41px; border-bottom: 1px solid #DE2280;}
.share li:last-child{ border-bottom: none;}
.share li a{ display: block; width: 41px; height: 41px; background-position:top;
    -webkit-transition:background-position .1s ease-in; -moz-transition:background-position .1s ease-in;
    -o-transition:background-position .1s ease-in; transition:background-position .1s ease-in; }
.share li a.fb{ background: url("../../imagenes/redes/icon-fb.png"); }
.share li a.tw{ background: url("../../imagenes/redes/icon-tw.png"); }
.share li a.ig{ background: url("../../imagenes/redes/icon-ig.png"); }
.share li a:hover{ background-position: bottom;}
.share li:last-child{ height: 41px;}


/* ~~~~~~~~~~~~~~~~~
14. RESPONSIVE
~~~~~~~~~~~~~~~~~ */
@media (max-width: 767px) {
    #slider{ padding-top: 130px;}
    #alert{ top: inherit; bottom: 20px;}
    .navbar{ min-height: 30px !important;}
    #main{ border: none !important;}
    footer .bg-footer-0 .redesFooter{ display: none; }
    footer .bg-footer-1 p,
    footer .bg-footer-1 li a,
    footer .bg-footer-2 p{  font-size: 12px;  }
    .navbar-default .navbar-collapse{  border-color: transparent !important;  position: relative;  margin-top: 40px;  }
    .navbar-header li{ padding: 0 !important;}
    .navbar-header li a{ margin: 0; }
    .nav-justified{ overflow: hidden; }
    .links{  display: block !important; padding: 5px 0; line-height: 12px; }
    .links a{color: #fff; font-size: 12px;}
    .carrito{ display: block !important; position: absolute; top: 0; right: 0;}
    .carrito{font-family: "Lato", sans-serif; font-weight: 300;}
    .carrito > p{ font-family: "Lato", sans-serif; font-weight: 300; font-size: 9px; color: #fff; padding-top: 0px;}
    .carrito > p > a{font-family: "Lato", sans-serif; font-weight: 300; font-size: 10px; color: #fff; text-decoration: underline;}
    .carrito a{ color: #fff; font-size: 36px; width: 100px; display: block;}
    .carrito a > span{ display: block; margin-top: -5px;}
    .carrito a h4{font-family: "Lato", sans-serif; font-weight: 400; font-size: 11px; margin: 0; color: #fff; margin-top: 5px;}
    .carrito a h5{font-family: "Lato", sans-serif; font-weight: 400; font-size: 10px; margin: 3px 0 0 0; color: #fff;}
    .carrito .open > .dropdown-menu{ right: 0; left: inherit; padding: 10px; border-radius: 0;
        margin-top: 15px !important; margin-right: -1px; top: 74%;}
    .carrito .open > .dropdown-menu li{ width: 100%; float: left; position: relative;}
    .carrito .open > .dropdown-menu li:hover:before,
    .carrito .open > .dropdown-menu li:hover:after{ border: none !important;}
    .carrito .open > .dropdown-menu li span.icon-cart{ font-size: 40px !important; height: 40px; margin-right: 20px;
        margin-bottom: 0px !important;}
    .carrito .open > .dropdown-menu li .btn,
    .carrito .open > .dropdown-menu li .btn:hover,
    .carrito .open > .dropdown-menu li .btn:focus{ background-color: #d90d15 !important; color: #fff !important;
        font-size: 10px; text-transform: uppercase;  border-radius: 0 !important; border: none !important;}
    .carrito .open > .dropdown-menu li .item .item-info{ padding: 20px;}
    .carrito .open > .dropdown-menu li.info span{ font-size: 12px; color: #333; background-color: #cfcfcf;}
    .productos .categoria .categoria-img-content{ width: 100%; height: auto; min-height: 103px;}
    .productos .categoria .categoria-img-content a{ min-height: 163px;}
    .productos .categoria h4{ font-size: 12px;}
    .productos .categoria p{ padding: 20px;}
    .productos .titulo h1,
    .productos .titulo p{ font-size: 12px;}
    .productos .sub-categoria p{ padding: 20px; min-height: 74px !important;}
    .productos .sub-categoria .btn-enlace{font-size: 9px; width: 80px;  background-position: left;}
    .productos .sub-categoria .btn-detalle{ font-size: 9px;}
    .productos .post-venta h4 a{padding: 20px 0; font-size: 13px;}
    .distribuidores ul.menuc li a{padding: 0 12px 0 10px;}
    .slider-home{ height: 300px; }
    .slider-galeria{  height: 220px !important; }
    .ms-tenor span:first-child,
    .ms-tenor span:last-child{font-size: 20px !important; padding-top: 100px; line-height: 380px;}
    .ms-tenor{ bottom: 20% !important; top: inherit;}
    .ms-caption{ bottom: 20px !important; font-size: 20px !important; line-height: 34px !important; }
    .tab-content .tab-pane{ margin-bottom: 20px !important;}
    .ms-view{ width: 100% !important;}
    .enlaces .item .imagen img{ max-width: 150px !important;}
    .enlaces .item { max-height: 220px; }
    .enlaces .item h2{ font-size: 12px !important; height: 24px; }
    .enlaces .item p a{ font-size: 12px; }
    .ms-slide .ms-slide-bgcont{ width: 112% !important;}
    .bg-footer-2 .linea{ display: none;}
    .bg-footer-2 span{ display: block; }
    .margen-120{ margin-top: -30px; }
    .borde{ border-top: 20px solid #000; }
    .productos{ margin-top: 15px; padding: 0 15px; }
    .productos .sub-categoria{ margin-left: 0; margin-right: 0;}
    .productos .sub-categoria-img-content{ padding: 15px 0 0 0 !important; min-height: 124px !important;  }
    .producto .galeria .botones{ float: left !important; text-align: center; position: relative; }
    .caracteristicas{ margin-bottom: 30px;}
    .slick-slide img{ max-width: 100%; }
    .slick_c .slick-dots{ bottom: -30px; left: 50%; margin-left: -20px; width: auto !important; }
    .padding_null{ padding-bottom: 0 !important;}
    .cont1{ margin: 0 15px;}
    .contactanos form .form-group .col-md-6:first-child .row,
    .form-group .sel{ padding: 0 0 !important;}
    .contactanos form .form-group .col-md-6:last-child .row{ padding-left: 0;}
    .contactanos form .form-group .col-md-6:last-child{ padding-bottom: 0;}
    .img-small{ width: 100%; }
    .cont1 .producto .item .cantidad .form-group .form-control{ margin-left: 0;}
    .productos .post-venta{ padding: 0 0;}
    .reco .col-md-4{  height: auto;}
    .reco .btn-compartir{ bottom: 20px;}
    .text_reco{ margin-bottom: 50px;}
    .distribuidores ul.menuc li.active a,
    .distribuidores ul.menuc li a,
    .distribuidores ul.menuc li.actives a{ font-size: 10px; padding: 0 33px 0 4px;}
    .distribuidores ul.menuc li.active a { padding: 0 30px 0 10px; }
    .distribuidores ul.menuc li:last-child a{ padding: 0 8px 0 20px; }
    .distribuidores ul.menuc li.active:last-child a { padding: 0 5px 0 26px; }
    .contactanos{  margin: 30px 40px;  }
    #googleMap{ height: 320px; margin: 20px 15px;}
    .share{ position: fixed; }
    .ubicacion div[class*="col-"]{ margin-bottom: 10px; }
    .ubicacion div[class*="col-"]:last-child{ margin-bottom: 0px; }
    .ubicacion div[class*="col-"]:nth-child(2){ padding-right: 0; padding-left: 0;}
    .nosotros > .row{ margin-left: 15px; margin-right: 15px;}
}
@media (max-width: 360px) {
    .slider-home{ height: 160px !important; }
    .master-slider {height: 160px !important;}
    .slider-home{ height: 119px;}
    footer .bg-footer-1 .container{ padding-right: 40px; padding-left: 40px;}
    .productos .sub-categoria h4 a{white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; font-size: 12px; height: 70px; padding: 0 10px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
    .productos .sub-categoria h4 a span{text-align: center; vertical-align: middle; width: 100%; display: block;}
    .enlaces{     margin-left: 20px; margin-right: 20px; }
    .enlaces .item .imagen a{ background-position: center;  max-height: 80px;}
    .enlaces .item .imagen a:hover{ background-position: center; background-size: 120%;}
    .nosotros{ padding-left: 20px !important; padding-right: 20px !important;}
    .productos{ padding: 0 30px !important; }
    .productos .categoria p{ padding: 10px !important; overflow: hidden; }
    .enlaces .item p{ height: 30px; overflow: hidden; }
    .enlaces .item{ max-height: 270px !important; }
    .enlaces .item p a{ font-size: 11px !important;}
    .slick_c .slick-dots{ bottom: -40px;}
    .productos .sub-categoria .btn-detalle{ font-size: 8px; }
    .productos .sub-categoria .btn-enlace{ width: 58px !important; text-align: right !important; padding-right: 2px; font-size: 8px;}
    .productos .lst-productos div[class*="col-"]:nth-child(2n+1){ padding-right: 7px !important; }
    .productos .lst-productos div[class*="col-"]:nth-child(2n){ padding-left: 7px !important; }
    .productos .sub-categoria p{ min-height: 125px !important; }
    .carrito .open>.dropdown-menu li{ height: 30px; }
    .dropdown-menu .divider{ height: 1px !important;}
    .carrito .open>.dropdown-menu li:first-child{ font-size: 11px; line-height: 15px;}
    .carrito .open>.dropdown-menu li:last-child{ height: 10px;}
    .carrito .open>.dropdown-menu li span.icon-cart{ margin-right: 5px; font-size: 30px !important;}
    .carrito .open>.dropdown-menu li.info span{ text-align: center; display: block; line-height: 12px; padding: 5px 0;}

    .distribuidores ul.menuc{ margin-top: 0; margin-bottom: 0;}
    .distribuidores > div[class*="col-"]:nth-child(3){ position: relative; float: left; }
    .distribuidores ul.menuc li:nth-child(2) a{ padding: 0 5px;}
    .distribuidores ul.menuc li:last-child a{padding: 0 6px 0 0px;}
    .distribuidores ul.menud li.active a,
    .distribuidores ul.menud li a,
    .distribuidores ul.menud li.actives a{ font-size: 9px; font-weight: 300;}
    .distribuidores ul.menud li:first-child{ width: 20%; }
    .distribuidores ul.menud li:first-child a{ font-size: 9px; font-weight: 300; line-height: 15px; padding: 10px 5px 0 6px;}
    .distribuidores ul.menud li:nth-child(2){ width: 35%;}
    .distribuidores ul.menud li:nth-child(2) a{ padding: 0 0 0 10px;}
    .distribuidores ul.menud li:nth-child(2).actives a{ padding: 0 20px 0 0;}
    .distribuidores ul.menud li:nth-child(3){ width: 20%;}
    .distribuidores ul.menud li:nth-child(3).actives a{ padding: 10px 0;}
    .distribuidores ul.menud li:nth-child(3) a{ line-height: 15px; padding: 10px 15px;}
    .distribuidores ul.menud li:nth-child(4){ width: 20%;}
    .distribuidores ul.menud li:nth-child(4) a{padding: 0px 10px;}
    .distribuidores ul.menud li.active:last-child a {padding: 0 5px 0 20px;}
}
@media (max-width: 320px) {
    .caracteristicas{ height: 170px; }
    .caracteristicas > .slick-slider{ height: 195px; }
    .caracteristicas .grid-5 p{ padding-top: 15px; }
    .caracteristicas .slick_c .slick-dots{ margin-bottom: 70px !important;}
    .master-slider {height: 141px !important;}
    .slider-home{ height: 119px !important; }
    .slick_c .slick-dots{ bottom: 30px !important;}
    .productos .sub-categoria p{ min-height: 142px !important; }
    .productos .sub-categoria h4 a{white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; font-size: 12px; height: 70px; padding: 0 10px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
    .productos .sub-categoria h4 a span{text-align: center; vertical-align: middle; width: 100%; display: block;}
    .enlaces .item .imagen a{ height: 70px !important;}
    .enlaces .item p:last-child{ padding-left: 3px; padding-right: 0px;}
    .slick-slider{ height: 260px !important;}
    .enlaces .item .imagen img{ height: 100% !important;}
    .enlaces .item .imagen a:hover{  -webkit-background-size: 120%; -moz-background-size: 120%; -o-background-size: 120%; background-size: 120%; /* BACKGROUND 100% */
    transition: .3s; background-position: center !important;}
    .carrito .open>.dropdown-menu li{ height: 30px; }
    .dropdown-menu .divider{ height: 1px !important;}
    .carrito .open>.dropdown-menu li:first-child{ font-size: 11px; line-height: 15px;}
    .carrito .open>.dropdown-menu li:last-child{ height: 10px;}
    .carrito .open>.dropdown-menu li span.icon-cart{ margin-right: 5px; font-size: 30px !important;}
    .carrito .open>.dropdown-menu li.info span{ text-align: center; display: block; line-height: 12px; padding: 5px 0;}
    footer .bg-footer-1 > .container > .row > div[class*="col-"]{ margin-top: 20px;}
    .productos .categoria .categoria-img-content a{min-height: 120px !important;}
    .productos .categoria .categoria-img-content{ max-height: 120px !important;}

    .distribuidores ul.menuc{ margin-top: 0; margin-bottom: 0;}
    .distribuidores > div[class*="col-"]:nth-child(3){ position: relative; float: left; }
    .distribuidores ul.menuc li:nth-child(2) a{ padding: 0 5px;}
    .distribuidores ul.menuc li:last-child a{padding: 0 6px 0 0px;}
    .distribuidores ul.menud li.active a,
    .distribuidores ul.menud li a,
    .distribuidores ul.menud li.actives a{ font-size: 9px; font-weight: 300;}
    .distribuidores ul.menud li:first-child{ width: 20%; }
    .distribuidores ul.menud li:first-child a{ font-size: 9px; font-weight: 300; line-height: 15px; padding: 10px 5px 0 6px;}
    .distribuidores ul.menud li:nth-child(2){ width: 35%;}
    .distribuidores ul.menud li:nth-child(2) a{ padding: 0 0 0 10px;}
    .distribuidores ul.menud li:nth-child(2).actives a{ padding: 0 20px 0 0;}
    .distribuidores ul.menud li:nth-child(3){ width: 20%;}
    .distribuidores ul.menud li:nth-child(3).actives a{ padding: 10px 0;}
    .distribuidores ul.menud li:nth-child(3) a{ line-height: 15px; padding: 10px 15px;}
    .distribuidores ul.menud li:nth-child(4){ width: 20%;}
    .distribuidores ul.menud li:nth-child(4) a{padding: 0px 10px;}
    .distribuidores ul.menud li.active:last-child a {padding: 0 5px 0 20px;}
    .producto .galeria .botones{ margin-top: 20px; }
    .producto .galeria .botones a{ margin-bottom: 10px; }
    .slider-galeria{ height: 187px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media all and (max-width:765px){
    .master-slider { margin:0 !important; }
    .ms-slide-info {
        position:relative !important;
        right:auto !important;
        left:auto !important;
        text-align:center;
        width:96% !important;
        magin-left:2% !important;
        magin-right:2% !important;
        padding-top:20px;
    }
}