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

/*GENERALES*/
body { margin:0px; background-color:#FFFFFF; overflow-x: hidden !important}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span, button, strong { 
    font-family: 'Jost', sans-serif;
    font-family: 'Noto Serif JP', serif;
 }
 strong { font-weight: 600;}
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}




.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #FFF;
    z-index: 9999999;
}
#page-loader img { width: 80%; max-width: 250px; }


.loader-review { position: absolute; top: calc(50% + 60px); left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  width: 300px; font-family: Arial;  font-size: 13px;  text-align:center;}
.loading { background-color: #CCC; height: 5px;  overflow: hidden; position: relative; width: 160px; margin-top: 500px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.loading-bar { animation: sideToside 2s ease-in-out infinite; background-color: #777; height: 100%; position: absolute; width: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.center { left: 50%; margin: 0; position: absolute; top: 60%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
@keyframes sideToside {
    0%, 100% { transform: translateX(-50%); }
    50%      { transform: translateX(150%); }
}




header { width: 100%; height: 65px; position: fixed; top: 0; left: 0;  display: flex; align-items: center; justify-content: space-between; z-index: 100;  overflow: hidden;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s; }
header .logoTxt { height: 30px; margin-left: 30px;}
header .logoCir {
    height: 50px;
    opacity: 0;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%) ;
    -moz-transform: translate(-50%,-50%) ;
    -ms-transform: translate(-50%,-50%) ;
    -o-transform: translate(-50%,-50%) ;
}
header ul { margin-right: 20px; display: flex; align-items: center; background-color: #FFF; position: relative;}
header ul li { margin: 0px 10px; cursor: pointer; position: relative;}
header ul .storyBtn { position: absolute; right: 65px;}
header ul li p { color: #000; font-size: 20px; position: relative; font-weight: 300; font-family: 'Jost', sans-serif;}
header ul li p span { position: absolute; height: 1px; width: 0%; left: 0; bottom: -5px; background-color: #222;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
header ul li p:hover span { width: 100%;}
header ul .lupa { height: 40px; margin-left: 10px; background-image: url(../img/lupa.svg); width: 40px; background-size: cover; position: absolute; top: 0; right: 0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header ul .lupa:hover { opacity: 0.5;}
header ul .close { height: 40px; margin-left: 10px; background-image: url(../img/close.svg); width: 40px; background-size: cover; position: absolute; top: 0; right: 0px; display: none;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header ul .lupa:hover { opacity: 0.5;}
header ul li form { display: flex; align-items: center;}
header ul li form .blanco {border: none; border-bottom: 1px solid #222; box-sizing: border-box; padding: 2px 10px;display: flex; align-items: center; background-color: #FFF; width: 0px; opacity: 0; overflow: hidden; margin-right: 45px;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
header ul li form input.campo {  font-size: 18px; line-height: 24px; width: 220px; opacity: 1; font-weight: 300; border: none; font-family: 'Jost', sans-serif;}
header ul li form .blanco.seve { width: 260px; opacity: 1;}
header ul .lupa2 {  height: 50px; margin-left: 10px; background-image: url(../img/close.png); width: 50px; background-size: cover;  opacity: 0.5;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
header ul li form .btnSearch { border: none; width: 30px; height: 30px;background: transparent; background-image: url(../img/lupa.svg); background-size: cover; }




/* 

.search-form {}
.search-form span.screen-reader-text { display: none;}
.search-form .search-field { border: none;border-bottom: 1px solid #222; }
.search-form .search-submit { border: none; width: 30px; height: 30px;background: transparent; background-image: url(../img/lupa.svg); background-size: cover; } */









nav { width: 100%; height: auto; box-sizing: border-box; padding: 6px 20px; background-color: #e6e7e7; display: flex; align-items: center; justify-content: space-between; margin-top: 0px; display: none; position: fixed; top: 65px; left: 0; z-index: 100; overflow: hidden;}
nav a { margin-left: 0px; display: flex; align-items: center; color: #111; font-family: 'Jost', sans-serif;}
nav a img { height: 12px; margin-right: 5px;}
nav a p { color: #000; font-size: 20px; position: relative; font-weight: 300; font-family: 'Jost', sans-serif;}
nav a p span { position: absolute; height: 1px; width: 0%; left: 0; bottom: -5px; background-color: #222;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
nav a:hover p span { width: 100%;}
nav div {  cursor: pointer; position: relative; margin-right: 00px; }
nav div .lupa { height: 40px; margin-left: 10px; background-image: url(../img/lupa.svg); width: 40px; background-size: cover; position: absolute; top: 0; right: 0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
nav div .lupa:hover { opacity: 0.5;}
nav div .close { height: 40px; margin-left: 10px; background-image: url(../img/close.svg); width: 40px; background-size: cover; position: absolute; top: 0; right: 0px; display: none;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
nav div .lupa:hover { opacity: 0.5;}
nav div form { display: flex; align-items: center;}
nav div form .blanco {border: none; border-bottom: 1px solid #222; box-sizing: border-box; padding: 2px 10px;display: flex; align-items: center;  background-color: #e6e7e7; width: 0px; opacity: 0; overflow: hidden; margin-right: 45px;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
nav div form input.campo {  font-size: 18px; line-height: 24px; width: 220px; opacity: 1; font-weight: 300; border: none; font-family: 'Jost', sans-serif; background-color: #e6e7e7; }
nav div form .blanco.seve { width: 260px; opacity: 1;}
nav div .lupa2 {  height: 50px; margin-left: 10px; background-image: url(../img/close.png); width: 50px; background-size: cover;  opacity: 0.5;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
nav div form .btnSearch { border: none; width: 30px; height: 30px;background: transparent; background-image: url(../img/lupa.svg); background-size: cover; }




.white-back { background-color: #FFF;}

.fade-in { opacity: 1 !important;}

.scrollmagic-pin-spacer { margin-top: 0px !important;}


.scroll1 { width: 100%; position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; margin-top:0px !important; z-index: 1;  }
.scroll1 .logo { height: 78vh;  z-index: 1;}
.scroll1 .txt { position: absolute; height: 40vh; z-index: 3;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}



.scroll1Mob { width: 100%; height: 90vh; background-image: url(../img/logoSq.jpg); background-size: cover; background-position: center center; position: relative; display: none;}



.textoBlanco { width: 100%; text-align: center; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 2;}
.textoBlanco img {height: 48vh;    z-index: 3;    margin-top:40px;}


.scroll2a { z-index: 10; position: relative; height: 47vh; text-align: center; display: flex; align-items: center; justify-content: center; padding-bottom: 0px; }

.scroll2 { z-index: 10; position: relative; height: 100vh; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0; }
.scroll2 p { font-size: 16px; line-height: 30px;width: 100%;}



.scroll3 { z-index: 10; position: relative; background-color: #FFF; height: auto; text-align: center; display: flex; align-items: center; justify-content: center;padding-top: 5vh;    padding-bottom: 4vh;flex-direction: column;}
.scroll3 p { font-size: 16px; line-height: 30px;}
.scroll3 .p2 { position: relative;margin-bottom: 110px;}
.scroll3 .p2 p {  font-size: 18px; line-height: 26px;  position: relative;margin-bottom: 0px;    font-family: 'Jost', sans-serif; font-weight: 300;}
.scroll3 .p2 span {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 50%;
    bottom: -4px;
    background-color: #222;
    transform: translateX(-50%) ;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -webkit-transform: translateX(-50%) ;
    -moz-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    -o-transform: translateX(-50%) ;
}
.scroll3 .p2:hover span { width: 40%;}
.scroll3 .p3 p {  font-size: 18px; line-height: 26px;    font-family: 'Jost', sans-serif; font-weight: 300;}


.btnReadmore { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 14px; line-height: 26px; color: #000; margin-top: 40px; display: inline-block; position: relative;}
.btnReadmore span { position: absolute; width: 0%; height: 1px; bottom: 0px; left: 0px; background-color: #000;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.btnReadmore:hover span { width: 100%;} 


section { width: 90%; max-width: 1000px; margin: auto; padding: 160px 0px;}
section h1 { font-weight: bold; font-size: 26px; line-height: 36px; position: relative; }
section h2 { font-weight: bold; font-size: 24px; line-height: 34px; position: relative; }
section h3 { font-weight: bold; font-size: 22px; line-height: 32px; position: relative; }
section h4 { font-weight: bold; font-size: 20px; line-height: 30px; position: relative; }
section h5 { font-weight: bold; font-size: 18px; line-height: 28px; position: relative; }
section h6 { font-weight: bold; font-size: 16px; line-height: 26px; position: relative; }
/* section p {font-size: 16px; line-height: 28px; margin-bottom: 20px;} */
section p {font-size: 14px; line-height: 28px; margin-bottom: 20px;}

section .centro { text-align: center !important; margin-bottom: 30px;}
section .izq { text-align: left !important; margin-bottom: 30px;}
section .der { text-align: right !important; margin-bottom: 30px;}

section video { width: 100%; text-align: center;  height: auto;}
section .wp-video { width: 100% !important; text-align: center; margin: 20px auto; height: auto;}



section.interno {  padding: 80px 0px;margin-bottom: 100px;}
section.interno .numeracion { position: absolute; bottom: 0px; left: 50%;  font-weight: bold; font-style: italic; font-size: 15px;color: #000 !important;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.template3.interno .pic {    top: 128px;}


.template1 {  display: flex; align-items: center; justify-content: space-between; position: relative;  }
.template1 .txt { width: 52%; text-align: center;}
/* .template1 .txt h2 {  margin-bottom: 20px;} */
/* .template1 h2.centro { text-align: center;}
.template1 h2.izq { text-align: left;}
.template1 h2.der { text-align: right;} */
.template1 .pic { width: 44%;}


.template2 {position: relative; text-align: center; }
/* .template2 h2 { position: relative; } */
/* .template2 h2.centro { text-align: center;}
.template2 h2.izq { text-align: left;}
.template2 h2.der { text-align: right;} */
.template2 p { text-align: center;}
.template2 .pic {  max-width: 90%; text-align: center; margin: auto;  display: block;}


.template3 { position: relative;   min-height: 570px; text-align: center;}
.template3 h1, .template3 h2, .template3 h3, .template3 h4, .template3 h5, .template3 h6  {  margin-bottom: 110px;}
/* .template3 h2.centro { text-align: center;}
.template3 h2.izq { text-align: left;}
.template3 h2.der { text-align: right;} */
.template3 p { text-align: center; font-weight: 500;}
.template3 .pic { width: 70%; height: 500px; background-color: #CCC; position: absolute;  top: 205px; z-index: -1; background-size: cover; background-position: center center;
    left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.template3 .picMob {  max-width: 90%; text-align: center; margin: auto; display: block; margin-bottom: 60px; display: none;}




.template4 { position: relative;display: flex;    flex-direction: column; }
/* .template4 h2 {  margin-bottom: 40px; } */
/* .template4 h2.centro { text-align: center;}
.template4 h2.izq { text-align: left;}
.template4 h2.der { text-align: right;} */
.template4 .pic {  max-width: 90%; margin: auto; display: block; margin-bottom: 60px;}
.template4 p { text-align: center;}
.template4 .contBtn { margin: auto; display: table;}
.template4 img { text-align: center !important; margin: auto; max-width: 100%; height: auto;}



.template5 { width: 100%; height: auto; text-align: center; position: relative; }
.template5.noAdmin {  padding-top: 0px;}
.template5 .back {background-size: cover; background-position: top center;position: relative; box-sizing: border-box; padding: 170px 90px;}
.template5 h1, .template5 h2, .template5 h3, .template5 h4, .template5 h5, .template5 h6 {  margin-bottom: 60px; color: #FFF; }
/* .template5 h2.centro { text-align: center;}
.template5 h2.izq { text-align: left;}
.template5 h2.der { text-align: right;} */
.template5 p { color: #FFF;}
.template5 .contBtn a { color: #FFF;}
.template5 .contBtn a span { background-color: #FFF;}
.template5 .pic {  max-width: 100%; text-align: center; margin: auto; display: block; margin-bottom: 70px; display: none;}


.template5home { width: 100%; height: auto; text-align: center; position: relative;  padding-top: 0px;}
.template5home .back {background-size: cover; background-position: top center;position: relative; box-sizing: border-box; padding: 170px 90px;}
.template5home h1, .template5home h2, .template5home h3, .template5home h4, .template5home h5, .template5home h6 {  margin-bottom: 60px; color: #FFF; }
.template5home p { color: #FFF;}
.template5home .contBtn a { color: #FFF;}
.template5home .contBtn a span { background-color: #FFF;}
.template5home .pic {  max-width: 100%; text-align: center; margin: auto; display: block; margin-bottom: 70px; display: none;}



footer { background-color: #000; width: 100%; height: auto; text-align: center; padding: 70px 0px; display: flex; align-items: center;  justify-content: center; flex-direction: column; margin-top: -10px;}
footer .logoUnique { height: 30px; margin-bottom: 26px;}
footer a {font-family: 'Jost', sans-serif; color: #FFF; font-weight: 200; letter-spacing: 2px; font-size: 15px; line-height: 25px;}
footer p {font-family: 'Jost', sans-serif; color: #FFF; font-weight: 200; letter-spacing: 2px; font-size: 15px; line-height: 25px; padding: 0px 20px;}
footer ul { display: flex; align-items: center; flex-direction: column; margin-bottom: 40px; margin-top: 6px;}
footer ul li { color: #FFF; font-size: 14px; line-height: 24px; margin: 4px 0px;}
footer .redes { margin-bottom: 34px;}
footer .redes img { height: 19px; margin: 0px 15px;}
footer form { border: 1px solid #FFF; width: 90%; height: auto; box-sizing: border-box; max-width: 400px; display: flex; align-items: center; justify-content: space-between; padding: 8px; margin-top: 6px;}
footer form .campo { background-color: #000; border: none; border-bottom: 1px solid #000; flex: 1; color: #CCC;}
footer form .sendBtn { color: #FFF;background-color: #000; border: none; color: #CCC;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s; }
footer form .sendBtn:hover { color: #FFF;}


.cierre {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%) ;
    -webkit-transform: translateX(-50%) ;
    -moz-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    -o-transform: translateX(-50%) ;
}



.btnDown { cursor: pointer;}



.arrows { width: 90%; max-width: 900px; margin: 0px auto; margin-top: 130px; display: flex; align-items: center; justify-content: space-between;}
.arrows a { display: flex; align-items: center; cursor: pointer; opacity: 0.7;  padding: 10px; color: #111;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.arrows a img { height: 12px;margin: 0px 5px;}
.arrows a p { font-weight: bold; font-size: 14px; font-style: italic;}
.arrows a:hover { opacity: 1; margin: 0px 6px;}



.templateInterno1 { width: 90%; margin: auto; padding: 80px 0px;}
.templateInterno1 h2 { margin-bottom: 30px; position: relative;}
.templateInterno1 h2.centro { text-align: center;}
.templateInterno1 h2.izq { text-align: left;}
.templateInterno1 h2.der { text-align: right;}
.templateInterno1 img {  margin: 30px auto; display: block; text-align: center; max-width: 100%; height: auto;}
.templateInterno1 .numeracion {  font-weight: bold; font-style: italic; text-align: center; margin-top: 60px; color: #000 !important;}





.storytellers { width: 80%; margin: auto; margin-top: 155px; margin-bottom: 20px; text-align: center; position: relative;}
.storytellers h1 {font-family: 'Jost', sans-serif; font-size: 24px; font-weight: 300; line-height: 34px; text-transform: uppercase; position: relative; display: inline-block;}
.storytellers h1 span { position: absolute; width: 120%; min-width: 300px; height: 1px; background-color: #222; bottom: -3px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.storytellers h2 { font-size: 23px; font-weight: 500; line-height: 33px; margin-top: 50px;}
.storytellers h5 {font-family: 'Jost', sans-serif; font-size: 24px; font-weight: 300; line-height: 34px;}
.storytellers p { font-size: 14px; line-height: 28px; margin: 60px auto; max-width: 700px; margin-top: 30px;}
.storytellers ul { margin-bottom: 120px;}
.storytellers ul li { display: flex; flex-direction: column; margin-bottom: 12px; align-items: center;}
.storytellers ul li a { color: #222; margin-bottom: 0px; display: inline-block; padding: 6px 4px; position: relative;  }
.storytellers ul li h2 { font-weight: 800; color: #222; font-size: 18px; line-height: 28px; margin-bottom: 5px; margin-top: 0px;}
.storytellers ul li ul { margin-top: 0px; font-size: 14px; line-height: 22px;}
.storytellers ul li ul li { margin-bottom: 0px;}
.storytellers ul li a span.sp1 { position: absolute; width: 0%; height: 1px; background-color: #444; left: 0; bottom: 8px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.storytellers ul li a span.sp2 { position: absolute; width: 0%; height: 1px; background-color: #444; left: 0; bottom: 0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.storytellers ul li a:hover span { width: 100%;} 



.storytellers .arrows { width: 90%; max-width: 900px; margin: 0px auto; margin-top: 0px; display: flex; align-items: center; justify-content: space-between; position: absolute;}
.storytellers .arrows a { display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.7;  padding: 3px; color: #111;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.storytellers .arrows a img { height: 12px;margin: 0px 5px;}
.storytellers .arrows a p { font-weight: bold; font-size: 14px; font-style: italic; padding: 0; margin: 0;}
.storytellers .arrows a:hover { opacity: 1; margin: 0px 6px;}




.resultsSearch { width: 90%; margin: 0px auto; margin-top: 160px; margin-bottom: 90px; text-align: center; max-width: 1200px; min-height: 60vh; }
.resultsSearch .page-title {font-weight: 800;    color: #222;    font-size: 18px;    line-height: 28px; margin-bottom: 30px;}
.resultsSearch .entry-title { position: relative; display: inline-block;  margin-bottom: 2px;}
.resultsSearch .entry-title a {    color: #222;    margin-bottom: 0px;    display: inline-block;    padding: 6px 4px;    position: relative; font-size: 14px; line-height: 22px; }
.resultsSearch .entry-title span { position: absolute; width: 0%; height: 1px; background-color: #444; left: 0; bottom: 3px;}
.resultsSearch .entry-title:hover span {width: 100%;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }





#mc_embed_signup{background:#000}
#mc_embed_signup form {    width: 100%; padding: 8px 5px;}
#mc_embed_signup input.email {    background: transparent;    border: none; font-family: 'Noto Serif JP', serif; color:#FFF}
#mc_embed_signup .button {    margin-right: 8px;    background-color: #000;    color: #FFF;     font-size: 15px; width: 60px !important;}













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

}


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

}


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

}


@media screen and (max-width: 960px) {
    header {        justify-content: center;  background-color: #FFF;   }
    header .logoCir {        position: absolute;        z-index: -1; width: 54px;  height: auto;   }
    header ul {  display: none;}
   
    header .logoTxt {        margin-left: 0%;    }

    nav { display: flex;}

    .arrows {        margin-top: 150px;    }

    .scroll1 { display: none}
    .textoBlanco { display: none}

    .scroll1Mob { display: flex; margin-top: 112px; align-items: center; justify-content: center;height: 84vh; }
    .scroll1Mob img { width: 90vw; height: auto;}

    /* .scroll1 { background-image: url(../img/logoSq.jpg); background-size: cover;}
    .scroll1 .logo {  display: none;} 
    .textoBlanco img {        height: auto;        margin-top: 0px;          width: 98vw;        max-width: 750px;  }*/

    .scroll2 {        height: 88vh;   padding: 0px;  }
    .scroll3 {        height: auto;  margin: 20px auto;        margin-bottom: 80px;  padding: 0px; }

    .storytellers {        margin-top: 160px;    }

    .storytellers {        width: 90%;}
    .storytellers .arrows { display: none;    }

    .searchStory { justify-content: center;    display: flex;    align-items: center;    width: 100%;}
    .searchStory .blanco {    margin-right: 24px;}
    .searchStory form {    position: relative;}
    .searchStory .close {    right: -20px;}

    .storytellers h1 {         }
    .storytellers h1 span { width: 100%; min-width: 240px;    }

    .scroll2a {        display: none;    }

}


@media screen and (max-width: 720px) {
    header {        }
    header .logoTxt {        height: 30px;    }
    header .logoCir {        width: 50px;        height: auto;    }

    header ul .lupa {        background-size: 40px;        background-repeat: no-repeat;        background-position: center center;    }

    section {        width: 82%;        padding: 140px 0px;    }

    .scroll1 .logo {        height: auto;        width: 94vw;    }
    .textoBlanco img {        width: 80vw;    }

    .template1 .txt h4 {        margin-bottom: 30px;    }

    .template1 {        flex-direction: column-reverse;    }
    .template1 .txt {        width: 100%; margin: 100px 0px;  margin-bottom: 0px;  }
    .template1 .pic {        width: 100%;    }

    .template2 h4 {        text-align: center;    }
    .template2 .pic {        max-width: 100%; width: 100%;    }

    .template3 h4 {        margin-bottom: 30px;        text-align: center;    }
    .template3 .pic { display: none; }
    .template3 .picMob {  display: block; max-width: 100%; width: 100%;  }

    .template4 .pic {max-width: 100%; order: 1;    }
    .template4 .numOrder { order:2    }
    .template4 h4 { text-align: center !important;} 

    .template5 {  width: 82%;}
    .template5 .back { background-image: none !important; padding: 0px;}
    .template5 h4 {        margin-bottom: 30px;        color: #000 ;    }
    .template5 p {    color: #000;    }
    .template5 .contBtn a {        color: #000;    }
    .template5 .contBtn a span {        background-color: #000;    }
    .template5 .pic {   display: block;}

    .btnReadmore {        margin-top: 70px;    }

    .template3 .picMob {        margin-bottom: 90px;    }
    .template4 .pic {  margin-bottom: 90px;    }
    .template5 .pic { margin-bottom: 90px;    }

    .storytellers .arrows {   width: 100%;     }
    .storytellers {        width: 95%;    }
    .storytellers h1 {     text-align: center;    }

    .template5home .back {        padding: 100px 50px;    }

}


@media screen and (max-width: 580px) {
 
    header ul li p {        font-size: 18px;    }

    .textoBlanco img {        margin-top: 65px;}

    .scroll3 {        margin-bottom: 20px;    }

    section {        width: 100%;        padding: 110px 0px;      padding-top: 120px;    }

    .template1 .txt {        width: 84%;    }
    .template2 h2 { width: 84%;    margin: auto;  margin-bottom: 30px;}
    .template2 p {width: 84%;    margin: auto; }
    .template3 h4 { width: 84%;    margin: auto;  margin-bottom: 30px;}
    .template3 p {width: 84%;    margin: auto; }
    .template4 h4 { width: 84%;    margin: auto;  margin-bottom: 30px;}
    .template4 p {width: 84%;    margin: auto; }
    .template5 {        width: 100%;    }
    .template5 h4 { width: 84%;    margin: auto;  margin-bottom: 30px;}
    .template5 p {width: 84%;    margin: auto; }
    .templateInterno1 {        width: 100%;    }
    .templateInterno1 h2 { width: 84%;    margin: auto;  margin-bottom: 30px;}
    .templateInterno1 p {width: 84%;    margin: auto; }

    footer form {        width: 300px;    }
    footer form .campo {        width: 230px;    }

    section.interno { padding-top: 45px;    }

    nav div form .blanco {        padding: 2px 0px;}    
    
    .storytellers h1 {        font-size: 22px;        line-height: 32px;   }
    .storytellers h1 span {      }
    .storytellers h5 {        font-size: 22px;    }
    .storytellers .arrows a img {        height: 10px;    }

    .template5home .back {        padding: 100px 30px;    }

}

@media screen and (max-width: 520px) {
    nav {        padding: 6px 10px;    }
    nav a p {        font-size: 17px;    }
    nav div form .blanco.seve {        width: 186px;    }
    nav div form input.campo {        width: 150px;    }

    .storytellers ul li h2 {        font-size: 19px;        line-height: 25px;    }

}


@media screen and (max-width: 440px) {
    
}