.full main{position:absolute; height:100%; width:100%;}
.full .content{width:100%;height:100%;position: relative;}
#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;}



.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;}



.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,.7) 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 'Poppins';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 .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 .center{ text-align: center;}
.historia section{height:100%;position:absolute;width: 100%; background:#000; color:#fff;}
.historia section h1{font: bold 2em 'Poppins';margin-bottom: 20px;}
.historia section h2{font: bold 2em 'Poppins';color: #fff;margin: 5px 0 20px;}
.historia section h3{font: bold 1.7em 'Poppins';margin-bottom: 20px;color: #fff;margin: 5px 0 20px;}
.historia section h4{font: bold 1.5em 'Poppins';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 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 'Poppins';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;text-decoration: none;color: #fff;}
.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 'Poppins';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: var(--secondary);}
.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:pan1safari;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;}

.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%;}



@media only screen and (max-width: 799px) {


.btns_opts{left:initial; right:0; top:100px;display:none;}

#history{overflow:hidden;}
.historia{height:100%;top:0;font-size: 1em;line-height: 1.7em;}
.historia .owl-nav{ display:none;}
.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}
}