/*
    Theme Name: Mag21
    Theme URI: http://html5blank.com
    Description: HTML5 Blank WordPress Theme
    Version: 1.4.3
    Author: Todd Motto (@toddmotto)
    Author URI: http://toddmotto.com
    Tags: Blank, HTML5, CSS3

    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
    #1d6371
*/



/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{ font-style:italic;}

@keyframes slideToNav{0%{transform:scale(1);}
  100%{transform:scale(.9);}
}
.slideToNav{animation-name: slideToNav;animation-timing-function:ease-in-out;animation-duration: .4s;animation-fill-mode:both;}
@keyframes slideCloseNav{0%{transform:scale(.9);visibility:visible}  
  100%{transform:scale(1)}
}
.slideCloseNav{animation-name:slideCloseNav;animation-timing-function:ease-in-out;animation-duration: .4s;animation-fill-mode:both;}



@keyframes navOpen{0%{transform:translate3d(-100%,0,0); opacity: 1;}
  100%{transform:translate3d(0,0,0);opacity: 1;}
}
.nav_open{animation-name: navOpen;animation-timing-function:ease-in-out;animation-duration: .7s;animation-fill-mode:both;}
@keyframes navClose{0%{transform:translate3d(0,0,0); opacity: 1;}
  100%{transform:translate3d(-100%,0,0); opacity:0;}
}
.nav_close{animation-name:navClose;animation-timing-function:ease-in-out;animation-duration: .7s;animation-fill-mode:both;}


*[data-animation^="fade"]{opacity: 0;}
.animReady{opacity: 1!important;}

img[data-src^="http"]{opacity:0;transition: .4s;transition-delay: .2s;}
img[data-src]{opacity:0;transition: .4s;transition-delay: .2s;}
img[data-src^="http"].ready{opacity:1;}
img[data-src].ready{opacity:1;}


/* normalize */
html, body {margin: 0;padding: 0;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background: #000;font: 500 1em 'Poppins', sans-serif;color:#444;position:relative;}
html{position:relative;overflow-x: hidden;background: #212121;}
html.overflow{overflow:hidden;}
html.full,html.full body,html.full main{height:100%;overflow: hidden;}
h1,h2,h3,h4,h5{font-family: 'Sen', serif;color: #333;margin-bottom:10px;font-weight: 800;}
h1{font-size:1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{ font-size:1em;}
ul,li{ list-style:none; list-style-position:outside;}
.btn,a, a img, img{ outline:none; text-decoration:none;}
.btns{display: flex;align-items: center;justify-content: center;width: 100%;/* display: none; */}
.btns .btn{margin:0 3px;white-space: nowrap;padding: 0 15px;width: 100%;}
.btns.flex{ flex-wrap:wrap;}
.btns.flex .btn{margin: 0 0 10px;display: block;width: 100%;}
a{ color:#2C3048}
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.nice{position:relative;display: block;font-family: 'Sen', serif;font-weight: 1000;margin-bottom: 2%;border-bottom: 1px solid #7a7a7a;width: 100%;}
.nice:after{display:block;content:'';width: 50px;height: 7px;background: #444;margin: 5px 0 0 0;/* border-bottom: 2px solid #000; */}
.nice.center{ text-align:center;}
.nice.center:after{ margin:5px auto 0;}
.nice.white:after, .nice.white:before{background: #595959;}
.nice.white{color:#fff;}
button{border:none;cursor: pointer;}

.art_title{font-size:3em;margin: 0 0 4%;position: relative;width: 100%;letter-spacing: -0.03em;}
.art_title.center{text-align:center;}
.art_title span{position:absolute;font-size: 2em;text-transform: uppercase;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, 0.12);position: absolute;top: -120%;left: 0;margin: 0;}
.art_title.white{color:#fff;}
.art_title.center span{left:50%; transform: translateX(-50%)}
.art_title.white span{-webkit-text-stroke: 1px rgba(255,255,255, 0.2);}

/* buttons */
input[type="submit"],.btn{padding: 0 20px;display: inline-block;text-align: center;box-shadow: 0 1px 15px rgba(0,0,0,.2);font: 100 1em/40px 'Sen';border: none;background: #000;color: #fff!important;border-radius: 2px;height: 40px;text-decoration: none!important;}
.btn i{ margin:0 10px 0 0}
.btn.icon{padding:0;width: 42px;}
.btn.icon i{ margin:0}
.btn.secondary{background: #30ffff;color: #333;}
.btn.terciary{background: #fff;color: #333!important;text-shadow: none;}
.btn.quarty{background:none;color: #ddd;border: 1px solid #494949;background: rgba(0,0,0,.5);}
.btn.block{display:block;width: 100%;clear: both;margin: 0 0 2%;}
.btn.facebook{ background:#183796}
.btn.center{ display:block; margin:0 auto; width:100px}
.btn:hover{opacity:.8}
.btn.block.secondary {background: #30ffff;color: #333!important;}
.btns_flex{ display:flex;}
.btns_flex .btn{/* width: 100%; */margin: 0 2% 0 0;white-space: nowrap;}

.btn.tooltip {

}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 15px;
  line-height: 1.8;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}



#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}
#loader-wrapper.animated { visibility:visible;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #000;transform: translateX(0);z-index: 1;}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
/*#loader{display: block;position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;margin: -5px;border-radius: 10em;background: #30ffff;animation: spin 2s ease-in-out infinite;z-index: 2;}
#loader:before {content: "";position: absolute;top: 15px;left: 15px;border-radius: 10em;background: #30ffff;width: 10px;height: 10px;}
#loader:after {content: "";position: absolute;top: -15px;border-radius: 50%;background: #30ffff;left: -15px;width: 10px;height: 10px;}
@keyframes spin {0% {transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}}*/
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
#loader-wrapper .loader_logo{position:absolute;z-index: 2;width:100%;top: 50%;opacity:1;margin: -160px 0 0 0;}
#loader-wrapper .loader_logo img{display:block;margin:0 auto;width: 140px;/* filter: invert(1); */}
.loaded #loader-wrapper .loader_logo{transition:all 500ms ease-out;opacity:0}

#loader{display: block;position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;margin: -5px;border-radius: 10em;z-index: 2;display: flex;align-items: center;justify-content: center;transform: translate(-50%, -50%);}
.lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;transform: rotate(115deg) scale(.6);}
.lds-roller div {animation: lds-roller 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #30ffff;margin: -4px 0 0 -4px;}
.lds-roller div:nth-child(1){animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.lds-roller div:nth-child(2){animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.lds-roller div:nth-child(3){animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.lds-roller div:nth-child(4){animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5){animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.lds-roller div:nth-child(6){animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.lds-roller div:nth-child(7){animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.lds-roller div:nth-child(8){animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
@keyframes lds-roller {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}


/* all */
*{box-sizing:border-box;}
a,.has_animation{transition:.4s ease-out;}

/* transition */
.trans{transition: all 500ms ease-out; }

/* conatiners */
main{width:100%;top: 0px;background:#fff;left:0;z-index: 1;position: relative;transition: .5s;overflow: hidden;}
.envelope{position: absolute;width: 100%;height:100%;z-index: -2;cursor:pointer;left:0;top:0;opacity:0;}
.content{ overflow:hidden; padding:20px 0;}
.inner{max-width: 1500px;margin:0 auto;width: 85%;z-index: 1;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.hidden{ display:none;}




/* cols */
.wrapper{padding: 4% 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.wrapper > *{min-height:40px;margin-bottom: 4%;}
.col_1{width: 100%;}
.col_2{width: 48%;}
.col_3{width: 30%;}
.col_4{ width:23%;}
.col_5{ width:18%;}
.col_3f{width: 64%;}
.col_4f{width: 73%;}
.text_right{ text-align:right;}
.col_aside{width: calc(100% - 320px);position: relative;display: block;}
aside{display:block;width:300px;margin: 0 0 0 0;vertical-align: top;background: none;position: relative;}


/* header */
header{position: fixed;width: 100%;margin: 0 auto;top: 0;z-index: 4;background: transparent;min-height: 40px;}

header {}
header a{ transition:0s;}
header .inner{align-items:center;justify-content: center;z-index: 2;min-height: 50px;}
header .logo{display: flex;height: 90px;/* filter: invert(1); */transition: .4s;align-items: center;}
header .logo img{width:100%;height: 65%;object-fit: contain;}
header .logo_marca{display: flex;height: 70px;transition: .4s;align-items: center;filter: grayscale(1) brightness(0) invert(1);width: 200px;}
header .logo_marca img{width:100%;height:100%;object-fit:contain;object-position: left;}
header .logo_marca img[alt="mexicodesconocido"]{padding: 1px 0 9px;}
header .logo_marca img[alt="altonivel"]{padding: 1px 10px 9px 0;}
header .logo_marca img[alt="cinepremiere"]{padding: 1px 10px 9px 0;}
header menu{display: flex;align-items: center;}
header:after{content:'';width:100%;background: #242424;position: absolute;top: 0;left: 0;z-index: 1;transition: .4s;height: 0;}
header.active .logo{height: 70px;margin: 0px 0 5px;}
header.active:after{height:100%;transition: .4s;box-shadow: 0 4px 10px rgba(0,0,0,.7);}

header .right_btns{position:absolute;display:flex;right: 0;}
header .right_btns > *{margin-left: 2px;}

header menu ul{ display:flex;}
header menu ul li{display: flex;align-items: center;justify-content: center;}
header menu ul li a{display:block;font: 100 1em 'Poppins';letter-spacing: 1px;text-transform: uppercase;padding: 20px; position:relative;} 
header menu ul li a:after{height:3px;content:'';position:absolute;width:0%;bottom:0;background: #00cdff;left: 50%; transition:.4s}
header menu ul li a:hover:after{ left:0; width:100%}



.item_1 ul{display:flex;flex-wrap:wrap;height: 90%;max-width: 500px;}
.item_1 li a{display: flex;color: #fff;font: 100 1.4em 'Poppins';}
.item_1 li{width: 100%;display: flex;align-items: center;}
.item_4 img{filter:blur(10px);position:absolute;left:0;top:0;width: 110%;height: 110%;object-fit:cover;opacity: .2;margin: -10%;}
.item_2 .separator{display: block;text-align: center;color: #fff;margin: 4%;}
.item_2 .title_menu{ font-size:1.6em}
.item_3 .title_menu{ font-size:1.6em}
.item_3 .social{display:flex;}
.item_3 .social a{display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#fff}

.user_login{/* background:#333; */padding:4%;width:80%;}

header .session{/* position:absolute; *//* right: 60px; */font-size:.8em;width: 160px;}
.session i{ margin:0 10px 0 0}

.logued_user{/* position:absolute; *//* right: 50px; */font-size:.8em;background: #000;color: #fff;position: relative;}
.logued_user .name{display:flex;line-height:40px;position:relative;padding: 0 10px 0 41px;}
.logued_user .name i{position:absolute;left:0;line-height:40px;width: 40px;text-align: center;}
.logued_user .name div{position:relative;padding: 6px 20px 0 0;height: 40px;}
.logued_user .name div span{display:block;line-height: normal;position: absolute;font-size: .8em;}
.logued_user .name div strong{font: 900 1em 'Sen';}
.logued_user:hover .user_links{ display:block;}
.user_links{display:none;position:absolute;width: 200px;background:#000;left: 50%;transform: translateX(-50%);border-radius: 4px;top: 117%;box-shadow: 0 10px 30px #000;}
.user_links:before{content:'';width: 20px;height: 20px;background: #000;display:block;position:absolute;transform: rotate(45deg) translateX(-50%);left: 50%;z-index: -1;}
.user_links a{display:block;text-align:center;color: #fff;font: normal 1em/40px 'Sen';transition:.4s;}
.user_links a:hover{ background:#222}

.menu {display:grid;width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;grid-template-columns: 55% 30% 15%;grid-template-rows: 60% 40%;grid-template-areas:
"item1 item2 item4"
"item1 item3 item4";pointer-events: none;z-index: 90;}
.menu_open{pointer-events: auto;}
.menu_open .menu_item{transform: translate(0%, 0%);}
.menu_item{height: 100%;transition: .8s;overflow:hidden;display: flex;align-items: center;justify-content: center;}
.item_1{grid-area: item1;background: #111;transform: translate(0%, 100%);display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 12% 0 20%;}
.item_2 {grid-area: item2;background: #272727;transform: translate(0%, -121%);transition-delay: .2s;padding: 4%;}
.item_3 {grid-area: item3;background: #30ffff;transform: translate(0, 100%);transition-delay: .5s;}
.item_3 .info{ text-align:center;}
.item_3 .info a{ display:block; text-align:center; line-height:40px; margin:10px 0 0}
.item_4 {grid-area: item4;background: #000;transform: translate(100%,0);}
.menu .close{display:none}
.menu_open .close{display:block;opacity: 0;}
.title_menu{width:100%;max-width: 500px;font-weight: 900;color: #fff;font: 100 3em 'Sen';margin: 0 0 3%;}
.title_menu.black{ color:#333;}



.menu .logued_user{position:relative;width:100%;right:initial;height:auto;background: none;}
.menu .logued_user .name div{height:auto; padding:0;}
.menu .logued_user .name{font-size:2em;line-height: normal;padding: 0;text-align: center;display: block;margin: 0 0 4%;}
.menu .logued_user .name i{position:relative; }
.menu .logued_user .name div span{position:relative;}
.menu .user_links{width:100%;display:block;background:none;box-shadow:none;position: initial;transform: none;}
.menu .user_links a{font-size:1.4em;line-height: 50px;}
.menu .user_links:before{ display:none;}



/* Si */
.open_nav{width: 40px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: calc(50% - 20px);}
.open_nav span, .open_nav span:before, .open_nav span:after {invertcursor: pointer;border-radius: 1px;height: 2px;width: 25px;background: #fff;position: absolute;display: block;content: '';border-radius: 12px;}
.open_nav span:before {top: -10px;}
.open_nav span:after {bottom: -10px;}
.open_nav span, .open_nav span:before, .open_nav span:after {transition: all 700ms ease-out;}
.open_nav.active span {background-color: transparent;}
.open_nav.active span:before, .open_nav.active span:after {top: 0;}
.open_nav.active span:before {transform: rotate(45deg);}
.open_nav.active span:after {transform: rotate(-45deg);}

.open_search{text-align: center;padding-top: 0;display: block;font-size: 1.3em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-items: right;right: 5px;top: calc(50% - 20px);width: 40px;height: 40px;background: #000;border-radius: 2px;}
.open_search span{display: flex;height: 40px;width: 40px;transition: 0.3s;position: relative;transform: rotate(-45deg) translate(-2px, 0px) scale(.6);margin: 0;padding: 0;justify-content: center;align-items: center;}
.open_search span:before,.open_search span:after {display: inline-block;height: 30px;width: 30px;border-radius: 10em;transition: 0.3s;background: transparent;content: '';position: absolute;width: 18px;top: 0;bottom: 0;margin: auto;}
.open_search span:before {height: 2px;left: 2px;background: #fff;width: 14px;left: 7px;}
.open_search span:after {right: 3px;background: transparent;border-radius: 50%;width: 14px;height: 14px;border: 2px solid #fff;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.open_search.active span:before, .open_search.active span:after {border-radius: 0;background: #fff;width: 100%;left: 0;}
.open_search.active span:after {height: 2px;width: 100%;top: 0px;right: 0;border: 0;left: 0;transform: rotate3d(0, 0, 1, 90deg);}
.open_search.active span{ transform:rotate(-45deg) translate(0px, 0px) scale(.6)}

/*header .fullscreen,
header .open_share,
header .open_comments,
header .bookmark,
header .back{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #000;border-radius: 2px;text-align: center;}*/

header .wrapperbookmarks .btn{ width:40px;}
header .logo.in_history{height: 50px;margin: 0 30px 0 0;}
header .dots {position:relative;}
header .dots button{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #111;border-radius: 2px;text-align: center;outline: none;}
.sharebtn{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #000;border-radius: 2px;text-align: center;outline: none;}
header .dots button.active{background: #333;}
header .wrapperbookmarks .btn{width:100%; padding:inherit; font:normal 1em 'Poppins'; text-align:left; background:transparent; box-shadow:none;}
header .dots .options{/* display:none; */position:absolute;width: 260px;background: #333;left: 50%;transform: translateX(-50%);border-radius: 4px;top: calc(100% + 80px);box-shadow: 0 10px 30px #000;z-index: 2;font-size:.8em;padding: 10px;opacity: 0;transition: .4s;pointer-events: none;}
header .dots .options.active{opacity:1; pointer-events:all; top:calc(100% + 10px)}
header .dots .options br{display:none;}
header .dots .options a{display:block;line-height: 40px;padding: 0 10px 0 40px;color:#fff;position: relative;}
header .dots .options a:hover{background:rgba(0,0,0,.5)}
header .dots .options a i{ position:absolute; left:10px; top:50%; transform:translateY(-50%)}
header .dots .options:before{content:'';width: 20px;height: 20px;background: #333;display:block;position:absolute;transform: rotate(45deg) translateX(-50%);left: 50%;z-index: -1;top: -1px;}
header .dots .options .divider{width:100%;display:block;border-top: 1px solid #222;padding: 10px;color:#fff;}
header .dots .options em{font-style:normal;color: #fff;display: block;padding: 0 10px;font-size: 1em;color: #ccc;}
header .dots .options .textcontrols{display:flex;margin: 5px 10px 12px;border-radius: 10px;overflow: hidden;justify-content: space-between;}
header .dots .options .textcontrols .bigger{ font-size:1.4em}
header .dots .options .textcontrols a{padding:0 10px;width: 49.8%;text-align:center;background: rgba(0,0,0,.2);}
header .dots .options .textcontrols .disabled{opacity: .1;}

header .dots .options label.checkbox{position:relative;overflow:hidden;display: block;padding: 0 0 0 50px;line-height: 40px;color: #fff;}
header .dots .options label.checkbox i{display:block;position:absolute;left: 7px;width: 37px;height: 20px;border-radius:10em;background: rgba(255,255,255,.2);top: 10px;}
header .dots .options label.checkbox i:after{ content:''; display:block; width:15px; height:15px; background:rgba(255,255,255,.3); border-radius:10px; transition:.4s; box-shadow:0 0 3px #000; position:absolute; right:18px; top:3px}
header .dots .options label.checkbox i:after{}
header .dots .options label.checkbox input{position:absolute; left:-100%;}
header .dots .options label.checkbox input:checked + i:after{background:#32ffff; right:4px;}


.options_layer{position:absolute;width: 100%; height: 100%;top: 0; left: 0;display: none}
.options_layer.active{display: block;}

.search{overflow:hidden;position: absolute;transition: .4s;left: 0;opacity: 0;display: flex;top: 110%;width: 100%;box-shadow: 0 10px 10px rgba(0,0,0,.2);background: #333;height: 0;}
.search.active{z-index: 16;opacity: 1;height: 60px;}
.search input{color: #fff;width: 90%;background:transparent;height: 100%;padding: 0 4%;box-sizing: border-box;font-size: 1.2em;border-bottom: none;border: none;}
.search input:-moz-placeholder {color: #999;}
.search input:-moz-placeholder {color: #999;}
.search input:-ms-input-placeholder {color: #999;}
.search input:-webkit-input-placeholder {color: #999;}
.search button{width: 10%;color: #999;background: #111;height: 100%;right: 0;text-align: center;border-bottom: none;overflow: hidden;font-size: 1em;}
.search button span{display:block;height: 40px;width: 40px;transition: 0.3s;position: relative;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 33%;overflow: hidden;}
.search button span:before,.search button span:after {display: inline-block;height: 30px;width: 30px;border-radius: 8px;transition: 0.3s;background: transparent;content: '';position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;}
.search button span:before {height: 2px;left: 0;background: #3e3e3e;}
.search button span:after {right: 0;background: #f5f5f5;border-radius: 50%;width: 25px;height: 25px;border: 2px solid #3e3e3e;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.search button:hover span:before{background: #000;}
.search button:hover span:after{border-color: #000;}
.search a{background: #d0454c;color: #fff;font-size: 2em;} 


.mas_vistos{display: grid;margin: 0 0 4%;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;padding: 0 20px;position: relative;}
.mas_vistos:before{width: 60%;height: 140px;background: #30ffff;position:absolute;left: 20%;top:40%;content:'';}
.mas_vistos .note{width: 100%;overflow: hidden;box-shadow: 0 8px 10px rgba(0,0,0,.4);}
.mas_vistos .note a{height: 480px;}
.results .mas_vistos{padding:0;}



.note{position:relative;transition:.4s;overflow: hidden;background: #111;}
.note:hover{transform: scale(1.02);z-index:2;box-shadow:0 0 20px rgba(0,0,0,.3);}
.note a{display:block;height: 460px;}
.note a.bookmark{width:50px;height:50px;top:0;right:0;position: absolute;color: #fff;text-align: center;line-height: 50px;font-size: 1.4em;}
.note a.bookmark span{ display:none}
.note figure{ position:absolute; width:100%; height:100%; top:0; left:0;}
.note figure img{width:100%;height:100%;position: absolute;left:0;top:0;object-fit:cover;}
.note figcaption{color:#fff;position: absolute;padding: 110px 6% 4%;background: linear-gradient(0deg, rgba(0,0,0,.8) 30% , rgba(0,0,0,0) 100%  );bottom: 0;width: 100%;}
.note figcaption:after{position:absolute;width:30px;height:30px;background:#30ffff;bottom: -15px;right: -15px;transform:rotate(45deg);content:';';}
.note figcaption em{font: 100 .8em 'Sen';margin:0 0 4%;display:block;text-transform: uppercase;color: #30ffff;}
.note figcaption .brand{filter:grayscale(1) invert(1) brightness(10);margin-bottom: 10px;}
.note figcaption .brand img{height: 30px;width:100px;object-fit: contain;object-position: left;}
.note figcaption strong{display:block;font: bold 1.6em 'Sen';margin:0 0 4%;}
.note figcaption span{display:block;margin:0 0 4%;line-height: 1.5em;font-size: .9em;/* opacity: .8; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.note figcaption span.lecture_time{font-size:.8em;line-height: 30px;display: inline-block;}
.note figcaption span.views{display:inline-block;font-size:.8em;line-height: 30px;}
.note figcaption span.btn{display:inline-block;font-size: .8em;line-height: 45px;height: 45px;border-radius: 7px;}
.lecture_time{background: #fff;line-height:40px;padding:0 10px;border-radius:2px;font-size:.8em;font-weight:bold;color: #999;}
.lecture_time i{ margin:0 5px 0 0; }

.views{background: #000;line-height:40px;padding: 0 20px;border-radius:2px;font-size:.8em;font-weight:bold;color: #fff;}
.views i{ margin:0 5px 0 0; }

/* footer */

/* footer */
footer{/* width: 92%; */background: #242424;min-height: 100px;z-index: 1;/* margin: 4% 0 0; *//* border-right: 10px solid #30ffff; */position: relative;}
footer:after{content: '';position: absolute;height: 100px;width: 270px;background: #fff;border-radius: 0 0 4px;top: -40px;transform: rotate(25deg);right: -60px;z-index: -4;display: none;}
footer .nice{ margin-bottom:8%}
footer  .wrapper{padding: 7% 0 0;}
footer strong{display:block;}
footer figure{width: auto;height: 80px;margin-bottom: 4%;}
footer figure img{width: 100%;height: 100%;object-fit: contain;object-position: left;/* filter: invert(1); */}
footer span{display:block; color:#999}
footer a{margin: 0 0 4%;color: #ccc; display:block;}
footer .copyright{text-align:center;padding:10px;font-size: .8em;background: #111;color: #fff;}
footer .wrapper > section:last-child{ border-right:none;}
footer .social{margin: 4% 0 0 0;}
footer .social a{width: 40px;display: inline-block;line-height: 40px;font-weight: normal;text-align: center;}
footer .social a i.flipboard{background: url(http://grazia.mx/wp-content/themes/wpgrazia/img/icon_flipboard2.png) no-repeat center 4px/16px;display: inline-block;width:20px;height:20px;opacity: .8;}



form{}
form .wrapper{ padding:0}
form label{/* overflow:hidden; *//* position:relative; *//* border-radius: 1px; */display: block;margin: 0 0 2%;/* background: #fff; */}
form label select:before{content:'a'; position:absolute; height:40px; bottom:0; right:0; color:#fff; width:40px; line-height:40px; text-align:center;}
form input[type="text"],form input[type="password"],form input[type="email"],form input[type="number"],form input[type="date"], form textarea, form select{display:block;width:100%;border:none;height:40px;font: normal 1em/39px 'Poppins', sans-serif;outline:none;border-radius: 0;-webkit-appearance: none;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 1;background: #fff;}
form textarea{ height:100px!important}
form label span{/* width: 100%; *//* background: #eee; *//* font: bold .8em 'Sen'; *//* letter-spacing: 0.2em; *//* padding: 2%; *//* display: block; */}
form label span i{font-style: normal!important;margin-right: 10px;}
form label input:focus + span, form label select:focus +span, form label textarea:focus + span{color: #b4b4b4;width: 100%;opacity: 1;background: #e6e5e5;}
form label.select:after{font: 900 1em/30px 'Font Awesome 5 Free';content:"\f107";position:absolute;right: 10px;height:40px;bottom: 0;line-height:40px;z-index: 0;color: #686765;}
form label.checkbox{background:#fff;padding: 15px 10px 15px 58px;font-size: .8em;font-weight: bold;border-radius: 0;cursor: pointer;color: #888;display: flex;align-items: center;position: relative;}
form label.checkbox span{font-size: 1em!important;position:relative;background: none;border: none;color: #333;}
form label.checkbox span a{/* color:#fff; */text-decoration:underline;}
form label.checkbox i{display:block;position:absolute;left: 15px;width: 30px;height: 30px;line-height: 30px;text-align:center;font-family: 'Font Awesome 5 free';color: #333;background: #ccc;border-radius: 4px;font-size: .9em;opacity: .5;z-index: 2;}
form label.checkbox input:checked + i{background: #30ffff;opacity: 1;font-weight: 600;}
form label.checkbox input:checked + i:after{content:"\f00c";}
form label.checkbox input{position:absolute;left: -110%;width: inherit;height: inherit;}
form a.more{font-size:.8em;display:block;margin: 0px auto 20px;padding:0;width:150px;min-height:inherit;}
form br{ display:none;}

form#loginform label{color:#fff;background: rgba(0,0,0,.3);font: 500 .8em 'Sen';margin: 0;padding: 2%;position: relative;overflow: hidden;}
form#loginform label.checkbox{padding: 13px 10px 14px 60px;font-size: .8em;}
form#loginform input[type="text"], form#loginform input[type="password"], form#loginform input[type="email"], form#loginform input[type="number"]{background: rgba(0,0,0,.3);margin: 0 0 10px;color: #fff;}
form#loginform .login-remember{margin:0 0 20px}
form#loginform input[type="submit"]{width:100%;background: #30ffff;color: #333!important;}
div.nsl-container-block .nsl-container-buttons a{width: 100%!important;display: block!important;max-width: initial!important;}

form#loginform + p{ color:#fff; text-align:center; margin:20px 0 0}
form#loginform + p .btn{ width:100%; margin: 10px 0 0}


/*------ galleries-------*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;touch-action: manipulation;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0);}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;/* -webkit-transform-style:preserve-3d */}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{/* opacity:0 */}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{/* transform-style:preserve-3d; */}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;touch-action:manipulation}
.owl-stage-outer,.owl-stage{ height:100%; position:relative;}
.owl-item{height:100%;float: left;}
.owl-prev,.owl-next{position: absolute;bottom: 0;width: 40px;height: 40px;color: #fff;text-align: center;overflow:hidden;line-height: 40px!important;text-shadow: 0 0 5px rgba(0,0,0,.23);left: 0;font-size: 1.5em!important;text-indent: -989px;display: flex;align-items: center;justify-content: center;background: transparent;}
.owl-prev{left: 10px;}
.owl-next{right: 10px;left: inherit;}
.owl-next:after,.owl-prev:after{position:absolute;width: 100%;height: 100%;left: 0;top: 0;font: bold 1em 'Font Awesome 5 Free';display: flex;align-items: center;justify-content: center;}
.owl-prev:hover, .owl-next:hover{background: rgba(0,0,0,.2);}
.owl-prev:after{content:'\f104';text-indent: 0;}
.owl-next:after{content:'\f105';text-indent: 2px;}


.intro_home{position:relative;background: #222222;padding: 160px 0 0;overflow: hidden;margin-bottom: 130px;}
.intro_home:before {content: '';position: absolute;height: 80%;width: 1%;background: #30ffff;top: 0;}
.intro_home .inner{ position:initial;}
.intro_home h1{position:relative;padding: 90px 20px 0 0;color: #30ffff;font-size: 3em;margin: 0 0 4%;}
.intro_home p{color: #fff;font-size: 1.46em;padding-right:20%;opacity: .9;}
.intro_home p strong{font-weight:900;color: #fff;}
.intro_home h2{font-size: 9em;text-transform:uppercase;color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);position:absolute;top: 0;left: -15%;margin: 0;}
.text_intro{width:50%;position: relative;z-index: 1;}
.media_support{width:50%;}
.media_support figure{position:absolute;right:0;/* filter: invert(1) brightness(5); */top: 0;width: 50%;opacity: .5;height: 100%;}
.media_support figure > *{ position:relative; width:100%; height:100%; object-fit:cover;}
.media_support:after {content: '';position: absolute;height: 40%;width: 60%;background: #222222;border-radius: 0 0 4px;top: -29%;transform: rotate(-25deg);right: 10px;}
.media_support:before{content: '';position: absolute;height: 23%;width: 42%;background: #fff;border-radius: 0 0 4px;bottom: -110px;transform: rotate(-25deg);right: -10%;z-index: 2;}
.brands{width: 80%;display:flex;background:#fff;margin: 150px 0 0;position: relative;z-index: 1;}
.brands a{display:flex;align-items:center;justify-content:center;width: 25%;padding: 30px 20px;filter: grayscale(1);opacity: .4;}
.brands a:hover{ filter:none;opacity:1}
.brands a img{display:block;max-width:100%;height: 70px;}
.brands a img.altonivel{height: 23px;}
.brands a img.cinepremiere{height: 26px;}
.brands a img.mexicodesconocido{height: 42px;}
.brands a img.nupcias{height: 36px;}
.brands a img.entrepreneur{height: 37px;margin: 6px 0 0 0;}


.ediciones_marca{margin: 0 0 8%;position: relative;}
.ediciones_marca:before {content: '';position: absolute;height: 70%;width: 100%;background: #f6f6f6;top: 30%;left: 0;}
.ediciones_marca:after{/* background: url(./img/deco_texture.svg) repeat top/40px; */content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:.2;background: linear-gradient(45deg, rgba(255, 255, 255, 0) 46%, #262626 49%, #262626 51%, rgba(176, 176, 176, 0) 55%);background-size: 6px 6px;}
.ediciones_marca .inner{display:flex;/* flex-wrap: nowrap; */margin: 0 auto 3em;}
.ediciones_marca .text_edicion{width: 100%;padding: 120px 0 0 2%;}
.portadas_carousel a.portada{width: 340px;margin: 0 10px;width: 100%;margin: 0;}
.portada .temp{display:block; text-align:center; width:100%; text-transform:uppercase; color:#666;}
.portadas_carousel a.portada figure img{box-shadow: 13px 0 0px -8px #545454;border: 1px solid #ddd;}
.portadas_carousel{display: flex;width: 100%;justify-content: space-around;}
.portadas_carousel .scroller{width:100%;display:flex;display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));grid-gap: 2em;}

.intro_section{position: relative;padding: 30px 0;margin: 0 0 10%;overflow: hidden;}
.intro_section:before {content: '';position: absolute;height: 95%;width: 60%;background: #111;top: 5%;right: 0;}
.intro_section span.categoria{/* color:#fff; */font: normal .8em 'Sen';text-transform: uppercase;}
.intro_section h1 {font-size: 2em;/* color: #fff; */margin: 4% 0;/* text-transform: uppercase; */}
.intro_section p {/* color:#ddd; */font-size: 1em;/* max-width: 400px; */margin: 0 0 4%;line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.slides-text .item{display:flex;align-items:center;justify-content:center;}
.slides-text .item .txt{width: 50%;padding: 4%;background: #fff;}
.slides-text .item .brand{margin:0 0 20px}
.slides-text .item .brand img{ width:auto; height:35px;}
.slides-text .item .brand img.altonivel{ height:20px}

.slides-text{}
.slides-text .item figure{position:relative;width:50%;height: 500px;}
.slides-text .item figure a{position:relative;display: flex;align-items: center;justify-content: center; height:100%;}
.slides-text .item figure img{/* position:absolute; */top:0;left:0;width: 100%;height: 100%;object-fit: cover;background: #eee;color: transparent;}
.slides-images{box-shadow: 0 0 30px rgba(0,0,0,.3);}
.slides-images img {width:100%;height: 430px;object-fit:cover;cursor: pointer;}
.custom_arrows{position: absolute;bottom: -4%;z-index: 9;left: 0;display: flex;/* transform: translateX(-50%); */}
.custom_arrows a {z-index: 1;display: block;width: 70px;height: 70px;background: #30ffff;color: #111;text-align: center;line-height: 70px;}
.custom_arrows a:hover {z-index: 2;box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 1);}


.close {background: transparent;border-radius: 5px;width: 50px;height: 50px;position: absolute;right: 2%;top: 1%;z-index: 10;display: flex;align-items: center;justify-content: center;}
.close span {background: transparent;width: 100%;box-shadow: none;height: 100%;display: flex;align-items: center;justify-content: center;}
.close span:before,.close span:after {display: inline-block;height: 2px;width: 35px;border-radius: 10em;transition: 0.3s;background: #fff;content: '';position: absolute;}
.close span:before {transform: rotate3d(0, 0, 1, 45deg);}
.close span:after {transform: rotate3d(0, 0, 1, -45deg);}
.close.white span:before,.close.white span:after {background: #fff;}



.text{width: 60%;color: #fff;margin: 70px auto;text-align: center;}
.text h1{margin: 0 auto 20px;}
.text h2{fborder-bottom: 1px solid #ddd;padding-bottom: 10px;}
.text h3{}
.text h5{}
.text figure.mainImg{width:100%;}
.text figure.mainImg img{ width:100%; height:auto; display:block; margin:0}
.text strong{ font-weight:700}
.text p{font-size: 1.2em;line-height: 1.6em;margin:0 0 20px;font-weight: 400;color: #fff;font-family: 'Poppins';}
.text blockquote{padding:20px 20px 20px 80px;position:relative;font: bold 1.3em/2em 'Poppins',serif;}
.text blockquote:after{top: 18px;content:' \201C ';position:absolute;left:10px;color: #000;font-size: 7em;font: normal 900 6em/1em 'Times', serif;text-shadow: 3px 3px 0 #00cdff;}
.text div,.text div img{ max-width:100%;}
.text iframe{ max-width:100%;}
.text iframe[src^="https://www.youtube.com/"]{ width:100%; height:480px}
.text iframe.instagram-media{ max-width:80%; margin:0 auto!important; display:block!important}
.text p strong{ font-weight:bold}
.text p b{font-weight:bold;color: #111;}
.text p i{ font-style:italic}
.text a{color: #000000;position: relative; text-decoration:underline; }
.text a:after{height:1px;width:100%;position:absolute;content:'';bottom:0;left:0;background: #00cdff;}
.text a:hover:after{height:3px;width:100%;position:absolute;content:'';bottom:0;left:0;background: #1694b3;}
.text li{margin:0 0 20px;padding: 0 0 0 24px;position:relative;}
.text li:after{width: 15px;height: 15px;background:#ddd;content:'';display:block;position: absolute;left: 0;top: 7px;border-radius: 10em;}
.text img{max-width: 100%;height:auto;display:block;margin: 20px auto;width: 100%;}


.breadcumbs{overflow:hidden;margin:0 0 20px;padding:0 0 10px;display:flex;justify-content: center;}
.breadcumbs a{display:block;fon;text-transform: uppercase;float: left;padding-right: 10px;margin-right: 10px;/* border: 1px solid #ccc; */background: #00cdff;padding: 3px 16px;margin: 3px;color: #444;letter-spacing: 1px;}
.breadcumbs a:after{ content:initial}
.breadcumbs a:last-child{ border:none;}
.breadcumbs a:hover{ background:#ddd}


.share{overflow: hidden;display: flex;width: 100%;flex-wrap: wrap;position: fixed;z-index: 2;justify-content: center;align-items: center;height: 100%;background: rgba(0,0,0,.8);top: 0;margin: 0;left: 0;opacity: 0;pointer-events: none;transition: .6s;z-index: 4;}
.share.active{opacity:1;pointer-events:auto;}
.share .btns_share{background: #191919;padding: 30px 7px 10px;box-shadow:0 0 20px #000;border-radius:3px;position:relative;display: flex;}
.share .btns_share .close{/* filter: invert(1); */background: #444;top: -30px;right: -20px;transform: scale(.8);}
.share a{width: 50px;height: 50px;float: left;text-align:center;line-height: 50px;margin: 0;font-size: 1em;background: #ddd;color: #555;border-radius: 3px;margin: 0 3px;}
.share p{text-align:center;text-transform:uppercase;margin: 6px 0 10px;display:block;position: absolute;top: 0;text-align: center;width: 100%;color: #ddd;font-size: .8em;}
.share a:after{display:none}
.share a:hover{color: #000;}
.share a.facebook{ color:#3b5998;}
.share a.twitter{ color:#1da1f2}
.share a.whatsapp{ color:#41c609}
.share a.pinterest{ color:#bd081c}
.share a.flipboard{ color:#F52828}
.share a.whatsapp.addthis_button_whatsapp{ display:none}
.share a.mail{background: #ffd300;}
.share.fixed{position:fixed;top: 75px;z-index: 2;}
.share.absolute{position:absolute;top:inherit;bottom: 40px;z-index: 2;margin: 0;}


.new_home{padding: 300px 0 10%;position: relative;margin: -20px 0 6%;}
.new_home h2{color:#fff;text-align:center;font: normal 2.6em 'Sen';width: 90%;margin: 0 auto;}
.new_home h2 strong{ font-weight:900;}
.new_home .cover video{position:absolute;width:100%;height: 100%;object-fit:cover;}
.new_home .cover:before{width:100%;height: 20%;background: linear-gradient(0deg, rgb(51, 51, 51) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;bottom: 0;left:0;z-index: 2;}


.edicion{background-attachment: fixed;background: #333 linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, #fff 49%, #4b4b4b 51%, rgba(176, 176, 176, 0) 55%);background-size: 4px 4px;padding: 20px 0 4%;/* margin: 0 0 6%; */position: relative;z-index: 3;}
.portada{position:relative;width: 25%;display: block;margin: 0;}
.portada figure{left:0;bottom: 0;width:100%;}
.portada figure img{width:100%;display: block;box-shadow: 0 10px 20px rgba(0,0,0,.4);object-fit: contain;}
.portada figure video{width:100%;height: auto;object-fit: contain;display: block;max-height: 100%;}
.portada figcaption{/* background:#fff; */}
.portada figcaption strong{font: 900 1.4em 'Sen';text-transform:uppercase;letter-spacing:0.3em;margin: 4% 0 4%;display: block;}
.portada figcaption div{display:flex;}
.portada figcaption div span{text-transform:uppercase;font: 100 .6em 'Sen';letter-spacing:0.4em;opacity: .6;}
.portada figcaption div span:first-child{padding:0 15px 0 0; margin: 0 15px 0 0 ; border-right:1px solid #333}
.portada figcaption div.logo{width:100%;height: 64px;padding: 0px;display: flex;align-items: center;justify-content: center;}
.portada figcaption div.logo img{width:100%;height: 40px;/* filter: grayscale(1) brightness(0.5) invert(1) opacity(.6); */}
.portada figcaption div.logo img.altonivel{ height:25px}
.portada figcaption div.logo img.cinepremiere{ height:25px}
.portada figcaption div.logo img.nupcias{ height:40px}
.portada figcaption div.logo img.mexicodesconocido{height:50px}
.portada figcaption div.logo img.entrepreneur{height:38px}
.portada_mes{width:100%;display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center;margin: 0% 0 4%;grid-gap: 20px;}
.portada_mes .portada{/* transform: perspective(157px) rotateY(2deg)!important; */width: 100%;height: auto;z-index: 1;/* display: flex; */flex-wrap: wrap;/* background: #fff; */}
.portada_mes .en_edicion{width: 48%;padding: 4% 4% 4% 8%;background: #f9f9f9;margin: 12% 0 -10% -4%;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.portada_mes .en_edicion h4{font-size: 1.2em;margin:0 0 4%;line-height: 1.8em;}
.portada_mes .en_edicion p{line-height: 1.6em;margin: 0 0 4%;}
.portada_mes .en_edicion .btn{font-size:.8em}
.portada:hover{/* transform: perspective(127px) rotateY(-1deg)!important; *//* box-shadow: 12px 0 0px -7px #ddd, 25px 0 0px -16px #000, 0 10px 30px rgba(0,0,0,.3); */}
.portada .access{display: block;text-align: center;color: #fff;width:100%;text-transform: uppercase;line-height: 40px;font-size: .7em;}


.portada.proximamente:hover div.proximamente{opacity:1;}
.portada.proximamente div.proximamente{opacity:0;transition:.3s;display:flex;background: rgba(0,0,0,.8);color:#fff;padding:10px;justify-content:center;align-items:center;position: absolute;top: 0;width: 100%;height: 100%;}

.suscribe{position: relative;background: #333;/* overflow: hidden; */z-index: 2;}
.suscribe:after{/* background: url(./img/deco_texture.svg) repeat top/40px; */content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:.2;background: linear-gradient(45deg, rgba(255, 255, 255, 0) 46%, #fff 49%, #ffffff 51%, rgba(176, 176, 176, 0) 55%);background-size: 6px 6px;}
.suscribe_hook{width: 50%;display: flex;align-items: center;}
.suscribe_hook:before{width: 500px;height: 500px;background: #111;content:'';position:absolute;top: 0px;left: -520px;transform: rotate(25deg);opacity: .9;box-shadow: -190px -80px 0 rgba(0,0,0,.8), 60px -50px 0 rgba(0,0,0,.3);opacity: .9;}
.suscribe_hook h2{/* color: transparent; */font-size: 5em;position: relative;-webkit-text-stroke: 1px rgba(255,255,255, .4);text-transform: uppercase;}
.get_user{width: 50%;padding: 2%;/* background: rgba(0,0,0,.2); *//* backdrop-filter: blur(5px); */}


.full .suscribe{height:100%; padding-top:200px;}
.full .suscribe:before{content:'';position:absolute;top:0;left:0;width:100%;height: 160px;background: linear-gradient(180deg, rgba(0,0,0,.8) 30% , rgba(0,0,0,0) 100%  );z-index: 2;}

.tabs{overflow:hidden;}
.tabs > section{display: flex;margin: 0 0 4%;}
.tabs > section a{width: 50%;text-align:center;float:left;padding:10px 0;border-bottom: 1px solid #000;color: #fff;font-family: 'Sen';}
.tabs > section a.active{font-weight: normal;border-bottom: 1px solid #30ffff;}
.tabs > section a:hover{border-color:#666}



form.login input, form.login textarea, form.login select{background:transparent;color:#fff;border: none;}
form.login label span{background:none;color: #fff;display: initial;width: 100%;font: 500 .8em 'Sen';padding: 0 10px;}
form.login label,form.login label.checkbox{background:rgba(0,0,0,.3)}

.msg_register{width:100%;text-align:center;color:#fff;margin: 4% 0;}
.msg_register .btn{ margin:2% 0 0}

.lightbox{position:fixed;top: -100%;left:0;width:100%;height:100%;z-index: 99;display:flex;align-items:center;justify-content:center;background: rgba(33,33,33,.9);backdrop-filter: blur(3px);transition: .4s;}
.lightbox .content_lightbox{width:92%;max-width:600px;background: #3d3d3d;padding: 4%;box-shadow: 0 0 20px rgba(0,0,0,.4);opacity: 0;position: relative;color: #fff;}
.lightbox .content_lightbox p{margin: 10px 0;}
.lightbox.active{top:0}

.lightbox.video .content_lightbox{padding:0;}
.lightbox.video .close{top:-20px; right:-20px; background:#333;}
.lightbox.video iframe{width:100%; height:400px;}


.carousel_portadas{/* background:rgba(0,0,0,.2); */padding:40px 0;}
.portadas_carousel_home{width:100%;margin-bottom: 40px;position: relative;}
.portadas_carousel_home .portada{width:100%}
.portadas_carousel_home .owl-prev,.portadas_carousel_home .owl-next{background: #30ffff;width: 50px;height: 50px;color: #333;top: calc(50% - 25px);border-radius: 7px;box-shadow: 0 0 30px #000;}
.portadas_carousel_home .owl-prev{left:-25px}
.portadas_carousel_home .owl-next{right:-25px}
.alleditions{width: 92%!important;max-width: 440px!important;margin-bottom: 50px!important;}


/* ///// edicion ///// */
#edition{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;touch-action: manipulation;}
#edition:after{width:100%;height: 120px;background: linear-gradient(180deg, rgba(0,0,0,.8) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;top:0;left:0;z-index: 2;}
.edition-wrapper nav {bottom: 30px;left: 50%;position: absolute;z-index: 1000;width: 100%;background: #30ffff;height: 50px;display: flex;transition: .4s;transform: translateX(-50%);justify-content: center;width: auto;border-radius: 5px;box-shadow: 0 6px 30px rgba(0,0,0,.8);}
.edition-wrapper nav.active{bottom: 237px;box-shadow: 0 -20px 30px -18px #000;background: #29f0f0;}
.edition-wrapper nav div {min-width: 50px;height: 50px;left: 0;color: #333;line-height: 50px;text-align: center;speak: none;cursor: pointer;display: block;white-space: nowrap;padding: 0 10px;}
.edition-wrapper nav div span{ margin:0 0 0 10px }
.edition-wrapper nav div.disabled{opacity:.4}
.edition-wrapper nav div:hover,.menu-button:hover {/* box-shadow: 0 0 10px rgba(0,0,0,.3); */}
.edition-wrapper nav div:last-child {left: 40px;}
#bb-nav-next,
nav .fullscreen,
#bb-nav-open{border-right:1px solid rgba(0,0,0,.2)}
.edition-wrapper nav div.counter{background: rgba(0,0,0,.1);display:flex;padding:0;justify-content: center;}
.edition-wrapper nav div.counter span{padding: 0 7px;margin: 0;font-size: .7em;display:flex;position:relative;}
.edition-wrapper nav div.counter span.actual:after{width: 1px;height: 18px;content:'';background: #444;display:block;position:absolute;right: -1px;top: calc(50% - 10px);transform: rotate(18deg);opacity: .4;}
.no-js .edition-wrapper nav div,.no-js .menu-button {display: none;}

/*.bookblock {width: 400px;height: 300px;position: relative;background: #fff;z-index: 100;-webkit-perspective: 1300px;perspective: 1300px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bookblock > div.bb-page:first-child,.bookblock > div.bb-page:first-child .bb-back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}*/

.edition-wrapper, .bookblock {width: 100%;height: 100%;z-index: 1;top: 0;}
.page-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background: #333;}
.page-item.ad{background: #212425;}
.content_page{position: relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index: 2;}
.cover{position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;}
.cover img{width: 110%;height: 110%;object-fit:cover;filter: blur(12px);margin: -5%;-webkit-filter: blur(12px);}

#edition .portada{height: auto;width: 92%;height: calc(100% - 210px);display: flex;margin: 0;}
#edition .portada figure img{box-shadow: none;height: 100%;}
#edition .portada:hover{transform: none!important;box-shadow: none;}
#edition .note{width: 540px;height: calc(100% - 200px);box-shadow: 0 0 30px #000,0 0 60px #000;}
#edition .note figcaption:after{display:none;}
#edition .note:after{width:100%;height: 100px;background: linear-gradient(180deg, rgba(0,0,0,1) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;top:0;left:0;z-index: 2;opacity: 0;}
#edition .note a{height:100%;}
#edition .note:hover{ transform:none;}
#edition .note figcaption{text-align:center;}
#edition .note figcaption strong{font-size: 2em;}
#edition .note figcaption strong{font-size: 2em;}

#edition .note figcaption img.imgxtitle{display: flex; width: 90%; min-width: 310px; height: auto; min-height: 62px; margin: 0 auto;}

#edition .note figcaption span{font-size: 1.1em;}
#edition .note figcaption em{/* font-size:1em */}
#edition .note figcaption .lecture_time{font-size: .8em;background: transparent;color: #fff;}
#edition .note figcaption .views{font-size: .8em;background: transparent;}
#edition .note a.bookmark{width: 160px;height: 40px;top: 200px;right: calc(50% - 80px);position: absolute;text-align: center;line-height: 40px;font-size: 1em;color: #fff;background: #222;border-radius: 3px;}
#edition .note a.bookmark:after{content:'Guardar'; border-radius:2px; font:normal 1em 'Sen'; text-transform:uppercase;}
#edition .note a.bookmark i{ margin:0 20px 0 0}


/* Content Flip Style */
.bookblock {/* width: 400px; */
  /* height: 300px; */
  position: relative;background: #333;z-index: 100;}

.bb-page {width: 50%;height: 100%;left: 50%;position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;

  -webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}

.bb-page > div,
.bb-outer,
.bb-content {position: absolute;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}

.bb-content {background: #333;}

.bb-inner {position: relative;width: 100%;height: 100%;}

.bb-overlay, .bb-outer {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}

.bb-page > div {width: 100%;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}

.bb-back {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);}

.bb-outer {width: 100%;overflow: hidden;z-index: 999;}

.bb-overlay, 
.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.9);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;z-index: 1000;}

.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.6);}

.bookblock > div.bb-page:first-child,
.bookblock > div.bb-page:first-child .bb-back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}

.js .bb-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background: #fff;}


.menu-panel {background: #30ffff;width: 100%;position: fixed;z-index: 1000;bottom: -240px;left: 0;height: 240px;transition: .4s;padding: 10px 2%;}
.menu-panel.active{bottom:0;box-shadow: 0 0 30px #000;}
.scroll_thumbs{width: 102%;height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.thumbs{display:flex;height: 100%;margin: 0 auto;}
.thumbs figure{overflow:hidden;position:relative;width:100%;margin: 0 10px 0 0;background: #000;transition: .4s;cursor:pointer;width: 150px;}
.thumbs figure.undefined{display:none}
.thumbs figure:hover,.thumbs figure.current{opacity:1}
.thumbs figure img,.thumbs figure video{position:absolute;width:100%;height:100%;object-fit:cover;}
.thumbs figure img.inicial{ object-fit:cover}
.thumbs figure:first-child img{object-fit: cover;}
.thumbs figure strong{position:absolute;bottom:0;width: 100%;color: #fff;padding: 100px 10px 10px;font: 400 .8em 'Sen';text-align:center;background: linear-gradient(0deg, rgba(0,0,0,.7) 34% , rgba(0,0,0,0) 100% );}
.thumbs figure strong:empty{display:none}
.thumbs .counter{position:absolute;top:0;right: 0;z-index:1;color:#fff;/* transform: translateX(-50%); */opacity: 1;}
.thumbs .counter span{opacity:.5;padding:0 10px;display: none;}
.thumbs .counter em{font-size:1.4em;font-weight:900;font-style:normal;padding:0 10px;/* border-bottom: 1px solid #fff; */top: 0;text-shadow: 0 0 20px #000;-webkit-text-stroke: 1px #2af0f0;}

.thumbs figure.carta_editorial{ border:10px solid #fff}
.thumbs figure.carta_editorial strong:before{content:'Carta Editorial'; display:block; font-size:7px; margin-bottom:10px}


.cover{background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.cover:after{width:100%;height: 100%;background: linear-gradient(180deg, rgba(0,0,0,1) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;bottom: 0;left:0;z-index: 2;}

.intro_category{display:flex;min-height: 320px;align-items:center;position: relative;border-bottom: 2px solid #32ffff;background: #222;margin: 0 0 4%;box-shadow: inset 0 100px 50px -20px rgba(0,0,0,.5);padding: 160px 0 2%;}
.intro_category h1{width:100%;color:#fff;text-align:center;font-size: 2.4em;margin: 4% 0 0;text-shadow: 0 0 30px #000;font-weight: 100;text-transform: uppercase;}
.intro_category .brand{width:100%;margin: 0 auto;text-align: center;filter: brightness(0) invert(1);}
.intro_category .brand img{height: 50px;margin:0 auto;}
.intro_category.entrepreneur{background: #325250;}
.intro_category.altonivel{background: #5c2c2c;}
.intro_category.mexicodesconocido{background: #7e365c;}
.intro_category.nupcias{background: #5c4365;}

.intro_page{display:flex;align-items:center;position: relative;background: #333;margin: 0 0 2%;box-shadow: inset 0 170px 100px -50px rgba(0,0,0,.5);padding: 140px 0 20px;}
.intro_page .inner{position:relative;z-index:2;}


.intro_page h1{width:100%;color:#fff;text-align:center;font-size:2.4em;margin: 5% 0 0;/* text-shadow: 0 0 30px #000; */font-weight: 100;}
.intro_page h2{font-size: 5em;text-transform:uppercase;color:transparent;-webkit-text-stroke: 1px rgba(0255,255,255,.2);width: 100%;text-align: center;margin: 0 0 -4%;transform: translate(0px, -76%);}
.intro_page .brand{width:100%;margin: 0 auto;text-align: center;filter: brightness(0) invert(1) grayscale(1);}
.intro_page .brand img{height: 50px;margin:0 auto;max-width: 60%;}

.all_editions{background: #333 linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, #fff 49%, #000000 51%, rgba(176, 176, 176, 0) 55%);background-size: 6px 6px;padding: 200px 0 0;}
.all_editions .intro_page{background:transparent;box-shadow: inset 0 120px 100px -70px rgba(0,0,0,.5);}

.intro_page.entrepreneur{background: #325250;}
.intro_page.altonivel{background: #470202;}
.intro_page.mexicodesconocido{background: #7e365c;}
.intro_page.nupcias{background: #5c4365;}
.intro_page.cinepremiere{background: #435665;}

.intro_page.altonivel .brand img{height:35px}
.intro_page.cinepremiere .brand img{height:38px}

.saved{background:#2d2c2f;position: relative;z-index: 2;padding: 70px 0 0;}


.inner.simple{background:#eee;margin:0 auto 4%;padding: 2%;}
.inner.simple .text{text-align:left;color:#333;width: 100%;margin: 0;}
.inner.simple .text p{text-align:left; color:#333;}

.inner.simple .contact_text  p{font-size:1.3em;margin:0 0 40px;color: #fff;     text-align: center;}

.contacto{background: #333;padding: 0 0 40px;margin: 0 0 -4%;position: relative;z-index: 3;}
.contacto:after{background: url(./img/deco_texture.svg) repeat top/40px; padding:1px 0; position:absolute; width:100%; height:100%;}
.contacto .intro_page{margin:0;position: initial;}
.contacto .intro_page:before{display:none;}
.contacto .inner.simple{z-index:2;position:relative;margin: 0 auto;background: #000;color: #fff;}
.contact_text form{ padding:40px; background:#fff;}
.contact_text .frm_primary_label{font:bold 1em 'Sen'!important;clear: both;padding: 2px 10px;}
.contact_text .frm_primary_label .frm_required{color:#f00; font-size:.4em}
.contact_text form input,.contact_text form textarea{border:none;box-shadow:none;background:transparent; resize:none;}
.contact_text form .frm_fields_container{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_text form .frm_form_field{background:#f0f0f0; margin:0 0 20px}
.contact_text form .frm_submit{width:100%;}
.contact_text form .frm_description{font-size:.8em; padding:0 10px;}

.contact_text form .frm_error_style{color:#d00; text-align:center; margin:0 0 20px; }
.contact_text form .frm_error{font-size:.8em; color:#d00; padding:4px 10px}

.list_results{width:100%;margin: 0 0 20px;}
.list_results .note{margin:0 0 2%;background: #222;}
.list_results .note a{height: auto;}
.list_results .note a figure{width:30%;/* height: calc(100% - 20px); */}
.list_results .note a figcaption{width:70%;left:30%;padding: 3% 2% 1%;position: relative;height: 100%;margin: 0;top: 18px;}

.list_notes{display:grid;grid-template-rows:auto;grid-template-columns: 1fr 1fr 1fr;width: 100%;grid-column-gap: 20px;}
.list_notes .note:nth-child(5n+4){grid-column: 1/3;}
.list_notes .note:nth-child(9){grid-column: 1;grid-row: 4;}
.list_notes .note:nth-child(10){grid-column:2/4; grid-row:4}

.list_saved{ display:grid; width:100%; grid-template-columns:1fr 1fr 1fr; grid-gap:20px; margin:0 0 4%}

.sin_favoritos{grid-column: 1/4;min-height:300px;text-align:center;color:#fff;width:100%;display: flex;align-items: center;justify-content: center;font: bold 1.3em 'Sen';background: #323135;}

.list_editions{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;grid-gap: 20px;margin:0 0 4%;}
.list_editions.all{grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom: 110px;}
.list_editions .portada{width:100%;/* height:500px */}

.pagination{text-align:center;padding: 0 50px;display: flex;justify-content: center;position:relative;background: #30ffff;grid-column: 1/4;overflow: hidden;border-radius: 2px;box-shadow: 0 0 30px rgba(0,0,0,.3);font-size: 1.2em;width: 100%;max-width: 630px;margin: 0 auto 4%;}
.pagination *{padding: 0;height: 50px;line-height: 50px;color: #333;width: 100%;}
.pagination .current{font-weight: 600;cursor: default;opacity: .4;}
.pagination a:hover{  background:rgba(0,0,0,.1)}
.pagination .next,.pagination .prev{position:absolute;top: 0;width: 50px;text-indent:-999px;overflow:hidden;right: 0;}
.pagination .next:after,.pagination .prev:after{position:absolute;font: bold 1.2em/50px 'Font Awesome 5 Free';text-indent: 0px;content:"\f105";left: 0;top: 0;width: 100%;height: 100%;}
.pagination .prev:after{content:"\f104";}
.pagination .next{ right:0;}
.pagination .prev{ left:0;}
.pagination .dots{ border:none}


.perfil{}
.info_perfil{background:#ececec;border-radius:3px;margin: 0 0 4%;padding:20px;width: 100%;}
.info_perfil .data{display:flex;line-height:40px;position:relative;border-bottom: 1px solid #ddd;justify-content: space-between;}
.info_perfil .data p{display:flex;width: calc(100% - 50px);justify-content: space-between;}
.info_perfil .data .btn{ white-space:nowrap;}
.info_perfil .data:last-child{ border:none}
.info_perfil .data strong{font-weight: 900;color:#000;width: 30%;}
.info_perfil .data span{font-weight:400;color:#555;width: 50%;}
.info_perfil form{/* display: none; *//* position:absolute; *//* display:flex; *//* top: 0; *//* right: 50px; */}

.info_perfil form input{color:#333;background: rgba(0,0,0,.1);border-radius: 4px;}
.info_perfil form span{ background:none;}
.info_perfil form label{background:none;display: flex;margin: 0;font: 900 1em 'Sen';width: 20%;}
.info_perfil form .frm_form_field{width:100%;display:flex;align-items: center;padding: 10px 0;border-bottom: 1px solid #ccc;margin: 0;}
.info_perfil form button{ display:block; width:100%; height:45px; margin:20px 0 0; background:#000; font:normal 1em 'Sen'; color:#fff; text-transform:uppercase; letter-spacing:0.2em}
.info_perfil .frm_primary_label{visibility:initial;}





#history{position: absolute;width:100%;height:100%;background: #262626;top: 0;left: 0;}

.btns_opts{position:absolute;left:0;top:calc(50% - 50px);display:flex;width: 60px;flex-wrap:wrap;z-index: 1;}
.btns_opts button{width: 60px;height: 60px;background:#000;color:#fff;padding: 0;font-size: 1.2em;margin: 1px;border-radius: 2px;}

.layerlink{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;}
.historia{position:relative;height: calc(100% - 170px);max-width: 480px;margin: auto;top: 100px;touch-action: manipulation;}
.historia .intro_note{ text-align:center;}
.historia .intro_note figure{ position:absolute; width:100%; height:100%;}
.historia .intro_note figcaption{position:absolute;width:100%;bottom: 0;background: linear-gradient(0deg,rgba(0,0,0,.4) 40%,rgba(0,0,0,.0) 90%);padding: 50% 4% 30px;height: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.btn_voice{ color:transparent;}
.historia .intro_note h1{color:#fff;font-size: 2em;line-height: 1.2em;}
.historia .intro_note h2{color:#fff;margin: 4% 0;font: 500 1em/1.5em 'Poppins';text-transform: initial;letter-spacing: initial;}
.historia .intro_note h3{color:#fff;margin: 4% 0;font: 500 1em/1.5em 'Poppins';text-transform: initial;letter-spacing: initial;}
.historia .intro_note .lecture_time{display:block;width: 90px;margin: 0 auto;line-height: 30px;white-space: nowrap;}
.historia .category{font: normal 1em 'Sen';margin: 0;display:block;text-transform:uppercase;text-align: center;color: #30ffff;width: 100%;text-align: center;text-shadow: 0 0 20px rgba(0,0,0,.3);margin: 0 0 20px;}
.historia .brand {margin:0 0 20px;position: absolute;top: 110px;width: 100%;left: 0;}
.historia .brand img{width: 160px;filter:grayscale(1) brightness(0) invert(1);height: 40px;object-fit: contain;/* opacity: .9; */}
.historia .autor{color:#fff;display:block;width:100%;text-align:center;font-size: .8em;margin: 10px 0;text-transform: uppercase;opacity: .6;letter-spacing: 0.1em;}
.historia .active .intro_note figure img{
  width: 100%;opacity:1;top: 0;height: 100%;left:0;
  /* animation-name:principal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 20s; */
  object-fit: cover;
  /* transform: scale3d(1.4, 1.4, 1.4); */
}
.historia .intro_note .bookmark.rml_bttn{display:block;line-height:40px;width: 100%;border-radius: 3px;color: #fff;background: #111;letter-spacing: 0.09em;}


.historia .intro_note img.imgxtitle{display: flex; width: 90%; min-width: 310px; height: auto; min-height: 62px; margin: 0 auto;}



.historia .intro_note .swipe{position:absolute;background: rgba(0,0,0,.9);width:100%;height:100%;transition:.4s;top:0;left:0;padding: 20% 0;text-align: center;justify-content: center;display: flex;color: #fff;flex-wrap: wrap;pointer-events: none;opacity: 0;}
.historia .intro_note .swipe p{ width:100%; font-weight:900; text-transform:uppercase;}
.historia .intro_note .swipe img{animation-name: swipeleft;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 3s;width: 100%;height: 100px;}
.historia .intro_note .swipe.active{opacity: 1}

.historia .swipehand{display:block;width: 20px;height: 20px;margin: 0 auto;transform: rotate(45deg);}
.historia .swipehand{animation-name:swipeleft;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 3s;}
@keyframes swipeleft {
  0% {  transform: rotate(45deg);}
  35% { transform: rotate(-45deg);}
  100% { transform: rotate(45deg);}
  
}



.historia .intro_note .responsivevoice-button{margin:0 auto;left: 50%;transform: translateX(-50%);top: 200px;}

.historia .data_note{
  width: 100%;
}

.historia .center{ text-align: center;}
.historia section{height:100%;position:absolute;width: 100%; background:#000; color:#fff;}
.historia section h1{font: bold 2em 'Sen';margin-bottom: 20px;}
.historia section h2{font: bold 2em 'Sen';color: #fff;margin: 5px 0 20px;}
.historia section h3{font: bold 1.7em 'Sen';margin-bottom: 20px;color: #fff;margin: 5px 0 20px;}
.historia section h4{font: bold 1.5em 'Sen';margin-bottom: 10px;color: #fff;margin: 4px 0 15px;}
.historia section h5{background: #006f6f;display: inline-block;padding: 6px 11px;font-size: 1.5em;color: #fff;}
.historia section p{margin: 0 0 20px;}
.historia section p:last-child{margin:0;}
.historia section p strong,.historia section p b{font-weight:900;overflow: hidden;display: initial;}
.historia section p sup{font-size: 10px;position: relative;/*top: -6px;*/}
.historia section p a{color: #30ffff;text-decoration: underline;}
.historia section p strong:first-letter{color:#fff; margin:initial;}
.historia section p:last-child{ margin:0}
/*.historia section p:nth-of-type(1):first-letter{font-size:1.4em; margin:-2px 1px 0 0px;}
.historia section p:nth-of-type(2):first-letter{margin:0 0 0 20px}
.historia section p:nth-of-type(3):first-letter{margin:0 0 0 20px}*/
.historia section ul li{/* font-size: 1.3em; *//* line-height: 1.6em; */margin: 0 0 16px;padding: 0 0 0 13px;position: relative;}
.historia section ul li:after{width: 7px;height: 7px;background:#fff;content:'';position:absolute;left:0;top: 8px;border-radius:10em;}
.historia section ol{counter-reset: my-badass-counter;margin-bottom: 8px;}
.historia section ol li{display:block;overflow:hidden;position: relative;margin: 0 0 10px;font-size: 1.2em;padding: 0 0 0 10px;}
.historia section ol li:before {content: counter(my-badass-counter);counter-increment: my-badass-counter;display: inline-block;text-align: left;font-size: 1.4em;font-weight: bold;height: 20px;opacity: .8;width: 20px;}

.historia section blockquote{position:relative;font: 500 1.1em 'Sen';padding: 0 0 0 43px;}
.historia section blockquote:before{top: 0;content:' \201C ';position:absolute;left: 0;color: #fff;font: normal 900 4em/1em 'Times', serif;text-shadow: 3px 3px 0 #000000;}
.historia section blockquote p{margin:0;}
.historia section blockquote p:before{content:'';position:absolute;bottom:0;right:0;width: 70px;height: 61px;}
.historia section blockquote p:first-letter{font-size:1em!important; margin:0!important;}
.historia section blockquote p:after{content:' \201C ';color: #fff;font: normal 900 3em/1em 'Times', serif;text-shadow: 3px 3px 0 #000000;display: inline-block;transform: rotate(180deg);margin: -20px 0 0 6px;}
.historia section .btn{ margin:15px 0 0}
.historia section figure{width:100%;height:100%;position: absolute;display: flex;align-items: flex-end;}
.historia section figure img,.historia section figure video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit: cover;z-index: 0;}
.historia section figure figcaption img, .historia section figure figcaption video{ position:initial;}
.historia section figcaption{width: 100%;position: absolute;padding: 100px 4% 30px;opacity:0;bottom:-100px;/* transition: .4s; *//* transition-delay: .8s; */background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);z-index: 2;overflow: hidden;}
.historia section figcaption .scroller{max-height: 310px;-webkit-overflow-scrolling:touch;overflow: auto;}
.historia section figcaption .scroller img{ min-height:initial;}
.historia section figcaption .scroller.scrollme{padding-bottom: 40px;}

/*.historia section figcaption .scroller.scrollme:after{ position:absolute; content:'\f103';bottom:0;left:0;height: 70px;background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);width:100%;font: bold .8em 'Font Awesome 5 Free';display: flex;align-items: center;justify-content: center;transition:.4s;}
.historia section figcaption .scroller.scrollme.nomore:after{opacity:.2;content:'\f102';}*/

.historia section .scroll_retro{position:absolute;bottom:0;width:100%;height:60px;background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);width:100%;font: bold .8em 'Font Awesome 5 Free';display: flex;align-items: center;justify-content: center;transition:.4s;left: 0;}
.historia section .scroll_retro:after{content:'\f103';animation-name: godown;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 2s;}
.historia section .scroll_retro.nomore{background: linear-gradient(0deg,rgba(0,0,0,.3) 55%,rgba(0,0,0,.0) 100%);transition: .4s;}
.historia section .scroll_retro.nomore:after{opacity:.2;content:'\f102';animation:none}
@keyframes godown {
  0% {margin:0 0 0 0}
  20% {margin:-5px 0 0 0}
  40% {margin:10px 0 0 0}
  80% {margin:-5px 0 0 0}
  100% {margin:0 0 0 0}
}

.historia section figcaption .scroller > p:last-child{margin-bottom:0!important;}
.windows .historia section figcaption .scroller::-webkit-scrollbar {width: 3px;}
.windows .historia section figcaption .scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
.windows .historia section figcaption .scroller::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}

.historia .active section figcaption{opacity:1;bottom:0;}
.historia .responsivevoice-button{position:absolute;top: 120px;height: 40px;font: normal 1em 'Sen';text-transform:uppercase;padding: 0 20px;border-radius: 2px;background: #000;color: #fff;letter-spacing: .1em;outline: none;}
.historia .responsivevoice-button:before{content:'\f028'; font:bold 1em 'Font Awesome 5 Free'}
.historia .responsivevoice-button img{display: none!important;}
.historia .large_text .responsivevoice-button{position:initial; margin-bottom:20px}

.historia section .top figcaption{top:-100px;bottom:initial;background: linear-gradient(180deg,rgba(0,0,0,.7) 55%,rgba(0,0,0,.0) 100%);padding: 40px 4% 60px;}
.historia.label section .top figcaption{padding-top:60px}
.historia section .top figcaption .scroller{max-height:initial;}
.historia .active section .top figcaption{top:0;}
.historia section.white .top figcaption{background:linear-gradient(180deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);padding-bottom: 100px;}

.historia section .center figcaption{top: 50%;bottom:initial;background: radial-gradient(circle, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 70%);padding: 40px 7% 40px;background: rgba(0,0,0,.7);}
.historia section .center figcaption .scroller{max-height:initial;}
.historia .active section .center figcaption{top: 50%;transform: translateY(-50%);}
.historia section.white .center figcaption{background:linear-gradient(180deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);background: rgba(255,255,255,.8);}


.historia .view_image{/* position:absolute; */width: 45px;height: 45px;background: radial-gradient(circle, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 80%);padding: 8px;outline: none;margin: 0;}
.historia .view_image img{position:relative;min-height: initial!important;}
.historia .white .view_image{filter:invert(1)}

button.view_image {}
.videoslide{min-height:300px}

.historia .gallery_full{display:none}

.historia section.black{background: #111;color:#fff;}
.historia section.black h1{ color:#fff;}
.historia section a{color:#30ffff; text-decoration:underline;}

.historia section.white{color:#333;background: #fff;}
.historia section.white figcaption{background: linear-gradient(0deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);color: #222;}
.historia section.white h1, .historia section.white h2, .historia section.white h3, .historia section.white h4{color: #000!important;}
.historia section.white .scroll_retro{background: linear-gradient(0deg,rgba(255, 255, 255, .8) 49%,rgba(255,255,255,.0) 100%);}

.historia section small{margin:10px 0;display:block;font-size: 1em;text-transform: uppercase;}
.historia section small.center{ text-align:center;}

.historia .op2{opacity: .2}
.historia .op4{opacity: .4}
.historia .op6{opacity: .6}
.historia .op8{opacity: .8}
.historia video.op4{opacity:1}

.historia .owl-item,.historia .owl-stage,.historia .owl-stage-outer{position:relative;height:100%;overflow: visible;display: flex;}
.historia .owl-item{opacity: .1;transition:.4s;transform: scale(.8);border-radius: 2px;box-shadow: 0 0 50px rgba(0,0,0,1);overflow: hidden;}
.historia .owl-item.active{opacity:1;transform: scale(1);}
.historia .owl-dots{position: fixed;display:flex;width: 100%;bottom: 8px;left: 0;padding: 0 2%;}
.historia .owl-dots button{width: 100%;height: 5px;background: #a6a6a6;border-radius: 1px;margin: 0 .3%;transition: .4s;opacity: .2;cursor: pointer;}
.historia .owl-dots button.active{ opacity:1; background:#30ffff}
.historia .owl-prev,.historia .owl-next{border-radius: 2px;} 
.historia .owl-prev{left: -100px;}
.historia .owl-next{right: -100px;}
.historia .owl-prev,.historia .owl-next{top: calc(50% - 40px);background: rgba(0,0,0,.9);width: 80px;height: 80px;border-radius: 10em;cursor: pointer;outline: none;}
.historia .owl-nav .disabled{opacity:.2; cursor:default;}

.historia figcaption.large_text{position: relative;width:100%;height:100%;padding: 60px 20px 40px 20px;bottom: 0;max-height: calc(100% - 100px);}
.historia figcaption.large_text p{margin:0 0 15px;}

.historia figcaption.large_text h1{font-size:2em;}
.historia figcaption.large_text h2{font-weight:bolder; color:#fff; font-size:1.9em; margin:30px 0 10px}
.historia section.white figcaption.large_text{background: linear-gradient(0deg,rgba(255, 255, 255, 0.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.black figcaption.large_text{background: linear-gradient(0deg,rgba(0,0,0,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.black figcaption.large_text .scroller{max-height: 100%;}

.historia section.white blockquote:before{filter:invert(1)}
.historia section.white blockquote p:after{filter:invert(1)}

.historia .owl-item.active section figcaption.flexed{height:100%;padding:20px;align-items:center;justify-content:center;display: flex;flex-wrap: wrap;background: rgba(0,0,0,.7);font-size: .8em;text-align: center;transition: none;}
.historia .owl-item.active section figcaption.large{height:100%;padding:20px;align-items:center;justify-content:center;display: flex;flex-wrap: wrap;background: rgba(0,0,0,.7);overflow: hidden;}
.historia .owl-item.active section.white figcaption.flexed{background: rgba(255,255,255,.7);text-shadow: 0 0 20px #fff,0 0 100px #fff,0 0 200px #fff;}

.historia .pan1{width: 100%;height:100%;object-position: 100%;}
.historia .active .pan1{animation-name:pan1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}
.safari .historia .pan1{width: 200%;object-position: 0; /* transform: translateX(-50%); */}
.safari .historia .active .pan1{animation-name:pan2safari;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .pan2{width: 100%;height:100%;object-position: 0;}
.historia .active .pan2{animation-name:pan2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}
.safari .historia .pan2{width: 200%;object-position: 0;}
.safari .historia .active .pan2{/* animation-name:pan2safari;*/ animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}


.historia .zoom1{width:100%;height:100%;}
.historia .active .zoom1{animation-name:zoom1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .zoom2{width:100%;height:100%;transform: scale3d(1.4,1.4,1.4);}
.historia .active .zoom2{animation-name:zoom2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .shake{width: 106%;height: 106%!important;left: -3%;top: -3%;}
.historia .active .shake{animation-name:shake2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 4s;}

.historia .slideup{width: 120%;height: 140%!important; /* margin: -10%;*/}
.historia .active .slideup{animation-name:slideup;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}



@keyframes principal {0% {  transform:scale3d(1.4,1.4,1.4);}
  75% {  transform:scale3d(1,1,1);}
  100% {  transform:scale3d(1.4,1.4,1.4);}
}

@keyframes pan1 {0% {  object-position:100%;}
  75% {  object-position:0;}
  100% {  object-position:100%;}
}


@keyframes pan2 {0% {  object-position:0;}
  75% {  object-position:100%;}
  100% {  object-position:0;}
}


@keyframes pan1safari {
  0% {transform:translateX(-50%);}
  75% {transform:translateX(0%);}
  100% {transform:translateX(-50%);}
}

@keyframes pan2safari {
  0% {transform:translateX(0%);}
  75% {transform:translateX(-50%);}
  100% {transform:translateX(0%);}
}

@keyframes slideup {
  0% {transform:translateY(0%);}
  75% {transform:translateY(-30%);}
  100% {transform:translateY(-0%);}
}

@keyframes zoom1 {
  0%{ transform: scale3d(1,1,1);}
  50% {  transform: scale3d(1.4, 1.4, 1.4);}
  100% {  transform: scale3d(1,1,1);}
} 

@keyframes zoom2 {
  0%{ transform: scale3d(1.4,1.4,1.4);}
  50% {  transform: scale3d(1, 1, 1);}
  100% {  transform: scale3d(1.4,1.4,1.4);}
} 

@keyframes shake2 {
  10%, 90% {  transform: translate3d(-2px, 2px, -2px);}
  20%, 80% {  transform: translate3d(1px, -2px, 0);}
  30%, 50%, 70% {  transform: translate3d(-2px, 1px, -2px);}
  40%, 60% {  transform: translate3d(3px, 3px, 0);}
}


@-webkit-keyframes flipInYmine {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInYmine {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInYmine {
    -webkit-animation-name: flipInYmine;
    -webkit-backface-visibility: visible!important;
    animation-name: flipInYmine;
    backface-visibility: visible!important
}

@keyframes flipOutYmine {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutYmine {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutYmine;
    -webkit-backface-visibility: visible!important;
    animation-duration: .75s;
    animation-name: flipOutYmine;
    backface-visibility: visible!important
}

.playsound{display:none}

.historia section.natural_view{overflow:hidden;}
.historia section.natural_view img,.historia section.natural_view video{position:relative;width:100%;height:auto;animation: none!important;min-height:300px}
.historia section.natural_view video{height: auto;object-fit: contain;}
.historia section.natural_view figure{overflow:auto;-webkit-overflow-scrolling:touch;display: block;position: relative;}
.historia section.natural_view figure figcaption{position: initial;padding: 4% 4% 60px;background: transparent;}
.historia section.natural_view figcaption .scroller{max-height: initial!important;overflow: visible;}


.historia section .list_histories{height:100%;padding: 80px 4% 4%;overflow: auto;-webkit-overflow-scrolling: touch;}
.historia section .list_histories h1{ color:#fff; font-size:1.4em; text-align:center;}

.historia section .description{position:absolute;z-index:2;/* background: rgba(0,0,0,.8); */right: 0;padding: 0 20px;color: #fff;font-size:.9em;text-shadow: 0 0 10px #000,0 0 20px #000,0 0 30px #000;transition:.4s;}
.historia section .description.active{opacity: 1!important;}
.historia section .bottom .description {top: 80px;}
.historia section .top .description,.historia section .center .description{top:initial;bottom:20px}
.historia section .description{top:20px}
.historia section.natural_view .description{top:calc(100% - 80px);opacity: 0;}

.list_in_note{padding:0 4%;}
.list_in_note .note{margin:0 0 6%}

.font-size-1 .historia{font-size: 0.8em}
.font-size-2 .historia{font-size: 0.9em}
.font-size-4 .historia{font-size: 1.1em}
.font-size-5 .historia{font-size: 1.2em}

.historia section .list_histories h1{ color:#fff; font-size:1.4em; text-align:center;}

.historia.no_animations img{animation: initial!important;object-position: center!important;}
.historia.no_bucle img{animation-iteration-count:1!important;;}

.historia .fix_logo{position: absolute!important;top:20px;width: 100%!important;height: 100px!important;object-fit:contain;min-height: initial!important;}


.windows .historia section figcaption .scroller{padding-right:1em}
.windows .historia .scroller::-webkit-scrollbar {width: 4px;}
.windows .historia .scroller::-webkit-scrollbar-track {background:rgba(0,0,0,.1);border-radius:10em}
.windows .historia .scroller::-webkit-scrollbar-thumb {background:rgba(0,0,0,.9); border-radius:10em}


.gallery_full{position:fixed;display:flex;top:0;left:0;z-index:2;width: 100%;height: 100%;background: #000;}
.gallery_full picture{position: absolute;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background: #000;padding: 50px;}
.gallery_full picture img{width: auto!important;height:auto;max-width:100%;max-height: 100%;}
.gallery_full picture p{position:absolute;bottom:0;padding: 50px 4%;color: #fff;background: linear-gradient(0deg,rgba(0,0,0,.9) 40%,rgba(0,0,0,.0) 93%);width: 100%;}
.gallery_full picture p span{display:block;font-size:.8em;width: 100%;text-align: center;}
.gallery_full .close{top:0; right:0;}
.gallery_full .owl-next,.gallery_full .owl-prev{top: calc(50% - 20px);}
.gallery_full .owl-nav .disabled{opacity:.3; cursor:default;}


.gallery_carousel{ position:relative; width:100%; height:100%;}
.gallery_carousel .owl-stage-outer,.gallery_carousel .owl-stage{height: 100%;}


.carta{background:#333;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.carta .inner {background:#fff;margin: 130px auto 100px;padding: 40px;box-shadow: 0 0 40px rgba(0,0,0,.89);}
.carta h1{width:100%;font-size: 3em;text-align: left;margin: 0 0 30px;}
.carta .content_text{}
.carta figure{float:right;margin: 0 0 20px 20px;width: 50%;}
.carta figure img{ margin:0;}
.carta .text{width:100%;/* display:flex; */flex-wrap: wrap;margin: 0;}
.carta .text p{color:#333;font-size: 1em;text-align: left;}
.carta .text p:before{content:'';float:left;width: 10px;display:block;height: 10px;}
.carta .firma{color:#000;text-align: left; margin:40px 0 0 0}
.carta .firma strong{ display:block; font-size:1.2em;margin:0 0 5px}
.carta .firma span{color:#666;}
.carta .navigation{ margin:0 0 30px}
.carta .navigation a{font: normal 1em 'Poppins';text-transform:uppercase;}



.carta_edicion{background:#fff;margin: 100px auto;height: calc(100% - 240px);width: 96%;padding: 40px;overflow:hidden;box-shadow: 0 0 40px #000;max-width: 800px;}
.carta_edicion .cat_carta{text-transform:uppercase;font:normal 1em 'Sen';margin:0 0 20px;display:block;}
.carta_edicion figure{width: 50%;float:right;margin:0 0 0 20px;}
.carta_edicion figure img{ width:100%; margin:0;}
.carta_edicion .text{color:#333;margin:0;text-align:left;width: 100%;}
.carta_edicion .text p{margin:0 0 20px;color: #333;font-size: 1em;}
.carta_edicion figcaption{height: 70%;overflow: hidden;margin: 40px 0;padding: 30px 0 0 0;border-top: 1px solid #333;position: relative;}
.carta_edicion figcaption:before{position:absolute;content:'';width:100%;bottom:0;left:0;height: 100px;box-shadow: inset 0 -60px 30px -30px #fff;}
.carta_edicion .btn.center{width:200px;}


.alternative .historia section figcaption{background: #111;padding: 30px 4% 40px;opacity: 0;z-index: 2;width: 90%;border-top: 5px solid #006f6f;}
.alternative .historia .active section figcaption{bottom:0;opacity:1;}
.alternative .historia section figcaption.large_text{/* text-align:center; */bottom: 0;background: #111;}
.alternative .historia figcaption.large_text h1{/* font-size:3em */}
.alternative .historia section figure img{height: 100%;object-position: top;opacity: 0;}
.alternative .historia .active section figure img{opacity:1}
.alternative .historia section figure video{height:70%}
.alternative .historia .intro_note figcaption{background:#111;padding:30px 4%;border-top: 8px solid #006f6f;}
.alternative .historia section.white figcaption{background: #f4f4f4;}
.alternative .historia section.white .top figcaption{bottom:initial;padding:80px 4% 0 }
.alternative .historia .active section .top figcaption{bottom:initial;border-top: none;border-bottom: 5px solid #006f6f;}
.alternative .historia .active section .center figcaption{left:5%;height: auto;display: inline-table;}



.layer_ad{position:fixed;top:0;left:0;z-index: 9999999;background: rgba(0,0,0,.7);width: 100%;height: 100%;backdrop-filter: blur(3px);display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;height: 0;transition: .4s;}
.layer_ad article{position:relative;width: 90%;height: 90%;max-width: 500px;max-height: 800px;}
.layer_ad article .close{right: -30px;top:-20px;background: #000;filter: invert(1);}
.layer_ad article .close:before{content:'CERRAR';position:absolute;right:110%;font-size: .8em;}
.layer_ad article .publicidad{width: 100%;height: 100%;position: relative;/* overflow: hidden; */}
.layer_ad article .publicidad:after{content:'PUBLICIDAD';color: #fff;position: absolute;bottom: -10px;left: 0;width: 100%;text-align: center;font-size: .8em;}
.layer_ad article .publicidad > *{width:100%;height:100%;object-fit: contain;position: relative;/* box-shadow: 0 0 40px #000; */}
.layer_ad.active{opacity:1;pointer-events:auto;height: 100%;}


.advertising .ads.half,.advertising .ads.box,.advertising .ads.leader{ display:none}

.presented{position:fixed;z-index:2;background: rgba(0,0,0,.7);color: #fff;display: flex;align-items: center;justify-content: center;width: 50%;left: 50%;transform: translateX(-50%);margin: 10px 0;padding: 4px 0;}
.presented .close{transform:scale(.7); right:0; top:0;}
.presented a{display:block;padding: 5px;}
.presented figure{ position:relative; width:100%; display:flex; align-items:center; justify-content:center; color:#fff;}
.presented figure img{max-width: 50%;height:auto;max-width: 140px;max-height: 35px;}
.presented figure figcaption{ margin:0 20px 0 0}
.historia .ads{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;background: #111;}
.historia .ads span{display:block;width:100%;color:#fff;text-align:center;text-transform:uppercase;font-size: 11px;}
.historia .ads img{max-width:100%;object-fit:contain;}
.historia .ads img{width: 100%;height: 100%;object-fit: contain;max-height: calc(100% - 20px);}
.adlink{position:absolute; top:0; left:0; width:100%; height:100%;}
.click_close{position:absolute; top:0; left:0; width:100%; height:100%;}
.historia .ads figure{justify-content: center;position: relative;padding: 10px;flex-wrap: wrap;max-height: 100%;height: 100%;align-items: center;display: flex;width: 100%;}
.historia .ads figure video{width:100%; height:calc(100% - 30px);}
.historia .ads.leader figure img{ width:100%}
.historia .ads figure > *{object-fit:contain;}
.historia .ads.box,.historia .ads.leader{background:none;margin: 10px 0;}



.comments_wrapper{position:fixed;height:100%;width: 94%;top:0;right:-100%;background: #565656;z-index:10;max-width:820px;transition: .4s;padding: 4% 4% 0;}
.comments_wrapper.active{right: 0;}
.comments_wrapper .nice{ margin:0}
.comments_wrapper .inner{position:relative;overflow:auto;height: calc(100% - 110px);margin: 20px auto;width: 100%;}
.comments_wrapper .inner iframe{background: #565656;}
.comments_wrapper .inner:before{content:"\f110";font: bold 2em "Font Awesome 5 Free";animation:fa-spin 2s infinite linear;color: #36ffff;position: absolute;left: calc(50% - 20px);top: calc(50% - 20px);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;top: 30px;}
.comments_wrapper .publicidad{position:absolute;bottom: 10px;left:0;display: flex;justify-content: center;width: 100%;}
.overlay_comments{position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.8);z-index: 9;cursor: pointer; display: none;}
.overlay_comments.active{display: block;}

.pswp__caption__center {
  /* text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px; */
  color: #000;
}

/* ///// responsive ///// */


/* laps */
@media only screen and (max-width: 1281px) {  nav ul li{/* margin:0 5px */}
}

/* tablet landscape */
@media only screen and (max-width: 1024px) {
 .mas_vistos{flex-wrap:wrap;grid-template-columns: 1fr 1fr 1fr;}
.mas_vistos .note{width: 100%;}
.mas_vistos .note a{height:380px}
.portada_mes .en_edicion .btns_flex{flex-wrap:wrap;}
.portada_mes .en_edicion .btns_flex .btn{width:100%; margin:0 0 10px}
#edition .portada{/* max-width:400px */}
.carta_edicion figcaption{height:55%}
#edition .note{width:400px}
}



/* mobile portrait */
@media only screen and (max-width: 799px) {

html.full, html.full body, html.full main{position: fixed;top: 0;left: 0; width: 100%}
#loader-wrapper .loader_logo img{width:100px}

.col_aside,.col_2,.col_3,.col_3f{width: 100%;}
.inner{width:100%;padding: 0 4%;}
.inner.simple{width:92%; font-size:.8em; padding:6%}

header .inner{height:55px}
header .logo{height: 65px;width: calc(100% - 100px);}
header .logo_marca{height: 55px;width: calc(100% - 250px);position: absolute;left: 70px;top: 5px;}
header.active .logo{height: 50px;margin: 0;}
header .right_btns{right:4%}
.open_nav{left:4%}
.open_search{right:4%}
header .session{width:40px}
header .session{width:40px; padding:0; text-align:center; right:calc(4% + 45px)}
header .dots .options a.session{right:initial;background:transparent;box-shadow:none;width: 100%;font: normal 1em/40px 'Poppins';}
header .dots .options a.session span{display:block;text-align:left;/* font-size: 1.2em; */}
header .session i{ margin:0;}
header .session span{display:none;}

footer{width:100%;}

.logued_user{/* right: 60px; */width: 40px;height: 40px;}
.logued_user i{/* display:none; */}
.logued_user .name div{display: none;}
.logued_user .name{padding:0;}
.user_links{width: 150px;left: initial;right: 0px;transform: translateX(0);}
.user_links:before{right:5px; left:initial;}
nav .logued_user .name div{display:block;}

.title_menu{font-size:2em;text-align: center;}
.menu {display: block;width: 100%;height: 100%;grid-template-columns: 100%;grid-template-rows: auto;grid-template-areas: initial;}
.menu_open{pointer-events: auto;overflow: auto;-webkit-overflor-scrolling: touch;}
.menu_item{height:auto; grid-column:1;}

.menu_open .close{position:fixed;background: #333;}
.item_1{padding:4%;grid-row: 1;transform: translate(-100%, 0%);}
.item_1 li a{line-height:40px;font-size: 1em;text-align: center;display: block;width: 100%;}
.item_2{grid-row:2;transform: translate(100%, 0%);}
.item_3{grid-row:3;padding: 5% 0;transform: translate(0, 300%);}
.item_4{grid-row:4;height: 100px;}

.all_editions{padding:80px 0 0 }

.info_perfil .frm_primary_label{width:100%;}
.info_perfil form .frm_form_field{flex-wrap:wrap;}

header .dots .options{left: -50px;}
header .dots .options:before{right:43px; left:initial;}

.search{top:100%;width: 92%;left: 4%;}
.search.active{height:50px}
.search input{font-size:1em}

footer .col_3{ margin:0 0 10%}

.btns_flex{ flex-wrap:wrap}
.btns_flex .btn{ width:100%; margin:0 0 4%}

.tabs > section a{white-space:nowrap; font-size:.9em}

.intro_section{padding: 20px 0 70px;margin: 0 0 20%;}
.intro_section:before{width: calc(100% - 30px);top: 230px;height: 50%;}
.intro_section h1{font-size: 1.4em;padding: 2% 0;margin: 0;}
.intro_section p{font-size: .85em;/* padding-right:40px; */}
.intro_section .btns_flex{flex-wrap:nowrap;}
.intro_section .btns_flex *{width: auto;margin: 0 10px 0 0;}

.slides-images img{height: 220px;}
.slides-images{ margin:0 0 10%}

.slides-text .item .brand{margin:0 0 10px}

.custom_arrows{bottom: -70px;left: 50%;/* transform: translateX(20%); */}

.mas_vistos{grid-template-columns: 1fr;margin: 0 0 14%;grid-gap: 30px;padding: 0 4%;}
.mas_vistos:before{top:35%}
.mas_vistos .note{width:100%;}
.mas_vistos .note a{height: 470px;font-size: 1em;}

.pagination{margin-bottom:12%}

.portada_mes{grid-template-columns: 1fr 1fr;margin: 0 0% 4%;grid-gap: 20px;}
.portada_mes .portada{/* height: 360px; */width: 100%;margin: 0 auto;/* font-size: .7em; */}
.portada_mes .en_edicion{width:100%;padding: 18% 8% 4%;margin: 0 0 0 0;}
.portada figcaption div.logo{height: 50px;}
.portada figcaption div.logo img{width:70%}

.suscribe{padding:10% 0}
.suscribe_hook{width:100%;}
.suscribe_hook:before{width: 390px;box-shadow: -70px -90px 0 rgba(0,0,0,.8), 60px 60px 0 rgba(0,0,0,.3);}
.suscribe_hook h2{font-size:2em; text-align:center; width:100%;}
.get_user{width:100%;padding: 6%;}

.full .suscribe{ padding-top:120px;overflow:auto;-webkit-overflow-scrolling:touch;}

form#loginform label{font-size:.8em; letter-spacing:0.1em}

#edition .portada{height: calc(100% - 150px);top: 0px;}
#edition .portada .elem{align-items:center;display: flex;}
#edition .note{height:100%;width: 100%;}
#edition .note:after{opacity:.7}
#edition .note figcaption{padding: 110px 4% 80px;background: linear-gradient(0deg, rgba(0,0,0,.7) 30% , rgba(0,0,0,0) 100%  );}
#edition .note figcaption strong{font-size: 1.6em;text-shadow: 0 0 20px rgba(0,0,0,.8);}
#edition .note figcaption span{font-size: .9em;text-shadow: 0 0 20px rgba(0,0,0,.8);-webkit-line-clamp: 3;}
.edition-wrapper nav{bottom: 10px;max-width: 92%;width: 92%;}
.edition-wrapper nav div{width:100%}
#bb-nav-open{padding: 0 15px;min-width: 90px;font-size: .8em;}


.historia{height:100%;top:0;font-size: 1em;line-height: 1.7em;}
.historia .owl-item{transform:none;opacity:1; box-shadow:none;}
.historia:before{background: linear-gradient(180deg,rgba(0,0,0,.8) 00%,rgba(0,0,0,.0) 100%);content:'';display:block;position:absolute;top:0;left:0;width: 100%;height: 60px;z-index: 2;}

.historia section figcaption .scroller{max-height:220px}

.historia section figcaption .scroller{max-height: 250px;}
.font-size-1 .historia section figcaption .scroller{}
.font-size-2 .historia section figcaption .scroller{}
.font-size-4 .historia section figcaption .scroller{max-height: 330px;}
.font-size-5 .historia section figcaption .scroller{max-height: 380px;}

.safari .historia{font-size: 1.1em;line-height: 1.6em;}
.safari .font-size-1 .historia{font-size: .9em;}
.safari .font-size-2 .historia{font-size: 1em;}
.safari .font-size-4 .historia{font-size: 1.3em;}
.safari .font-size-5 .historia{font-size: 1.4em;}



.historia .responsivevoice-button{}
.historia .intro_note .responsivevoice-button{top:160px}
.historia section .top figcaption{padding-top: 70px;}

.historia figcaption h1{font-size:1.6em}
.historia figcaption h2{font-size:1.4em}
.historia figcaption h3{font-size:1.2em}
.historia figcaption h4{font-size:1.1em}
.historia figcaption.large_text h1{font-size:1.6em}

.historia .intro_note h1{font-size:1.6em}
.historia .intro_note h2{font-size:1em}
.historia .category{font-size:.8em}



.btns_opts{top: 60px;left:initial;right:4%;width:40px;display: none;}
.btns_opts button{ width:40px; height:40px; font-size:1em; margin:1px 0}

.list_notes{ display:block;}

.list_results .note a figure{width:20%}
.list_results .note a figcaption{padding:6%;width:80%;left: 20%;font-size: .9em;}

.list_saved{display:block;}
.list_saved .note{ margin:0 0 4%}

.list_editions{grid-template-columns: 1fr;grid-gap: 20px;}
.list_editions.all{grid-template-columns:1fr 1fr;margin: 0 0 50px;}
.list_editions .portada{font-size: .6em;/* height:280px; */}
.list_editions .portada figcaption div span{white-space:nowrap; width:100%;}
.list_editions .portada figcaption div{flex-wrap:wrap;}

.intro_page h1{font-size:2em;margin: 10% 0 0 0;}

.gallery_full picture{padding:0;}
.gallery_full picture p{padding:20px 10px}
.gallery_full .close{background:#000;}

.carta .inner{margin:100px 0; width:92%; padding:20px}
.carta h1{ font-size:2em;}
.carta figure{width:100%}
.carta .text p:before{width:20px}
.carta .firma{font-size:.9em}

.carta_edicion{padding:20px;height: calc(100% - 160px);margin: 0px 0 0;}
.carta_edicion .cat_carta{font-size:.8em}
.carta_edicion figcaption{font-size:.8em;margin:10px 0;padding:10px 0 0;height: calc(100% - 160px);}

.contacto .intro_page{min-height: 260px;}
.contact_text form{padding:10px}


.art_title{font-size:2em;margin: 0 0 8%;}
.art_title span{font-size: 2em;top: -50%;}

.intro_home{padding:100px 0 0 0;margin-bottom: 10%;}
.intro_home h2{font-size:3.2em; left:0;}
.intro_home h1{font-size: 1.8em;padding: 30px 0 0 0;}
.text_intro{width: 100%;padding: 0 0 0 1%;}
.intro_home p{font-size:1em}
.media_support{width: 100%;}
.media_support:after{top: 23%;width: 98%;height: 31%;right: -23%;}
.media_support:before{width:100%;right: -40%;}
.media_support figure{top: 45%;width: 60%;height: 55%;}
.brands{flex-wrap:wrap;width: 38%;margin: 30px 0 0 2%;background: #222;}
.brands a{width: 100%;padding: 12px 25px;filter: invert(1) brightness(5);}
.brands a img.mexicodesconocido{height: 26px;}
.brands a img.altonivel{width:80%}
.brands a img.nupcias{height: 31px;width: 77%;}
.brands a img.entrepreneur{margin:0;width: 89%;}

.intro_page{padding: 100px 0 30px;}
.intro_page h2{font-size:4em}
.intro_page.altonivel .brand img{height:25px}

.slides-text .item{flex-wrap:wrap;justify-content: flex-end;}
.slides-text .item figure{height: 230px;width: 70%;}
.slides-text .item .txt{width:100%;min-height: 280px;border-bottom: 1px solid;}

.lightbox.video iframe{width:100%; height:300px;}

.ediciones_marca{margin: 18% 0;}
.ediciones_marca .inner{flex-wrap:wrap;}
.ediciones_marca .text_edicion{width:100%;padding:0;}
.portadas_carousel{width: 104%;flex-wrap: nowrap;display: block;overflow:auto;/* margin: 0 -4% 0 0; */ margin: 0 0 0 0;}
.portadas_carousel .scroller{/* width: 710%;display: flex;grid-gap: initial; */}
.portadas_carousel a.portada{width: 100%;margin: 0 2em 0 0;}

.ads.half{padding-top: 50px;height: 100%;}
.ads.halfbanner{padding-top: 50px;height: 100%;}
.historia .ads figure > *{max-height: calc(100% - 30px);/* color: black; */}
.presented{/* margin: 60px auto 0; */width: 92%!important;top: 50px!important;}
.layer_ad article{max-height: calc(100% - 80px);width: 94%;/* padding: 10px; *//* background: #333; */}
.layer_ad article .close{right:0;top:-25px}

.comments_wrapper{padding:30px 4%;}
.comments_wrapper .inner{padding:0;}

.new_home{padding: 160px 0 80px;margin-bottom: -5px;z-index: 1;}
.new_home h2{font-size: 1.8em;}
.carousel_portadas{position:relative;z-index:2;margin-bottom: 50px;}
.carousel_portadas .portada{width: 90%;height: auto;margin: 0 auto;}
.portadas_carousel_home{width:100%;/* height:400px */touch-action: manipulation;}

.portada.proximamente div.proximamente{opacity:1; background:rgba(0,0,0,.7)}
}



/* laps small */
@media only screen and (max-height: 720px) and (orientation:landscape){

body{ font-size:.8em}
header .logo{height:60px}

header.active .logo{ height:60px}

.intro_section{ font-size:.8em}
.intro_section p{font-size:1.4em}

.slides-images img{height:300px}

.historia{max-width: 370px;height: calc(100% - 90px);top: 80px;font-size: .9em;}
.historia .responsivevoice-button{height:30px}

.portada_mes .portada{height: 440px;width: 300px;}
.portada_mes .en_edicion{pmargin: 4% 0 0 -4%;}

#edition .portada{margin: 0;height: calc(100% - 160px);max-width: 300px;background:transparent; box-shadow:none;}
#edition .portada figure > *{object-fit:contain;}
#edition .note figcaption strong{font-size:3em; margin:3% 0}
#edition .note a.bookmark{top:140px}

.carta_edicion{height:calc(100% - 160px)}
.carta_edicion figcaption{height:50%;}

.layer_ad {}
.layer_ad article .publicidad > *{object-fit:contain;}

.layer_ad article{ background:#111}


}


/* tablet pro portrait */
@media screen and (min-width: 500px) and (max-width: 1200px) and (orientation:portrait){
.intro_section{padding-top:140px}
.mas_vistos{flex-wrap:wrap;}
.mas_vistos .note{width:50%;}

.portada_mes .en_edicion .btns_flex{flex-wrap:wrap;}
.portada_mes .en_edicion .btns_flex .btn{width:100%; margin:0 0 10px}

#edition .portada{width:100%;max-width: 80%;}
#edition .portada figcaption div.logo{height:200px;}

#edition .portada figcaption strong{font-size:3em}
#edition .portada figcaption div span{font-size:1em}

.historia{max-width: 700px;font-size:1.4em;}


.carta_edicion{max-height:800px}

}

/* tablet portrait */ 
@media screen and (min-width: 500px) and (max-width: 800px) and (orientation:portrait){.historia{width: 80%;height: calc(100% - 160px);top: 100px;font-size:1em;max-width: 500px;}
  .list_editions .portada{height:460px}

  #edition .portada{max-width: 78%;max-height: inherit;}
  #edition .note{height:calc(100% - 200px)}
  #edition .portada figcaption div.logo{height: 150px;}
  #edition .portada figcaption strong{font-size: 2em;}
  #edition .portada figcaption div span{font-size:1em}

  .carta_edicion{max-height:600px}

}
@media only screen and (max-width: 414px) {
  .historia .owl-item{transform:none;opacity:0; box-shadow:none;}
}



/* mobile ultra small */
@media only screen and (max-width: 321px) {
    #loader-wrapper .loader_logo img{width:80px}
    header .logo{height:55px}
    header .logo img{margin:2% 0 0 0}
    .historia{font-size: .85em;}
    .btns_opts{top:60px}
    .logued_user{/* right:57px */}
    #bb-nav-open{padding:0 3px}
    .edition-wrapper nav div{min-width: 40px;}
    #bb-nav-open{min-width:80px}
}


/* mobile safari 7 */
@media only screen and (max-width: 376px) and (max-height: 570px) {
    body{background: #000}
    .safari .historia{font-size: .75em;position:fixed;top:0;left: 0;width: 100%;height: 100%;}
}


html.oldwindows *[data-animation^="fade"]{opacity: 1!important; animation-duration: 0s!important}

a.post-edit-link {color: #fff;}

h1 sup, span sup {
    font-size: 17px;
    vertical-align: super;
}