/**** View: Acces ****/

.access .container-wrap{
    background: url(../../img/animation/Particulas.png) top center no-repeat;
    background-size:access;
}
.access .container-wrap .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.access .container-wrap .personajes{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    z-index:1199;
}
.access .container-wrap .personajes > *{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
}
.access .container-wrap .personajes .personaje_centro{
    background:url(../../img/animation/prueba/ParsonajeCentro.png) bottom center no-repeat;
    background-size: auto 90%;
    z-index: 1203;
}
.access .container-wrap .personajes .dcha1{
    background:url(../../img/animation/prueba/Dcha1.png) bottom center no-repeat;
    background-size: contain;
    background-size: auto 75%;
    z-index: 1202;
    transform: scale(1) translateX(20%);
}
.access .container-wrap .personajes .dcha2{
    background:url(../../img/animation/prueba/Dcha2.png) bottom right no-repeat;
    background-size: auto 70%;
    z-index: 1201;
}
.access .container-wrap .personajes .izda1{
    background:url(../../img/animation/prueba/Izda1.png) bottom center no-repeat;
    background-size: auto 75%;
    z-index: 1202;
    transform: scale(1) translateX(-24%);
}
.access .container-wrap .personajes .izda2{
    background:url(../../img/animation/prueba/Izda2.png) bottom left no-repeat;
    background-size: auto 70%;
    z-index: 1201;
}
.access .container-wrap .personajes .background{
    background:url(../../img/animation/Fondo.png) center no-repeat;
    background-size: cover;
    transform: scale(1);
}
.access .container-wrap .personajes .particulas{
    background:url(../../img/animation/Particulas.png) center no-repeat;
    background-size: access;
    z-index: 1202;
}
.access .container-wrap .container{

    display: flex;
    justify-content: center;
    align-items: center;
    z-index:1205;

}
.access .container-wrap .container img{
    max-width: 40%;
    width: 662px;
    height: auto;
    display: block;
}
.access .container-wrap .container .btn_play{
    position: absolute;
    bottom: 10%;
}
.access .container .modal form label{
    text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
}
