@charset "UTF-8";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;}
*,*:after,*:before{box-sizing:border-box;}

/*------ Prncipal -------*/
html, body {margin: 0;padding: 0;/* height: 100%; */-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background:#000;}
body{margin:0; font: 400 0.8em/1em 'Poppins', sans-serif ;color: #222;overflow-x:hidden;background: #f5f5f5;overflow-x: hidden;/* padding: 10px;*/ line-height: 1.4;}
b{border:none;outline:none;text-decoration:none;color:#f00}
a{color: #00B7C5;}
strong{font-weight:700;}
h1,h2,h3,h4{font-weight:700;}
ul,ul li{list-style:none;padding:0;margin:0;}
p{margin:5px 0;}

ul li {
    padding-left: 1.3em;
    margin-bottom: 8px;
  }
 li:before {
    /* content: "\f041";  */
    /* FontAwesome Unicode */
    /* font-family: FontAwesome; */
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    /* width: 1.3em;  */
    /* same as padding-left set on li */
    /* color: #00B7C5; */
    
    content: '';
    width: 20px;
    height: 20px;
    /* position: absolute; */
    background-image: url('../img/square.png');
    background-size: cover;
    background-position: center;
    /* left: 0;
    top: 50%;
    transform: translateY(-50%); */
    margin-right: 8px;
    position: absolute;
    margin-top: 2px;

}
ul li:last-child{
    margin-bottom: 0px;
}

li.it_epoll_survey-item{
    padding-left: initial;
    margin-bottom: initial;
}
li.it_epoll_survey-item::before {
    content: '';
    display: none;
}

.banner_timer ul li::before {
    content: '';
    display: none;
}


:-moz-placeholder {color: #777;}
:-moz-placeholder {color: #777;}
:-ms-input-placeholder {color: #777;}
:-webkit-input-placeholder {color: #777;}
input{border:none;font:400 1em 'Poppins', sans-serif;background:#ccc;display:inline-block;padding:5px 2%;border-radius:1px;height: 20px;outline:none}
button{border:none;background: ·ccc;height: 32px;cursor:pointer;font: 500 1em 'Poppins';padding: 6px;display: inline-block;color:#000;}
button:hover{opacity:.8}
button[type="reset"]{color:#eb212e}

.btn{display:inline-block;padding: 2px 20px 0;color:#fff;background: #00B7C5;text-align:center;border-radius: 10em;margin-top: 40px;text-shadow:none;text-decoration: none;text-transform: uppercase;font: 600 1.2em/40px 'Poppins';box-shadow: 0 5px 10px rgba(0,0,0,.6);}
.btn.secondary{ background:#333; color:#fff;}
.btn.block{width: 510px;max-width:100%;}
.btn:hover{ background:#fff; color:#000}


/*------ Preloader -------*/
#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: #111;z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);box-shadow: inset -30px 0 30px rgba(0,0,0,.5);}
#loader-wrapper .loader-section.section-left {left: 0;box-shadow: inset 30px 0 30px rgba(0,0,0,.3);}
#loader-wrapper .loader-section.section-right {right: 0;box-shadow: inset -30px 0 30px rgba(0,0,0,.3);}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 70px;height: 70px;margin: -35px 0 0 -35px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
#loader-logo {display: block;position: absolute;left: 48%;top: 46%;background: url("../images/user-bg-2.jpg") no-repeat center center;z-index: 1001}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}}
@keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);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:99999;width:100%;top: 16%;opacity:1;}
#loader-wrapper .loader_logo img{display:block;margin:0 auto;width: 250px;}
.loaded #loader-wrapper .loader_logo{transition:all 500ms ease-out;opacity:0}
#loader-notes #loader{ opacity:1}


.full-screen-wrap {width: 42px;height: 33px;position: fixed;top: 48px;right: 130px;cursor: pointer;z-index: 5;}
.top-left, .top-left-horiz {top: 0;left: 0;}
.top-right, .top-right-horiz {top: 0;right: 0;}
.bottom-left, .bottom-left-horiz {bottom: 0;left: 0;}
.bottom-right, .bottom-right-horiz {bottom: 0;right: 0;}
.animMoveDown {transform: translateY(8px);}
.animMoveUp {transform: translateY(-8px);}
.animMoveLeft {transform: translateX(-9px);}
.animMoveRight{transform: translateX(9px);}
.full-screen-wrap div{width: 3px;height: 12px;background: mintcream;position: absolute;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,.8);}
.full-screen-wrap .top-left-horiz,.full-screen-wrap .top-right-horiz,.full-screen-wrap .bottom-left-horiz,.full-screen-wrap .bottom-right-horiz {width: 12px;height: 3px;}
.full-screen-wrap.full .top-left{transform: translateX(9px);}
.full-screen-wrap.full .top-left-horiz{transform: translateY(9px);}
.full-screen-wrap.full .top-right{transform: translateX(-9px);}
.full-screen-wrap.full .top-right-horiz{transform: translateY(9px);}
.full-screen-wrap.full .bottom-left{transform: translateX(9px);}
.full-screen-wrap.full .bottom-left-horiz{transform: translateY(-9px);}
.full-screen-wrap.full .bottom-right{transform: translateX(-9px);}
.full-screen-wrap.full .bottom-right-horiz{transform: translateY(-9px);}
.full-screen-wrap:hover {width: 50px;height: 40px;top: 47px;right: 125px;}


.btn-sound{position:fixed;cursor:pointer;z-index: 5;color:#fff;width: 42px;height:40px;top:50px;right: 200px;background: none;padding: 0 0 0 0;outline: none;}
.sound-toggle-bar {display: block;float: left;width: 3px;height: 25px;margin-right: 4px;background: rgba(255,255,255,1);-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1);-webkit-transform-origin: bottom;transform-origin: bottom;box-shadow: 0 0 10px rgba(0,0,0,.8);}
.playing .sound-toggle-bar {-webkit-animation: sound-toggle 2s infinite;animation: sound-toggle 2s infinite}
.playing .sound-toggle-bar:nth-child(2) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s}
.playing .sound-toggle-bar:nth-child(3) {-webkit-animation-delay: .3s;animation-delay: .3s}
.playing .sound-toggle-bar:nth-child(4) {-webkit-animation-delay: 1.7s;animation-delay: 1.7s}
.playing .sound-toggle-bar:nth-child(5) {-webkit-animation-delay: .4s;animation-delay: .4s}
@keyframes sound-toggle {0% {-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1)}
25% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}
50% {-webkit-transform: scale(1, 0.3);transform: scale(1, 0.3)}
75% {-webkit-transform: scale(1, 0.6);transform: scale(1, 0.6)}
100% {-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1)}}

#mainAudio{ position:fixed;top:-100%}


/*------ Transition -------*/
#loader-notes span,.btn,nav a,nav a *,nav a figure:after,.full-screen-wrap,main > section .more_info span,.share a{transition:all 500ms ease-out;}


/*------ Containers -------*/
main{/* position: fixed; */min-height: 100%;/* overflow: hidden; */top: 0;background:#000;/* height: 100%; */width: 100%;left: 0;}
main:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -80px;bottom: -230px;display:block;width: 300px;height: 400px;}


.inner{overflow:hidden;width: 85%;margin: 0 auto;max-width: 1200px;position: relative;}



/*------ Header -------*/
header{position: absolute;z-index: 1;background: rgba(255,255,255,.2);height:100%;width: 100%;}
header .inner{position:relative;z-index:2;height:100%;display: flex;align-items: center;justify-content: center;}
.photoMove{width: 100%;height: 100%;background-size: cover;position:absolute;z-index:1;box-shadow: inset 0 0 500px rgba(0,0,0,1);background-image:url(https://lomejordenayarit.com/wp-content/uploads/2024/08/bg-nayarit-azul.jpg);left: 0;top: 0;background: url(https://lomejordenayarit.com/wp-content/uploads/2024/08/bg-nayarit-azul.jpg) no-repeat center/cover;}
.photoMove:before{position:absolute;content:'';top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.7);box-shadow: inset 0 0 200px rgba(0,0,0,.4);z-index: 2;}
header h1{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);padding: 40px 0;text-transform: uppercase;font: 700 4em/.8em 'Poppins';display: block;}
header h2{font: 600 1.6em 'Poppins';max-width: 700px;text-align: center;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 0 auto 30px;}
header h3{font:300 1.1em 'Poppins';max-width: 800px;text-align: center;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 20px auto 0;}
header h4{font:900 3em 'Poppins';max-width: 800px;text-align: center;color: #6aa7ad;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 20px auto 0;}
header h1 img{ width:200px;}

.user{padding: 10px 20px;background: rgba(0,0,0,.4);max-width:600px;margin:0 auto;border-radius: 10px;text-align: center;backdrop-filter: blur(10px);}
.name{ font-size:1.2em;}

@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-5px);}}

header h1 div{padding:20px;border:1px solid #fff;/* width:200px; */margin: 11% auto 3%;auto;background: rgba(255,255,255,.2);}
header h1 div span{font-size:5em}
header h1 div em{font-size:2em;letter-spacing:7px}
header h1 p{font:normal .6em 'Poppins';text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000;}

.home{background: radial-gradient(ellipse at center,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 68%);padding: 260px;text-align: center;width: 100%;padding: 0 4%;  display: flex; }
.home > figure{width: 170px;margin:0 auto;display: none;}
.hidden{ display:none;}

.home figure img{ width:100%; height:auto;}
.home .logo{width: 130px;margin: 0px auto 20px;}
.home .legend{color:#fff; width: 60%; }
.home .legend p{color: #00B7C5;font-weight:900;font-size: 1.3em;margin: 40px 0 20px;}
.home .logo img{ width:100%; height:auto;}
.home .legend h1{  font: 700 3em/0.8em 'Poppins'; }

.home .disclaimer{color: #069783;background:rgba(0,0,0,.2);margin:10px 0 0;font-size: .8em;}
.home .disclaimer h3{color: #069783;font-size:1.2em;font-weight:900;margin:0 0 10px;width: 100%;max-width: initial;}
.home .disclaimer p{color: #069783;font-weight:300;margin:0 0 10px;}
.home .disclaimer .cintillo{ display:inline-block; background:#6aa7ad; color:#fff; padding:10px; border-radius:5px}

.user .btn{background: #00B7C5;color: #fff;display: block;/* max-width: 300px; */margin: 10px auto;width: 100%;}

.btns_flex{display:flex;margin: 20px 0;}
.btns_flex .btn{width:100%; margin:10px 2%;}
.btns_flex a:not(.btn){line-height:40px;width: 100%;color: #fff;background: #333;height: 40px;display: block;margin: 10px;border-radius: 10em;text-decoration: none;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.3);text-transform: uppercase;text-indent: -9999px;position: relative;}
.btns_flex a[rel="nofollow"]:after{content:'Cerrar Sesión';position:absolute;left:0;top:0;line-height:40px;width: 100%;text-indent: 0;}

.home .categories {display:flex;width:100%;flex-wrap:wrap;margin: 50px auto 0;justify-content: space-around;padding: 0;background: rgba(0,0,0,.9);border-radius: 5px;box-shadow: 0 0 20px #000,0 0 40px #000;display: none;}
.home .categories a {text-decoration:none;font:600 1em 'Poppins';position: relative;padding: 10px;display:flex;align-items:center;justify-content:center;height: 110px;width: 20%;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.4);margin: 0;background: #000;box-shadow: 0 0 10px rgba(0,0,0,1);border-radius: 0;overflow: hidden;}
.home .categories a span{ display:none;}
.home .categories a img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity: .3;}
.home .categories a figcaption{position:relative;z-index:2;/* background: radial-gradient(ellipse at center,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 70%); */}

.slideshow,.slideshow img{width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.slideshow img{animation: round 30s infinite;opacity: 0;}
@keyframes round{16%{ opacity:1;}32%{opacity:0;}}
.slideshow img:nth-child(1){animation-delay:0s;}
.slideshow img:nth-child(2){animation-delay:5s;}
.slideshow img:nth-child(3){animation-delay:10s;}
.slideshow img:nth-child(4){animation-delay:15s;}
.slideshow img:nth-child(5){animation-delay:20s;}
.slideshow img:nth-child(6){animation-delay:25s;}



.adfixed{position:absolute;bottom:-140%;width:100%;background: #000;padding:10px 0;text-align:center;transition:.4s;box-shadow: 0 -20px 60px rgba(86, 86, 86, 0.4);z-index: 2;}
.adfixed .close{bottom:90%;top:initial;background: #000;right:4%;/* box-shadow: 0 0 30px rgba(0,0,0,.2); *//* filter:invert(1); */width: 40px;height: 40px;position: absolute;border-radius: 0;text-align: center;justify-content: center;padding: 0;}
.adfixed.active{bottom:100%;}

.ctrl_btns{width:100%;position: fixed;height:100px;bottom:0;left:0;top: initial;background: linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.0) 100%);z-index: 3;display: flex;align-items: center;justify-content: center;box-shadow: 0 -10px 30px rgba(0,0,0,.8);}
.ctrl_btns a{display: flex;color: #fff;z-index: 3;text-decoration: none;align-items: center;width: 50%;height: 100%;background: #333;position: relative;overflow: hidden;}
.ctrl_btns a.go_home{text-align:center;justify-content:center;background: #222;color:#fff;}
.ctrl_btns a.go_home em{ display:none;}
.ctrl_btns a.go_home figcaption{text-align:center;justify-content:center;padding: 0 20px;}
.ctrl_btns a figure{width: 180px;height: 100%;}
.ctrl_btns a figcaption{width:100%;margin: 0 10px;position:relative;display: flex;flex-wrap: wrap;align-items: center;padding: 0 30px 0 0;}
.ctrl_btns a figcaption i{position:absolute;right: 0;font-size:3em;font-weight:900;transform: rotate(270deg);}
.ctrl_btns a figcaption span{display:block;white-space: nowrap;line-height: 1em;margin: 0 0 4px;/* color: #000; */width: 100%;}
.ctrl_btns a figcaption strong{display:block;font: 900 1.2em 'Poppins';width: 100%;}
.ctrl_btns a figure img{width:100%;height:100%;object-fit: cover;}
.ctrl_btns a.down figcaption{text-align:right;justify-content:right;padding: 0 0 0 30px;}
.ctrl_btns a.down figcaption i{left:0;right: inherit;}
.ctrl_btns a.down{border-left: 1px solid #fff;justify-content: right;background: #e82077;}
.ctrl_btns a em{position:absolute;font-size: 7em;font-weight:900;z-index:0;opacity: .05;right: 50px;}
.ctrl_btns a.down em{ right:inherit; left:50px; opacity:.15}




.open_nav {width: 50px;position: absolute;height: 50px;position: fixed;right: 20px;top: 20px;z-index: 5;display: flex;align-items: center;justify-content: center;}
.open_nav span {display: inline-block;height: 3px;width: 35px;border-radius: 10em;transition: 0.3s;background: #ffffff;position: relative;}
.open_nav span:before,.open_nav span:after {display: inline-block;height: 3px;width: 100%;border-radius: 10em;transition: 0.3s;background: #ffffff;content: '';position: absolute;/* left: 0; */}
.open_nav span:before,.open_nav span:after {/* transform-origin: 50% 50%; */transition: top .3s .6s ease, transform .3s ease;}
.open_nav span:before {top: 12px;}
.open_nav span:after {top: -12px;}
.open_nav span,.open_nav span:before,.open_nav span:after{box-shadow:0 0 10px rgba(0,0,0,.8);}

.open_nav.active {background: rgba(0,0,0,-0.9);box-shadow: 0 0 37px rgba(0,0,0,.05);border-radius: 10em;}
.open_nav.active span {transform: scale3d(1, 1, 1);}
.open_nav.active span {background: transparent;width: 100%;box-shadow: none;}
.open_nav.active span:before,.open_nav.active span:after {top: 0;transition: top .3s ease, transform .3s .5s ease;width: 45px;height: 3px;/* box-shadow: none;*/}
.open_nav.active span:before {transform: rotate3d(0, 0, 1, 45deg);}
.open_nav.active span:after {transform: rotate3d(0, 0, 1, -45deg);}




/*------ Nav-------*/
nav{background: #000;color:#fff;width: 100%;height: 100%;position:fixed;top:0;z-index: 4;padding: 10px;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
nav.visible{left:0;z-index:2}
nav.hide{display:none;}
nav a{width: 32.666%;height: 24%;overflow:hidden;color:#fff;display: inline-block;position:relative;margin: 0 0 1% 0;border-radius: 0;/* float: left; */background: #000;display: block;flex-wrap: nowrap;visibility:hidden;}
nav a:first-child{display:flex;align-items:center;background: #00B7C5;}
nav a:first-child figure{ display:flex; align-items:center;}
nav a:first-child figcaption{ position:relative; font-size: 1.8em;}
nav a:first-child img{opacity:.3;object-position: 10% 57%;transform: scale(1.5);}
nav.animated.fadeOut a{ display:block;}
nav a figure{position:absolute;left:0;top:0;width:100%;height:100%;}
nav a figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
nav a figure:after{position:absolute;left: -0.3%;bottom: -0.3%;width: 101%;content:'';background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 100%);display:block;height: 101%;z-index: 1;box-shadow: inset 0 0 100px rgba(0, 0, 0, 1);opacity: .7;}
nav a figure figcaption{position:absolute;left:0;bottom:0;width:100%;padding: 50px 25px;z-index: 2;text-shadow: 0 0 20px #000, 0 0 30px #000;text-align: center;}
nav a figure figcaption span{display:block;opacity:0;max-height: 0;transition: .8s ease;margin: 0;padding: 0;width: 100%;}
nav a figure figcaption strong{display:block;font: 700 1.5em 'Poppins';color: #ddd;}
nav a em{position:absolute;left: 0px;top:0;z-index:2;font-size: 2.5em;line-height: 1em;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,1);border-bottom: 1px solid #F8DB25;padding: 15px 20px 10px 15px;opacity: 1;font-weight: 500;}
nav a:hover em{padding: 15px 20px 10px 15px;}
nav a:hover figure figcaption span{opacity:1;max-height: 300px; }
nav a:hover figure figcaption strong{opacity:1;animation-delay:1s;margin: 10px 0;}
nav a:hover figure:after{opacity: 1;background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.92) 100%);box-shadow: none;opacity: .9;}
nav a:hover em{opacity: .1;}

/*------ slider-------*/
.slider.owl-loaded{display:block;overflow: visible;}
.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}
.owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0);height: 100%;}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .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-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.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}

.slider{width: 100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;margin: 0;display:none;height: 100%;}
.slider .owl-dots{position:absolute;bottom: 14%;right: 42%;}
.slider .owl-dots .owl-dot{width:10px;height:10px;background:#fff;float:left;margin: 0 3px;}
.slider .owl-dots .owl-dot.active{background:#e91622;}
.slider .owl-stage{height: 100%;margin-top: 0%;}
.slider.owl-carousel .owl-stage-outer{/* overflow:visible; */height: 100%;}
.slider .owl-item{width:100%;/* opacity: .1; */overflow:hidden;height: 100%;position: relative;float: left;}
.slider .owl-item div{position:relative;height: 90%;width: 87%;margin: 0 auto;top: 5%;overflow: hidden;box-shadow: 0 0px 30px rgba(0,0,0,.6);}
.slider .owl-item.active{opacity:1;z-index: 2;/* -webkit-filter:grayscale(0);*/}
.slider .owl-item.active .item{opacity:1;z-index: 2;background-repeat: no-repeat;background-size: cover;background-position: center;}
.slider .owl-item img{transform-style:preserve-3d;position: absolute;z-index: 0;display: block;width:100%;margin: 0;height: 100%;object-fit: cover;}
.slider .owl-item .item{width:100%;display: block;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 400px;}
.slider .owl-item .item:after{width: 100%;height:100%;display:block;content:'';position: absolute;top: 0;z-index: 2;right: 0;background-size: 100% 100%;background: linear-gradient(180deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,.5) 100%);}
.slider p{position:absolute;bottom: 0;font: 100 1em/1.2em 'Poppins';color:#fff;z-index: 3;text-shadow: 0 0 10px rgba(0,0,0,1);left: 0;text-align: center;padding: 20px;width: 100%;margin: 0;background: linear-gradient(1800deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.slider p strong{display: block;line-height: 1.5em;border-radius: 2px;font-weight: lighter;}
.slider p span{display: block;font-weight: lighter;font-size: .8em;opacity: .7;}
.slider .owl-prev,.slider .owl-next{position: absolute;top:45%;border-radius:100em;width: 45px;height: 45px;color: #000;font: normal 1.5em 'FontAwesome';text-align: center;text-indent:-999px!important;overflow:hidden;cursor: pointer;}
.slider .owl-prev.disabled,.slider .owl-next.disabled{ opacity:.4; cursor:default;}
.slider .owl-prev:hover,.slider .owl-next:hover{/* opacity: 1; */}
.slider .owl-prev:after,.slider .owl-next:after{top:0;position:absolute;display:block;text-align:center;line-height: 45px;width:100%;height:100%;}
.slider .owl-prev{left: 20px;text-indent: -4px;}
.slider .owl-next{right: 20px;text-indent: 4px;}
.slider .owl-prev:after{content:"\f177";text-indent:-3px;}
.slider .owl-next:after{content:"\f178";text-indent:3px;}


.fillWidth {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*------ Footer-------*/
footer{/* background: #fff;*/z-index: 2;width: 100%;height:30px;position:fixed;bottom:0;left:0;}
.logoMD{position:absolute;right: 0;bottom:0;width: 180px;height: 70px;padding: 14px 0px 16px 5px;z-index: 3;}
.logoMD img{width:100%;height:100%;object-fit:contain;}
footer:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -80px;bottom: -230px;display:block;width: 300px;height: 400px;}
main:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -12%;top: -26%;display:block;width: 50%;height: 50%;/* z-index: 2; */}

main #content{width:100%;/* height:100%; *//* background:#fff; *//* top: 0; *//* position: absolute; *//* z-index: 1; */}
main #content:after{content:'';display:block;position:fixed;width: 100%;top: 0;left: 0;height: 90px;background: linear-gradient(0deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);z-index: 2;}
main #content.hide{/* display:none */}
main #content > figure{position: fixed;left:0;top:0;width:100%;height:100%;}
main #content > figure:after{position:absolute;left:0;bottom:0;width:100%;content:'';background: rgba(0,0,0,.9);display:block;height: 100%;z-index: 1;box-shadow: inset 0 0 1000px rgba(0,0,0,.3);opacity:1;}
main #content > figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
main #content .inner{position: relative;z-index:3;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.8);/* height: calc(100% - 110px); */top: 0;overflow: inherit;display: flex;justify-content: space-around;padding: 0 0 140px;}
main #content .inner .col iframe{background: #fff;/* position:absolute; */width: 100%;overflow: auto;bottom: 0;padding: 10px 0;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,.8);/* opacity: 0; */height: 74%;}
main #content .inner h1{font: 900 2.4em/1.6em 'Poppins';margin-bottom: 10px;padding: 0 0 10px;border-bottom: 0px solid;}
main #content .inner h1 span{ display:block; font:italic .5em 'Times New Roman'; margin-bottom:10px}
main #content .inner p{font: normal 1.6em/1.2em 'Poppins';}
main #content .number{position: fixed;top: 0;z-index:3;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.3);font: 400 1.6em/3.5em 'Poppins';word-spacing: -7px;color: rgba(255,255,255,.3);white-space: nowrap;}
main #content .number span:first-child{opacity:1;color: #fff;font-size: 3em;padding: 0 10px;font-weight: 700;}
main #content .number span:last-child{/* opacity:.4 */padding: 0 10px;}
main #content .more_info {position:absolute;bottom: 110px;width: 80px;text-align: center;color: #fff;font: normal 1em/normal 'Poppins';right: 4%;z-index: 3;text-decoration: none;}
main #content .more_info span{width: 50px;height: 50px;line-height: 50px;font-size: 1em;border-radius: 10em;border: 2px solid #fff;right: 3%;background: rgba(0,0,0,.3);display:block;color: #fff;margin: 0 auto 4px;}
main #content .more_info:hover span {margin-bottom:15px;color: #000;background: #fff;}

.col{max-width: calc(100% - 80px);position:relative;/* height: 100%; */display: flex;width: 100%;justify-content: space-between; flex-direction: column;}
aside{width:300px;display: flex;align-items: center;}
aside .close_ad{display:none}

.text_poll{width: 100%;padding: 20px 0;}
.text_poll > section{position:sticky;top: 30px;}
.go_login{width:100%; padding:4% 0}

#content .publicidad{text-align:center}
#content .publicidad *:not(script){ display:inline-block; background:#eee;}

article.more{position:absolute;top:0;left: 0;width:100%;background:#fff;z-index: 5;height: 100%; display:block;}
article.more.hide{ display:none;}
article.more.fadeOut iframe { display:none}
article.more .note {position:relative;height: 100%;}
article.more .note figure {padding:20px;width:50%;}
article.more .note .text {position:absolute;height: 90%;width: 46%;right:2%;top: 6%;overflow:auto;}
.text p{ font:lighter 1.3em 'Poppins'; color:#444}
.text h1{ font:700 2.2em 'Poppins'; color:#222; margin:4% 0 0 0}
.text h2{ font:700 1.8em 'Poppins'; color:#222; margin:4% 0 0 0}
.text h3{ font:700 1.5em 'Poppins'; color:#222; margin:4% 0 0 0}
article.more .video {position:relative;height: 100%;width: 100%;padding: 5.5%;background: #000;}
article.more .video > *{position: relative;height: 100%;width: 100%;}

.close {background: transparent;border-radius: 10em;width: 50px;height: 50px;position: absolute;right: 2%;top: 1%;z-index: 10;padding: 11px 0 0 0; display: none; }
.close span {transform: scale3d(1, 1, 1); display: none;}
.close span {background: transparent;width: 30px;box-shadow: none; color: transparent; }
.close span:before,.close span:after {top: 27px;transition: top .3s ease, transform .3s .5s ease;width: 45px;height: 3px;/* box-shadow: none;*/display: inline-block;height: 3px;width: 35px;border-radius: 10em;transition: 0.3s;background: #000; background: transparent; content: '';position: absolute;left: 8px;transform-origin: 50% 50%;transition: top .3s .6s ease, transform .3s ease;}
.close span:before {transform: rotate3d(0, 0, 1, 45deg); background: transparent;}
.close span:after {transform: rotate3d(0, 0, 1, -45deg); background: transparent; }
.close.white span:before,.close.white span:after {background: #fff;}



.next{display:block;width: 40px;height: 40px;color: #ffffff;font-size: 2em;text-align:center;line-height: 40px;position: absolute;bottom: 10px;left: calc(50% - 20px);animation: bounce 2s infinite;background: radial-gradient(ellipse at center,  rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 70%);padding: 0px 10px 20px 10px;text-shadow: 0 0 10px #000;z-index: 2;}

#loader-notes{position:fixed;height:100%;width:100%;background: #111;display:none;z-index: 4;overflow: hidden;}
#loader-notes.visible{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: height;}
#loader-notes.visible2{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: height2;}
#loader-notes.hide{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: quitar;}
#loader-notes.hide2{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: quitar2;}
@keyframes height {from{height:0;top:0%}to{height:100%;top:0;}}
@keyframes quitar {from{height:100%;top:0}to{height:0;top:0%;}}
@keyframes height2 {from{height:0;bottom:0}to{height:100%;bottom:0%;}}
@keyframes quitar2 {from{height:100%;bottom:0}to{height:0;bottom:0%;}}

#loader-notes figure{position:absolute;top:0;left:0;background-position: center center;background-repeat: no-repeat;background-size: cover; opacity:.2; filter:blur(3px)}
#loader-notes.visible2 figure{top:inherit; bottom:0}
#loader-notes.hide2 figure{top:inherit; bottom:0}
#loader-notes span{position:absolute;bottom: 25%;left:0;color: rgba(255,255,255,.1);font: normal 10em 'Poppins';text-align:center;text-shadow: 0 0 10px rgba(0,0,0,.1);width: 100%;bottom: -15%;}
#loader-notes.visible span{ bottom:25%; display:none;}



.share{position:fixed;top: 20px;right: 90px;z-index: 5;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 50px 0 0 0;}
.share_icon{display:block;width: 35px;height: 35px;border-radius:10em;position: absolute;transform: scale(.88);top: 10px;}
.share_icon span{ background:none; border:2px solid #fff; position:absolute;}
.share_icon span:nth-child(1){top: calc(50% - 6px);left: 2px;z-index: 2;}
.share_icon span:nth-child(2){top: 0;right: 0;}
.share_icon span:nth-child(3){bottom: 0;right: 0;}
.share_icon span:nth-child(2):after{width: 15px;height: 3px;background:#fff;content:'';position:absolute;transform: rotate(145deg);top: 10px;right: 100%;box-shadow: 0 0 10px rgba(0,0,0,.3);transform-origin: top;}
.share_icon span:nth-child(3):after{width: 15px;height: 3px;background:#fff;content:'';position:absolute;transform: rotate(-145deg);bottom: 6px;right: 100%;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.share_icon span:nth-child(3){bottom: 0;right: 0;}
.share_icon span{background:none;border: 3px solid #fff;width: 12px;height: 12px;display:block;border-radius: 10em;box-shadow: 0 0 10px rgba(0,0,0,.4), inset 0 0 3px rgba(0,0,0,.5);z-index: 1;}
.share a{text-align: center;height: 40px;width: 40px;line-height: 40px;background: #fff;/* border-radius: 10em; */margin: 0px 0;color: #888;box-shadow: 0 0 5px rgba(0,0,0,.8);opacity:0;display:block;display:none;}
.share:hover a{opacity: 1;animation-duration: .5s;animation-fill-mode: both;animation-name:fadeTo; display:block;}
.share a:nth-child(2){ animation-delay:.1s}
.share a:nth-child(3){ animation-delay:.2s}
.share a:nth-child(4){ animation-delay:.3s}
.share a:nth-child(5){ animation-delay:.4s}
.share a:nth-child(6){ animation-delay:.5s}
@keyframes fadeTo {from{opacity:0;display:none;}to{opacity:1; display:block;}}
.share a:hover{ color:#fff;}
.share a.facebook:hover{ background:#3b5998}
.share a.twitter:hover{ background:#1da1f2}
.share a.pinterest:hover{ background:#bd081c}
.share a.google:hover{ background:#db4437}
.share a.whatsapp:hover{ background:#09d261}
.share a.whatsapp{ display:none}



.banner_timer {
    display: flex;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

.banner_timer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

.banner_timer ul li {
    display: block;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    text-align: center;
    width: 100px;
}

.banner_timer ul li span {
    font-size: 2em;
    font-weight: 900;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
}


.timer{margin:40px 0 0; text-align:center;}

.it_epoll_container{font: normal 1em 'Poppins'; /* background: #444!important; */ width: 100%;overflow: auto;border: none;box-shadow: 0 0 40px rgba(0,0,0,.4);
    background: rgba( 0, 0, 0, 0.25 )  !important ;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ) !important;
    backdrop-filter: blur( 4px ) !important;
    -webkit-backdrop-filter: blur( 4px ) !important;
    border-radius: 10px !important;
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;

}
.it_epoll_title{display:none;}
.it_epoll_grid .it_epoll_survey-name{color:#333;font:700 1em 'Poppins';padding: 20px 10px 60px; line-height: 1.3; background: #ffffff;}
.it_epoll_surveys.it_epoll_grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-gap: 25px;}
.it_epoll_grid .it_epoll_survey-item{width:100%;display:block;margin: 0;background: #ddd;}
.it_epoll_survey-item .it_epoll_big_cover{display:none;}
.it_epoll_grid .it_epoll_survey-country{margin:0;}
.it_epoll_survey-country img{width:100%!important;height: 150px!important;object-fit: cover;border-radius: 0px!important;border: none;}
.it_epoll_spinner_stop, .it_epoll_list .it_epoll_spinner_stop{margin: 10px 0!important;}
.it_epoll_spinner{margin: 10px 0!important;}
.it_epoll_survey-item-action{padding: 10px;margin:0;box-shadow: none;position: absolute;bottom: 0;left: 0;}
#it_epoll_survey-vote-button, .it_epoll_survey-notfound-button{display:block;width:100%!important;max-width: inherit;height: 40px;line-height: 40px;padding: 0!important;font: normal 1em 'Poppins';margin: 0!important;background: #C9366E !important;box-shadow:0 0 10px rgba(0,0,0,.2)!important;border-radius:10em!important;}
#it_epoll_survey-vote-button, .it_epoll_survey-notfound-button{box-shadow:0 0 10px rgba(0,0,0,.2)!important;opacity: .7;}
#it_epoll_survey-vote-button:hover{opacity:1}
#it_epoll_survey-vote-button[value="Voted"]{opacity: 1;box-shadow: 0 0 10px rgba(0,0,0,1)!important;}
.it_epoll_grid .it_epoll_survey-progress{display:none;}
.it_epoll_card_front{box-shadow:none!important;}

/* .voted{width:100%; text-align:center; padding:20px; background:rgba(0,0,0,.4); border-radius:5px; margin:20px 0} */

.voted {
    width: 100%;
    text-align: center;
    padding: 20px;
    background: rgba(0,0,0,.4);
    border-radius: 5px;
    margin: 20px 0;
    background: rgb(192 57 43 / 50%);
    font-size: 1.25em;
    border: 1px solid #c0392b;
}

.it_epoll_container img{opacity: 0; transition: .3s; background:#ddd;}
.it_epoll_container img.ready{opacity:1;}

.percent{position:absolute;top:0;left:0;width:100%;text-align:center;display:flex;height: 100%;align-items: center;justify-content: center;background: rgba(0,0,0,.8); display: none;}
.percent span{font-size: 1.6em;color: #fff;position: absolute;top: 50%;z-index: 2;transform: translateY(-50%);}
.perCirc {
	position: absolute;
	text-align: center;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	background-color: #54b6a8;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	z-index: 1;
	transform: scale(.8);
	opacity: .5;
}
.perCirc .perCircInner {
	position: relative;
	top: 10px;
	left: 10px;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-color: #444;
}
.perCirc .perCircInner div {
	position: relative;
	top: 22px;
	color:#777;
}
.perCirc .perCircStat {
	font-size: 30px;
	line-height:1em;
}

.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'; */
    font-weight: bold;
    font-size: .8em;
    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    left: 0;
    bottom: 70px;
    z-index: 1;
    position: fixed;
    flex-direction: column;
    color: #ffff;
}

.scroll_retro:after {
    font-family: FontAwesome;
    content: '\f063';
    white-space: pre;
    animation-name: godown;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: #ffff;
    text-align: center;
}

.scroll_retro.nomore {
    background: linear-gradient(0deg,rgba(0,0,0,.3) 55%,rgba(0,0,0,.0) 100%);
    transition: .4s;
}
.scroll_retro.nomore:after {
    opacity: .8;
    content: '\f062';
    animation: none;
    color: #fff;
}

.vercatego{
    margin-top: 0 !important;
    margin-bottom: 30px;
}

@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}
  }


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

/*******  tablet landscape  *****/
@media screen and (min-width: 850px) and (max-width: 1050px){}

/*******  tablet portrait  *****/
@media screen and (max-width: 1020px) and (min-width: 737px){}


@media screen and (max-width: 1366px){
    .home .legend{width: 100%; }

    nav a:first-child figcaption{ position:relative; font-size: 1.4em;}

    nav a figure figcaption strong {
        font: 700 1.2em 'Poppins';
    }
}


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

    ul li {
        padding-left: 1.3em;
        margin-bottom: 8px;
        font-size: 1.2em;
      }
     li:before {
        width: 18px;
        height: 18px;
        margin-right: 5px;
        margin-top: 2px;
    }
    ul li:last-child{
        margin-bottom: 0px;
    }
    
    li.it_epoll_survey-item{
        font-size: initial;
        padding-left: initial;
        margin-bottom: initial;
    }
    li.it_epoll_survey-item::before {
        content: '';
        display: none;
    }

    .banner_timer ul li::before {
        content: '';
        display: none;
    }
    
    
    .home{padding:0;}
 .home .logo{width: 36%;margin:0 auto;max-width: 210px;}
 .home .legend p{margin:0;font-size: 1em;}
 .btns_flex{flex-wrap:wrap;margin: 0;}
 .user{padding:20px; margin:0 0 20px}
 .timer{margin:0;}
nav{ background:#222;}  
nav a figure:after{background: linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);}
header h1{width: 100%;padding: 0 4%;}
header h1 img{width: 130px;display:block;margin: 0 auto 9%;}
header h1 div span{ font-size:2em;}
header h1 div em{font-size:.8em;letter-spacing: 3px;line-height: .4em;display: block;}
header h1 div{width: 110px;margin: 0 auto 20px;height: 100px;padding: 26px 10px 10px 10px;}
header h1 p{ font-size:.5em}
footer:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 60%);}
.open_nav{/* width: 40px; */top: 2px;right: 0;}
.open_nav span, .open_nav span:before, .open_nav span:after{height:2px;width: 30px;}
.open_nav span:before{ top:10px}
.open_nav span:after{ top:-10px}
.open_nav.active span:before, .open_nav.active span:after{width:30px;height: 2px;}
.full-screen-wrap{top: 12px;right: 70px;width: 25px;height: 25px;}
.safari .full-screen-wrap{ display:none;}
.full-screen-wrap:hover{top: 12px;right: 60px;width: 27px;height: 27px;}
.full-screen-wrap div{width:2px;height: 10px;}
.full-screen-wrap .top-left-horiz, .full-screen-wrap .top-right-horiz, .full-screen-wrap .bottom-left-horiz, .full-screen-wrap .bottom-right-horiz{height: 2px;width: 10px;}
.btn-sound{top: 8px;right: 110px;width: 35px;height: 35px;}
.safari .btn-sound{right: 60px;}
.sound-toggle-bar{width:2px;margin-right: 3px;}
.logoMD{width: 70px;height: 35px;padding: 0 4px;opacity: .3;}
.share{top: 3px;right: 60px;/* width: 40px; */}
.share a.whatsapp{ display:block;}
.safari .share{right: 60px;}
.share_icon{width: 30px;height:30px;margin: 0 auto;}
.share_icon span{border-width: 2px;width: 8px;height: 8px;}
.share_icon span:nth-child(1){top: calc(50% - 4px);}
.share_icon span:nth-child(2):after{height:2px;width: 15px;top: 9px;}
.share_icon span:nth-child(3):after{height:2px;bottom: 8px;width: 15px;bottom: 7px;}

main #content .number{/* top:10px; */font-size: 1em;}
main:after{display:none;}
.ctrl_btns a figcaption strong{font-size: .8em;padding:0;line-height: 1em;font-weight: 600;}
.ctrl_btns a figcaption span{font-size: .5em;display: none;}
.ctrl_btns a figcaption{padding: 0 5px 0 20px;margin: 0 8px;}
.ctrl_btns a.down figcaption{padding: 0 25px 0 5px;}
.ctrl_btns{height: 70px;box-shadow: 0 -5px 10px rgba(0,0,0,.5);width: 100%;}
.ctrl_btns a figure{width: 100px;display: none;}
.ctrl_btns a em{right: 5px;font-size: 4em;}
.ctrl_btns a.down em{left:5px;}
main #content > figure:after{box-shadow: inset 0 0 190px rgba(0,0,0,.3);}
main #content .inner p{/* display:none */font-size: 1em;margin: 0 0 8px;}
main #content .inner h1{font-size: 1.5em;margin-bottom: 10px;border: none;border-top: 1px solid rgba(255, 255, 255, .2);padding: 20px 0 0;/* position: sticky; *//* top: 0px; *//* text-align: center; *//* background: #333; */}
main #content .inner.encuesta{flex-wrap:wrap;/* height: calc(100% - 70px); */padding: 55px 0 80px;/* width: 100%; */display: block;width: 92%;z-index: 1;}




.close{background: transparent ;padding: 0px;width: 40px;height: 40px;}
.close.white{background:transparent;}
.close span:before, .close span:after{left: 3px;height: 2px;}
.close span:before{top: 20px;}
.close span:after{top: 20px;}
article.more .note figure{ position:relative;width:100%; height:40%}
.down{width: 40px;height: 31px;line-height: 40px;/* left: calc(50% - 20px); */padding: 0;background: radial-gradient(ellipse at center,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 50%);}
nav a{width:100%;display:block;height: 25%;margin: 0 0 10px;}
.slider{height: 100%;}
.slider .owl-item div{box-shadow:0 0 10px rgba(0,0,0,.2);height: 96%;top: 2%;width: 93%;}
.slider .owl-prev{left: -10px;background: #fff;}
.slider .owl-next{right: -10px;background: #fff;}
nav a em{font-size: 2em;padding: 10px;}
nav a figure figcaption {/* top: 35px; *//* bottom: inherit; */height: 100%;padding: 0 20px;display: flex;align-items: center;justify-content: center;}
nav a:first-child figcaption{ position:relative; font-size: 1.4em;}
nav a figure figcaption strong{opacity:1;font-size: 1.3em;margin: 0;/* font-weight: 900; */color: #fff;}
nav a figure figcaption span{display: none;}
#loader{ width:50px; height:50px; margin:-25px}
#loader,#loader:after, #loader:before{ border-width:2px}

.ctrl_btns a figcaption i{font-size:2em;left: -5px;transform: rotate(270deg);right: inherit;}
.ctrl_btns a.down figcaption i{font-size:2em;left: inherit;right: -5px;transform: rotate(270deg);}

.home figure img{width:50%;}
.home h1{ font-size:1.5em; margin:30px auto;}
.home h2{font-size: 1.3em;margin: 10px auto;}
.home h3{font-size: .9em;margin: 10px auto;}
.home .btn{/* margin:20px 0; *//* white-space: nowrap; */font-size: 1em;}
main #content .inner .col iframe{/* position: absolute; */margin: 5px 0 0 0;height: initial;padding: 0;box-shadow: none;overflow: hidden;height: 5900px;}
aside{height:80px;position: absolute;bottom: -100%;width: 100%;justify-content: center;margin: 0;background: #f7f7f7;/* opacity: 0; */box-shadow: 0 0 10px #333;}
aside .close_ad{width: 40px;height: 40px;position:absolute;display:block;top:0;right: 0;text-align: center;font-size: 1.3em;background: #ddd;text-shadow: none;color: #dd4c9e;text-align:center;line-height: 40px;}
aside > div {transform:scale(.7);transform-origin: center center;}

aside.view{bottom:0;}

.home figure{width:100%}
.home .categories{display:none}
/* .home .legend{ font-size:.8em} */
.home h4{font-size: 2em}

.home .disclaimer {
    font-size: 1.1em;
    margin-bottom: 15px;
}


.go_login{width:100%;}
.col{width:100%;/* height: 100%; */display: block;-webkit-overflow-scrolling: touch;/* overflow: auto; *//* padding: 0 3%; */max-width: inherit;}
.text_poll{width:100%;padding: 10px 0 0;}
.text_poll p{/* display:none; */}
.it_epoll_container{ width:100%;grid-template-columns:1fr 1fr}
.it_epoll_container .it_epoll_grid .it_epoll_survey-item{width:100%;}
.it_epoll_surveys.it_epoll_grid{grid-template-columns:1fr 1fr;grid-gap: 20px;}
.it_epoll_grid .it_epoll_survey-name{padding: 10px 10px 60px!important;}
.it_epoll_container .it_epoll_survey-country img{width:100%!important; margin:0!important;}
.it_epoll_grid .it_epoll_survey-country{margin:0!important;}
}

/*******  mobile landscape  *****/
@media screen and (max-width: 736px) and (orientation:landscape){html,body {-webkit-text-size-adjust:none;}}  


@media screen and (min-height: 500px) and (max-height: 850px) and (orientation:landscape){
.home .categories{display:none;}
}
@media screen and (min-width: 900px) and (max-width: 1290px) and (orientation:landscape){
main #content .number{opacity:.1}
main #content .inner{/* display:block; *//* overflow: auto; */padding: 20px 0 0 0;}
aside > div{ transform:scale(.6)}
}

@media screen and ( max-height: 732px ){
   header{
       position: relative;
   }
}

@media screen and (max-width: 414px){
    .home .legend h1 {
        font: 700 1.6em/0.8em 'Poppins';
        margin: 10px auto;
    }
    .home h2 {
        font-size: 1em;
        margin: 10px auto;
    }

    .vercatego {
        margin-top: 0 !important;
        margin-bottom: 15px;
    }
    .name {
        font-size: 1em;
    }
    .home .btn {
        font-size: .9em;
    }
    .banner_timer ul li span {
        font-size: 1.5em;
        
    }
    .banner_timer ul li {
        font-size: 1em;
    }

    ul li {
        padding-left: 1.3em;
        margin-bottom: 8px;
        font-size: 1.1em;
    }
    li:before {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        margin-top: 2px;
    }
    ul li:last-child{
        margin-bottom: 0px;
    }

    li.it_epoll_survey-item{
        font-size: initial;
        padding-left: initial;
        margin-bottom: initial;
    }
    li.it_epoll_survey-item::before {
        content: '';
        display: none;
    }
    .banner_timer ul li::before {
        content: '';
        display: none;
    }
    
}

@media
not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and (   min--moz-device-pixel-ratio: 2),
not screen and (     -o-min-device-pixel-ratio: 2/1),
not screen and (        min-device-pixel-ratio: 2),
not screen and (                min-resolution: 192dpi),
not screen and (                min-resolution: 2dppx) { 
	body{font-size: .7em}
  /* non-Retina-specific stuff here */

}
/*Estilos oscar*/
.encuesta li strong {
    font-weight: 700;
    color: #4D9EA0;
}