.cms-index-index.cms-home .notice-msg {
    display: none !important;
}

.cms-home .breadcrumbs {
    display: none !important;
}

body.cms-home .home-grid .main-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.home-grid {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #f0efef !important;
}

.home-grid .main-container p {
    padding: 0 36px;
    margin-bottom: 0px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    color: #212322;

}

.home-grid .main-container .truper-h2 {
    padding: 0 25px;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    color: #212322;

}

.home-grid .main-container .btn-truper {
    margin-left: 0px !important;
    display: inline-block;
}

.home-grid .grid-text-cont {
    height: 110px;
}

.home-destacados {
    color: #212322;
    font-size: 24px;
    line-height: 26px;
    text-transform: none !important;
    margin: 20px 0 !important;
    font-weight: bold;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
}

.home-destacados i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}

.distribuidor {
    padding: 50px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: url('../images/distribuidor.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff !important;
}

.owl-carousel .product-name {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    margin: 15px 0;
}

/** BRANDS **/

.brands .title {
    font-weight: bold;
    color: #212322;
    font-size: 20px;
}

.brands .title .orange {
    color: #ff6720;
    font-weight: bold !important;
}

.brands .title span {
    font-weight: normal !important;
}

.brands .brands-small {
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.brands .brands-small.truper {
    display: block;
}

.brands .brands-small span {
    font-weight: normal;
}

.brands p.brands-mobile {
    margin: 0 !important;
}

.brands-logos img.active {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.2);
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2);
}

.brands-logos img:hover {
  /*  transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    !*-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;*!
    transform: scale(1.2);
    -ms-transform: scale(1.2); !* IE 9 *!
    -webkit-transform: scale(1.2);*/
}

.brands-logos img {
  /*  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  /*  filter: grayscale(100%); /* FF 35+ */
    max-width: 90%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

/*.noticias-distribuidor h4 {
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: normal !important;
}
.noticias-distribuidor p{
    font-size: 14px !important;
    font-weight: lighter !important;

}


.noticias-distribuidor .news-title{
    font-size: 16px !important;
    line-height: 23px;
    font-weight: normal !important;
    vertical-align: middle;
    border-bottom: 2px solid #ff6720;
    position: relative;
    display: inline-block;
    color: #212322 !important;
}


.noticias-distribuidor .news-title:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent transparent #ff6720 transparent;

}*/

/*.widget-latest a:hover{
    text-decoration: none;
}*/

/** banner nuevos **/
/*.banner-nuevos{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #f0efef !important;
}


.banner-nuevos .new-text-container{
    display: block;
    position: relative;
    width: 70%;
    float: right;
}


.banner-nuevos h3{
    color: #212322;
    font-size: 58px;
    font-family: 'Lato', sans-serif !important;
    text-align: left;
    text-transform: none;
    margin: 0 !important;
}

.banner-nuevos h4{
    color: #212322;
    font-size: 58px;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    text-align: right;
    margin: 0 !important;
}


.banner-nuevos .img-new{
    margin-left: -70px;
    margin-bottom: 30px;
}

.banner-nuevos .new-text-gray{
    color: #212322;
    font-size: 28px;
}

.banner-nuevos .new-text-orange{
    text-align: justify;
    color: #ff6720;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}*/

/*** DESTACADOS ***/

.destacados .owl-carousel .owl-item {
    padding: 0 6px;
}

.destacados .owl-carousel .padding-lr-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.destacados .owl-carousel .border {
    border: 1px solid #f0efef;
}

.destacados .owl-carousel a:hover {
    text-decoration: none !important;
}

.destacados .owl-carousel .clave-codigo {
    width: 145px;
    margin: 0 auto;
}

.destacados .owl-carousel .clave-codigo .product-clave,
.destacados .owl-carousel .clave-codigo .product-codigo {
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322;
    font-weight: 400;
    font-size: 14px !important;
}

/***  DESTACADOS  **/

/*** distribuidor slider **/

#slider {
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}

.distribuidor .truper-h2 {
    color: #fff;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 22px;
}

.distribuidor p {
    font-family: 'Lato', sans-serif !important;
    font-weight: normal;
    font-size: 14px !important;

}

#container-css-slider p {

    font-family: 'Lato', sans-serif !important;
    font-weight: 300;
}

#container-css-slider p.puesto {
    margin: 2px 0 !important;
}

.dist-orange {
    color: #ff6720!important;
}

.distribuidor input {
    display: none;
}

#slide1:checked ~ #slides .inner {
    margin-left: 0;
}

#slide2:checked ~ #slides .inner {
    margin-left: -100%;
}

#slide3:checked ~ #slides .inner {
    margin-left: -200%;
}

#slide4:checked ~ #slides .inner {
    margin-left: -300%;
}

#slide5:checked ~ #slides .inner {
    margin-left: -400%;
}

#container-css-slider {
    width: 100%;
    overflow: hidden;
}

.distribuidor article img {
    width: 100%;
}

#slides .inner {
    width: 500%;
    line-height: normal;
}

#slides article {
    width: 20%;
    float: left;
}

#commands {
    top: calc(50% - 25px);
    position: absolute;
    margin: 0;
    width: 100%;
    height: inherit;
}

#commands label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.5;
}

#commands label:hover {
    opacity: 0.8;
}

#slide1:checked ~ #commands label:nth-child(2),
#slide2:checked ~ #commands label:nth-child(3),
#slide3:checked ~ #commands label:nth-child(4),
#slide4:checked ~ #commands label:nth-child(5),
#slide5:checked ~ #commands label:nth-child(1) {
    background: url('https://0.s3.envato.com/files/84450220/img/next.png') no-repeat center;
    float: right;
    margin-right: 10px;
    display: block;
}

#slide1:checked ~ #commands label:nth-child(5),
#slide2:checked ~ #commands label:nth-child(1),
#slide3:checked ~ #commands label:nth-child(2),
#slide4:checked ~ #commands label:nth-child(3),
#slide5:checked ~ #commands label:nth-child(4) {
    background: url('https://0.s3.envato.com/files/84450220/img/previous.png') no-repeat center;
    float: left;
    margin-left: 10px;
    display: block;
}

.distribuidor .caption {
    line-height: 20px;
    margin: 0 0 -150%;
    position: absolute;
    padding: 320px 12px;
    opacity: 0;
    color: #fff;
    text-transform: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
}

.distribuidor .caption .bar {
    display: inline-block;
    padding: 10px;
    background: #000;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#slides {
    position: relative;
    margin: 0;
    background: none !important;

}

#slides .inner {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#slider {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#commands label {
    -webkit-transform: translateZ(1);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .caption,
#slide2:checked ~ #slides article:nth-child(2) .caption,
#slide3:checked ~ #slides article:nth-child(3) .caption,
#slide4:checked ~ #slides article:nth-child(4) .caption,
#slide5:checked ~ #slides article:nth-child(5) .caption {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
}

#commands,
#commands label,
#slides,
#active,
#active label {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.distribuidor .quote {
    font-family: "Times New Roman";
    font-size: 34px !important;
    text-align: left;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    margin-bottom: -24px;
    width: 100%;

}

/*** distribuidor slider **/

#seo {
    margin-top: 30px;
    font-size: 10px;
    color: #aeaeae;
}

.cms-home .page > .main-container.col1-layout {
    padding-bottom: 0 !important;
}

/*** SLIDER ***/

.carousel-caption {
    color: white;
    xright: 58%;
    text-align: center;
    width: 48%;
    right: 0 !important;
    left: auto !important;
    top: 30%;
    /*top: 50%; */
    xtransform: translateY(-50%);
    xbottom: initial;
    background: rgba(0, 0, 0, 0.65);
    padding: 15px;
    height: 40%;
}

.carousel-control {
    width: 70px;
    text-shadow: none !important;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
}

.content-caption {
    text-align: left;
    width: 85%;
}

.carousel-caption h3 {
    margin: 10px 0;
    font-size: 35px;
    font-weight: bold;
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    text-transform: none !important;
}

.carousel-caption h3 span {
    color: #ff6720 !important;
}

.carousel-caption p {
    font-size: 25px;
    font-family: 'Lato', sans-serif !important;
}

.carousel-caption p span {
    font-weight: bold !important;
    color: #ff6720;
}

.slider-boots {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 0px;
}

@media (max-width: 1020px) {
    .home-grid .grid-text-cont {
        height: 120px;
    }

    .home-grid .truper-h2 {
        font-size: 2.1vw !important;
    }
}

@media (max-width: 991px) {
    .carousel-caption {
        width: 50%;
    }

    .carousel-caption h3 {
        font-size: 24px;
    }

    .carousel-caption p {
        font-size: 14px;
    }

    .home-grid .truper-h2 {
        font-size: 2vw !important;
    }
}

@media (max-width: 861px) {
    .home-grid .truper-h2 {
        font-size: 1.8vw !important;
    }

    .home-grid .grid-text-cont {
        height: 160px;
    }
}

@media (max-width: 770px) {

    .brands .item img {
        width: 100% !important;
        max-width: 200px !important;
        -webkit-filter: none !important; /* Ch 23+, Saf 6.0+, BB 10.0+ */
        filter: none !important; /* FF 35+ */
        opacity: 1 !important;
    }

    body.cms-home .main-container {
        padding-top: 44px;
    }

    #seo {
        display: none;
    }

    .banner-nuevos .new-text-container {
        width: 100%;
    }

    .banner-nuevos .new-text-gray {
        color: #212322;
        font-size: 18px;
    }

    .banner-nuevos .new-text-orange {
        font-size: 18px;
    }

    .slider-boots {
        margin-top: -10px !important;
    }

    /*.carousel-caption {
        display: block;
    }*/
    .home-grid .main-container p {
        margin-bottom: 0 !important;
    }

    .home-grid .main-container .btn-truper {
        margin-bottom: 40px !important;
    }

    .carousel-caption {
        width: 100%;
        top: auto;
        bottom: 0 !important;
    }

    .home-grid .grid-text-cont {
        height: auto;
        margin-bottom: 20px !important;
    }

    .home-grid .truper-h2 {
        font-size: 20px !important;
    }

    .home-grid .btn-truper {
        margin-top: 20px;
    }

}