/* tamaño video */
@media screen and (min-width: 1820px) and (min-height: 1170px){
    .contenedor_video{
        width: 1620px;
    }
}
@media screen and (min-width: 1820px) and (max-height: 1170px){
    .contenedor_video{
        width: 1500px;
    }
}

@media screen and (min-width: 1820px) and (max-height: 1020px){
    .contenedor_video{
        width: 1000px;
    }
}

@media screen and (min-width: 1820px) and (max-height: 730px){
    .contenedor_video{
        width: 980px;
    }
}

@media screen and (min-width: 1820px) and (max-height: 550px){
    .contenedor_video{
        width: 680px;
    }
}

@media screen and (max-width: 1820px){
    .contenedor_video{
        width: 100%;
    }
}

@media screen and (max-width: 1820px) and (max-height: 1090px){
    .contenedor_video{
        width: 1310px;
    }
}
@media screen and (max-width: 1820px) and (min-height: 1091px){
    .contenedor_video{
        width: 100%;
    }
}
@media screen and (max-width: 1820px) and (max-height: 960px){
    .contenedor_video{
        width: 1120px;
    }
}


@media screen and (max-width: 1820px) and (max-height: 820px){
    .contenedor_video{
        width: 820px;
    }
}


@media screen and (max-width: 1820px) and (max-height: 640px){
    .contenedor_video{
        width: 820px;
    }
}




@media screen and (max-width: 1440px) and (max-height: 740px){
    .contenedor_video{
        width: 820px;
    }
}
@media screen and (max-width: 1440px) and (min-height: 950px){
    .contenedor_video{
        width: 100%;
    }
}

@media screen and (max-width: 1440px) and (max-height: 680px){
    .contenedor_video {
        width: 720px;
    }
}

@media screen and (max-width: 1440px) and (max-height: 680px){
    .contenedor_video {
        width: 720px;
    }
}

@media screen and (max-width: 1440px) and (max-height: 570px){
    .contenedor_video {
        width: 520px;
    }
}

@media screen and (max-width: 1370px) and (max-height: 670px){
    .contenedor_video{
        width: 770px;
    }
}

@media screen and (max-width: 1370px) and (max-height: 580px){
    .contenedor_video {
        width: 560px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 950px){
    .contenedor_video{
        width: 100%;
    }
}

@media screen and (max-width: 1280px) and (max-height: 820px){
    .contenedor_video{
        width: 820px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 670px){
    .contenedor_video{
        width: 560px;
    }
}

@media screen and (max-width: 1060px) and (max-height: 740px){
    .contenedor_video{
        width: 800px;
    }
}

@media screen and (max-width: 1060px) and (max-height: 680px){
    .contenedor_video{
        width: 600px;
    }
}

@media screen and (max-width: 1060px) and (min-height: 741px){
    .contenedor_video{
        width: 100%;
    }
}

@media screen and (max-width: 900px) and (max-height: 740px){
    .contenedor_video{
        width: 100%;
    }
}

@media screen and (max-width: 900px) and (max-height: 610px){
    .contenedor_video{
        width: 65%;
    }
}

@media screen and (max-width: 900px) and (max-height: 610px){
    .contenedor_video{
        width: 65%;
    }
}

@media screen and (max-width: 800px) and (max-height: 610px){
    .contenedor_video{
        width: 390px;
    }
}

@media screen and (max-width: 400px) and (max-height: 611px){
    .contenedor_video{
        width: 100%;
    }
}

/* fin tamaño video */

@media screen and (max-width: 1320px){
    .info_extra{
        width: 540px;
        right: -540px;
    }
    .info_extra_int{
        width: 380px;
    }
    .act_texto .info_extra{
        right: 0px;
    }
    .act_texto .contenido{
        width: -o-calc(100% - 620px);
        width: -ms-calc(100% - 620px);
        width: -moz-calc(100% - 620px);
        width: -webkit-calc(100% - 620px);
        width: calc(100% - 620px);
    }

    .act_texto .flecha_der{
        right: 540px;
    }
   
    /* .act_thumb header {
        width: -o-calc(100% - 540px);
        width: -ms-calc(100% - 540px);
        width: -moz-calc(100% - 540px);
        width: -webkit-calc(100% - 540px);
        width: calc(100% - 540px);
    } */

    .act_thumb .thumbs{
        width: 540px;
    }
    .thumbs_int{
        width: 380px;
    }
    .act_thumb .contenido{
        width: -o-calc(100% - 620px);
        width: -ms-calc(100% - 620px);
        width: -moz-calc(100% - 620px);
        width: -webkit-calc(100% - 620px);
        width: calc(100% - 620px);
    }

    .act_thumb .flecha_der{
        right: 560px;
    }



}

@media screen and (max-width: 1200px){
    .info_extra{
        width: 490px;
        right: -490px;
    }
    .act_texto .info_extra{
        right: 0px;
    }
    .info_extra_int{
        width: 330px;
    }
    .act_texto .contenido{
        width: -o-calc(100% - 570px);
        width: -ms-calc(100% - 570px);
        width: -moz-calc(100% - 570px);
        width: -webkit-calc(100% - 570px);
        width: calc(100% - 570px);
    }

    .act_texto .flecha_der{
        right: 490px;
    }


    .act_thumb .thumbs{
        width: 490px;
    }
    .thumbs_int{
        width: 330px;
    }
    .act_thumb .contenido{
        width: -o-calc(100% - 570px);
        width: -ms-calc(100% - 570px);
        width: -moz-calc(100% - 570px);
        width: -webkit-calc(100% - 570px);
        width: calc(100% - 570px);
    }
    .act_thumb .flecha_der{
        right: 520px;
    }

}

@media screen and (min-width: 1161px){

    .act_texto .contenedor_video{
        width: -o-calc(80vw - 500px);
        width: -ms-calc(80vw - 500px);
        width: -moz-calc(80vw - 500px);
        width: -webkit-calc(80vw - 500px);
        width: calc(80vw - 500px);
    }

    .act_page .contenedor_video{
        width: -o-calc(80vw - 500px);
        width: -ms-calc(80vw - 500px);
        width: -moz-calc(80vw - 500px);
        width: -webkit-calc(80vw - 500px);
        width: calc(80vw - 500px);
    }
}

@media screen and (max-width: 1160px){
    .info_extra{
        width: 100%;
        right: -100%;
        height: 100%;
    }
    .act_texto .info_extra{
        right: 0;
    }
    .info_extra_int{
        width: 700px;
        
        /* overflow: initial;
        height: auto; */
    }
    .info_extra .header_lado_cerrar{
        display: none;
    }
    /* .info{
        display: none;
    }
    .info_responsive{
        display: block;
    } */

    .act_texto .contenido{
        width: -o-calc(100% - 80px);
        width: -ms-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
    }
    .act_texto .flecha_der{
        right: 25px;
    }
    .contenido{
        margin: 0px 0px 0px 20px;
        width: -o-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    .act_texto .contenido{
        margin: 0px 0px 0px 20px;
        width: -o-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }




    .thumbs_int{
        width: 410px;
        padding: 0px 40px;
    }

    .act_texto header{
        width: 100%;
    }

    .act_thumb .flecha_der, .act_page .flecha_der,
    .act_thumb .flecha_izq, .act_page .flecha_izq,
    .act_thumb .contenedor_pie, .act_page .contenedor_pie{
        z-index: 4;
    }
    /* .act_thumb header, .act_page header{
        z-index: 4;
    } */

    .act_thumb .info_extra{
        display: none;
    }

    /* body.act_texto{
        overflow: inherit;
    } */
    body.act_texto.fijar{
        overflow: hidden;
    }

    .act_thumb .flecha_der{
        right: 5px;
    }

    .act_texto .info_extra_cerrar{
        display: none;
    }

    .act_texto header .header_lado{
        width: auto;
    }
    .act_page .header_lado_cerrar{
        display: block;
    }
    header{
        z-index: 35;
    }

}

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

    .act_texto header, .act_thumb header, .act_page header{
        width: 100%;
    }
    .act_texto header .header_lado{
        width: 100%;
    }

    

}

@media screen and (max-width: 1040px){
    .thumbs_int{
        padding: 0px 40px;
        width: 410px;
    }
    .header_lado_cerrar{
        left: 30px;
    }
    .flecha{
        top: 60px;
        height: -o-calc(100vh - 60px);
        height: -ms-calc(100vh - 60px);
        height: -moz-calc(100vh - 60px);
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        transform: initial;
        display: block;
    }
    .act_slider.colorAct .slide{
        background-color: #fff;
        color: #000;
    }
    .act_slider.colorAct .slide.colorActResponsive{
        background-color: #000;
        color: #fff;
    }
    .act_slider.colorAct .piefoto{
        color: #000;
    }

    .act_slider.colorAct .slide.colorActResponsive .piefoto{
        color: #fff;
    }


    .act_slider.colorAct .icon_cerrar{
        -webkit-filter: initial;
        filter: initial;
    }

    .act_slider.colorAct .slide.colorActResponsive .icon_cerrar{
        -webkit-filter: invert(1);
        filter: invert(1);
    }
    .act_slider .slide.colorActResponsive .icon_cerrar{
        -webkit-filter: invert(1);
        filter: invert(1);
    }


}

@media screen and (max-width: 1024px){
    .si_cerrar{
        display: block!important;
    }
}

@media screen and (min-width: 921px){
    .act_thumb .contenedor_video{
        width: -o-calc(80vw - 500px);
        width: -ms-calc(80vw - 500px);
        width: -moz-calc(80vw - 500px);
        width: -webkit-calc(80vw - 500px);
        width: calc(80vw - 500px);
    }
}
@media screen and (max-width: 920px){
    .act_thumb header {
        width: 100%;
    }
    .act_thumb .contenido{
        width: -o-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    .act_thumb .flecha_der {
        right: 45px;
    }

    .act_thumb .thumbs{
        width: 100%;
    }
    .thumbs_int{
        width: -o-calc(100vw - 80px);
        width: -ms-calc(100vw - 80px);
        width: -moz-calc(100vw - 80px);
        width: -webkit-calc(100vw - 80px);
        width: calc(100vw - 80px);
    }

    .slider_content{
        box-sizing: border-box;
        padding-top: calc(1rem - 10px);
    }


}


@media screen and (max-width: 800px){
    .header_lado_cerrar {
        left: 10px;
    }
    .thumbs_int{
        width: -o-calc(100vw - 40px);
        width: -ms-calc(100vw - 40px);
        width: -moz-calc(100vw - 40px);
        width: -webkit-calc(100vw - 40px);
        width: calc(100vw - 40px);
        padding: 0px 20px;
    }
    .slide{
        width: 100%;
        left: 0px;
    }
    .iconos_footer{
        right: 5px;
    }
}

@media screen and (max-width: 740px){
    .info_extra_int{
        width: -o-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        padding: 0px 20px;
    }
}

@media screen and (max-width: 700px){
    .slider, .slider_content{
        height: -o-calc(100vh - 120px);
        height: -ms-calc(100vh - 120px);
        height: -moz-calc(100vh - 120px);
        height: -webkit-calc(100vh - 120px);
        height: calc(100vh - 120px);
    }
    .slide{
        height: 100%;
    }
    .icon_cerrar{
        background-image: url(../../../img/cerrar.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .act_slider .contenedor_pie img{
        max-height: -o-calc(100vh - 140px);
        max-height: -ms-calc(100vh - 140px);
        max-height: -moz-calc(100vh - 140px);
        max-height: -webkit-calc(100vh - 140px);
        max-height: calc(100vh - 140px);
    }
}

@media screen and (max-width: 400px){
    .thumbs_int{
        padding: 0px 20px;
        width: -o-calc(100vw - 40px);
        width: -ms-calc(100vw - 40px);
        width: -moz-calc(100vw - 40px);
        width: -webkit-calc(100vw - 40px);
        width: calc(100vw - 40px);
    }

    .iconos_footer{
        right: 0px;
    }

}

@media screen and (max-width: 370px){
    .thumbs_int{
        grid-template-columns: 1fr 1fr;
    }
}