header{

    position: relative;

}

*{
    outline: none;
}

header img{

    display: block;

    max-width: 100%;

    height: auto;

    margin:0 auto;

}

header .logo{

    margin-bottom:20px;

    position: absolute;

    top:30%;

    right: 5%;

}



.categorias ul{

    margin:0;

    padding:40px 20px;

    font-size: 0;

    text-align: center;

    max-width: 1920px;

    width: 100%;

    margin:0 auto;

}

.categorias ul li{

    font-size: 14px;

    width:29%;

     display: inline-block;

     vertical-align: top;

     overflow: hidden;

     border-radius: 10px;

     margin-right: 2%;

     margin-bottom:2%;

     position: relative;

}

.categorias ul li:nth-child(3n+3){

    margin-right: 0;

}

.categorias ul li img{

    max-width: 100%;

    height: auto;

    display: block;

}

.categorias ul li .icono{

    position: absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

}

.categorias ul li .bg{

    transition: all .3s ease-in-out;

}

.categorias ul li:hover .bg{

    transform: scale(1.05);

}

section.titulo{

    padding:20px;

    text-align: center;

    background: #3f3f3e;

}

section.titulo img{

    display: block;

    margin:0 auto;

    max-width: 100%;

    height: auto;

}





section.videos{
    outline: none;
}
section.videos ul{

    padding:40px 0;

    margin:0;

    font-size: 0;

    outline: none;
}

section.videos ul li{

    display: inline-block;

    width: 50%;

    padding:0 20px;

    margin-bottom:40px;

    font-size: 14px;

    text-transform: uppercase;
    outline: none;

}

section.videos ul li a{
    outline: none;

    display: block;

    color:#5b5b5f;

    text-decoration: none;

}

section.videos ul li img{

    display: block;

    max-width: 100%;

    height: auto;

}

section.videos ul li .nombre{

    font-size: 16px;

    padding:10px 0;

    border-bottom:1px solid #575757;

}
section.videos ul li .descripcion{
    font-size: 14px;
    line-height: 6px;
    text-transform: initial;
}

section.videos .img-video{

    padding-bottom: 50%;

    background-size: cover !important;

    background-position: center center  !important;

}
section.rrss .img-video{
    padding-bottom: 50%;
    background-size: cover !important;
    background-position: center center  !important;

}
section.equipamiento .img-video{
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

section.equipamiento li{
    vertical-align: top;
}


.subir{

    text-align: center;

    margin-bottom:20px;

}

.subir a{

    display: inline-block;



}

.subir a img{

    width: 50px;

}





section.equipamiento {
    display: none;
}
section.casting {

    max-width: 80%;

    width: 100%;

    margin:0 auto;

    padding:20px 0;

    display: none;
    outline:none;

}

section.casting .menu{

    text-align: center;

}

section.casting .menu a{

    border-radius: 50%;

    padding:50px 83px;

    display: inline-block;

    background: #d9d9d9;

    transition: all .3s ease-in-out;



}

section.casting .menu a img{

    height: 160px;

}

section.casting .menu a.hombre{

    margin-right: 50px;

}

section.casting .menu a.active,

section.casting .menu a:hover{

    background: #3f3f3e;

}



section.casting .menu a.active img,

section.casting .menu a:hover img{

    filter: invert(100%);

    -webkit-filter: invert(100%);

}



section.casting .separacion{

    margin:5% 0;

}

section.casting .categoria-seleccionada{

    text-align: center;

}

section.casting .categoria-seleccionada img{

    height: 161px;

}

section.casting .submenu{

    margin:50px 0 0 0;

    padding:0;

    display: flex;

}

section.casting .submenu li{

    flex:1;

    margin-right: 10px;

    list-style: none;

}

section.casting .submenu li:last-child{

    margin-right: 0;

}

section.casting .submenu li a{

    display: block;

    padding:20px 0;

    background: #d9d9d9;

    text-align: center;

    color:#3f3f3e;

    text-decoration: none;

    border-radius: 5px;

    transition: all .3s ease-in-out;

}

section.casting .submenu li a.active,

section.casting .submenu li a:hover{

    background: #3f3f3e;

    color:#FFF;

}



section.casting .lista{

    margin:30px auto 0 auto;

    padding:0;

    max-width: 700px;

    width: 100%;

}

section.casting .lista li{

    display: flex;

    align-items: flex-start;
    margin-top:10px;

}

section.casting .lista li .imagen{

    width: 30%;
    height:200px;
    overflow:hidden;

    border-radius: 20px;

    margin-right: 10px;

}
section.casting .lista li .imagen img{
        width: 150%;
    height: auto;
    display: block;
    transform: translate(-16%,0);
}

section.casting .lista li .descripcion{

    width: 70%;

}

section.casting .lista li .descripcion .titulo{

    padding-bottom: 10px;

    border-bottom: 1px solid #3f3f3e;

    margin-bottom:5px;

}

section.casting .lista li .descripcion .botones{

    text-align: right;

    margin-top: 20px;

}

section.casting .lista li .descripcion .botones a:first-child{

    margin-right: 10px;

}

@media(max-width: 1400px){

    header .logo{

        max-width: 300px;

        width: 100%;

    }

    section.titulo img,

    .categorias ul li .icono{

        max-height: 100px;

    }

}



@media(max-width: 1000px){



    .categorias ul li .icono{

        max-height: 50px;

    }

}



@media(max-width: 800px){



    .categorias ul li{

        width:48%;

    }

    .categorias ul li:nth-child(3n+3){

        margin-right: 2%;

    }

    .categorias ul li:nth-child(2n+2){

        margin-right: 0;

    }

    header .logo{

        max-width: 200px;

        right: auto;

        left:50%;

        top: :50%!important;

        transform:translate(-50%,-50%);

    }

}

@media(max-width: 600px){

    section.videos ul li{

        width: 100%;

    }

}