@charset "utf-8";
/* CSS Document */


.tutorial {
padding:0!important;
margin:0!important;
background:#f5d26e;
top:-10000000000px;
width:100%;
visibility:hidden;
position:absolute;
z-index: 989;
min-height: 100vh;
display:block;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.tutorial.mostrar {
top:0!important;
visibility:visible!important
}

.tutorial section {/*padding:0!important;*/ margin:0!important; /*height:100vh; */position:relative; vertical-align:middle; display:none; width:100vw; overflow:hidden; padding:100px 0 0 0!important; min-height:100vh}


.tutorial section.active {display:table}
.tutorial .titulo {
color:#fff;
text-align:center;
font-weight:normal;
font-size:80px;
line-height:1.2;
display:table-cell;
vertical-align:middle;
position:relative;
top:-400px;
opacity:0;
font-family: 'GothamUltra';
}
.tutorial .titulo-ch {
color:#fff;
text-align:center;
font-weight:normal;
font-size:55px;
line-height:1.2;
font-family: 'GothamUltra';
position:relative;
opacity:0;
top:-100px;
display:block;
cursor:auto!important
}

.tutorial .contenido {
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
position:relative;
overflow:hidden
}

.tutorial .cerrar {width:68px; left:-20px; top:18px;}


.tutorial ul#accesos a {height:auto!important; margin:0!important; padding:0!important; z-index:100; display:inline-block}
.tutorial ul#accesos a img {border:0!important; height:40px; width:auto; display:block; margin:0!important; padding:0!important; opacity:1;}
.tutorial ul#accesos a:hover {z-index:999!important; transform: scale(1.5)!important;}

.tutorial ul#accesos {
list-style:none;
margin:auto;
padding:30px 0 0 0;
display:inline-block;
position:relative;
text-align:center;
opacity:1;
}
.tutorial ul#accesos > li {
list-style:none;
padding: 0;
margin:22px auto;
float:none;
clear:both;
display:block;
}

.tutorial .info {
opacity:0;
padding:10px 0 30px 0
}
.tutorial .subtitulo {
color:#fff;
font-family: 'GothamLight'; /*font-size:60px*/font-size:40px
}
.tutorial .data a {color:#fff}
.tutorial #presentacion .data span, .tutorial #presentacion .data a:hover {color:#ecb747}

.tutorial .video {max-height:385px; max-width:600px; position:relative; margin:30px auto 0 auto;/*margin:70px auto 0 auto*/}
.tutorial .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.tutorial .video-container iframe, .tutorial .video-container object, .tutorial .video-container embed { position: absolute; top: 0; left: 0% !important; width: 100% !important; height: 100% !important; }

.tutorial .btn-cerrar {visibility:hidden}