.block-slider{
    overflow: hidden;
    position: relative;
}

    .block-slider .btn-nav{
        background:none;
        border:none;
        cursor: pointer;
        padding:0;
        position: absolute;
        top: 50%;
        width: 42px;
        overflow: hidden;
        margin-top: - 21px;
        /*transform: translateY(calc(-50% + 21px));*/
        transition: 500ms;
        z-index: 8;
    }

    .block-slider .btn-nav.prev{
        left: 20px;
    }

    .block-slider .btn-nav.prev:hover{
        left:40px;
    }

    .block-slider .btn-nav.next{
        right: 20px;
        transform: rotate(180deg);
    }

    .block-slider .btn-nav.next:hover{
        right:40px;
    }

    .block-slider .controls {
        position: absolute;
        bottom: 20px;
        left: 50%;
        font-family: 'Avenir-Light';
        color: #828b99;
        font-size: 13px;
        display: inline-block;
        transform: translateX(-50%);
    }

        .block-slider .controls li {
            width: 4px;
            height: 4px;
            background-color: #828b99;
            float: left;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            transition: 750ms;
            margin: 0 10px;
        }

         .block-slider .controls li:before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0px;
            height: 0px;
            border: 0px solid #fff;
            content: '';
            display: block;
            border-radius: 50%;
            box-sizing: border-box;
            transform: translate(-50%, -50%);
        }

        .block-slider .controls li.active{
            background-color: #88b908;
            width: 18px;
            height: 18px;
            transform: translateY(-6px);
            position: relative;
        }

         .block-slider .controls li.active:before {
            width: 16px;
            height: 16px;
            border: 3px solid #fff;
        }

    .block-slider .slides-wrap{
        background-image: url(../img/ruidobg.jpg);
        height: 100%;
        left: 0px;
        position: relative;
        transition: 1000ms;
        width: 500vw;
    }

        .block-slider .slide{
            background-size:cover;
            float: left;
            height: 100%;
            width: 100vw;
        }

            .block-slider .content{
                height: 100%;
                margin: 0 auto;
                max-width: 1280px;
                /*max-width: 1440px;*/
                position: relative;
            }

                .block-slider .text{
                    box-sizing: border-box;
                    float: left;
                    height: 100%;
                    padding: 150px 0 0 60px;
                    position: relative;
                    width: 50%;
                }

                    .block-slider .text hgroup{
                        width: 500px;
                    }

                        .block-slider .text h1{
                            color: #494a66;
                            font: 48px/49px 'Avenir-Medium';
                        }

                        .block-slider .text h2 {
                            color: #494a66;
                            font:18px/22px 'Avenir-Light';
                            margin-top:20px;
                        }

                        .block-slider .text a{
                            margin-top: 20px;
                        }

        /*Slide Resumen Ejecutivo*/
        .block-slider .slide#slide-resumen-ejecutivo{
            background:url(../img/bg-resumen_ejecutivo.jpg) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-resumen-ejecutivo .text{
                float: none;
                left: 27%;
                padding: 0;
                top: 18%;
                transform: translateX(-50%);
                width: 500px;
            }

                .block-slider .slide#slide-resumen-ejecutivo .text h1{
                    color:#494a66;
                    font-size:54px
                }

                .block-slider .slide#slide-resumen-ejecutivo .text h2{
                    color:#494a66;
                    font-size:18px
                }

                .block-slider .slide#slide-resumen-ejecutivo .btn_green{
                    padding: 0 25px;
                    font-size: 18px;
                    margin-top: 44px;
                }


        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-resumen-ejecutivo .text {
                top: -30%;
            }

                .block-slider .slide#slide-resumen-ejecutivo .text h1 {
                    font-size: 51px;
                    line-height: 49px;
                }

                .block-slider .slide#slide-resumen-ejecutivo .text h2 {
                    font-size: 12px;
                    /* line-height: 13px; */
                }

                .block-slider .slide#slide-resumen-ejecutivo .btn_green{
                    margin-top: 20px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-resumen-ejecutivo{
                background:url(../img/bg-resumen_ejecutivo_mobile.jpg) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-resumen-ejecutivo  .text{
                    top:-70px;
                    left: 50%;
                }

                .block-slider .slide#slide-resumen-ejecutivo .text h1 {
                    line-height: 49px;
                }

                .block-slider .slide#slide-resumen-ejecutivo .text h2 {
                    /* line-height: 13px; */
                }

        }

        @media only screen and (max-width: 425px){

            .block-slider .slide#slide-resumen-ejecutivo .btn_green{
                font-size: 14px;
            }

        }
        /*Fin - Slide Resumen Ejecutivo*/

        /*Slide Premios*/
        .block-slider .slide#slide-premios{
            background:url(../img/bg_premios.jpg) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-premios .text{
                float: none;
                left: 27%;
                padding: 0;
                top: 18%;
                transform: translateX(-50%);
                width: 500px;
            }

                .block-slider .slide#slide-premios .text h1{
                    color:#494a66;
                    font-size:54px
                }

                .block-slider .slide#slide-premios .text h2{
                    color:#494a66;
                    font-size:18px
                }

                .block-slider .slide#slide-premios .btn_green{
                    padding: 0 25px;
                    font-size: 18px;
                    margin-top: 44px;
                }


        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-premios .text {
                top: -30%;
            }

                .block-slider .slide#slide-premios .text h1 {
                    font-size: 32px;
                    line-height: 32px;
                }

                .block-slider .slide#slide-premios .text h2 {
                    font-size: 12px;
                    line-height: 16px;
                }

                .block-slider .slide#slide-premios .btn_green{
                    font-size: 10px;
                    margin-top: 8px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-premios{
                background:url(../img/bg_premios_mobile.jpg) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-premios  .text{
                    top:-70px;
                    left: 50%;
                }

                .block-slider .slide#slide-premios .text h1 {
                    font-size: 32px;
                    line-height: 32px;
                }

                .block-slider .slide#slide-premios .text h2 {
                    font-size: 10px;
                    line-height: 13px;
                }

                .block-slider .slide#slide-premios .btn_green{
                    font-size: 10px;
                    margin-top: 8px;
                }


        }
        /*Fin - Slide premios*/

        /*Slide sostenibilidad 2023*/
        .block-slider .slide#slide-sostenibilidad-2023{
            background:url(../img/bg_sostenibilidad_2023.jpg) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-sostenibilidad-2023 .text{
                float: none;
                left: 27%;
                padding: 0;
                top: 18%;
                transform: translateX(-50%);
                width: 500px;
            }

                .block-slider .slide#slide-sostenibilidad-2023 .text h1{
                    color:#494a66;
                    font-size:54px
                }

                .block-slider .slide#slide-sostenibilidad-2023 .text h2{
                    color:#88ba08;
                    font-size:27px
                }

                .block-slider .slide#slide-sostenibilidad-2023 .btn_green{
                    padding: 0 25px;
                    font-size: 18px;
                    margin-top: 44px;
                }


        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-sostenibilidad-2023 .text {
                top: -30%;
            }

                .block-slider .slide#slide-sostenibilidad-2023 .text h1 {
                    font-size: 32px;
                    line-height: 32px;
                }

                .block-slider .slide#slide-sostenibilidad-2023 .text h2 {
                    font-size: 12px;
                    line-height: 16px;
                }

                .block-slider .slide#slide-sostenibilidad-2023 .btn_green{
                    font-size: 10px;
                    margin-top: 8px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-sostenibilidad-2023{
                background:url(../img/bg_sostenibilidad_2023_mobile.jpg) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-sostenibilidad-2023  .text{
                    top:50px;
                    left: 50%;
                }

                .block-slider .slide#slide-sostenibilidad-2023 .text h1 {
                    font-size: 32px;
                    line-height: 32px;
                }

                .block-slider .slide#slide-sostenibilidad-2023 .text h2 {
                    font-size: 10px;
                    line-height: 13px;
                }

                .block-slider .slide#slide-sostenibilidad-2023 .btn_green{
                    font-size: 10px;
                    margin-top: 8px;
                }


        }
        /*Fin - Slide sostenibilidad 2023*/

        /*Slide memoria sostenibilidad*/
        .block-slider .slide#slide-sostenibilidad{
            background:url(../img/bg_memoria_sostenibilidad_2022.jpg) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-sostenibilidad .text{
                float: none;
                left: 50%;
                padding: 0;
                text-align: center;
                top: 30px;
                transform: translateX(-50%);
                width: 500px;
            }

                .block-slider .slide#slide-sostenibilidad .text img{
                    max-width: 100%;
                }

                .block-slider .slide#slide-sostenibilidad .text h2{
                    color:#88ba08;
                    display: none;
                    font-size:20px;
                }

                .block-slider .slide#slide-sostenibilidad .btn{
                    box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.363);
                }

        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-sostenibilidad  .text{
                margin-top:0;
                width: 90%;
            }

                .block-slider .slide#slide-sostenibilidad .text h1{
                    line-height: 49px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-sostenibilidad{
                background:url(../img/bg_memoria_sostenibilidad_2022_mobile.jpg?v1) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-sostenibilidad .text img{
                    max-width: 300px;
                    width:100%;
                }

                .block-slider .slide#slide-sostenibilidad .text h2{
                    display: block;
                    font-size:17px;
                }

        }

        @media only screen and (max-width: 420px){

            .block-slider .slide#slide-sostenibilidad .text{
                position: static;
                transform: none;
                padding:16px;
                width:100%;
            }

                .block-slider .slide#slide-sostenibilidad .text hgroup{
                    width:100%;
                }

        }

        /*Fin - Slide memoria sostenibilidad*/

        /*Slide 20 aniversario*/
        .block-slider .slide#slide-aniversario{
            background:url(../img/bg_20_aniversario.jpg) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-aniversario .text{
                float: none;
                left: 50%;
                padding: 0;
                text-align: center;
                top: 37%;
                transform: translateX(-50%);
                width: 500px;
            }

                .block-slider .slide#slide-aniversario .text h1{
                    color:#2E6E56;
                    font-size:39px
                }

                .block-slider .slide#slide-aniversario .text h2{
                    color:#2E6E56;
                }

                .block-slider .slide#slide-aniversario .btn_green{
                    background-color:#5AA880;
                }

        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-aniversario  .text{
                margin-top:0;
            }

                .block-slider .slide#slide-aniversario .text h1{
                    line-height: 49px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-aniversario{
                background:url(../img/bg_20_aniversario_mobile.jpg?v1) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-aniversario  .text{
                    top:220px
                }

                    .block-slider .slide#slide-aniversario  .text br{
                        display: none;
                    }

        }

        @media only screen and (max-width: 420px){

            .block-slider .slide#slide-aniversario .text h1 {
                font-size: 24px;
                line-height: 33px;
            }

        }
        /*Fin - Slide 20 aniversario*/

        /*Slide Modelo 3D*/
        .block-slider aside{
            box-sizing: border-box;
            float: left;
            height: 100%;
            position: relative;
            width: 50%;
        }

            .block-slider #modelo_3d{
                text-align: center;
            }

                .block-slider #modelo_3d #renderCanvas{
                    background-color: transparent;
                    height: 80%;
                    margin-top: 10%;
                    outline: none;
                    pointer-events: none;
                    position: relative;
                    width: 80%;
                    z-index: 10;
                }

                #modelo_3d .hotspot.active{
                    opacity: 1;
                }

                .hotspot {
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    background-color: rgba(175, 209, 90, .7);
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    display: block;
                    transform: translate(20px, -50%);
                    cursor: pointer;
                    opacity: 0;
                    transition: 800ms;
                    z-index: 11;
                }
        /*Fin - Slide Modelo 3D*/


        /*Slide Campaña*/
        .block-slider .slide#slide-campana{
            background-color:#f0f4e6;
        }

            .block-slider .slide#slide-campana .content{
                background:url(../img/banner-reciclar-2024.jpg?v2) no-repeat center center;
                background-size: cover!important;
                max-width:100%;
                position: relative;
            }

            @media only screen and (max-width: 768px){

                .block-slider .slide#slide-campana .content{
                    background:url(../img/banner-reciclar-2024@s.jpg?v2) no-repeat top center!important;
                    background-size: auto 100%!important;
                    margin:0;
                    width: 100%;
                }

            }

                .block-slider .slide#slide-campana .content a{
                    display: block;
                    height: 100%;
                    left:0;
                    position: absolute;
                    text-decoration: none;
                    top:0;
                    width: 100%;
                }

                .block-slider .slide#slide-campana .content .text {
                    height:auto;
                    padding:0;
                    position: absolute;
                    top:calc(50% - 66px);
                    transform:translatey(-50%);
                    width: 100%;
                    text-align: center;
                }

                    .block-slider .slide#slide-campana .content .text hgroup{
                        width: auto;
                    }

                        .block-slider .slide#slide-campana .content .text hgroup a{
                            color: #FFF;
                            font: normal 48px/59px Avenir-Heavy;
                            text-decoration: none
                        }
        /*Fin - Slide Campaña*/

        /*Slide Memoria 2021*/
        .block-slider .slide#slide-memoria-21{
            background-color:#e0e0e0;
        }

            .block-slider .slide#slide-memoria-21 .content{
                background:url(../img/bkg-memoria-2021.jpg) no-repeat center center;
                background-position: center !important;
                background-size: contain!important;
                position: relative;
            }

            @media only screen and (max-width: 768px){

                .block-slider .slide#slide-memoria-21 .content{
                    background:url(../img/bkg-mobile-memoria-2021.jpg) no-repeat center center;
                    background-size: auto 100%!important;
                }

            }

                .block-slider .slide#slide-memoria-21 .content a{
                    display: block;
                    height: 100%;
                    left:0;
                    position: absolute;
                    text-decoration: none;
                    top:0;
                    width: 100%;
                }

                .block-slider .slide#slide-memoria-21 .content .text {
                    height:auto;
                    padding:0;
                    position: absolute;
                    top:calc(50% - 66px);
                    transform:translatey(-50%);
                    width: 100%;
                    text-align: center;
                }

                    .block-slider .slide#slide-memoria-21 .content .text hgroup{
                        width: auto;
                    }

                        .block-slider .slide#slide-memoria-21 .content .text hgroup a{
                            color: #FFF;
                            font: normal 48px/59px Avenir-Heavy;
                            text-decoration: none
                        }
        /*Fin - Slide Memoria 2021*/

        /*Slide Ecodiseño*/
        .block-slider .slide#slide-ecodiseno{
            background:url(../img/bg_ecodiseno_envases_farmaceuticos.jpg?v=1) no-repeat center center;
            background-size:cover;
        }

            .block-slider .slide#slide-ecodiseno .text {
                float: none;
                left: 27%;
                padding: 0;
                top: 18%;
                transform: translateX(-50%);
                width: 500px;
            }


        @media only screen and (max-width: 1024px){

            .block-slider .slide#slide-ecodiseno .text {
                top: -30%;
            }

                .block-slider .slide#slide-ecodiseno .text h1 {
                    font-size: 51px;
                    line-height: 49px;
                }

                .block-slider .slide#slide-ecodiseno .text h2 {
                    font-size: 12px;
                    /* line-height: 13px; */
                }

                .block-slider .slide#slide-ecodiseno .btn_green{
                    margin-top: 20px;
                }

        }

        @media only screen and (max-width: 768px){

            .block-slider .slide#slide-ecodiseno{
                background:url(../img/bg-resumen_ejecutivo_mobile.jpg) no-repeat center center;
                background-size: auto 100%!important;
            }

                .block-slider .slide#slide-ecodiseno  .text{
                    top:-50px;
                    left: 50%;
                }

                .block-slider .slide#slide-ecodiseno .text h1 {
                    font-size: 40px;
                    line-height: 49px;
                }

        }
        /*Fin - Slide Ecodiseño*/

        /*Slide Ecofarmacia*/
        .block-slider .slide#slide-ecofarmacia{
            background:linear-gradient(137.33deg, rgba(221,246,188,0) 0%, rgba(173,210,131,0.31) 51.5%, rgba(129,178,79,0.05) 100%);
        }

            .block-slider .slide#slide-ecofarmacia .content{
                background:url(../img/ecofarmacia.png) no-repeat center right 60px;
            }
        /*Fin - Slide Ecofarmacia*/

        /*Campaña 2025*/
        #slide-sigre-2025{
            background-color:#5E9889;

            .content{
                background: url(../img/banner-sigre-2025-01.jpg?v3) no-repeat bottom !important;
                background-size: auto 100% !important;
                max-width: 100%;
                position: relative;

                @media screen and (max-width: 1210px){
                    background-position: center center!important;
                    background-size: 100% !important;
                }

                @media screen and (max-width: 768px){
                    background: url(../img/banner-sigre-2025@s-01.jpg?v3) no-repeat top !important;
                    margin:0;
                }

                a{
                    display: block;
                    height: 100%;
                    left:0;
                    position: absolute;
                    text-decoration: none;
                    top:0;
                    width: 100%;
                }
            }

        }
        /*Fin - Campaña 2025*/

@media only screen and (max-width: 1256px) {

    .block-slider .slide .content{
        background-size:45%!important;
    }

}

@media only screen and (max-width: 1024px) {

    .block-slider {
        height: 690px;
    }

    .block-slider .slides-wrap {
        height: 690px;
    }

    .block-slider aside{
        float: none;
        height: 46%;
        width: 100%;
    }

    .block-slider .slide#slide-3d .content {
        background-repeat: no-repeat;
    }

    .block-slider .slide .content{
        background-position: center top 0px!important;
        background-size:450px auto!important;
    }

    .block-slider .text{
        margin-top:350px;
        padding:0px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .block-slider .slide:slide-campana .content .text {
        margin-top:0;
    }

    .block-slider .text{

    }

        .block-slider .text hgroup {
            margin: 0 auto;
            text-align: left;
        }

            .block-slider .text h1{
                font-size:25px;
                line-height: 29px;
                text-align: center;
            }

            .block-slider .text h2{
                font-size:12px;
                line-height: 16px;
                margin-top: 10px;
                text-align: center;
            }
/*
    .block-slider .slide#slide-ecodiseno .text{
        margin-top: 0;
    }
*/
    #renderCanvas{
        display: none;
    }

    .block-slider  #modelo_3d img {
        height: 100%;
        display: inline-block;
    }

    .block-slider .hotspot{
        display: none;
    }

    .block-slider .text.m-t-0{
        margin-top: 0px;
    }
}

@media only screen and (max-width: 768px) {

    /*Slide Ecodiseño*/
    .block-slider .slide#slide-ecodiseno{
        background:url(../img/bg_ecodiseno_envases_farmaceuticos@s.jpg) no-repeat center center;
        /*background-size: 100% auto;*/
    }
    /*Fin - Slide Ecodiseño*/

}

@media only screen and (max-width: 760px) {
    .block-slider #modelo_3d img {
        height: 95%;
        margin-top: 10px;
    }

    .block-slider .btn-nav {
        /*top: 38%;*/
        top: initial;
        bottom: 10px;
    }

    .block-slider {
        height: calc(100vh - 120px);
    }

    .block-slider .slides-wrap {
        height: calc(100vh - 120px);
    }

    .block-slider aside {
        height: 50%;
    }

    .block-slider .controls {
        position: relative;
        bottom: 20px;
    }

}

@media only screen and (max-width: 512px) {

    .block-slider .slide .content{
        background-position: center top  30px!important;
        background-size:300px auto!important;
    }

    .block-slider .text{
        margin-top:270px;
    }

        .block-slider .text hgroup {
            width: 300px;
        }

}