#wozial{
    background: #001d01;
}
#footer{
    background: #d0e5d2;
}
#footer .h6{
    color: #387925;
}
.alert-cart{
	border-radius:100%;
	padding: .4em;
	position: absolute;
	background: #4c9647;
	right: -0.7em;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}
.bg-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    height:100%;
}

.height-60{min-height:60vh}
.height-40{min-height:40vh}
/********************** NOSOTROS CSS **********************/
    .bg-titulo{
        background-color:#e6e6e6;
    }
    .nosotros-titulo{
        color:#4c9647;
        font-size:3em;
        font-weight:700;
    }
    .nosotros-titulo-naranja{
        color:#cf8425;
        font-size:3em;
        font-weight:700;
    }

/********************* FIN NOSOTROS CSS ******************/


/* =================== DISTRIBUIDORES =================== */
    /* = Colores = */
    .text-azul, .azul{color:#258bac;}
    .text-green, .green{color:#4c9647;}
    .text-verde, .verde{color:#6a9b3e;}
    .text-negro, .negro{color:#000;}
    .text-orange, .orange{color:#f7a83e;}
    .text-gris, .gris{color:#77777a;}

    .title{font-weight:bold;text-align:center;}


    .bold-660{font-weight:660;}
    .bold-500{font-weight:500;}
    .bold-400{font-weight:400;}

    .height18{height:18em!important;width: 100%;}

    .m-p-0{margin:0!important;padding:0!important}
    .pad-b-20{padding-bottom:20px!important}
    .pad-60-0{padding:60px 0;}

    .bg{background-size:cover;background-position:center;height:70vh;}
    .bg-cover-center{background-size:cover!important;background-position:center!important;}
    .bg-gris-tenue{background-color:#eee}
    .bg-gris-claro{background-color:#e6e6e6!important}
    .bg-orange{background-color:#f7a83e;}
    .bg-green{background: #d0e5d2;}
    .bg-verde-claro{background-color:#d0e5d2;}

    .btn-orange{ background-color: #f7a83e; border: solid; border-radius: 40px;}

    .redondeo-6px{border-radius:6px;}

    .degradado{
        background: rgba(255,255,255,0)!important;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 17%, rgba(255,255,255,0) 24%, rgba(255,255,255,0.3) 43%, rgba(255,255,255,0.73) 70%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%)!important;
        background: -webkit-gradient(left top, left bottom, color-stop(17%, rgba(255,255,255,0)), color-stop(24%, rgba(255,255,255,0)), color-stop(43%, rgba(255,255,255,0.3)), color-stop(70%, rgba(255,255,255,0.73)), color-stop(87%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 17%, rgba(255,255,255,0) 24%, rgba(255,255,255,0.3) 43%, rgba(255,255,255,0.73) 70%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%)!important;
        background: -o-linear-gradient(top, rgba(255,255,255,0) 17%, rgba(255,255,255,0) 24%, rgba(255,255,255,0.3) 43%, rgba(255,255,255,0.73) 70%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%)!important;
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 17%, rgba(255,255,255,0) 24%, rgba(255,255,255,0.3) 43%, rgba(255,255,255,0.73) 70%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%)!important;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 17%, rgba(255,255,255,0) 24%, rgba(255,255,255,0.3) 43%, rgba(255,255,255,0.73) 70%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%)!important;
        margin:auto; text-align:center; border-bottom:solid 1px #fff;
    }

    .sombra{background-color:#fff;padding:3%;border-radius:6px}

    .a-card{margin:0; padding:0; text-decoration:none; width:100%!important;text-decoration:none}
    .cont-tard{margin:1%;padding:1%;background-color:transparent!important;border:solid transparent!important;box-shadow: none!important;border-radius:6px}
    .card-check{height:6em!important;margin-top:-6em!important;position:relative!important;z-index:4!important;}
    .card-ciculo{background-color:#4c9647!important;border-radius:100%!important;padding:12px 14px!important;}
    .card-icon{color:#fff!important;font-size:1.6em!important}
    .card-textos{height: 6.5em!important;padding-top:0!important;overflow:hidden;}
    .card-text{font-size:14px!important;line-height: 1.3em!important;color:#999!important;}
    .a-card:hover{text-decoration:none}
    .a-card:hover .card-ciculo{background-color:#cf8425!important;}
    .a-card:hover h3 , .a-card:hover {color:#cf8425!important;text-decoration:underline;border-left:solid 2px;}
    .a-card:hover .card-text{color:#000!important;}
    .a-card:hover .cont-tard{border-left:solid 2px}
    .a-card:hover .sombra{
        -webkit-box-shadow: 3px 3px 15px -1px rgba(153,153,153,1)!important;
        -moz-box-shadow: 3px 3px 15px -1px rgba(153,153,153,1)!important;
        box-shadow: 3px 3px 15px -1px rgba(153,153,153,1)!important;
    }

    .carta-box {position: relative;perspective: 1000px;height:16em;margin:0;padding:9}
    .carta-box:hover .carta {transform: rotateY(180deg);}
    .carta { transform-style: preserve-3d; transition: all 0.5s linear;width:100%;}
    .cara {position: absolute;  backface-visibility: hidden;width:100%;}
    .cara.detras { transform: rotateY(180deg);}

/* =================== MENU DESPLEGABLE =================== */
    .modal-cont{position: absolute;width:460px;margin-top:0;z-index:4;}
    .close-btn{position:absolute;right:0;padding:10px;z-index:9;margin:0;padding:0}
    .close-btn button{margin:0;padding:0;background-color:#fff;margin-top:20px;}
    .close-btn button span{margin:0;padding:0;color:#000}
    .menu-cont{padding:5px;padding-left:130px!important;margin-top:20px!important}
    .menu-cont button{background-color:#fff;color:#000!important;}
    .cont-logo{padding:5px!important;padding-left:130px!important;padding-bottom:40px;}
    .cont-logo img{height:4em;}
    .menu-li{color:#a8a8a8;padding:6px 5px;padding-left:130px;font-size:20px;}
    .menu-li a{color:#a8a8a8;}
    .menu-li:hover{background-color:orange;}
    .menu-li:hover a{color:#fff;}
    .cont-redes{margin-bottom:60px!important}
    .cont-redes a{background:#387925;}
    .cont-redes a:hover{background:orange;}
    .btn-floating.btn-lg{height: 50px;padding:0;margin:0;width: 50px;}
    .btn-floating.btn-lg i{height: 50px;padding:0;margin:0;margin-top:-5px;width: 50px;}


/* =================== FOOTER =================== */
    .container-footer{padding:40px 0 0px 0;}
    #footer h5{color: #387925;font-weight:700}
    #footer ul li a{color:#000;font-size:18px; text-decoration:underline;font-weight:600}
    #footer ul li a:hover{font-weight:700}
    .newslater{background-color:#fff;border-radius:20px}
    .new-input{border-radius:20px 0 0 20px;border:solid transparent}
    .new-bottom{border-radius:20px;border:solid #6a9b3e 1px;background-color: #6a9b3e!important;padding:5px 26px;color:#fff;margin-top:1px}
    .redes{background-color:#fff!important}
    .redes i{color:#006406;font-weight:700;}
    .redes:hover{background-color:wheat!important;}

/* =================== INICIO =================== */
    .w-h-100{height:80vh; margin:0; padding:0; width:100%;}
    .w-h-70{height:70vh; margin:0; padding:0; width:100%;object-fit: cover;}
    .slider-bg{
        background-position:center;background-repeat:no-repeat;background-size:cover;
        height:100%; margin:0; padding:0; width:100%;}
    .carousel-indicators li{padding:3px;}
    .carousel-control-next-icon,
    .carousel-control-prev-icon{border-radius:100%!important;background-color:#b8d19c!important;height:30px!important;width:30px!important;}
    .carousel .carousel-indicators li{border-radius:46%!important;background-color:#fff;opacity:.6}
    .carousel-indicators .active{background-color:#b8d19c!important;opacity:1!important}

    /* DESTACADOS */
    .cont-card{border: none; box-shadow: none;}
    .cont-card a{padding:0;}
    .cont-card a .cont-img{height:330px;margin:0;padding:0;}
    .cont-card a .cont-img img{max-height:330px;}
    .cont-card a .cont-text{padding-top:0!important}
    .altura{height:4em}
    .publico{text-align:center;font-size:13px;font-weight:900;}
    .btn-ver{line-height: 1;height:45px;background-color: #f7a83e!important; border: solid 2px #f7a83e;
        border-radius: 40px;font-size:20px;font-weight:700}
    .btn-ver:hover{background-color: #fff!important; border: solid 1px #f7a83e;color:solid 2px #f7a83e;}

    .cont-btn{margin-top:-1px}
    .cont-btn {line-height: 1;padding: 1em !important;background-color: #f7a83e!important; border: solid #f7a83e 2px; border-radius:40px;font-size:16px;font-weight:600;width:180px;position:absolute;}
    .cont-btn :hover{background-color: #fff!important; border: solid #f7a83e 2px;color:#f7a83e}
		.cont-btn2 {line-height: 1;padding: 1em !important;background-color: #f7a83e!important; border: solid #f7a83e 2px; border-radius:40px;font-size:16px;font-weight:600;width:180px;color:white;}
    .your-class .slick-next::after{content: ">"!important; color: blue;font-size:44px;color:#e6e6e6}
    .your-class .slick-next{content: ""!important; color: blue; font-size:1px;color:#fff;}
    .your-class .slick-next::before{content: ""!important; color: blue;font-size:1px;color:#fff;}
    .your-class .slick-prev::after{content: "<"!important; color: blue;font-size:44px;color:#e6e6e6}
    .your-class .slick-prev{content: ""!important; color: blue; font-size:1px;color:#fff;}
    .your-class .slick-prev::before{content: ""!important; color: blue;font-size:1px;color:#fff;}
    .your-class .slick-dots li{background-color:#e6e6e6;height:10px;width:30px;border-radius:5px;}
    .your-class .slick-dots li button:before{color:transparent;;background-color:#e6e6e6;height:10px;width:30px;border-radius:5px;}
    .your-class .slick-dots li.slick-active button:before{color:transparent;background-color:orange;height:10px;width:30px;border-radius:5px;}

/* =================== NOVEDADES =================== */
    .cont-novedades{height:350px;width:350px;border-radius:100%}
    .cont-novedades{height:350px;width:350px;border-radius:100%}
    .cont-novedades img{max-height:350px;max-width:350px;border-radius:100%}
    .cont-text, .cont-text p{color:#000!important;height:140px;overflow: hidden}
    .btn-novedad{line-height: 1;height:56px;background-color: #f7a83e!important; border: solid #f7a83e 2px!important;
        border-radius:40px;font-size:16px;font-weight:600;width:180px}
    .btn-novedad:hover{background-color: #fff!important; border: solid #4c9647 2px!important; color:#4c9647!important;}
    .img-novedad{height:220px;}
    .img-novedad img{height:220px;}

    .cont-distribuidor{color:#000!important;height: 50px;overflow: hidden;}
    .distribuidor-btn{line-height: 1;padding:1em !important;background-color: #f7a83e!important; border: solid #f7a83e !important; border-radius:40px;font-size:16px;font-weight:600;width:180px}
    .distribuidor-btn:hover{background-color: #fff!important; border: solid #f7a83e 1px;color:#f7a83e; }
    .distribuidor-img{max-height:80vh;margin-top:-60px}


/* =================== DISTRIBUIDORES =================== */
    .cont-pack{padding-top:80px;}
    .cont-fonto{height:14em;width:100%;background-color:#eee;overflow: hidden;}
    .cont-hover{height:14em;width:100%;border:solid 2px #cf8425;background-color:rgba(255,255,192, 1);}
    .text-pack{font-size:12px;padding-top:10px;height:13em;overflow:hidden;}

/* =================== CONTACTO =================== */
    .form-cont{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;padding:5em 5%}
    .cont-input{padding:10px 10px 6px 10px;}

    .nav-tabs .nav-item{margin:0; padding:0;}
    .nav-tabs .nav-item a:hover,
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#387925!important;}
    .nav-tabs .nav-link{color:#999;}
    .nav-tabs .nav-item {
    margin-bottom: -1px; border: solid #999 1px!important;}
    .nav-tabs .nav-item a{border:solid transparent 1px;}
    .nav-tabs .nav-item a:hover{border:solid transparent 1px;color:#000;}


    .scrollbar
    {

        height:560px;
        overflow-y: scroll;
        margin-bottom:40px!important;
        margin-left: 10px!important;
    }

    .force-overflow
    {
        min-height: 560px;margin-left:20px;
    }

    /*
     *  STYLE 1
     */

    #style-1::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
        border-radius: 10px;
      background:transparent;
      border:solid transparent 1px;margin-left: 10px!important;
    }

    #style-1::-webkit-scrollbar
    {
        width: 20px;
        background-color:transparent;margin-left: 10px!important;
    }

    #style-1::-webkit-scrollbar-thumb
    {
        border-radius: 10px;height:30px!important;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #999;margin-left: 10px!important;
    }

*:focus,
a:focus,
bottom:focus{
outline: 0;
border:solid transparent;
}


.card-product{
	height: 30em;
}
.card-product-def{
	height: 30em;
	object-fit: contain;
}

/* ----------- MEDIA QUERY  */
    @media (min-width: 1800px){
    }
    @media (max-width: 1600px){/*Tamaño xl*/
    }
    @media (max-width: 1500px){
        .w-h-70{height: 60vh;}
    }
    @media (max-width: 1200px){/*Tamaño l*/
        .w-h-70{height: 50vh;}
        .height-60{min-height:40vh;}
        .height-40{min-height:30vh}
        .card-textos {height: 6em!important;}
        .img-novedad{height:220px;}
        .img-novedad img{height:220px;}
    }
    @media (max-width: 960px){ /*Tamaño m*/
        .no-movil{display: none;}
        .cont-novedades,
        .cont-novedades img{
            height:250px;
            width: 250px;
        }
        .p-5{padding:30px 15px!important}
        .w-h-70 {height: 40vh;}
        .container, .container-md, .container-sm {
            max-width:100%;
            padding:10px
        }
        .pad-60-0{padding:60px 30px;}
        .altura{padding-top:3px!important}
        .altura .p-2{padding:4px 2px!important}
        .altura h5{font-size:14px}
        .row,
        .pad-contact{margin:0!important;padding:0!important;width:100%;margin:0 auto;text-align:center;}
        .centrar{margin:0 auto!important;text-align:center!important;width:100%!important;}
        .pad-60-0 {padding: 60px 10px;}
        .height-40 .bg-img{background-size:contain;}
    }
    @media (max-width: 820px){

    }
    @media (max-width: 640px){/* Tamaño s*/
        .title{font-size:30px}
        .w-h-70{height: 34vh;}
        .distribuidor-img { margin-top: 0px; }
        .container, .container-md, .container-sm {max-width:100%; padding:6px }
        .altura{padding-top:6px!important}
        .card-distri{width:100vw!important;}
        .pad-60-0 {padding: 60px 10px;}
        /*.card-distri{width:42vw!important;border:solid purple 4px;}*/
        .card-deck .card{width:100%!important;display: inline-block;
            margin:0;padding:0}
        .card-display{display: inline-block;}
    }
    @media (max-width: 550px){
        .container, .container-md, .container-sm {
            max-width:100%;
            padding:4px
        }
        .height-40 {min-height: 20vh;}
				.card-product{
					height: 350px;
				}
				.card-product-def{
					height: 350px;
					object-fit: contain;
				}
    }


/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/* ===================================================================================================== */
/*  SLIDER DE MUCHOS ITEMS BOOTSTRAP */
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
  transform: translateX(0);

}