@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
body {overflow-x: hidden;}
/*colores*/
.mainheader .tab_first .logo {filter:none;}
html {background:#1e1e1e;}

.toplayer + #striplayer + .container span.pretitle, .toplayer + #striplayer + .container .auxBox , .toplayer + #striplayer + .container .auxBox li{color:#eee;}
span.author.name em {color:#fff;}
.grid .controlBox span.ico, .mediaBox .ima, .mediaBox span.ico.play.video, .ico.share{outline-color:#e5dcbb;}
.cell iframe {outline: solid .1rem #fff;}
.mainBox .txtBox .maintitle {color:#e5dcbb;}
.mainBox .auxBox{color:#fff;}
.container:not(.striplayer) .secBox:before, .sliderBox h1:before {background:#e5dcbb;}
.mainBox .auxBox a {color:#5b6c80;}
.mainBox .auxBox a:hover {color:#fff;}
.container.quoteBox.striplayer.inside {background-color:#252525;}
section > h1 > span, section.grid > .secBox > span , .sliderBox h1 span {color:#fff;}

/*fuentes*/
.mainBox .auxBox{font-weight:400;line-height:1.5;}
.g1 .txtBox .maintitle{font-size:3rem;}
.mainBox .txtBox .maintitle {font-family:'Roboto Condensed',sans-serif;text-transform:none;}
.mainBox .auxBox li, .mainBox .auxBox p ,.mainBox .auxBox strong,.mainBox .auxBox em{font-size:1.8rem;}
.mainBox .auxBox a {font-size:1.8rem;text-decoration:none;}
.toplayer + .container:not(.striplayer) .auxBox{font-size:2.6rem;}
section > h1 > span, section.grid > .secBox > span, .sliderBox h1 span {font-family:'Roboto Condensed',sans-serif;font-size:3rem;font-weight:600;line-height:1.1;}

/*cabecera*/
.wrapper.subheader .spechead .logoima {text-align:center;overflow: visible;height: 10rem;width: auto;margin-top:4rem;}
.subheader .spechead .falseH1 {width: 100%!important;position: absolute;left: 50%;}
.spechead ul.partBox {z-index: 0;}
.spechead .container {margin-bottom:0;}
.subheader .navBox.spechead {background:transparent;}
.subheader .spechead .falseH1 {padding:0;width: 100vw!important;z-index: 3;overflow: visible!important;text-align: center;margin-left: -14rem;left: auto;}

/* apertura al 100% */
.wrapper.subheader .navBox.spechead {position:absolute;}
.specialTopBox.striplayer {margin-bottom:3rem;box-shadow:-0.5rem 1rem 4rem #000;}
.wrapper .specialTopBox .grid{width:100%;padding:0;}
.specialTopBox .gridBox .cell, .specialTopBox .gridBox .cell .mediaBox{padding:0;}
.specialTopBox .gridBox .cell .overBox{position:absolute;bottom:0;width:100%;padding:2% 15%;min-height:15vh;top: auto;display: block;height:auto;}

.toplayer + #striplayer + .container .overBox{padding:2% 16%;}
.toplayer + #striplayer + .container  span.ico.play.video, .specialTopBox span.ico.play.video , .auxheader .ico.share {box-shadow:none;}

/*general*/
.g1 .txtBox, .g1 .auxBox {padding:.5rem;}
.mainBox .txtBox .maintitle{padding:1.5rem 0 0;}

/*catalogo*/
section > h1 > span, section.grid > .secBox > span .sliderBox h1 span {margin:0;padding:0;}

/*atlantis*/
.wrapper.bodier .specialTopBox .grid > .gridBox .m100 span.ima {height:auto;padding-top:56.25%;}
.wrapper.bodier .notory > .gridBox > .m100:first-child .play {width:auto;height:auto}


@media all and (max-width:1400px){
    .wrapper.subheader .spechead .logoima {left:50%;margin-left:-13rem;}
    .lunera .boton {left: 82%;}
}

@media only screen and (max-width:1023px){
  .specialTopBox.striplayer.inside .notory .cell .overBox {position:relative;}
}