.doble-efecto .oval,
.cabezal-desplazable  .oval,
.manuales .oval,
.blocks-banners .oval{

    width:40%;
    height:40%;

    border:rgba(0,0,0,0.03) 10px solid;

    -moz-border-radius: 400px;
    -webkit-border-radius: 400px;
    border-radius: 400px;

    position:absolute;

    z-index:0;

    bottom:-10px;
    right: 27%;

    -moz-transform: scale(1) rotate(153deg) translateX(0) translateY(0px) skewX(58deg) skewY(-5deg);
    -webkit-transform: scale(1) rotate(153deg) translateX(0) translateY(0px) skewX(58deg) skewY(-5deg);
    -o-transform:  scale(1) rotate(153deg) translateX(0) translateY(0px) skewX(58deg) skewY(-5deg);
    -ms-transform:  scale(1) rotate(153deg) translateX(0) translateY(0px) skewX(58deg) skewY(-5deg);
    transform: scale(1) rotate(153deg) translateX(0) translateY(0px) skewX(58deg) skewY(-5deg);

    display:none;

}

.background-c3d {
    width:500px;
    height:550px;
    position:absolute;
    top:0;
}


.film {
    padding:0 0 0 45px;
}







.doble-efecto .frames .-base-bancada { margin-top:137px }
.doble-efecto .frames .-base-bancada-manual {  margin-top:185px }
.doble-efecto .frames .-base-distribuidor { margin-top:21px }
.doble-efecto .frames .-base-motor-1-vel { margin-top:-122px }
.doble-efecto .frames .-base-motor-e-1-vel { margin-top:-122px }

.doble-efecto .frames .motor-e-2-vel { margin-top:-122px }
.doble-efecto .frames .maniobra {  margin-top:160px }
.doble-efecto .frames .maniobra-por-mando-bimanual-y-electrovalvula {  margin-top:192px }
.doble-efecto .frames .motor-2-vel { margin-top:-122px }
.doble-efecto .frames .equipo-de-plegado { margin-top:123px }
.doble-efecto .frames .bancada-motorizada { margin-top:166px }
.doble-efecto .frames .finales-de-carrera { margin-top:-3px }
.doble-efecto .frames .maniobra-pulsador { margin-top:7px }
.doble-efecto .frames .maniobra-electricos { margin-top:7px }
.doble-efecto .frames .ancho-especial {  margin-top:201px }
.doble-efecto .frames .seguridad-trasera { margin-top:55px }
.doble-efecto .frames .seguridad-delantera {  margin-top:80px }
.doble-efecto .frames .regulador-presion { margin-top:23px }

.doble-efecto .frames .logo  {  margin-top:4px  }



.cabezal-desplazable .frames .-base-bancada {  margin-top:114px }
.cabezal-desplazable .frames .-base-bancada-manual {  margin-top:181px }
.cabezal-desplazable .frames .-base-distribuidor { margin-top:21px }
.cabezal-desplazable .frames .-base-motor-1-vel { margin-top:-109px }
.cabezal-desplazable .frames .-base-motor-e-1-vel { margin-top:-109px }

.cabezal-desplazable .frames .motor-2-vel { margin-top:-109px }

.cabezal-desplazable .frames .motor-e-2-vel { margin-top:-122px }
.cabezal-desplazable .frames .maniobra {  margin-top:200px }
.cabezal-desplazable .frames .maniobra-por-mando-bimanual-y-electrovalvula {  margin-top:212px }
.cabezal-desplazable .frames .equipo-de-plegado { margin-top:78px }
.cabezal-desplazable .frames .bancada-motorizada { margin-top:181px }
.cabezal-desplazable .frames .finales-de-carrera { margin-top:-31px }
.cabezal-desplazable .frames .maniobra-pulsador { margin-top:10px }
.cabezal-desplazable .frames .maniobra-electricos { margin-top:11px }
.cabezal-desplazable .frames .ancho-especial {  margin-top:243px }
.cabezal-desplazable .frames .seguridad-trasera { margin-top:81px }
.cabezal-desplazable .frames .seguridad-delantera {  margin-top:86px }
.cabezal-desplazable .frames .regulador-presion { margin-top:7px }

.cabezal-desplazable  .frames .logo  { margin-top: -6px; }



.manuales .frames .seguridad-trasera { margin-top:32px }
.manuales .frames .seguridad-delantera {  margin-top:69px }
.manuales .frames .logo  {  margin-top:22px  }


.doble-efecto .frames .-base-motor-e-1-vel,
.doble-efecto .frames .maniobra,
.frames .maniobra-electricos,
.doble-efecto .frames .maniobra-pulsador,

.frames .maniobra-por-mando-bimanual-y-electrovalvula,
.frames .motor-e-2-vel,
.frames .motor-2-vel,
.frames .equipo-de-plegado,
.frames .bancada-motorizada,
.frames .finales-de-carrera,
.frames .ancho-especial,
.frames .seguridad-trasera,
.frames .seguridad-delantera,
.frames .regulador-presion
{
    opacity:0;
}

.frame {
    transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0, 0, 0);/* Safari and Chrome */
}


.menu-accessories-options {
     width:100%!important;
    margin:0!important;
    padding:0!important;
}
.menu-accessories-options h5 {
   margin-top:0;
   padding-top:0;
}
.menu-accessories-options ul {
   margin:0;
    padding:0;
}


.marc-film {
    overflow:hidden;
}
.film {
    position:relative;
   /* overflow:hidden; */
    opacity:0;
    width:520px;
    margin:auto;
}
@media (max-width: 520px) {

}
.zoom {
    position:relative;
}

.frames .frame {
    position:absolute;
    display:none;
    width:100%;
    z-index:10;
}

.menu-config-load-form {

}


.cabezal-desplazable .film{
   /* margin-top:50px; */
}
.doble-efecto .film{
    /* margin-top:50px; */
}
.frames {
    position:relative;
    z-index: 999;
}
.initFrame {
    width: 100%;
    position: absolute;
    z-index:10;
}

.frame {
    width:100%;
    z-index:10;

}
.initFrame  {
    width:100%;
}

.initFrame img {
    position:relative;
    z-index:-1;
    opacity:0;
    padding-top:43px;
}
.doble-efecto .frame img {
    position:absolute;
    padding-top:43px;
}
.cabezal-desplazable .frame img {
    position:absolute;
    padding-top:30px;
}
.manuales .frame img {
    position:absolute;
    padding-top:100px;
}

.doble-efecto .frame {
    margin-top:30px;
    position:absolute;
    top:0;
    width:100%;
}
.cabezal-desplazable .frame{
    margin-top:30px;
    position:absolute;
    top:0;
    width:100%;
}
.manuales .frame {
    margin-top:0px;
    position:absolute;
    top:0;
    width:100%;
}


.blocks-banners .initFrame img {
    position:relative;
    z-index:-1;
    opacity:0;
    padding-top:0;
}
.blocks-banners .frame {
    margin-top:0px;
    position:absolute;
    top:0;
    width:100%;
}
.blocks-banners  .film {
    margin-top:0;
    width:auto;
    padding:0;
    overflow:visible;
    top:-8px
}
.blocks-banners   .frame img {
    position:absolute;
    padding-top:0;
}
.blocks-banners .oval{
    bottom: 70px;
    width: 30%;
    right: 15%;
    display:none;
}

.zoom-b {
    zoom:1;
}
.zoomIn{
    /*
    zoom:0.8;
    */
}
.loading{
    opacity:1;
    position:absolute;
    width:100%;
    height:100%;
    background:url(../img/ajax-loader.gif) no-repeat center;
}



.btn-3d .stop {
        display:none;
}
.btn-3d .btn {
    -moz-border-radius:150px;
    -webkit-border-radius:150px;
    border-radius:150px;
    padding:4px 8px 2px 8px;
}
.btn-3d  {
   position:absolute;
    bottom: 50px;
   left:50%;
   margin-left:-65px;
   z-index: 1069;
}
.btn-3d .left{padding:4px 8px 2px 6px;}
.btn-3d .right{padding:4px 6px 2px 7px;}
.btn-3d .stop{padding:4px 6px 2px 7px;}
.btn-3d .play{padding:4px 6px 2px 7px;}
.btn-3d .play1{padding:4px 7px 2px 8px;}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 1200px) {

    .film {

        margin-left: -30px;
    }


}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .film {

        margin-left: -90px;
    }
  

    .menu-config .select a {
        width: 11%!important;
        margin:0  3%  3%  3%!important;
    }

    .accessories {
        margin: 0 0 20px 0;
    }


}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .menu-config .select a {
        width: 10%!important;
    }


    .oval {
        bottom:5px;
    }

    .film {
        width:auto;
        margin-left:0;
        padding:0 0 0 3%;
    }
    .initFrame {
        padding-top:13%;
    }

    .film {
        width:70%
    }
    .initFrame img {
        width:100%;
        padding-top:8.5%;
    }
    .frame img {
        width:100%;
        padding-top:8.5%;
    }
    .btn-3d {
        bottom:0;
    }


}

@media (max-width: 650px) {
    .menu-config .select a {
        width: 20%!important;
    }
}
#marcador {
        display:none;
}
#canvas {
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    display:none;
}
#canvas-mar{
    position:absolute;
    left:-30px;;
    top:-30px;
    z-index:1000;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.canvas-rep{
    position:absolute;
    left:0;
    top:0;
    margin-top:30px;
    margin-left:45px;
    z-index: 999999;
}
.manuales .film {
    margin-top:-100px;
}
.maq {
    overflow:hidden;
}

@media (max-width:979px) {
    .film {
        width:520px;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        margin-left:-300px;
        left:50%;
    }
}


@media (max-width: 767px) {


    #canvas-mar{
        left:-70px;
    }
    .film {
        width:520px;
        -webkit-transform: scale(.7);
        -webkit-transform-origin: 0 0;
        margin-left:-200px;
        left:50%;
    }
    .doble-efecto .oval, .cabezal-desplazable .oval, .manuales .oval, .blocks-banners .oval {
        bottom:-199px;
        width: 50%;
        height: 60%;
        right: 23%;
    }
    .manuales .film {
        margin-top:-40px;
    }
}

@media (max-width: 367px) {
    .manuales .film {
        margin-top:-40px;
    }
    .film {
        width:520px;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        margin-left:-130px;
        left:50%;
    }
    .doble-efecto .oval, .cabezal-desplazable .oval, .manuales .oval, .blocks-banners .oval {
        bottom:-330px;
        width: 50%;
        height: 80%;
        right: 23%;
    }
}


.blocks-banners{
    overflow:hidden;
}

.blocks-banners .film{
    width: 248px;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
    margin-left: 0;
    left: auto;
    right:30px;
    top: 58px;
    margin: 0!important;
    padding: 0;
    position: absolute;

}

@media (max-width: 400px) {

    .blocks-banners .film{
        width: 248px;
        -webkit-transform: scale(.8);
        -webkit-transform-origin: 0 0;
        margin-left: 0;
        left: auto;
        right: 0px;
        top: 97px;
        margin: 0!important;
        padding: 0;
        position: absolute;

    }

}