/*----------FUENTES---------------*/
@font-face {
  font-family: 'Montserrat-UltraLight';
  src: url('../fonts/Montserrat-UltraLight.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-UltraLight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-UltraLight.woff') format('woff'),
       url('../fonts/Montserrat-UltraLight.ttf')  format('truetype');
}

@font-face {
  font-family: 'Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Light.woff') format('woff'),
       url('../fonts/Montserrat-Light.ttf')  format('truetype');
}

body,
.grupo-slider h2 strong,
.formulario h3 strong,
.quienes-somos h3 strong,
.medio p strong,
.gracias h2 strong,
.destacados-home h2{
    font-family: 'Montserrat', sans-serif !important;
}

.navbar-nav,
.box h2,
small,
.item h2,
.precio,
.ficha h3,
.ficha ul li h2,
.pagar,
.subtotal,
.modal-title,
.enviar,
.grupo-slider h2 strong,
.gracias h2 strong,
.destacados-home h2 strong,
.prod-destacado-home a h2{
    font-weight: 700;
}

.codigo,
.submenu ul li,
.modal .form-group label,
.grupo-slider h3,
.formulario form label{
    font-weight: 400;
}

.jardin h2,
.sanitarios h2,
.jardin p,
.sanitarios p,
footer ul li,
.copyright,
h1,
.grupo-slider h2{
    font-family: 'Montserrat-UltraLight';
}

p.num,
footer .col-sm-3 p,
.item .cod,
.ficha ul li,
.asunto,
.modal p,
.codigo,
.formulario h3,
.quienes-somos h3,
.formulario p,
.columnas p,
.medio p,
.gracias h2,
.destacados-home h2,
.prod-destacado-home .precio{
    font-family: 'Montserrat-Light';
}


i{
    font-size: 60px;
}

.grupo-slider h2 {
    font-size: 55px;
}

footer i.ion-ios-arrow-up{
    font-size: 45px;
}

.precio,
.btn-group .glyphicon,
.ion-android-close{
    font-size: 40px;
}


.jardin h2,
.sanitarios h2{
    font-size: 38px;
}

.pagar{
    font-size: 30px;
}

.item h2,
.item .cod,
.modal-title,
.formulario h3,
.quienes-somos h3,
.gracias h2{
    font-size: 28px;
}

p.num,
.subtotal,
.prod-destacado-home .precio{
    font-size: 25px;
}

table tbody tr td .precio,
.enviar,
.contact p.num,
.contact p.num i{
    font-size: 22px;
}

footer .face i,
.prod-destacado-home h2{
    font-size: 20px;
}

nav .form-group span,
.buscar span
.ion-ios-telephone{
    font-size: 17px;
}

.box h2,
footer h3,
.grupo-slider h3,
.formulario p,
.destacados-home h2{
    font-size: 15px;
}

.carrito a span,
footer .col-sm-3 p:nth-of-type(2){
    font-size: 14px;
}

h1,
small,
.sup .breadcrumb a,
.ficha ul,
.ficha ul li h2,
.modal .form-group label,
.formulario form label,
.contact p,
.columnas p{
    font-size: 13px;
}

.navbar-default .navbar-nav>li>a,
.submenu ul li,
.face i,
.copyright,
footer .col-sm-3 p:nth-of-type(3),
.ficha h3,
.ficha-box h2,
.ficha-box .codigo{
    font-size: 12px;
}

footer ul li,
.breadcrumb.inf a,
.breadcrumb.inf>li+li:before,
.prod-destacado-home .codigo,
.aviso h3{
    font-size: 11px;
}

.video p{
    font-size: 10px;
}

h1,
.box h2,
small,
.video p,
.item h2,
.item .cod,
.btn-group .btn,
.ficha h3,
.grupo-slider h3,
.grupo-slider h2,
.formulario h3,
.quienes-somos h3{
    text-transform: uppercase;
}

.submenu ul li{
    text-transform: capitalize;
}

h1,
.destacados-home h2{
    letter-spacing: 11px;
}

.prod-destacado-home .precio{
    text-align: left;
}

h1,
.face a,
footer ul,
.up,
.int,
.precio,
.buscar{
    text-align: center;
}

.submenu ul,
.exit{
    text-align: right;
}

.grupo-slider h2{
    line-height: 50px;
}
/*----------COLORES---------------*/

.navbar-default {
    background: #0a2566;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
h1,
.cart,
small,
.jardin h2,
.sanitarios h2,
.jardin p,
.sanitarios p,
a i,
footer ul li a,
.copyright,
footer p,
.video p,
.precio,
.enviar,
.enviar:hover,
.ion-ios-telephone,
.quienes.grupo-slider h2,
.medio p,
.btn-group-justified>.btn-group:nth-of-type(1) button:hover,
.aviso h3
{
    color: white;
}

.submenu ul li a:hover,
.producto-big,
.modal-backdrop,
.navbar-default .navbar-toggle .icon-bar,
.grupo-slider h3,
.mapa{
    background: white;
}

footer ul li a:hover,
footer h3{
    color: #52ccff;
}

.modal p{
    color: #cdcdcd;
}

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

.sanitarios a h2:hover,
.jardin a h2:hover{
    color: #6cf348;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus
{
    background: #1f4da2;
}

.box,
.box a,
.cart>span,
.submenu ul li a,
.sup .breadcrumb>li+li:before,
.sup .breadcrumb a,
.item,
.ficha h3,
.ficha ul,
.subtotal,
.carrito-in a,
.modal .form-group label,
.modal-title,
.grupo-slider,
.grupo-slider a,
.formulario h3,
.quienes-somos h3,
.formulario form label,
.contact,
.columnas p,
.gracias h2,
.destacados-home h2,
.prod-destacado-home .precio,
.prod-destacado-home .codigo{
    color: #0e3083;
}

.breadcrumb.inf a,
.breadcrumb.inf>li+li:before{
    color: #484848;
}

nav .form-group span{
    color: #0a2566;
}

table{
    color: #5e5e5e;
}

.gracias a i.ion-ios-arrow-left{
    color: #ccc;
}

.carrito a{
    color: #248bc6 !important;
}

.comprar,
.box a h2:hover{
    color: #2ba9dc;
}

.contactar,
.pagar{
    color: #143b9c;
}

.ion-android-close{
    color: #b0b0b0;
}

.modal .ion-android-close{
    color: #c5c5c5;
}

.close{
    opacity: 1;
}

.vid p{
    color: #7f7f7f;
}

.formulario p{
    color: #939393;
}

.prod-destacado-home a h2{
    color: #009ee0;
}

h3.imperdible{
    background: #009ee0;
}

h1,
.cart p,
.carrito,
table tbody tr td .precio{
    background: #0e3083;
}

.face{
    background: #1651b2;
}

.jardin{
    background:#03a80f;
}

.enviar{
    background: #10358f;
}

.precio,
.enviar:hover,
.ficha-box .cart p,
.ion-ios-telephone{
    background: #2352c4;
}

footer,
.video,
.medio,
h3.envio{
    background: #103590;
}

.up{
    background: #0b3cb4;
}

.comprar{
    background: #143b9c;
}

.gris{
    background: #e2e2e2;
}

.barra-gris,
.aviso-mercadopago{
    background: #f1f1f1;
}

video{
    background: #f0f0f0;
}

.jardin .bg{
    background: url("../img/jardin-bg.jpg")top right no-repeat;
    background-size: 100%;
}

.sanitarios{
    background: #d6d6d6;
}

.sup{
    background: #ced0d4;
}

.navbar-default .navbar-toggle{
    background: #1651b2;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    background: #1f4da2;
}


.sanitarios .bg{
    background: url("../img/sanitarios-bg.jpg")top left no-repeat;
    background-size: 100%;
}

.box{
    border-bottom: 1px solid #e0e0e0;
}

.formulario form{
    border-top: 1px solid #e0e0e0;
}

footer ul{
    border-bottom: 1px solid #284a9b;
}

.item{
    border-left: 6px solid #103590;
}

.borde{
    border: 1px solid #c4c4c4;
}

.quienes-somos h3{
    border-bottom: 1px solid #c4c4c4;
}

.contactar,
.pagar{
    border: 1px solid #143b9c;
    background: white;
}

.gradiente{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
background: rgb(232,232,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.separador{
    background: url('../img/separador.png')bottom center no-repeat !important;
    background-size: 100% !important;
}

.contact h3{
    background:url('../img/separador.png') top center no-repeat,
    url('../img/separador.png') bottom center no-repeat;
    background-size: 100% !important;
}

.sombra{
    background: url('../img/sombra.png') #e2e2e2 top left repeat-x;
}

.fixed-1{
    background:url('../img/quienes-somos.jpg') top center no-repeat;
    background-size: 100%;
    padding-top: 1.3125%;
    padding-bottom: 25.6%;
    background-attachment: fixed;
}

.fixed-2{
    background:url('../img/contacto.jpg') top center no-repeat;
    background-size: 100%;
    padding-top: 1.3125%;
    padding-bottom: 25.6%;
    background-attachment: fixed;
}

.navbar-nav>li>a, footer>ul>li>a{
    text-transform: uppercase;
}

.prod-destacado-home .fondo-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f0f0+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 */
}

.prod-destacado-home .fondo-gradient:hover{
    background: #ececec;
}

.banner-index{
    background: url("../img/fondo-banner.jpg") center center no-repeat;
}
/*----------MAQUETA---------------*/

.navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
    padding-top: 22px;
    padding-bottom: 7px;
}

nav{
    position: relative;
    height: 50px !important;
}

.navbar-brand{
    z-index: 3;
    position: relative;
    height: 67px;
    overflow: hidden !important;
}

.navbar-brand img{
    position: relative;
    top: 0;
}

a.navbar-brand:hover .hidden-sm img{
    top: -67px;
}

a.navbar-brand:hover .visible-xs img{
    opacity: 0.5;
}

.submenu{
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50px;
    background: rgba(255,255,255, 0.7);
    width: 100%;
    padding: 20px;
    height: 58px;
    transition: all 1s;
}


.nav li{
    position: initial;
}

.submenu ul li{
    display: inline;
    float: none;
}

.submenu ul li a{
    padding: 23px 15px 20px 15px;
    margin-top: -1px;
}



.top{
    top: -20px;
    position: relative;
}

h1{
    width: 35%;
    height: 40px;
    margin: 0 auto 40px auto;
    padding-top: 13px;
}

.box{
    width: 208px;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 27px;
    padding-bottom: 10px;
    height: 255px;
}

.box h2{
    height: 70px;
}

.centro{
    margin: 0 auto;
}

.cart p{
    float: left;
    padding: 0 5px;
    margin-right: 8px;
}

.jardin,
.sanitarios{
    height: 382px;
}

small{
    margin: 68px 0 0 60px;
    display: block;
}

.jardin h2,
.sanitarios h2{
    margin-left: 60px;
    margin-top: 10px;
}

.jardin p,
.sanitarios p{
    width: 220px;
    margin-left: 60px;
    height: 140px;
}

.jardin a i,
.sanitarios a i{
    margin: 0 0 0 60px;
    padding: 0;
}

.jardin .bg{
    float: right;
}

.sanitarios .bg{
    float: left;
}


.buscar{
    height: 50px;
    width: 60px !important;
    margin-right: 62px;
    background: white;
    float: left;
}

a.buscar-cont,
.face{
    float: left;
}
.slick-prev:before, .slick-next:before{
  color: #143b9c;
}
#sec-description {
    margin-top: 25px;
    background: #f2f2f2;
}

#sec-description .ficha h3{
    background: #f2f2f2;
    position: relative;
}

#sec-description .container {
    background: url("../img/sombragris.png")top center no-repeat;
    background-size: 100%;
    font-size: 20px;
}

#sec-description .container h3 {
    background: url(../img/sombragris.png) bottom center no-repeat;
    background-size: 100%;
    padding-bottom: 50px;
    padding-top: 10px;
    font-size: 24px;
}

@media screen and (min-width:0\0) {
   .nav > li{
        position: initial !important;
    }
}


.buscar{
     padding-top: 15px;
     z-index: 9999;
     position: relative;
}

.buscar-collapse{
    position: absolute;
    z-index: 99999;
    top: 50px;
    right: 118px;
}

.buscar-collapse form input{
    width: 240px !important;
    height: 44px;
    padding-left: 10px;
    padding-right: 30px;
}

nav .form-group span{
    margin-left: -30px;
    /*margin-top: 15px;*/
}

@-moz-document url-prefix()
 {
   /*.navbar-form .form-group{
   width: 237px;
    }*/

    nav .form-group span{
        margin-left: 0;
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .buscar-collapse{
        right: 121px;
    }
}


.carrito,
.face{
    width: 60px;
}

.carrito{
    display: inline-block;
        position: absolute;
    right: 61px;
}


.carrito a,
.face a{
    margin: 0;
    padding: 15px 10px !important;
}

.carrito a{
    display: block;
}

.carrito a span{
    margin-right: 5px;
}

.face{
    position: relative;
    z-index: 1;
}
.face i{
    border: 1px solid white;
    border-radius: 80px;
    width: 40px;
    height: 30px;
    padding: 2px 8px;
}

footer .face i{
    border: 2px solid white;
    padding: 2px 10px;
}

footer .face{
    background: none;
    margin-top: 60px;
}

footer .afip{
    margin-top: 52px;
}

footer ul{
    list-style: none;
}

footer ul li{
    display: inline-block;
    padding: 20px;
}

footer .col-sm-5{
    margin-top: 20px;
}

.copyright{
    margin-top: 5px;
}

footer p{
    margin:0;
}

.up{
    padding: 0px 0 55px 0;
}

.up i{
    padding: 0;
    margin: 0;
}

footer .container{
    padding-bottom: 40px;
}

.breadcrumb{
    margin: 0;
    background: none;
    border-radius: 0;
}

.sup,
.inf{
    position: relative;
    top: -20px;
}

.sup .breadcrumb>li+li:before{
    content: "|";
    margin-left: -15px;
    margin-right: 15px;
}

.breadcrumb.inf>li+li:before{
    content: ">";
}

.sup .breadcrumb>li{
    margin-left: 15px;
    margin-right: 15px;
}

.sup .breadcrumb>li:nth-of-type(1){
    margin-left: 0;
}

.inf{
    background: white;
}
.css3-shadow{
    position:relative;
}
/*==================================================
 * Drop shadow effect with box-shadow
 * ===============================================*/
.css3-shadow:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
    box-shadow:0 0 15px rgba(0,0,0,0.4);
    bottom:0px;
    left:0;
    right:0;
    width:100%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}

.css3-shadow2{
    position:relative;
    background:white;
}
/*==================================================
 * Drop shadow effect with box-shadow
 * ===============================================*/
.css3-shadow2:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);
    box-shadow:0 0 10px rgba(0,0,0,0.6);
    bottom:0px;
    left:10%;
    right:10%;
    width:80%;
    height:5%;
    -moz-border-radius:100%;
    border-radius:100%;
}

.video{
    border-radius: 100%;
    width: 100px;
    height: 100px;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
}

.int{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 90%;
}



.producto-big{
    padding-bottom: 3px;
    margin-bottom: 30px;
}

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

.precio{
    padding: 15px;
    display: block;
    margin-top: 40px;
}

.comprar,
.contactar,
.pagar,
.btn-group-lg,
.btn-group-lg>.btn{
    border-radius: 0;
}

.btn-group-justified>.btn-group:nth-of-type(1) button{
    padding: 8px;
    margin: 5px 5px 0 0;
}

.btn-group-justified>.btn-group:nth-of-type(2) button{
    padding: 20px;
    margin: 5px 0 0 5px;
}

.btn-group-justified>.btn-group:nth-of-type(1) a{
    margin: 5px 5px 0 0;
}
.btn-group-justified>.btn-group:nth-of-type(2) a{
    margin: 5px 0 0 5px;
}

.btn-group-justified>.btn-group:nth-of-type(2) .btn{
    width: 98%;
}

.btn-group span.glyphicon{
    margin-left: -75px;
}

span.fix{
    margin-top: 13px !important;
    position: absolute;
    left: 50%;
}

.ficha h3{
    height: 23px;
    background: white;
    padding-top: 0px;
    margin-top: 12px;
}

.ficha .css3-shadow2{
    padding-bottom: 10px;
}

.ficha .css3-shadow2:after{
    left: 1%;
    right: 1%;
    width: 98%;
}

.ficha ul{
    list-style: none;
    padding-left: 0;
}

.ficha ul li{
    margin: 12px 0;
}

.ficha ul li:first-child:before{
    content: "";
}

.ficha ul li:before{
    content: "- ";
}

.ficha  .btn-group a {
    padding: 0;
}

.ficha  .btn-group a img {
    width: 100%;
}

.galeria{
    padding-bottom: 10px;
}



.gris{
    margin-top: 50px;
}

video{
    width: 100%;
    display: block;
    /*padding: 10px 12px;*/
}

video[poster]{
    height:100%;
    width:100%;
}

.vid{
    padding: 20px 0 50px 0;
}

.vid p{
    margin: 32px 0 0 0;
}

.gradiente{
    margin-top: 50px;
}

.gradiente h1{
    margin-top: -20px;
}


.carrito-in .exit{
    padding-top: 30px;
}

.carrito-in .box{
    width: 100%;
    border-bottom: none;
    margin-bottom: 0;
    height: auto;
}

.carrito-in img{
    float: left;
    margin-right: 0;
}

.carrito-in  .box h2{
    margin-top: 0;
}

table tbody tr td:last-child{
    text-align: right;
}

table tbody tr td:last-child p{
    float: right;
    margin:0;
}

table tbody tr td .precio{
    padding: 5px;
    display: inline;
    margin-top: 0;
}

.borde{
    float: left;
    padding: 0 15px;
    margin-right: 10px;
}

.medios img{
    float: left;
    margin: 5px 15px;
}

.pagar{
    margin-left: 30px;
}

.enviar{
    padding-right: 20px;
    padding-left: 20px;
}

.navbar-default .navbar-toggle{
    border: none;
    padding: 18px 19px;
}

nav .container-fluid{
    position: relative;
}

.grupo-slider{
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
}

.grupo-slider h2{
    margin-top: 0;
}

.grupo-slider h3{
    display: initial;
    padding: 5px 10px;
}

.bx-wrapper img{
    margin: 0 auto;
    height: 610px;
}

.bx-wrapper li{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    height: 517px;
}

.bx-wrapper .bx-controls-direction a{
    top: 0 !important;
}

.bx-controls{
    width: 1000px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    /*margin-top: -610px;
    height: 610px;*/
        margin-top: -250px;
    height: 250px;
}

.contacto,
.quienes{
    margin-top: 100px;
}

.cont{
    margin-top: -20px;
}

.cont .inf{
    top: 0;
    background: none;
}

.separador{
    padding-bottom: 20px;
}

.formulario h3{
    margin-top: 0;
}

.formulario p{
    margin-top: 10px;
}

.formulario form{
    padding-top: 40px;
    padding-bottom: 20px;
}

.ion-ios-telephone{
    padding: 1px 5px;
    border-radius: 3px;
    margin-right: 5px;
}

.mapa{
    padding: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact h3{
    padding: 10px 0;
}

.contact{
    padding-bottom: 40px;
}

.columnas{
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    margin-bottom: 80px;
}

.quienes-somos h3{
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.medio p{
    padding-top: 8%;
}

.gris.logos{
    margin-top: 0;
}

.gris.logos img{
    margin: 0 auto;
    padding: 30px 0;
}

.gracias{
    padding-top: 70px;
    padding-bottom: 70px;
}

.treslogo{
    margin-top: 45px;
    display: block;
}

.destacados-home h2{
    margin: 12px 0 0 15px;
}

.destacados-home{
    height: 42px;
}

.prod-destacado-home {
    position: relative;
}

.prod-destacado-home .row > div{
    min-height: 288px;
}

.prod-destacado-home .fondo-gradient{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.prod-destacado-home .datos{
    bottom: 20px;
    position: absolute;
    padding-top: 47px;
    height: 100px;
}

.prod-destacado-home .precio{
    background: none;
    padding: 0;
    margin: 0;
}

.prod-destacado-home span{
    top: initial;
    right: 23px;
    bottom: 28px;
    position: absolute;
}

.prod-destacado-home span img{
    width: 23px;
}

.prod-destacado-home .fondo-gradient .row .col-sm-10,
.prod-destacado-home .fondo-gradient .row .col-sm-2{
    position: initial;
}


.aviso{
    position: absolute;
    z-index: 1;
}

.aviso h3{
    height: 30px;
    margin: 0;
    padding: 10px;
    display: table;
}

.aviso-mercadopago{
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.aviso-mercadopago img{
    margin: 0 auto;
}

.banner-index{
    padding-top: 30px;
    padding-bottom: 30px;
}

.contenedor-slide{
    width: 100%;

}

.contenedor-slide .col-sm-6{

    width: 500px;
    height: 288px;
}

.bx-wrapper ul.bxslider2 img{
    height: initial;
}

.bx-wrapper ul.bxslider2 li{
    height: initial;
    width: 500px !important;
}
/*----------RESET---------------*/

.pad{
    padding-left: 0;
    padding-right: 0;
}

.extra-w{
    width: 100%;
}

.navbar-toggle{
    border-radius: 0;
    margin: 0;
}

/*--color navbar--*/
.navbar-default {
    border: none;
}
.navbar,
.enviar {
    border-radius: 0;
}

.navbar-brand{
    padding: 0;
}

.pad{
    padding-left: 0;
    padding-right: 0;
}

.bx-wrapper .bx-viewport{
    box-shadow: none !important;
    border: none !important;
    width: 100%;
    /*z-index: -1;*/
    left: 0 !important;
    top: 0;
}

nav .form-control{
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.navbar-form{
    margin: 0;
    padding: 0;
    border: 0;
    /*margin-right: 59px;*/
}

.modal-content{
    border: none;
    border-radius: 0;
    padding: 0 10px 0 30px;
}

.form-control{
    border-radius: 0;
    box-shadow:none;
}

.modal-body{
    padding-left: 0;
    padding-top: 5px;
    padding-right: 25px;
}

.modal-dialog{
    width: 405px;
}

.modal-header{
    padding-left: 0;
}

table {
    border-collapse: collapse;
}

.left{
    position: relative;
    z-index: 3;
}

.fondo{
    position: absolute;
    top: 0;
    z-index: 2;
}

.whatsapp { position: fixed; bottom: 24px; right: 11px;}
/*----------RESPONSIVE---------------*/





/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }
    .jardin .bg,
    .sanitarios .bg{
        width: 100% !important;
    }

    .jardin .bg{
        background-position: 0% 0%;
        background-size: cover;
    }

    .sanitarios .bg{
        background-position: 0% 0%;
        background-size: cover;
    }

    nav .container-fluid>.navbar-header,
    nav .container-fluid{
        margin-right: 0;
        margin-left: 0;
    }
     nav .container-fluid{
        padding-right: 0;
        padding-left:0;
    }


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .bg{
        width: 512px;
    }

    .jardin .bg{
        background-position: 0% 0%;
        background-size: 125%;
    }

    .sanitarios .bg{
        background-position: 0% 0%;
        background-size: 125%;
    }
}

@media (max-width: 1024px) {
    .desktop{
        display: none;
    }

    .referencia{
        position: relative;
    }
    .referencia .submenu{
        position: relative;
        top: 0;
        height: auto !important;
        padding: 0;
    }

    .submenu>.container-fluid{
        padding-left: 0;
        padding-right: 0;
    }

    .submenu ul {
        padding: 0;
    }

    .submenu ul li{
        display: block;
        text-align: left;
    }

    .submenu ul li a{
        display: block;
        padding: 10px 15px 10px 15px;
        margin-top: 0;
    }
    .navbar-default .navbar-nav>li>a:hover {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }

        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin: 7.5px 0;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
             border: none;
            width: 100% !important;
            background: rgba(10, 37, 102, 0.9);
            padding-right: 0;
            padding-left: 15px;

        }
        /* since 3.1.0 */
        .navbar-collapse.collapse.in {
            display: block!important;
            position: absolute;
             left: 0 !important;
            right: -15px !important;
        }
        .collapsing {
             left: 0 !important;
             width: 100% !important;
             right: -15px !important;
             padding-right: 0 !important;
             position: absolute;

        }
    nav{
        z-index: 99999;
    }
    .hidden-sm{
        display: none;
    }


    .visible-xs{
        display: block !important;
        margin-top: 12px;
        margin-left: 15px;
    }

    h1{
        width: 100%;
        margin-top: 15px;
    }

    .container-fluid>.navbar-collapse{
        margin-right: 0;
        margin-left: 0;
        padding: 0;
    }

    .navbar-nav form,
    .buscar{
        display: none;
    }

    .face{
        background: none;
    }

    .carrito{
            right: 60px;
    }

    /*-------productos-------*/
    .box{
        display: table;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .box a,
    .box .grupo{
        float: left;
    }

     .box .grupo{
        margin-left: 15px;
     }

    /*-------ficha-------*/
    .ficha-box{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .ficha-box .box a,
    .ficha-box .box .grupo{
        float: none;
    }

    .ficha-box .box a img{
        width: 100%;
        padding: 15px;
    }

    /*-------carrito-------*/
    .table td{
       display: inline-block;

    }

    .table .lista td:nth-of-type(1){
        width: 10%;
    }

    .table .lista td:nth-of-type(2){
        width: 90%;
    }

    .table .lista td:nth-of-type(2) img{
        margin-left: 30%;
    }

    .table .lista td:nth-of-type(3){
        width: 100%;
        border-top: none;
    }

    .table .lista td:nth-of-type(4){
        width: 50%;
        border-top: none;
    }

    .table .lista td:nth-of-type(5){
        width: 50%;
        border-top: none;
    }

    .table td:nth-of-type(1){
        width: 26%;
    }

    table tbody tr td:last-child{
        width: 74%;
    }

    table tbody tr:last-child td:last-child{
        width: 100%;
    }

    .esconder{
        display: none !important;
    }

    .bx-controls{
        width: 100%;
    }


    /*contacto*/
    .contacto{
        margin-top: 0;
        padding-top: 10px;
    }

    .contacto.grupo-slider{
        position: initial;
        padding-bottom: 40px;
    }

    .contacto.grupo-slider{
        background: none;
    }

    .contacto.grupo-slider h2{
        font-size: 35px;
        line-height: 35px;
    }

    .contacto.grupo-slider h3{
        font-size: 11px;
        padding-left: 0;
    }

    .white-responsive{
        background: white;
        width: 100%;
    }

    .formulario{
        padding-top: 30px;
    }

    .sombra {
        background: #ececec;
    }

    .navbar-brand{
        height: initial;
    }


}

@media (max-width: 1023px){


    .page-index .box{
        height: initial;
    }

    .shop-titulo{
        border-top: 1px solid #e3e3e3;
        margin-top: 15px;
    }




}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1024px) {
    .centro{
        width: 965px;
        margin: 0 auto;
    }

    .bg{
        width: 512px;
    }

    .jardin .bg{
        background-position: -4% 0%;
        background-size: 130%;
    }

    .sanitarios .bg{
        background-position: 0% 0%;
        background-size: 130%;
    }
    .nav > li{
        position: inherit !important;
    }

    .shop-titulo{
        display: none;
    }


}

@media (min-width: 1025px){
    .mobile{
        display: none;
    }

    .desktop{
        margin: 0 auto !important;
        width: 1024px;
    }

    .submenu{
        height: initial;
        padding: 20px 5px;
        text-align: left;
        background: rgba(255,255,255, 0.95);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
    }

    .submenu ul.desktop li.productos-iz,
    .submenu ul.desktop li.promos-der{
        float: left;
    }

     .submenu ul.desktop li.productos-iz{
        width: 758px;
        border-right: 1px solid #d6d6d6;
     }

    .submenu ul.desktop li.promos-der{
        width: 240px;
    }

    .submenu ul.desktop,
    .submenu ul.desktop li.productos-iz ul.items-productos{
        padding: 0;
        margin: 0;
    }
    .submenu ul.desktop li.productos-iz li{
        float: left;
    }

    .submenu ul.desktop li.productos-iz li a:hover{
        background: white;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.4);
        -moz-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.4);
        box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.4);

    }

     .submenu ul.desktop li.productos-iz li a{
        padding: 6px 4px;
        margin: 5px 2px;
     }

    .submenu ul.desktop li.productos-iz li a,
    .submenu ul.desktop li.productos-iz li a img,
    .submenu ul.desktop li.productos-iz li a h2{
        display: block;
    }

    .submenu ul.desktop li.productos-iz li a h2{
        font-size: 10px;
        text-align: left;
    }

    .submenu ul.desktop li.promos-der ul{
        padding-left: 20px;
        margin-top: 10px;
    }

    .submenu ul.desktop li.promos-der ul li{
        margin-bottom: 10px;
    }

    .submenu ul.desktop li.promos-der ul li span{
        width: 166px;
        padding-left: 20px;
    }

    .submenu ul.desktop li.promos-der ul li img,
    .submenu ul.desktop li.promos-der ul li span{
        float: left;
    }

    .submenu ul.desktop li.promos-der ul li h2{
        font-size: 11px;
        font-weight: bold;
        color: #103590;
        text-align: left;
        margin: 0;
        text-transform: uppercase;
    }

    .submenu ul.desktop li.promos-der ul li p{
        font-weight: 300;
        font-size: 11px;
        color: #3b3b3b;
        text-align: left;
    }

    .submenu ul.desktop li.promos-der ul li p span.color{
        color: #103590;
        padding-left: 0;
    }

}

@media (min-width: 1360px) {
    .bg{
        width: 680px;
    }

    .jardin .bg{
        background-position: 0% 0%;
        background-size: 100%;
    }

    .sanitarios .bg{
        background-position: 0% 0%;
        background-size: 100%;
    }

    nav .container-fluid{
        max-width: 1360px;
        margin: 0 auto;
    }

    .submenu .container-fluid{
        width: 100%;
    }

    .medio p {
        padding-left: 0;
    }
}

@media (min-width: 1680px){
    .medio p {
        padding-top: 10%;
        padding-left: 30%;
        padding-right: 10%;
    }
}

@media (min-width: 1920px) {
    .bg{
        width: 680px;
    }

    .seccion{
        width: 100%;
    }

    .medio p {
        padding-top: 15%;
    }
}

@media (max-width: 1200px){
    .fondo{
        position: initial;
        width: 100%;
    }

    .medio p{
        padding: 40px 100px;
    }

    .columnas{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}

@media (max-width: 767px) {
    .jardin .bg,
    .sanitarios .bg{
        width: 100% !important;
    }

    .jardin .bg{
        background-position: 0% 0%;
        background-size: 100%;
    }

    .sanitarios .bg{
        background-position: 0% 0%;
        background-size: 100%;
    }
    .box img{
        width: 114px;
    }
    .columnas{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .treslogo{
        display: none;
    }

    .banner-index{
        background: none;
    }

    .banner-index div > div img{
        margin: 0 auto;
    }
}

@media (min-width: 551px){
    .navegacion{
        float: right;
    }

     .navegacion i{
        background: #0e3083;
        font-size: 18px;
        width: 40px;
        height: 41px;
        display: block;
        margin: 0 auto;
        padding: 8px 0 0 0;
        text-align: center;
    }

    .navegacion div{
        display: inline-block;
        margin: 0 0 0 -4px;
        padding: 0;
    }

    .navegacion a:hover i{
        background: #02a911;
    }
    .destacados-home h2 {
        float: left;
    }

    ul.bxslider2 .col-sm-7{
        width: 58.33333333%;
        float: left;
    }

    ul.bxslider2 .col-sm-5{
            width: 41.66666667%;
            float: left;
    }


}

@media (max-width: 550px){
    .video{
        width: 70px;
        height: 70px;
    }


    .bx-wrapper .bx-viewport{
        height: 420px !important;
    }

    .grupo-slider{
        top: 100%;
         /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */
        background: rgb(255,255,255); /* Old browsers */
    background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%);
    background: linear-gradient(rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    height: 178px;
    }

    .grupo-slider h2{
        font-size: 25px;
        line-height: 25px;
    }

    .grupo-slider h3{
        font-size: 11px;
    }

    .bx-controls{
        width: 320px;
        position: initial;
        /*height: 485px;
        margin-top: -486px;*/
    }

    .bx-wrapper .bx-controls-direction a{
        top: 25% !important;
    }
    .bx-wrapper img{
        margin: 0 auto;
        height: 242px;
    }

    .bx-wrapper li{
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
        height: 242px;
    }

    .medio p{
        padding: 40px 60px;
    }

    .destacados-home{
        display: none;
    }
    .prod-destacado-home .row > div{
        display: block;
        float: none;
        margin: 5px auto;
        min-height: initial;
        padding-right: 0;
    }

    .aviso-mercadopago{
        display: none;
    }

    .prod-destacado-home .fondo-gradient {
        height: 195px;
        float: none;
        width: 100%;
        position: initial;
        padding-top: 10px;
    }

    .prod-destacado-home .row > div > .col-sm-7{
        float: none;
        width: 100%;
    }

    .prod-destacado-home .row > div > .col-sm-7 img{
        margin: 0 auto;
    }

    .prod-destacado-home span{
        bottom: 47px;
    }

    .prod-destacado-home .datos {
        bottom: 15px;
        position: absolute;
        padding-top: 47px;
        left: 30px;
        height: 118px;
    }

    .contenedor-slide .col-sm-6{
        height: initial;
    }

    .contenedor-slide .col-sm-6,
    .bx-wrapper ul.bxslider2 li{
        width: 360px !important;
        display: block;
        clear: both;
        margin: 0 auto !important;
    }

    .bx-wrapper ul.bxslider2 li{
        margin-bottom: 10px !important;
    }

    .contenedor-slide > .bx-wrapper {
        width: 360px !important;
         margin: 0 auto !important;
    }

    .contenedor-slide > .bx-wrapper .bx-viewport{
        height: initial !important;
    }

}

@media (max-width: 438px){
    .box .grupo{
        width: 161px;
    }

    .box h2{
            margin-top: 0;
    }

    h1{
        letter-spacing: 8px;
    }

    span.fix {
        left: 40%;
    }

    table .contactar{
        font-size: 10px;
    }

    .table td:nth-of-type(1){
        width: 33%;
    }

    table tbody tr td:last-child{
        width: 66%;
    }

    .medio p{
        padding: 30px;
    }


}


/*-----ANIMACION----*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.btn.comprar:focus,
.btn.comprar:hover{
  color: white;
}