*{margin:0;padding:0;outline:0;border:none;box-sizing:border-box;}
body{font:400 14px/20px 'Montserrat',Arial,Helvetica,sans-serif;text-align:center;color:#000;}
a{text-decoration:none;}
a:hover{}
.clear{clear:both;}

#loader{display:none;}

.animated{visibility:hidden;}
.visible{visibility:visible;}

::selection{background:#009fee;color:#fff;}
::-moz-selection{background:#009fee;color:#fff;}
::-webkit-selection{background:#009fee;color:#fff;}

::placeholder{color:#666;}
::-moz-placeholder{color:#666;}
::-webkit-placeholder{color:#666;}

#modal{display:none;display:block;position:fixed;top:0;left:0;width:100%;min-height:100%;height:100vh;z-index:9999999998;transition:all 500ms;
    background:rgba(0,0,0,.6);
    backdrop-filter: blur(10.6301px);}
#modal .window{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-width:1200px;width:80%;border-radius:4px;overflow:hidden;box-shadow:-10px 10px 25px rgba(0,0,0,.5);}
#modal .window picture,#modal .window img{display:block;width:100%;height:auto;}
#modal .close{position:absolute;right:3%;top:2%;z-index:999;width:30px;height:30px;cursor:pointer;}
#modal .close span{position:absolute;display:block;left:0;width:100%;height:4px;background:#fff;border-radius:2px;transition:all 300ms ease-out;}
#modal .close:hover span{background:#e8e8e8;}
#modal .close span.top{transform:rotate(45deg);width:110%;top:50%;margin-top:-2px;}
#modal .close span.bottom{transform:rotate(135deg);width:110%;top:50%;margin-top:-2px;}

#header{position:fixed;width:100%;left:0;background:rgba(255,255,255,.95);top:0;padding:25px 5%;z-index:999;transition:all 100ms ease-out;}
#header.min{padding:20px 5%;}
#header .logo{max-width:200px;margin:auto;transition:all 100ms ease-out;}
#header.min .logo{max-width:175px;}
#header .logo h1 img{display:block;width:100%;height:auto;}
#header .logo h1 span{display:block;width:0;height:0;font-size:0;text-indent:-9999999;overflow:hidden;}

#menu{position:fixed;z-index:998;min-width:300px;width:100%;padding:75px 5%;height:100%;right:-150%;top:0;left:auto;background:#de007b url(../img/logo-w-op.svg) no-repeat center bottom;background-size:100% auto;color:#fff;overflow:auto;opacity:0;transition:opacity 400ms ease-out;-moz-transition:opacity 400ms ease-out;-webkit-transition:opacity 400ms ease-out;}
#menu.active{right:0;opacity:1;}
#menu .menu{width:auto;display:inline-block;list-style: none;}
#menu .menu li{margin:0 0 35px;}
#menu .menu li a{position:relative;padding:5px 0;color:#fff;font:350%/105% 'Bebas Neue';}
#menu .menu li a:after{position:absolute;content:'';left:0;width:0;height:2px;bottom:0;border-radius:4px;background:#fff;transition:200ms ease-out;}
#menu .menu li a:hover:after{width:100%;}
#menu .redes-menu{position:relative;margin:50px auto 0;list-style:none;text-align:center;white-space: nowrap;}
#menu .redes-menu li{display:inline-block;margin:0 20px;}
#menu .redes-menu li a{color:#fff;font-size:200%;transition:200ms ease-out;}
#menu .redes-menu li a:hover{color:#e8e8e8;}

#menu_button{position:absolute;right:5%;top:50%;transform:translate(0,-50%);z-index:999;width:38px;height:32px;cursor:pointer;}
#menu_button span{position:absolute;display:block;left:0;width:100%;height:5px;background:#1e1e1e;border-radius:4px;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
#menu_button:hover span{background:#1e1e1e;}
#menu_button span.top{top:0;}
#menu_button span.middle{top:12px;}
#menu_button span.bottom{top:24px;}
#menu_button.active span{background:#fff;}
#menu_button.active span.top{box-shadow:none;transform:rotate(45deg);width:110%;top:50%;margin-top:-2.5px;}
#menu_button.active span.middle{box-shadow:none;left:200%;opacity:0;}
#menu_button.active span.bottom{box-shadow:none;transform:rotate(135deg);width:110%;top:50%;margin-top:-2.5px;}
#menu_button.active span{box-shadow:-2px 2px #a92e3e;}

#portada{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;background:#000;}
#bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;}
#bg video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:0;overflow:hidden;}
#bg .pattern{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../img/pattern.png) repeat;z-index:1;}
#portada .controls{position:absolute;right:5%;bottom:5%;z-index:1;}
#portada .controls a{display:inline-block;padding:10px 12px;background:rgba(0,0,0,.5);color:#fff;border-radius:4px;margin:0 5px;font-size:135%;box-shadow:0 0 5px rgba(0,0,0,.5);transition:200ms ease-out;}
#portada .controls a:hover{background:rgba(0,0,0,.9);box-shadow:0 0 8px rgba(0,0,0,.8);transform:scale(1.05);}
#portada .arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:5%;transform:scale(.7);}
#portada .arrows path{stroke:#fff;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite;}
@keyframes arrow{ 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} }
@-webkit-keyframes arrow{ 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} }
#portada .arrows path.a1 {animation-delay:-1s;-webkit-animation-delay:-1s;}
#portada .arrows path.a2 {animation-delay:-0.5s;-webkit-animation-delay:-0.5s;}
#portada .arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s;}

#claim{background:#de007b;color:#fff;text-align:center;padding:50px 10% 50px;overflow:hidden;}
#claim.celeste{background:#009fee;}
#claim .text{font:bold 275%/120% 'Montserrat';margin:25px auto 0;}
#claim .text.nomargin{margin:0 auto;}
#claim .button{display:inline-block;text-transform:uppercase;font:bold 100%/110% 'Montserrat';border:2px solid #fff;border-radius:4px;background:none;color:#fff;padding:5px 20px;transition:200ms ease-out;}
#claim .button:hover{background:#fff;color:#de007b;}
/*#claim h2{font:400%/100% 'Bebas Neue','Montserrat';color:#fff;margin:0 auto 25px;text-align:center;}*/
#claim .slider{position:relative;width:100%;overflow: hidden;}
#claim .swiper-wrapper{position:relative;list-style:none;text-align:center;}
#claim .marca{width:275px;margin:0;opacity:.7;transition:300ms ease-out;}
#claim .marca a{color:#fff;}
#claim .marca span{display:block;margin:0 auto 25px;text-align:center;text-transform:uppercase;font:80%/110% 'Montserrat';letter-spacing:2px;}
#claim .marca img{display:block;width:100%;height:auto;}
#claim .marca:hover{opacity:1;}

#somos{background:#1e1e1e url(../img/somos-bg.jpg) no-repeat center center;background-size:100% auto;color:#fff;text-align:center;padding:100px 10%;overflow:hidden;}
#somos h3{color:#fff;}
#somos .text{font:bold 275%/120% 'Montserrat';}

.wrap{margin:0 auto;width:100%;padding:0 5%;overflow:hidden;}

.content{padding:100px 0;}
.title{font:400%/100% 'Bebas Neue','Montserrat';color:#1e1e1e;margin:0 auto 35px;text-align:center;}
.title.white{color:#fff;}

#artistas{max-width:1500px;margin:auto;}
#artistas .scroll-mobile .col{max-width:200px;}
#artistas.seccion{max-width:100%;margin-top:50px;}
#artistas .vermas{display:none;width:175px;text-align:center;border-radius:6px;background:#de007b;padding:12px 0;margin:25px auto 0;color:#fff;font:120%/100% 'Bebas Neue';transition:opacity 300ms ease-out;}
#artistas .vermas:hover{opacity:.8;}
.artista{position:relative;width:100%;max-width:250px;margin:0 auto 15px;text-align:center;}
.artista.big{max-width:350px;margin:0 auto 25px;}
.artista .bloque{position:relative;border-radius:15px;overflow:hidden;margin:0 auto 15px;}
.artista .bloque img{display:block;width:100%;height:auto;transition:400ms ease-out;}
.artista .bloque:hover img{transform:scale(1.1);
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);}
.artista .bloque .links{opacity:0;pointer-events:none;position:absolute;left:-100%;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;transition:all 200ms ease-out;}
.artista .bloque:hover .links{opacity:1;pointer-events:inherit;left:0;}
.artista .bloque .links a{font-size:250%;line-height:100%;color:#fff;margin:0 15px;position:relative;top:-200%;}
.artista .bloque .links a:hover{color:#009fee;}
.artista:nth-child(odd) .bloque .links a:hover{color:#de007b;}
.artista .bloque .links a.sp{transition:all 500ms ease-out, color 200ms ease-out;}
.artista .bloque .links a.ig{transition:all 700ms ease-out, color 200ms ease-out;}
.artista .bloque:hover .links a{top:0;}
.artista strong{position:absolute;width:100%;bottom:20px;left:0;font:bold 90%/100% 'Montserrat';color:#fff;cursor:default;padding:0 10px;letter-spacing:2px;text-transform:uppercase;text-align:center;text-shadow:1px 1px 1px #000, 0 0 10px #000, 0 0 20px #000;}


#shows{text-align:center;}
#shows.seccion{margin-top:50px;}
#shows .swiper-slide{max-width:350px;}
.shows{width:100%;position:relative;margin:auto;}
.show{position:relative;max-width:350px;background:#1e1e1e;border-radius:15px;box-shadow:0 0 25px rgba(0,0,0,.2);margin:15px 0 35px;overflow:hidden;transition:200ms ease-out;}
.show:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3);}
.show .square{width:100%;height:0;padding-top:100%;}
.show .foto{border-radius:15px;position:relative;z-index:2;box-shadow:0 5px 12px rgba(0,0,0,.6);}
.show .foto img{display:block;width:100%;height:auto;}
.show .fecha{display:inline-block;font:70%/100% 'Montserrat';text-transform:uppercase;letter-spacing:2px;border-radius:0 0 6px 6px;background:#de007b;margin:0 auto;color:#fff;padding:6px 10px;box-shadow:0 -4px 10px rgba(0,0,0,.3);z-index:1;}
.show .headline{width:100%;padding:0 25px 25px 25px;}
.show .title{font:bold 110%/110% 'Montserrat';text-transform:uppercase;color:#fff;padding-bottom:15px;margin:15px auto;border-bottom:1px solid #444;text-shadow:2px -2px 2px rgba(0,0,0,.5);}
.show .info{position:absolute;top:0;left:0;width:100%;transition:300ms ease-out;}
.show:hover .info,
.show:focus .info,
.show:active .info{top:-45%;}
.show .button{display:inline-block;font:bold 90%/110% 'Montserrat';text-transform:uppercase;letter-spacing:2px;margin:0 auto;border-radius:4px;background:#009fee;color:#fff;padding:12px 36px;transition:200ms ease-out;}
.show .button:hover{background:#00a8fc;transform:scale(1.05);}
.show .button.proximamente{background:#000;letter-spacing:1px;font:bold 80%/110% 'Montserrat';}
.show .button.proximamente:hover{transform:scale(1);}
.empty{font:300 150%/100% 'Montserrat';color:#999;margin:0 auto;padding:5%;text-align: center;text-shadow:1px 1px 1px #ccc;}

#feeds{background:#009fee;}
#feeds h3{color:#fff;}
#feeds .feed{margin-bottom:25px;max-width:400px;height:420px;background:url(../img/loader.gif) no-repeat center center;}
#feeds .redes{list-style:none;text-align:center;margin:0 auto 50px;white-space: nowrap;}
#feeds .redes li{display:inline-block;margin:0 20px;}
#feeds .redes li a{position:relative;width:60px;height:60px;padding-top:5px;color:#fff;font-size:250%;transition:200ms ease-out;}
#feeds .redes li a:hover{color:#009fee;}
#feeds .redes li a span{position:relative;z-index:2;}
#feeds .redes li a:after{position:absolute;left:-17px;top:-11px;transform:scale(2);opacity:0;content:'';width:70px;height:70px;border-radius:100%;background:#fff;transition:200ms ease-out;pointer-events: none;}
#feeds .redes li a:hover:after{opacity:1;transform:scale(1);}

#novedades{max-width:1500px;margin:auto;}
#novedades.seccion{margin-top:50px;}
.novedad{position:relative;max-width:400px;overflow:hidden;border-radius:12px;box-shadow:0 0 25px rgba(0,0,0,.2);transition:200ms ease-out;margin:0 auto 25px;}
.novedad:hover{transform: translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3);}
.novedad .foto{display:block;margin:auto;width:100%;height:auto;}
.novedad .fecha{position:absolute;right:0;top:0;font:80%/110% 'Montserrat';text-transform:uppercase;letter-spacing:2px;border-radius:0 0 0 6px;background:#de007b;color:#fff;padding:8px 16px;}
.novedad .titulo{position:absolute;left:0;bottom:0;padding:35px 5% 25px;font:bold 175%/120% 'Montserrat';text-align:left;color:#fff;text-shadow:1px 1px 1px #000, 0 0 10px #000, 0 0 20px #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(93%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}

.volver{display:block;width:80px;text-align:center;border-radius:5px;background:#009fee;padding:10px 15px;margin:0 0 20px;color:#fff;font:100%/100% 'Bebas Neue';transition:opacity 300ms ease-out;}
.volver:hover{opacity:.8;}
.noticia{margin:0 auto 50px;text-align:left;}
.encabezado{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 0 25px rgba(0,0,0,.2);margin:0 auto 25px;}
.encabezado .foto{display:block;margin:auto;width:100%;height:auto;}
.encabezado .fecha{position:absolute;right:0;top:0;font:80%/110% 'Montserrat';text-transform:uppercase;letter-spacing:2px;border-radius:0 0 0 6px;background:#de007b;color:#fff;padding:8px 16px;}
.encabezado .titulo{position:absolute;left:0;bottom:0;padding:35px 5%;font:bold 250%/120% 'Montserrat';text-align:left;color:#fff;text-shadow:1px 1px 1px #000, 0 0 10px #000, 0 0 20px #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(93%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 93%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.noticia-copete{padding:10px 0 35px;font-size:125%;line-height:125%;font-weight:bold;border-bottom:1px solid #ccc;}
.noticia-texto{padding:25px 0;font-family:'Montserrat' !important;}
.noticia-texto *{font-family:'Montserrat' !important;}
.noticia-texto img{display:block;margin:25px auto;max-width:800px;width:100%;height:auto;border-radius:12px;}
.noticia-texto a{color:#009fee;}
.noticia-texto a:hover{border-bottom:1px dotted #009fee;}
.noticia-texto blockquote{padding:25px;color:#1e1e1e;text-shadow:-1px 1px #666;font-size:150%;line-height:135%;font-weight:bold;font-style:italic;text-align:center;border-top:2px solid #de007b;border-bottom:2px solid #de007b;margin:15px auto;}
.noticia-credito{margin:25px 0;}
.noticia-credito-title{display:block;font:175%/100% 'Bebas Neue';text-transform:uppercase;text-shadow:-1px 1px #d22127;color:#fff;margin:0 auto 5px;}

.sidebar{padding-top:50px;text-align:left;}
.sidebar .sidebar-title{display:block;font:200%/100% 'Bebas Neue';text-transform:uppercase;color:#1e1e1e;margin:0 auto 15px;}
.sidebar .categorias ul{border-left:2px solid #009fee;}
.sidebar .categorias li{list-style:none;margin:0 auto 15px;padding:0 0 0 15px;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
.sidebar .categorias li:hover{padding:0 0 0 20px;}
.sidebar .categorias a{font:150%/100% 'Bebas Neue';text-transform:uppercase;text-shadow:-2px 2px #333;color:#fff;}
.sidebar .bloque{margin:0 auto 50px;}
.sidebar form{position:relative;}
.sidebar input{position:relative;display:block;padding:13px;width:100%;font:100%/105% 'Montserrat',Arial,sans-serif;border-radius:5px;color:#000;background:#fff;border:1px solid #ccc;z-index:0;}
.sidebar input:focus{border-color:#009fee;box-shadow:inset 0 0 5px rgba(0,0,0,.2);}
.sidebar button{position:absolute;right:5%;top:50%;transform:translate(0,-50%);z-index:2;display:block;color:#1e1e1e;font-size:150%;text-align:center;cursor:pointer;background:none;border:none;transition:all 300ms ease-out;}
.sidebar button:hover{opacity:.8;}
.sidebar .novedad{border-radius:8px;}
.sidebar .novedad .fecha{font:70%/110% 'Montserrat';letter-spacing:1px;border-radius:0 0 0 4px;padding:6px 10px;}
.sidebar .novedad .titulo{padding:25px 5% 15px;font:bold 125%/120% 'Montserrat';}

/*--- PAGENAVI ---*/
.pag{min-width:300px;max-width:100%;text-align:center;margin:15px auto 0;}
.pag a,.pag span{display:inline-block;font:150%/100% 'Bebas Neue',Arial,Helvetica,sans-serif;margin:1px 2px 0;padding:10px 16px;background:#1e1e1e;color:#666;transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
.pag a:hover{opacity:.8;text-decoration:none;color:#ccc;}
.pag span{background:#d22127;background:#009fee;color:#fff;font-weight:bold;margin:0 2px;padding:12px 18px;}
.pag a.prev{margin-left:3px;}


#footer{background:#1e1e1e;padding:100px 5%;text-align:left;color:#fff;}
#footer .logo{display:block;width:100%;max-width:200px;height:auto;margin:0 0 15px;}
#footer .legales{color:#666;font:75%/105% 'Montserrat';}
#footer .redes-foot{list-style:none;max-width:225px;margin:35px 0 50px;}
#footer .redes-foot li{display:inline-block;margin:0 13px 0 0;}
#footer .redes-foot li a{color:#fff;font-size:135%;transition:200ms ease-out;}
#footer .redes-foot li a:hover{color:#009fee;}
#footer .redes-foot li:nth-child(odd) a:hover{color:#de007b;}
#footer h4{font:135%/100% 'Bebas Neue','Montserrat';margin:0 auto 10px;}
#footer .menu{width:auto;display:inline-block;list-style: none;padding:15px 0;}
#footer .menu li{margin:0 0 15px;}
#footer .menu li a{position:relative;padding:5px 0;color:#fff;font:105%/105% 'Montserrat';}
#footer .menu li a:after{position:absolute;content:'';left:0;width:0;height:1px;bottom:0;background:#009fee;transition:200ms ease-out;}
#footer .menu li:nth-child(odd) a:after{background:#de007b;}
#footer .menu li a:hover:after{width:100%;}


#ezlon{float:right;display:block;margin:25px 0 0;width:80px;font:10px/20px Arial;color:#fff;text-shadow:1px 1px 1px #000;text-align:center;}
#ezlon:hover{text-decoration:none;}
#ezlon span{display:block;background:url(../img/ezlon.png) no-repeat center center;margin:0 auto;width:80px;height:25px;text-indent:-99999em;opacity:1;-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;-webkit-transition:opacity 300ms ease-out;}
#ezlon span:hover{opacity:.75;}

#seccion-portada{width:100%;overflow:hidden;position:relative;}
#seccion-portada .swiper-content{position:relative;pointer-events: none;}
#seccion-portada .swiper-slide img{display:block;width:100%;height:auto;}
#seccion-portada .info{position:absolute;left:5%;top:50%;transform: translate(0,-40%);text-align:left;color:#fff;box-shadow:0 0 15px rgba(0,0,0,.3);text-shadow:0 0 4px rgba(0,0,0,.8);padding:50px;border-radius:20px;z-index:2;width:95%;max-width:600px;opacity:.95;background:rgba(0,0,0,.2);}
#seccion-portada .info h1{font:350%/105% 'Bebas Neue';margin:0 auto 25px;}
#seccion-portada .info p{margin:0 auto 25px;font:115%/150% 'Montserrat';}

.servicios{}
.servicio{padding:25px;width:90%;min-width:250px;max-width:275px;height:225px;margin:15px auto 25px;color:#fff;background:#de007b;text-align:right;border-radius:20px;top:0;position:relative;transition:200ms ease-out;}
.servicio:hover{top:-5px;}
.servicio:after{content:'';position:absolute;left:5%;bottom:-5%;width:90%;height:150px;border-radius:20px;background:rgba(0,0,0,.2);z-index:-1;transition:200ms ease-out;}
.servicio:hover:after{bottom:-6%;}
.servicio.servicio2{background:#9435A4;}
.servicio.servicio3{background:#4A6ACB;}
.servicio.servicio4{background:#009fee;}
.servicio .icon{display:inline-block;width:40px;height:40px;padding:10px 0;margin:0 0 10px;background:rgba(255,255,255,.3);color:#fff;font-size:150%;line-height:100%;text-align:center;border-radius:100%;}
.servicio h4{text-align:left;font:235%/100% 'Bebas Neue';margin:0 auto 15px;}
.servicio p{text-align:left;font:125%/135% 'Montserrat';}

#contacto{margin-top:80px;}
#contacto .row{width:100%;padding:0;margin:0;}
#contacto .bg-contacto{background:#1e1e1e url(../img/contacto.jpg) no-repeat center top;background-size:auto 100%;}
#contacto form{margin:0 auto 25px;text-align:right;}
#contacto p{margin:5px auto 20px;text-align:left;}
#contacto label{display:block;width:100%;text-align:left;margin:5px 0;color:#666;font:bold 100%/100% 'Montserrat';}
#contacto input{display:block;text-align:left;width:100%;padding:15px;border-radius:4px;margin:0 auto 15px;border:1px solid #ccc;font:100%/110% 'Montserrat',Arial,Helvetica,sans-serif;}
#contacto textarea{display:block;text-align:left;width:100%;height:250px;border-radius:4px;padding:15px;resize:none;border:1px solid #ccc;margin:0 auto 15px;font:100%/110% 'Montserrat',Arial,Helvetica,sans-serif;}
#contacto input:focus,
#contacto textarea:focus{border-color:#009fee;box-shadow:inset 0 0 5px rgba(0,0,0,.2);}
#contacto input.disabled,
#contacto textarea.disabled{border-color:#ccc;background:#e8e8e8;color:#aaa;}
#contacto .msj{text-align:left;width:100%;margin:5px auto;padding:17px 10px;font:100%/100% 'Montserrat',Arial,Helvetica,sans-serif;color:#fff;border-radius:4px;}
#contacto .msj .icon{margin:0 5px 0 0;}
#contacto .msj.ok{background:green;}
#contacto .msj.error{background:red;}
#contacto button{display:inline-block;font:bold 90%/110% 'Montserrat';cursor:pointer;text-transform:uppercase;letter-spacing:2px;margin:0 auto;border-radius:4px;background:#009fee;color:#fff;padding:12px 36px;transition:200ms ease-out;}
#contacto button:hover{background:#00a8fc;transform:scale(1.05);}
#contacto button.disabled{background:#e8e8e8;color:#aaa;cursor:default;}


#timeline{padding:120px 5%;background:linear-gradient(110deg,#009fee,#de007b);position:relative;overflow:hidden;}
#timeline::before{content:'';position:absolute;left:0;width:100%;height:100%;background:url(../img/logo-w-op.svg) fixed no-repeat center center;background-size:100% auto;pointer-events: none;z-index:0;}
.timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding:50px 0 0;background:#fff}
.timeline ul li::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit;z-index:1}
.timeline ul li div{position:relative;bottom:0;width:500px;padding:25px;color:#fff;background:#de007b;text-align:justify;border-radius:12px}
.timeline ul li div time{display:block;font:500%/100% 'Bebas Neue'}
.timeline ul li div p{padding:5px;line-height:200%}
.timeline ul li div p small{opacity:.5;margin:0 5px}
.timeline ul li div::before{content:'';position:absolute;bottom:15px;width:0;height:0;border-style:solid}
.timeline ul li:nth-child(odd) div{left:45px}
.timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:#fff0 #de007b #fff0 #fff0}
.timeline ul li:nth-child(even) div{left:-539px}
.timeline ul li:nth-child(even) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:#fff0 #fff0 #fff0 #de007b}
.timeline ul li::after{background:#fff;transition:background .5s ease-in-out}
.timeline ul li.in-view::after{background:#fff}
.timeline ul li div{visibility:hidden;opacity:0;transition:all .5s ease-in-out}
.timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0)}
.timeline ul li:nth-child(even) div{transform:translate3d(-200px,0,0)}
.timeline ul li.in-view div{transform:none;visibility:visible;opacity:1}