.p-relative {
    position: relative;
}

.dark-green-eco {
    color: #04833F;
}

.eco-protect.content-product-item .product-description {
    background-color: #EFF9F7;
}

.eco-protect.content-product-item .product-description .remate-product-item svg {
    fill: #ADDFB3;
}

.eco-protect h1, .eco-protect h2, .eco-protect h5 {
    color: #44883E;
}

.eco-protect .info-prod h3 {
    color: #44883E;
}

.eco-protect .supMin {
    color: #4F8933;
}

.supreme .supMin {
    color: #842b3f;
}

.font-medium {
    font-weight: 400;
}

.EspecialUnit {
    width: auto;
    height: 80%;
    max-width: 100%;
}

.eco-protect .productInter {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.supCof {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    margin: 5px 0;
    text-align: center;
    position: relative;
    z-index: 10;
    bottom: -15px;
}

.eco-protect .supCof {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.eco-protect .content-circles-landing {
    background-color: #e3f1c5;
	margin-bottom: 280px;
}


.eco-protect .circle-image span {
    width: 80%;
}

.eco-protect .cirAll {
    width: 40%;
}

.cirAll.ecocare-img {
    width: 100%;
}

.eco-protect .circles-half-position {
     background-color: #e3f1c5;
    background-size: 100% auto;
    background-repeat: no-repeat;
	margin-bottom: 350px;
}

.eco-protect .circles-half-position .circles .circle-unit .circle-image img {
    width: 125px;
    height: 125px;
    padding: 5px;
    margin: auto;
    border-radius: 100%;
}

.eco-protec .circles-half-position .circles .circle-unit h4 {
    color: #04833f;
}

.circles-half-position .circles {
    padding-top: 0;
}

.abeja {
    background: url(../images/producto/ecoprotect/abeja.png) no-repeat;
    width: 58px;
    height: 58px;
    background-size: contain;
    position: absolute;
    left: 200px;
    top: -85px;
}

.colibri {
    background: url(../images/producto/ecoprotect/colibri.png) no-repeat;
    width: 70px;
    height: 70px;
    background-size: contain;
    position: absolute;
    right: 250px;
    top: 10px;
    bottom: 0;
}

.icon-float {
    width: auto;
    display: inline-block;
    position: relative;
}

.eco-protect .content-circles-landing.bullet-world {
    padding-bottom: 0;
    margin-bottom: 150px;
}

.eco-protect .content-circles-landing .etapas .etapa {
    background-color: #ffffff;
    border: 2px solid #04833f;
    z-index: 2;
}

.eco-protect .content-circles-landing.curve {
     margin-top: -1px;
   background-color: #def1c4;
    background-image: url(../images/producto/ecoprotect/curva.svg);
    background-position: bottom !important;
    background-size: auto 300px;
    background-repeat: repeat-x;
    background-position: center;
}

.eco-protect .content-circles-landing .etapas hr {
    width: calc(110px * 6);
    height: 5px;
    position: absolute;
    top: 50px;
    background-image: url(../images/producto/producto-item/eco-natural/bg-dotted.png);
    background-size: auto 5px;
    background-position: center;
    border: none;
    background-repeat: repeat-x;
}

h2.rn {
    font-size: 30px;
    padding-top: 23px;
}

.eco-protect .content-circles-landing .etapas {
    width: 100%;
}

button.outline.white-reverse.bannerbtn {
    background-color: #ffffff;
    color: #e2231a;
    width: 130px;
    height: 38px;
    vertical-align: top;
    padding: 0;
}

.product-description .description-right span.solo, .product-description.landing .description-right span.solo {
    width: auto;
}

.supreme .topslide {
    color: #842b3f;
}

.semi-bold {
    font-family: 'Huggies';
    font-weight: 700;
}

.supreme .pleca-banner {
    background: #f7f6f3;
    height: 10px;
    width: 100%;
}

.eco-protect .pleca-banner {
   background: #e3f1c5;
    height: 10px;
    width: 100%;
}

.platino .pleca-banner {
    background: #812840;
    height: 10px;
    width: 100%;
}

.eco-protect .path {
    fill: #e3f1c5;
}

.supreme .path {
    fill: #f7f6f3;
}

.ultra-confort .path {
    fill: #FFFFFF;
}

.all-around .path {
    fill: #1AC8D3;
}

.pull-ups .path {
    fill: #643D8E;
}
.blacklabel .path {
    fill: #fff !important;
}

.little-swimmers .path {
    fill: #B9DBE5;
}

.toallitas-prod .path {
    fill: #f9ae9a;
}

.toiletries .path {
    fill: #de221f;
}

.bath-lavanda .path {
    fill: #6e65b5;
}

.bath-manzanilla .path {
    fill: #f4af43;
}

.platino .path {
    fill: #812840;
}

.ultra-confort .pleca-banner {
    background: #FFFFFF;
    height: 10px;
    width: 100%;
}

.all-around .pleca-banner {
    background: #1AC8D3;
    height: 10px;
    width: 100%;
}

.pull-ups .pleca-banner {
    background: #643D8E;
    height: 10px;
    width: 100%;
}
.blacklabel .pleca-banner {
    background: #fff !important;
    /*height: 10px;*/
    width: 100%;
}

.blacklabel .pleca-banner svg{
    top: 0px !important;
}
.little-swimmers .pleca-banner {
    background: #B9DBE5;
    height: 10px;
    width: 100%;
}

.toallitas-prod .pleca-banner, .toallitash-prod .pleca-banner {
    background: #f9ae9a;
    height: 10px;
    width: 100%;
}

.toiletries .pleca-banner, .aqua .pleca-banner {
    background: #de221f;
    height: 10px;
    width: 100%;
}

.bath-lavanda .pleca-banner, .aqua .pleca-banner {
    background: #6e65b5;
    height: 10px;
    width: 100%;
}

.bath-manzanilla .pleca-banner, .aqua .pleca-banner {
    background: #f4af43;
    height: 10px;
    width: 100%;
}

.purple .pleca-banner, .purplet .pleca-banner {
    background: #5F259F;
    height: 10px;
    width: 100%;
}

.yellow .pleca-banner {
    background: #F1B434;
    height: 10px;
    width: 100%;
}

.green .pleca-banner {
    background: #7FBA27;
    height: 10px;
    width: 100%;
}

.purple #image-slide-1 img, /*.toiletries #image-slide-1 img,*/ .yellow #image-slide-1 img {
    max-width: 136px;
    width: 100%;
    height: auto;
}

.ultra-confort .logo-banner, .all-around .logo-banner, .pull-ups .logo-banner, .blacklabel .logo-banner {
    width: 125px;
    top: 5px;
}

.ultra-confort .logo-banner {
    width: 122px;
    top: 5px;
}

.logo-banner.general-img {
    width: 130px;
    top: -3px;
    left: 15px;
}

.pleca-banner svg {
    max-width: 370px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
}

.product-description, .product-description.landing {
    padding-top: 0;
}

.product-description .description-left, .product-description.landing .description-left, .product-description .description-right, .product-description.landing .description-right {
    min-height: 250px;
    margin-top: 100px;
}

.product-description .logo-header {
    width: 300px;
}

img.logo-banner {
    max-width: 163px;
    width: 100%;
    padding-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.toiletries img.logo-banner {
    padding-top: 25px;
}


.bath-manzanilla img.logo-banner {
    padding-top: 25px;
}


.bath-lavanda img.logo-banner {
    padding-top: 25px;
}

.little-swimmers img.logo-banner {
    max-width: 111px;
    top: 10px;
}

.product-description.landing {
    padding-bottom: 30px !important;
}

.toallitash-prod.content-product-item .product-description {
    background-color: #FFFFFF;
    color: #E2231A;
}

.toallitas-prod.content-product-item .product-description {
    background-color: #FFFCFC;
    color: #EA6D60;
}

.toiletries.content-product-item .product-description {
    background-color: #fffcfc;
}

.bath-lavanda.content-product-item .product-description {
    background-color: #fefcff;
}

.bath-manzanilla.content-product-item .product-description {
    background-color: #fffefc;
}

.purple.content-product-item .product-description, .purplet.content-product-item .product-description {
    background-color: #FEFCFF;
    color: #5F259F;
}

.yellow.content-product-item .product-description {
    background-color: #FFFEFC;
    color: #F1B434;
}

.green.content-product-item .product-description {
    background-color: #FFFEFC;
    color: #7FBA27;
}

.aqua.content-product-item .product-description {
    background-color: #FFFFFF;
    color: #49C5B1;
}

@media (max-width: 1199.98px) {
    .t-media {
        background: yellow;
    }
}

@media (max-width: 991.98px) {
    .t-media {
        background: pink;
    }

    .supCof {
        font-size: 8px;
        padding: 0 5px;
    }
}

@media (max-width: 767.98px) {
    .t-media {
        background: blue;
    }

    .eco-protect .topslide {
        bottom: 30px;
    }

    .eco-protect .cirAll {
        width: 100%;
    }

    .eco-protect .circle-image span {
        width: initial;
    }

    .abeja {
        left: 20px;
        top: 20px;
        position: absolute;
    }

    .colibri {
        right: 10px;
        top: 100px;
        bottom: 0;
    }

    .circle-tec {
        max-width: 526px;
        width: 100%;
    }

    .eco-protect .content-circles-landing.bullet-world {
        padding-bottom: 30px;
    }

    .product-description .description-left, .product-description.landing .description-left {
        min-height: auto;

    }

    .product-description .description-right, .product-description.landing .description-right {
        margin-top: 0;
    }

    .product-description .logo-header {
        width: 265px;
    }
    
    .pleca-banner svg {
        max-width: 262px;
    }

    img.logo-banner {
        max-width: 128px;
    }

    .little-swimmers .logo-banner {
        width: 90px;
        top: 2px;
    }
    
    .little-swimmers .EspecialUnit {
        max-width: 100%;
    height: auto;
    margin-top: 0px;
    }

    .supMin {
        position: initial;
    }

    .logo-banner.general-img {
        width: 130px;
        top: -3px;
        left: 0;
    }

    .toiletries #image-slide-1 img, .purple #image-slide-1 img, .yellow #image-slide-1 img {
        width: auto;
        height: 80%;
    }
}

@media (max-width: 575.98px) {
    .t-media {
        background: red;
    }

    .supCof {
        font-size: 8px;
        padding: 0 5px;
    }

    .producto .img-prod {
        height: 100px;
    }
}

@media (max-width: 414px) {
    .supMin {
        bottom: initial;
    }
}