*
{ padding: 0; margin: 0; }
*, *:before, *:after
{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* clearfix --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .x { height: 1%; }
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/
body
{ background: #fff; font-family: "Asap", sans-serif; font-size: 18px; font-style: normal; font-style: normal; line-height: 33px; color: #000; font-weight: normal; display: flex; flex-direction: column; min-height: 100vh; max-width: 100vw; /*-webkit-text-stroke: .5px rgba(0,0,0,.5);*/ }
a,button,input[type=submit],path,polygon,a:before,a:after,button:before,button:after,rect,a svg
{ outline: none !important; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
b, strong
{ font-weight: bold; }
h1,h2,h3,h4,h5,h6
{ margin: 0; padding: 0; font-weight: normal; font-family: "Varela Round", sans-serif; }
input,textarea,select
{ outline: none !important; }
.inner
{ max-width: 1330px; margin: 0 auto; padding: 0 25px; position: relative; }
.button
{ height: 40px; display: inline-block; text-align: center; border: 2px solid #00adef; line-height: 36px; color: #00adef; font-size: 14px; padding: 0 23px; }
.button:hover
{ color: #fff; background: #00adef; }
.button.blue
{ background: #00adef; color: #fff; }
.button.blue:hover
{ background: #fff; color: #00adef; }
/* ------------------------- */
#header
{}
#header .inner
{ display: flex; justify-content: space-between; height: 194px; max-width: none; }
#header .inner .logo
{ display: block; width: 80px; height: 120px; position: absolute; left: 25px; top: 30px; }
#header .inner .logo svg
{ width: 100%; height: auto; }
#header .inner .home
{ display: block; font-size: 31px; line-height: 35px; margin: 59px auto 0; max-width: 250px; text-align: center; color: #000; font-family: "Varela Round", sans-serif; }
#header .inner .pull
{ display: block; position: absolute; top: 59px; right: 25px; width: 42px; height: 32px; }
#header .inner .srch
{ display: block; position: absolute; top: 59px; right: 200px; width: 37px; height: 32px; }
#header .inner .lang
{ display: block; position: absolute; top: 59px; right: 87px; }
#header .inner .current-lang
{ cursor: pointer; width: 95px; height: 34px; border: 2px solid #00adef; display: block; line-height: 30px; font-size: 18px; color: #00adef; text-align: center; text-transform: uppercase; position: relative; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2058%2058%22%20style%3D%22enable-background%3Anew%200%200%2058%2058%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%2300adef%22%20d%3D%22M50.688%2C48.222C55.232%2C43.101%2C58%2C36.369%2C58%2C29c0-7.667-2.996-14.643-7.872-19.834c0%2C0%2C0-0.001%2C0-0.001%0D%0A%09c-0.004-0.006-0.01-0.008-0.013-0.013c-5.079-5.399-12.195-8.855-20.11-9.126l-0.001-0.001L29.439%2C0.01C29.293%2C0.005%2C29.147%2C0%2C29%2C0%0D%0A%09s-0.293%2C0.005-0.439%2C0.01l-0.563%2C0.015l-0.001%2C0.001c-7.915%2C0.271-15.031%2C3.727-20.11%2C9.126c-0.004%2C0.005-0.01%2C0.007-0.013%2C0.013%0D%0A%09c0%2C0%2C0%2C0.001-0.001%2C0.002C2.996%2C14.357%2C0%2C21.333%2C0%2C29c0%2C7.369%2C2.768%2C14.101%2C7.312%2C19.222c0.006%2C0.009%2C0.006%2C0.019%2C0.013%2C0.028%0D%0A%09c0.018%2C0.025%2C0.044%2C0.037%2C0.063%2C0.06c5.106%2C5.708%2C12.432%2C9.385%2C20.608%2C9.665l0.001%2C0.001l0.563%2C0.015C28.707%2C57.995%2C28.853%2C58%2C29%2C58%0D%0A%09s0.293-0.005%2C0.439-0.01l0.563-0.015l0.001-0.001c8.185-0.281%2C15.519-3.965%2C20.625-9.685c0.013-0.017%2C0.034-0.022%2C0.046-0.04%0D%0A%09C50.682%2C48.241%2C50.682%2C48.231%2C50.688%2C48.222z%20M2.025%2C30h12.003c0.113%2C4.239%2C0.941%2C8.358%2C2.415%2C12.217%0D%0A%09c-2.844%2C1.029-5.563%2C2.409-8.111%2C4.131C4.585%2C41.891%2C2.253%2C36.21%2C2.025%2C30z%20M8.878%2C11.023c2.488%2C1.618%2C5.137%2C2.914%2C7.9%2C3.882%0D%0A%09C15.086%2C19.012%2C14.15%2C23.44%2C14.028%2C28H2.025C2.264%2C21.493%2C4.812%2C15.568%2C8.878%2C11.023z%20M55.975%2C28H43.972%0D%0A%09c-0.122-4.56-1.058-8.988-2.75-13.095c2.763-0.968%2C5.412-2.264%2C7.9-3.882C53.188%2C15.568%2C55.736%2C21.493%2C55.975%2C28z%20M28%2C14.963%0D%0A%09c-2.891-0.082-5.729-0.513-8.471-1.283C21.556%2C9.522%2C24.418%2C5.769%2C28%2C2.644V14.963z%20M28%2C16.963V28H16.028%0D%0A%09c0.123-4.348%2C1.035-8.565%2C2.666-12.475C21.7%2C16.396%2C24.821%2C16.878%2C28%2C16.963z%20M30%2C16.963c3.179-0.085%2C6.3-0.566%2C9.307-1.438%0D%0A%09c1.631%2C3.91%2C2.543%2C8.127%2C2.666%2C12.475H30V16.963z%20M30%2C14.963V2.644c3.582%2C3.125%2C6.444%2C6.878%2C8.471%2C11.036%0D%0A%09C35.729%2C14.45%2C32.891%2C14.881%2C30%2C14.963z%20M40.409%2C13.072c-1.921-4.025-4.587-7.692-7.888-10.835%0D%0A%09c5.856%2C0.766%2C11.125%2C3.414%2C15.183%2C7.318C45.4%2C11.017%2C42.956%2C12.193%2C40.409%2C13.072z%20M17.591%2C13.072%0D%0A%09c-2.547-0.879-4.991-2.055-7.294-3.517c4.057-3.904%2C9.327-6.552%2C15.183-7.318C22.178%2C5.38%2C19.512%2C9.047%2C17.591%2C13.072z%20M16.028%2C30%0D%0A%09H28v10.038c-3.307%2C0.088-6.547%2C0.604-9.661%2C1.541C16.932%2C37.924%2C16.141%2C34.019%2C16.028%2C30z%20M28%2C42.038v13.318%0D%0A%09c-3.834-3.345-6.84-7.409-8.884-11.917C21.983%2C42.594%2C24.961%2C42.124%2C28%2C42.038z%20M30%2C55.356V42.038%0D%0A%09c3.039%2C0.085%2C6.017%2C0.556%2C8.884%2C1.4C36.84%2C47.947%2C33.834%2C52.011%2C30%2C55.356z%20M30%2C40.038V30h11.972%0D%0A%09c-0.113%2C4.019-0.904%2C7.924-2.312%2C11.58C36.547%2C40.642%2C33.307%2C40.126%2C30%2C40.038z%20M43.972%2C30h12.003%0D%0A%09c-0.228%2C6.21-2.559%2C11.891-6.307%2C16.348c-2.548-1.722-5.267-3.102-8.111-4.131C43.032%2C38.358%2C43.859%2C34.239%2C43.972%2C30z%0D%0A%09%20M9.691%2C47.846c2.366-1.572%2C4.885-2.836%2C7.517-3.781c1.945%2C4.36%2C4.737%2C8.333%2C8.271%2C11.698C19.328%2C54.958%2C13.823%2C52.078%2C9.691%2C47.846%0D%0A%09z%20M32.521%2C55.763c3.534-3.364%2C6.326-7.337%2C8.271-11.698c2.632%2C0.945%2C5.15%2C2.209%2C7.517%2C3.781%0D%0A%09C44.177%2C52.078%2C38.672%2C54.958%2C32.521%2C55.763z%22%2F%3E%3C%2Fsvg%3E%0D%0A') no-repeat 6px center; background-size: 20px; }
#header .inner .current-lang:after
{ content: ''; display: block; width: 16px; height: 30px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%0D%0A%20%20%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat center center; background-size: 12px; position: absolute; right: 6px; top: 0; }
#header .inner .other-langs
{ position: absolute; top: 100%; left: 0; right: 0; border-left: 2px solid #00adef; border-right: 2px solid #00adef; display: none; }
#header .inner .other-langs a
{ display: block; width: 100%; height: 32px; border-bottom: 2px solid #00adef; text-transform: uppercase; color: #00adef; font-size: 18px; line-height: 30px; text-align: center; position: relative; }
#header .inner .other-langs a:before
{ content: ''; display: block; position: absolute; width: 18px; height: 18px; border: 1px solid #cceffc; top: 6px; left: 6px; background: #fff; }
#header .inner .other-langs a:hover
{ background: #cceffc; }
#menu
{ position: fixed; z-index: 200; top: 0; right: -250px; bottom: 0; height: 100vh; width: 250px; background: #00adef; padding: 210px 70px 25px 40px; transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#menu.open
{ transform: translateX(-220px); }
#menu .close
{ position: absolute; top: 59px; right: 55px; }
#menu nav
{ }
#menu nav ul
{ list-style: none; }
#menu nav ul li
{ font-size: 13px; line-height: 16px; margin: 0 0 27px 0; }
#menu nav ul li a
{ color: #fff; text-transform: uppercase; }
#menu nav ul li a:hover
{ text-decoration: underline; }
.post.head
{ position: relative; z-index: 10; }
.post.head .inner
{ display: flex; justify-content: space-between; }
.post.head .inner .main
{ max-width: 852px; padding: 46px 58px 54px; margin: 0 auto 0 160px; }
.post.head .inner .main h1
{ font-size: 50px; line-height: 60px; margin: 0 0 33px 0; }
.post.head .inner .main .subtitle
{ font-size: 24px; line-height: 36px; font-style: italic; margin: -10px 0 33px; max-width: 700px; }
.post.head .inner .aside
{ width: 247px; display: flex; flex-direction: column; justify-content: space-between; padding: 78px 0 54px; }
.post.head .inner .aside .download
{ border-top: 1px solid #cceffc; padding: 39px 0 20px 0; position: relative; margin: 0 0 32px 0; }
.post.head .inner .aside .download a.down
{ display: flex; font-size: 21px; line-height: 27px; background: transparent; padding: 0 53px 0 0; color: #00adef; min-height: 43px; position: relative; align-items: center; }
.post.head .inner .aside .download a.down:before
{ content: ''; position: absolute; right: 0; top: calc(50% - 22px); display: block; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_438%22%20data-name%3D%22Group%20438%22%20transform%3D%22translate%28-1209%20-1815%29%22%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Ellipse_253%22%20data-name%3D%22Ellipse%20253%22%20transform%3D%22translate%281209%201815%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%3E%0D%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2221.5%22%20r%3D%2221.5%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2221.5%22%20r%3D%2220.5%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat right center; background-size: 43px; width: 43px; height: 43px; }
.post.head .inner .aside .download a.down:after
{ content: ''; position: absolute; right: 0; top: calc(50% - 22px); display: block; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_438%22%20data-name%3D%22Group%20438%22%20transform%3D%22translate%28-1209%20-1815%29%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_10%22%20data-name%3D%22Path%2010%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506H0V9.039H12.052L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%281239%201829%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat right center; background-size: 43px; width: 43px; height: 43px; transition: all .3s; }
.post.head .inner .aside .download a.down:hover:after
{ transform: translateY(3px); }
.post.head .inner .aside .download a.down.load:before
{ content: ''; position: absolute; right: 0; top: calc(50% - 22px); display: block; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.532%22%20height%3D%2229.016%22%20viewBox%3D%220%200%2032.532%2029.016%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1204%22%20data-name%3D%22Group%201204%22%20transform%3D%22translate%28-1292%20-313.484%29%22%3E%0D%0A%0D%0A%20%20%20%20%3Cg%20id%3D%22Group_1203%22%20data-name%3D%22Group%201203%22%20transform%3D%22translate%287.5%20-656%29%22%3E%0D%0A%20%20%20%20%20%20%3Cline%20id%3D%22Line_72%22%20data-name%3D%22Line%2072%22%20x2%3D%2232.532%22%20transform%3D%22translate%281284.5%20997.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cline%20id%3D%22Line_73%22%20data-name%3D%22Line%2073%22%20y1%3D%228%22%20transform%3D%22translate%281316.032%20990.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cline%20id%3D%22Line_74%22%20data-name%3D%22Line%2074%22%20y1%3D%228%22%20transform%3D%22translate%281285.5%20990.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat right center; background-size: 29px; width: 29px; height: 43px; }
.post.head .inner .aside .download a.down.load:after
{ content: ''; position: absolute; right: 0; top: calc(50% - 22px); display: block; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.532%22%20height%3D%2229.016%22%20viewBox%3D%220%200%2032.532%2029.016%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1204%22%20data-name%3D%22Group%201204%22%20transform%3D%22translate%28-1292%20-313.484%29%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_10%22%20data-name%3D%22Path%2010%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506H0V9.039H12.052L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%281316%20313.484%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%20%20%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat right center; background-size: 29px; width: 29px; height: 43px; transition: all .3s; }
.post.head .inner .aside .download a.down.load + span
{ display: block; border: 2px solid #00adef; font-size: 16px; line-height: 48px; height: 52px; color: #00adef; padding: 0 20px; cursor: pointer; margin: 15px 0 0 0; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%0D%0A%20%20%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat right 20px center; background-size: 16px; }
.post.head .inner .aside .download .drop
{ /*position: absolute; top: 100%; left: 0; right: 0; */ background: #fff; /*border: 2px solid #00adef; opacity: 0; pointer-events: none; transition: all .5s; transform: translateY(-50px); z-index: 1;*/ border: 2px solid #00adef; border-top: 0; border-bottom: 0; display: none; }
.post.head .inner .aside .download .drop.dropped
{ opacity: 1; pointer-events: all; transform: translateY(0); }
.post.head .inner .aside .download .drop ul
{ list-style: none; padding: 0; }
.post.head .inner .aside .download .drop ul li
{ }
.post.head .inner .aside .download .drop ul li a
{ font-size: 16px; line-height: 48px; color: #00adef; text-decoration: none; display: block; border-bottom: 2px solid #00adef; padding: 0 20px; }
.post.head .inner .aside .download .drop ul li a:hover
{ background: #cceffc; }
.post.head .inner .aside .authors
{ font-size: 16px; line-height: 21px; }
.post.head .inner .aside .authors svg
{ position: relative; top: 2px; }
.post.head .inner .aside .authors a
{ color: #00adef; text-decoration: underline; }
.post.head .inner .aside .authors a span
{ color: #000; }
.breadcrumbs
{ border-bottom: 1px solid #cceffc; list-style: none; display: flex; padding: 0 0 12px 0; margin: 0 0 36px 0; }
.breadcrumbs li
{ color: #00adef; position: relative; margin: 0 16px 0 0; font-size: 16px; line-height: 20px; }
.breadcrumbs li:before
{ content: '\00B7'; display: block; position: absolute; top: 0; left: -13px; font-size: 36px; }
.breadcrumbs li:first-child:before
{ display: none; }
.breadcrumbs li a
{ color: #00adef; text-decoration: underline; font-weight: bold; /*text-transform: uppercase;*/ }
.meta
{ list-style: none; display: flex; margin: 0 0 27px 0; }
.meta li
{ color: #00adef; position: relative; margin: 0 16px 0 0; font-size: 16px; line-height: 20px; font-style: italic; }
.meta li:before
{ content: '\00B7'; display: block; position: absolute; top: 0; left: -13px; font-size: 36px; }
.meta li:first-child:before
{ display: none; }
.authors
{ font-size: 16px; line-height: 20px; color: #00adef; margin: 0 0 6px 0; }
.authors a
{ font-size: 16px; line-height: 20px; color: #00adef; text-decoration: underline; }
h3.qr
{ text-transform: uppercase; color: #00adef; font-weight: normal; font-size: 16px; line-height: 26px; border-bottom: 1px solid #cceffc; font-family: 'Asap', sans-serif; margin: 0 0 20px 0; padding: 0 0 5px; }
.quick-read
{ list-style: none; }
.quick-read li
{ position: relative; font-size: 17px; line-height: 30px; font-style: italic; padding: 0 0 0 23px; }
.quick-read li:before
{ content: ''; position: absolute; display: block; width: 14px; height: 30px; top: 0; left: 0; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2213.5%22%20height%3D%2211.334%22%20viewBox%3D%220%200%2013.5%2011.334%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0D%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Path_235%22%20data-name%3D%22Path%20235%22%20d%3D%22M0%2C6.06H13.5V-5.274H0Z%22%20transform%3D%22translate%280%205.274%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%20%20%3C%2FclipPath%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1081%22%20data-name%3D%22Group%201081%22%20transform%3D%22translate%280%205.274%29%22%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Group_1080%22%20data-name%3D%22Group%201080%22%20transform%3D%22translate%280%20-5.274%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%0D%0A%20%20%20%20%20%20%3Cg%20id%3D%22Group_1079%22%20data-name%3D%22Group%201079%22%20transform%3D%22translate%280%200%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Path_234%22%20data-name%3D%22Path%20234%22%20d%3D%22M6.68%2C3.754A1.376%2C1.376%2C0%2C0%2C0%2C7.686%2C2.4%2C1.376%2C1.376%2C0%2C0%2C0%2C6.68%2C1.046L-3.764-3.112a2.016%2C2.016%2C0%2C0%2C0-.7-.155%2C1.255%2C1.255%2C0%2C0%2C0-.976.415%2C1.46%2C1.46%2C0%2C0%2C0-.378%2C1.016V6.636a1.464%2C1.464%2C0%2C0%2C0%2C.378%2C1.016%2C1.262%2C1.262%2C0%2C0%2C0%2C.976.415%2C2.016%2C2.016%2C0%2C0%2C0%2C.7-.155ZM-4.441-1.758%2C5.984%2C2.4-4.441%2C6.558Z%22%20transform%3D%22translate%285.814%203.267%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; background-size: 100%; }
.post.content .inner
{ display: flex; justify-content: space-between; }
.post.content .inner .main
{ max-width: 852px; padding: 46px 58px; background: #fff; margin: -108px auto 0 160px; }
.post.content .intro
{ margin: 0 0 60px 0; }
.post.content .intro p
{ font-weight: bold; font-size: 30px; line-height: 40px; margin: 0 0 33px 0; }
.post.content .anchors
{ background: #f2fbff; margin: 0 -58px 57px; padding: 20px 58px 25px; display: none; }
.post.content .anchors:first-child
{ margin-top: -46px; }
.post.content .anchors span
{ display: block; font-size: 16px; color: #00adef; line-height: 20px; text-transform: uppercase; margin: 0 0 13px 0; }
.post.content .anchors a
{ display: block; color: #000; text-decoration: underline; position: relative; line-height: 27px; margin: 0 0 4px 0; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20id%3D%22Path_265%22%20data-name%3D%22Path%20265%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506H0V9.039H12.052L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%3C%2Fsvg%3E%0D%0A') no-repeat 0 6px; background-size: 16px; padding: 0 0 0 25px; }
.post.content a
{ color: #00adef; }
.post.content a:hover
{ text-decoration: underline; }
.post.content p
{ font-weight: normal; font-size: 18px; line-height: 33px; margin: 0 0 33px 0; }
.post.content h2
{ font-weight: normal; font-size: 30px; line-height: 40px; margin: 0 0 33px 0; padding: 16px 0 0 0; }
.post.content h3
{ font-family: "Asap", sans-serif; font-weight: bold; font-size: 18px; line-height: 33px; margin: 0; }
.post.content blockquote.aside
{ width: 247px; float: right; margin: 0 -325px 0 0; }
.post.content blockquote.aside p
{ font-family: "Varela Round", sans-serif; color: #00adef; font-size: 26px; line-height: 40px; }
.post.content blockquote.blue
{ background: #f2fbff; padding: 22px; margin: 50px -22px; }
.post.content blockquote.italic
{ font-style: italic; padding: 0 0 0 28px; }
.post.content p.h2-in-quote
{ font-size: 30px; line-height: 40px; color: #000; padding: 0; margin: 0 0 33px 0; font-weight: normal; font-family: "Varela Round", sans-serif; }
.post.content p.h3-in-quote
{ font-size: 18px; line-height: 33px; color: #000; padding: 0; margin: 0; font-weight: bold; font-family: "Asap", sans-serif; }
.post.content p.italic-heading
{ font-size: 24px; line-height: 36px; color: #000; padding: 0; margin: 0 0 33px; font-weight: normal; font-family: "Asap", sans-serif; font-style: italic; }
.post.content ul
{ margin: 0 0 33px 17px; }
.post.content ul li
{ padding: 0 0 0 11px; }
.post.content ol
{ margin: 0 0 33px 17px; }
.post.content ol li
{ padding: 0 0 0 11px; }
.post.content ul.bold
{ font-weight: bold; }
.post.content ol.bold
{ font-weight: bold; }
.post.content img.aligncenter
{ width: 100%; height: auto; display: block; margin: 60px 0; }
.post.content .wp-caption.aligncenter
{ max-width: 100%; margin: 60px 0; position: relative; }
.post.content .wp-caption.aligncenter img
{ margin: 0; width: 100% !important; height: auto !important; }
.post.content .wp-caption.aligncenter p
/*{ display: block; color: #fff; font-style: italic; font-size: 14px; line-height: 16px; position: absolute; right: 25px; bottom: 18px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.81); margin: 0; } */
{ font-size: 14px; line-height: 16px; font-style: italic; }
.post.content img.alignnone
{ width: calc(100% + 216px); height: auto; display: block; margin: 60px -108px; }
.post.content .wp-caption.alignnone
{ max-width: calc(100% + 216px); margin: 60px -108px; position: relative; }
.post.content .wp-caption.alignnone img
{ margin: 0 !important; width: 100% !important; height: auto !important; }
.post.content .wp-caption.alignnone p
/*{ display: block; color: #fff; font-style: italic; font-size: 14px; line-height: 16px; position: absolute; right: 25px; bottom: 18px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.81); margin: 0; } */
{ font-size: 14px; line-height: 16px; font-style: italic; margin: 10px 0; min-width: 100%; width: min-content; }
.post.content img.alignleft
{ width: calc(50% + 108px); height: auto; display: block; margin: 10px 20px 33px -108px; float: left; }
.post.content .wp-caption.alignleft
{ max-width: calc(50% + 108px); margin: 10px 20px 33px -108px; position: relative; float: left; }
.post.content .wp-caption.alignleft img
{ margin: 0; width: 100% !important; height: auto !important; }
.post.content .wp-caption.alignleft p
/*{ display: block; color: #fff; font-style: italic; font-size: 14px; line-height: 16px; position: absolute; right: 25px; bottom: 18px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.81); margin: 0; } */
{ font-size: 14px; line-height: 16px; font-style: italic; margin: 10px 0; min-width: 100%; width: min-content; }
.post.content img.alignright
{ width: calc(50% + 108px); height: auto; display: block; margin: 10px -108px 33px 20px; float: right; }
.post.content .wp-caption.alignright
{ max-width: calc(50% + 108px); margin: 10px -108px 33px 20px; position: relative; float: right; }
.post.content .wp-caption.alignright img
{ margin: 0; width: 100% !important; height: auto !important; }
.post.content .wp-caption.alignright p
/*{ display: block; color: #fff; font-style: italic; font-size: 14px; line-height: 16px; position: absolute; right: 25px; bottom: 18px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.81); margin: 0; } */
{ font-size: 14px; line-height: 16px; font-style: italic; margin: 10px 0; min-width: 100%; width: min-content; }
@media (max-width: 991.5px) {
.post.content img.alignnone,
.post.content .wp-caption.alignnone { width: 100% !important; max-width: 100%; margin: 60px 0; }
.post.content img.alignleft,
.post.content .wp-caption.alignleft { width: 50% !important; margin-left: 0; }
.post.content .wp-caption.alignright,
.post.content img.alignright { width: 50% !important; margin-right: 0; }
}
@media (max-width: 599.5px) {
.post.content img.alignnone,
.post.content .wp-caption.alignnone { width: 100% !important; max-width: 100%; margin: 0 0 33px; }
.post.content img.alignleft,
.post.content .wp-caption.alignleft { width: 100% !important; max-width: 100%; margin: 0 0 33px; }
.post.content .wp-caption.alignright,
.post.content img.alignright { width: 100% !important; max-width: 100%; margin: 0 0 33px; }
}
.post.content .plyr
{ width: calc(100% + 216px); margin: 60px -108px; max-width: calc(100% + 216px); }
.post.content span.tooltips
{ vertical-align: super; font-size: 12px; color: #00adef; cursor: pointer !important; padding: 0 2px; }
.Zebra_Tooltip .Zebra_Tooltip_Message
{ padding: 16px 10px 10px 16px !important; font-size: 12px !important; line-height: 19px !important; margin-left: -10px !important; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom
{ margin-left: -5px !important; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top
{ margin-left: -5px !important; }
/**/
.hero
{ display: block; height: 715px; overflow: hidden; position: relative; width: 100%; clear: both; }
.hero img
{ display: block; object-fit: cover; object-position: center; width: 100%; height: 100%; }
.hero span
{ display: block; color: #fff; font-style: italic; font-size: 14px; line-height: 16px; position: absolute; right: 25px; bottom: 18px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.81); max-width: calc(50% - 426px); }
.author-bios
{ background: #f2fbff; padding: 45px 0; }
.author-bios .inner
{ }
.author-bios .inner .author-bio
{ max-width: 852px; padding: 36px 58px 26px; margin: 0 auto 0 160px; position: relative; }
.author-bios .inner .author-bio:before
{ content: ''; display: block; position: absolute; top: 0; left: 58px; right: 58px; background: #fff; height: 2px; }
.author-bios .inner .author-bio:first-child:before
{ display: none; }
.author-bios .inner .author-bio strong
{ display: block; font-size: 21px; line-height: 27px; }
.author-bios .inner .author-bio span
{ display: block; font-size: 18px; line-height: 30px; font-style: italic; margin: 0 0 16px 0; }
.author-bios .inner .author-bio div
{ margin: 0 0 12px 0; }
.author-bios .inner .author-bio div a
{ color: #000; text-decoration: underline; }
.author-bios .inner .author-bio div a:hover
{ color: #00adef; }
.author-bios .inner .author-bio .social-links a
{ margin: 0 27px 0 0; }
.author-bios .inner .author-bio .social-links a svg
{ width: 16px; height: auto; }
.tags
{}
.tags .inner
{ max-width: 1110px; padding: 80px 25px 60px; text-align: right; position: relative; }
.tags .inner:after
{ content: ''; display: block; left: 25px; right: 25px; bottom: 0; height: 1px; background: #cceffc; position: absolute; }
.tags .inner strong
{ font-size: 21px; line-height: 30px; }
.tags .inner a
{ color: #00adef; text-decoration: underline; text-transform: uppercase; font-family: "Varela Round", sans-serif; font-size: 16px; line-height: 30px; margin: 0 0 0 8px; }
.tags .inner a span
{ color: #000; }
.nav
{ padding: 38px; }
.nav .inner
{ max-width: 1110px; display: flex; justify-content: space-between; }
.nav .inner .top
{ display: block; width: 50px; height: 50px; border: 2px solid #00adef; display: flex; justify-content: center; align-items: center; }
.nav .inner .top:hover
{ background: #00adef; }
.nav .inner .top:hover svg path
{ fill: #fff; }
.nav .inner nav
{ display: flex; }
.nav .inner nav a.prev,
.nav .inner nav a.previouspostslink
{ font-size: 16px; line-height: 50px; color: #00adef; display: block; height: 50px; padding: 0 0 0 72px; position: relative; font-weight: bold; }
.nav .inner nav a.prev em,
.nav .inner nav a.previouspostslink em
{ display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 2px solid #00adef; display: flex; justify-content: center; align-items: center; transition: all .3s; }
.nav .inner nav span
{ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; }
.nav .inner nav a.issu
{ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background: #f2fbff; }
.nav .inner nav a.issu:hover
{ background: #00adef; }
.nav .inner nav a.issu:hover svg path
{ fill: #fff; }
.nav .inner nav a.next,
.nav .inner nav a.nextpostslink
{ font-size: 16px; line-height: 50px; color: #00adef; display: block; height: 50px; padding: 0 72px 0 0; position: relative; font-weight: bold; }
.nav .inner nav a.next em,
.nav .inner nav a.nextpostslink em
{ display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 2px solid #00adef; display: flex; justify-content: center; align-items: center; transition: all .3s; }
.nav .inner nav a.prev:hover em,
.nav .inner nav a.previouspostslink:hover em,
.nav .inner nav a.next:hover em,
.nav .inner nav a.nextpostslink:hover em
{ background: #00adef; }
.nav .inner nav a.prev:hover em svg path,
.nav .inner nav a.previouspostslink:hover em svg path,
.nav .inner nav a.next:hover em svg path,
.nav .inner nav a.nextpostslink:hover em svg path
{ fill: #fff; }
.nav .inner nav a.prev.disabled,
.nav .inner nav a.next.disabled,
.nav .inner nav a.previouspostslink.disabled,
.nav .inner nav a.nextpostslink.disabled
{ opacity: .4; font-weight: normal; }
.nav .inner nav a.prev.disabled em,
.nav .inner nav a.next.disabled em,
.nav .inner nav a.previouspostslink.disabled em,
.nav .inner nav a.nextpostslink.disabled em
{ background: #fff !important; }
.nav .inner nav a.prev.disabled em svg path,
.nav .inner nav a.next.disabled em svg path,
.nav .inner nav a.previouspostslink.disabled em svg path,
.nav .inner nav a.nextpostslink.disabled em svg path
{ fill: #00adef !important; }
.nav .wp-pagenavi
{ display: flex; opacity: 0; transition: all .3s; }
.nav .wp-pagenavi.built
{ opacity: 1; }
.nav .inner nav .wp-pagenavi span.current
{ font-size: 16px; font-weight: bold; color: #00adef; width: auto; opacity: .4; }
.nav .inner nav .wp-pagenavi span.comma
{ font-size: 16px; font-weight: bold; color: #00adef; width: auto; }
.nav .inner nav .wp-pagenavi a.page
{ display: flex; font-size: 16px; font-weight: bold; color: #00adef; width: auto; height: 50px; justify-content: center; align-items: center; flex: 0 0 auto; }
.nav .inner nav .wp-pagenavi a.page:hover
{ text-decoration: underline; }
.nav .inner nav a.previouspostslink[href]
{ position: relative; }
.nav .inner nav a.previouspostslink[href]:before
{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 2px solid #00adef; display: flex; justify-content: center; align-items: center; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.455%22%20height%3D%2216%22%20viewBox%3D%220%200%209.455%2016%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_238%22%20data-name%3D%22Path%20238%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%2016%29%20rotate%28180%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; }
.nav .inner nav a.previouspostslink[href]:hover:before
{ background: #00adef url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.455%22%20height%3D%2216%22%20viewBox%3D%220%200%209.455%2016%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_238%22%20data-name%3D%22Path%20238%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%2016%29%20rotate%28180%29%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; }
.nav .inner nav a.nextpostslink[href]
{ position: relative; }
.nav .inner nav a.nextpostslink[href]:before
{ content: ''; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 2px solid #00adef; display: flex; justify-content: center; align-items: center; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.455%22%20height%3D%2216%22%20viewBox%3D%220%200%209.455%2016%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_245%22%20data-name%3D%22Path%20245%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%28-6.545%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; }
.nav .inner nav a.nextpostslink[href]:hover:before
{ background: #00adef url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.455%22%20height%3D%2216%22%20viewBox%3D%220%200%209.455%2016%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_245%22%20data-name%3D%22Path%20245%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%28-6.545%29%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; }
.nav .inner nav .wp-pagenavi span.extend
{ color: #00adef; width: auto; margin: 0 8px 0 5px; }
.issue.head
{ margin: 0 0 13px 0; }
.issue.head .cover
{ display: flex; margin: 52px 85px 42px 0; }
.issue.head .cover img
{ display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); margin: 0 34px 0 0; max-width: 279px; height: auto; }
.issue.post.head .inner .main .cover .title
{ padding: 91px 0 0 0; }
.issue.post.head .inner .main .cover h1
{ font-size: 30px; line-height: 40px; text-align: center; }
.issue.post.head .inner .aside
{ justify-content: flex-start; }
.editorial
{ margin: 0 0 78px 0; }
.editorial .inner
{ max-width: 1110px; }
.editorial .inner h2
{ font-size: 30px; line-height: 40px; position: relative; margin: 0 0 40px 0; float: left; }
.editorial .inner h2:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.editorial .inner a
{ display: flex; width: 100%; float: left; clear: both; }
.editorial .inner a .image
{ max-width: 700px; width: 100%; flex: 0 1 auto; }
.editorial .inner a .image img
{ display: block; max-width: 100%; height: auto; object-fit: cover; width: 100%; height: 100%; }
.editorial .inner a .text
{ background: #f2fbff; display: flex; flex-direction: column; justify-content: space-between; padding: 55px 38px 27px; width: 360px; flex: 0 0 auto; }
.editorial .inner a .text h3
{ color: #000; font-size: 30px; line-height: 40px; }
.editorial .inner a .text span
{ display: block; text-align: right; font-size: 16px; line-height: 24px; color: #00adef; }
.section.block .post.content .inner
{ max-width: 1330px; }
.section.block .post.content .inner .intro p
{ font-weight: normal; }
.colophon
{ margin: 0 0 112px 0; }
.colophon .inner
{ max-width: 1110px; padding: 0 25px; display: flex; justify-content: space-between; }
.colophon .inner .box
{ background: #f2fbff; width: 100%; }
.colophon .inner .box .box-inner
{ display: flex; flex-direction: column; align-items: baseline; background: #f2fbff; width: 100%; max-width: 762px; padding: 35px 20px; margin: 0 auto; }
.colophon .inner h2
{ font-size: 30px; line-height: 40px; margin: 0 0 23px 0; position: relative; }
.colophon .inner h2:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.colophon .inner .linekiller
{ overflow: hidden; }
.colophon .inner p
{ font-size: 16px; line-height: 23px; clear: both; overflow: hidden; margin: 0 -10px; }
.colophon .inner p span
{ /*white-space: nowrap;*/ float: left; display: block; position: relative; padding: 0 10px; }
.colophon .inner p span::before
{ content: ''; display: block; position: absolute; top: 4px; left: 0; height: 16px; width: 2px; background: #00adef; }
.packagex
{ margin: 0 0 130px 0; }
.packagex .inner
{ max-width: 1110px; display: flex; flex-direction: column; align-items: baseline; }
.packagex .inner h2
{ font-size: 30px; line-height: 40px; margin: 0 0 23px 0; position: relative; }
.packagex .inner h2:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.packagex .inner p
{ font-size: 18px; line-height: 27px; max-width: 530px; margin: 0 0 33px 0; }
.packagex .inner p a
{ color: #00adef; text-decoration: underline; }
.packagex .inner a:hover
{ text-decoration: none; }
.packagex .inner .packages
{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; width: 100%; }
.packagex .inner .packages .package
{ max-width: 340px; text-decoration: none; display: block; background: #f2fbff; padding: 0 0 20px 0; }
.packagex .inner .packages .package .image
{ margin: 0 0 20px 0; overflow: hidden; }
.packagex .inner .packages .package img
{ display: block; width: 100%; height: auto; transition: all .3s; }
.packagex .inner .packages .package:hover img
{ transform: scale(1.1) rotate(-5deg); }
.packagex .inner .packages .package span
{ font-size: 21px; line-height: 28px; color: #000; margin: 0 30px 20px; display: block; }
.packagex .inner .packages .package em
{ font-style: normal; text-transform: uppercase; color: #00adef; font-size: 16px; line-height: 24px; text-align: right; display: block; margin: 0 30px; }
.quote-card
{ margin: 0 0 28px 0; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }
.quote-card .aimg
{ max-width: 566px; width: 100%; margin: 0 10px 0 0; }
.quote-card .aimg img
{ width: 100%; height: auto; }
.quote-card .button
{ width: 160px; padding: 0; text-align: center; }
.cta
{ margin: 0 0 90px 0; }
.cta .inner
{ max-width: 850px; }
.cta .inner .box
{ background: #f2fbff; display: flex; }
.cta .inner .box .image
{ max-width: 100%; width: 330px; position: relative; flex: 0 0 auto; }
.cta .inner .box img
{ display: block; height: auto; width: 100%; }
.cta .inner .box .text
{ display: flex; flex-direction: column; justify-content: space-evenly; padding: 10px 66px 10px 40px; align-items: baseline; }
.cta .inner .box h2
{ font-size: 30px; line-height: 40px; margin: 0; }
.cta .inner .box .button
{ float: left; /*background: #00adef; color: #fff;*/ }
/**/
.issues
{ margin: 0 0 114px 0; }
.issues .inner
{ max-width: 1110px; }
.issues .hold.three
{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
.issues .issue
{ width: calc(33.33333333% - 20px); margin: 0 10px 40px; background: #f2fbff; display: flex; flex-direction: column; position: relative; }
.issues .issue .image
{ background: #eee; position: relative; padding: 0 0 122.352941176% 0; }
.issues .issue .image div
{ position: absolute; top: 28px; left: 28px; right: 28px; bottom: 28px; display: flex; justify-content: center; align-items: center; }
.issues .issue .image img
{ display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); height: auto; object-fit: contain; max-width: 100%; max-height: 100%; width: auto; /*height: 100%;*/ }
.issues .issue .title
{ padding: 12px 40px; text-align: center; display: flex; flex-direction: column; align-items: center; font-family: "Varela Round", sans-serif; margin: 0 0 27px 0; }
.issues .issue .title span
{ font-size: 16px; line-height: 30px; display: block; color: #00adef; text-decoration: underline; margin: 0 0 5px 0; }
.issues .issue .title span u
{ color: #000; text-decoration: none; }
.issues .issue .title h2
{ font-size: 23px; line-height: 28px; min-height: 79px; }
.issues .issue .butns
{ display: flex; width: 100%; justify-content: center; padding: 0 0 32px 0; }
.issues .issue .butns .button
{ margin: 0 8px; width: 114px; padding: 0; text-align: center; }
.issues .issue .butns .download
{ position: relative; }
.issues .issue .butns .download .drop
{ position: absolute; top: 100%; left: 50%; background: #fff; border: 2px solid #00adef; opacity: 0; pointer-events: none; transition: all .3s; transform: translateX(-50%) translateY(-50%) scale(0); z-index: 1; min-width: 247px; margin: -2px 0 0 0; }
.issues .issue .butns .download .drop.dropped
{ opacity: 1; pointer-events: all; transform: translateX(-50%) translateY(-50%) scale(1); }
.issues .issue .butns .download .drop .undrop
{ position: absolute; top: 10px; right: 12px; }
.issues .issue .butns .download .drop span
{ display: block; border-bottom: 1px solid #cceffc; padding: 0 23px; font-size: 18px; line-height: 47px; color: #00adef; height: 48px; }
.issues .issue .butns .download .drop ul
{ list-style: none; padding: 13px 23px 15px; }
.issues .issue .butns .download .drop ul li
{ font-size: 16px; line-height: 24px; }
.issues .issue .butns .download .drop ul li a
{ color: #00adef; text-decoration: underline; }
.issues .issue:hover
{ z-index: 100; }
.issues .issue .bluepop
{ position: absolute; width: 170px; padding: 20px 20px 30px; font-size: 14px; line-height: 20px; background: #00adef; border-radius: 3px; top: 80px; right: -80px; color: #fff; z-index: 200; opacity: 0; transform: translateY(25px); transition: all .5s; pointer-events: none; }
.issues .issue .bluepop:before
{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 13px 12px 13px 0; border-color: transparent #00abef transparent transparent; position: absolute; top: 50px; right: 100%; }
.issues .issue .bluepop strong
{ margin: 0 0 10px 0; display: block; line-height: 16px; }
.issues .issue:hover .bluepop
{ opacity: 1; transform: translateY(0); }
/**/
.block
{ margin: 0 0 78px 0; }
.block .inner
{ max-width: 1110px; }
.block .inner h2
{ font-size: 30px; line-height: 40px; position: relative; margin: 0 0 40px 0; float: left; }
.block .inner h2:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.featured.block
{ margin: 0 0 30px 0; }
.featured.block .hold.three
{ margin: 0 -10px; display: flex; flex-wrap: wrap; clear: both; width: calc(100% + 20px); }
.featured.block .hold.three .post
{ width: calc(33.333333333% - 20px); margin: 0 10px 20px; background: #f2fbff; display: flex; flex-direction: column; padding: 0 0 50px; position: relative; }
.featured.block .hold.three .post .image
{ overflow: hidden; flex: 0 0 auto; }
.featured.block .hold.three .post img
{ display: block; width: 100%; height: auto; transition: all .3s; }
.featured.block .hold.three .post:hover img
{ transform: scale(1.1); }
.featured.block .hold.three .post .text
{ padding: 30px 30px 15px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.featured.block .hold.three .post .text h3
{ font-size: 21px; line-height: 28px; color: #000; margin: 0 0 10px 0; border: 0; }
.featured.block .hold.three .post .text span
{ display: block; text-align: left; text-transform: none; color: #00adef; font-size: 16px; line-height: 24px; }
.featured.block .hold.three .post::before
{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 51px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506H0V9.039H12.052L6.545%2C14.545%2C8%2C16l8-8Z%22%20fill%3D%22%2300adef%22%2F%3E%3C%2Fsvg%3E') no-repeat right 30px center; transition: all .3s; border-top: 1px solid #fff; }
.featured.block .hold.three .post::after
{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 51px; background: #00adef url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506H0V9.039H12.052L6.545%2C14.545%2C8%2C16l8-8Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat right 30px center; transition: all .3s; opacity: 0; border-top: 1px solid #fff; }
@media (hover:hover) {
.featured.block .hold.three .post:hover::before { opacity: 0; }
.featured.block .hold.three .post:hover::after { opacity: 1; }
}
.latest-issue
{ background: #f2fbff; margin: 0 0 80px 0; padding: 130px 0; }
.latest-issue .inner
{ display: flex; max-width: 1064px; }
.latest-issue .inner .image
{ margin: 0 60px 0 0; }
.latest-issue .inner .image img
{ display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); max-width: 279px; height: auto; }
.latest-issue .inner .text
{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: baseline; }
.latest-issue .inner .text h2
{ font-size: 50px; line-height: 60px; letter-spacing: -2px; }
.latest-issue .inner .text h2 a
{ color: #000; }
.latest-issue .inner .text p
{}
.latest-issue .li-buttons
{ display: flex; justify-content: flex-start; }
.latest-issue .li-buttons .button
{ margin: 0 10px 0 0; }
.centered
{ display: flex; justify-content: center; align-items: center; padding: 50px 0; }
.about
{ margin: 0 0 60px 0; }
.about .inner
{ max-width: 1110px; }
.about h2
{ max-width: 800px; text-align: center; margin: 0 auto 84px; font-size: 50px; line-height: 60px; }
.about .hold.two
{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
.about .box
{ width: calc(50% - 20px); background: #f2fbff; padding: 44px 34px 38px; margin: 0 10px 20px; }
.about .box h3
{ font-size: 30px; line-height: 40px; margin: 0 0 20px 0; }
.columns
{ margin: 0 0 100px 0; }
.columns .inner
{ max-width: 1110px; }
.columns .inner h2
{ font-size: 30px; line-height: 40px; position: relative; margin: 0 0 40px 0; float: left; }
.columns .inner h2:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.columns .hold.three
{ display: flex; width: 100%; clear: both; }
.columns .col
{ width: 33.333333333333%; }
.columns .col img
{ display: block; width: 100%; height: auto; }
.columns .col .box
{ border-radius: 3px; background-color: #f2fbff; margin: -200px auto 0; padding: 18px 28px 20px 28px; position: relative; z-index: 2; max-width: 306px; }
.columns .col .box:before
{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 13px 12px 13px; border-color: transparent transparent #f2fbff transparent; position: absolute; top: -12px; left: calc(50% - 13px); }
.columns .col .box h3
{ font-size: 50px; line-height: 60px; position: relative; float: left; margin: 0 0 10px 0; }
.columns .col .box h3:after
{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 3px; background: #00adef; height: 2px; }
.columns .col .box p
{ font-size: 18px; line-height: 26px; width: 100%; clear: both; }
.sliding.block
{ overflow: hidden; }
.sliding.block .inner
{ display: flex; flex-direction: column; align-items: baseline; }
.sliding.block p
{ max-width: 736px; }
.sliding.block .inner .slider
{ margin: 100px 0; width: 968px; }
.sliding.block .inner .slider .slick-list
{ overflow: visible; }
.sliding.block .inner .slide
{ width: 388px; height: 454px; position: relative; padding: 0 30px; }
.sliding.block .inner .slide svg
{ display: block; position: relative; z-index: 10; }
.sliding.block .inner .slide strong
{ position: absolute; font-weight: normal; color: #fff; font-size: 30px; top: 165px; left: 235px; z-index: 20; }
.sliding.block .inner .slide span
{ background: #f2fbff; display: block; float: left; position: absolute; font-size: 21px; line-height: 28px; padding: 4px 14px; border-radius: 3px; transform: translateX(-50%); z-index: 5; text-align: center; }
.sliding.block .inner .slide span.theme-1
{ bottom: 450px; left: 122px; }
.sliding.block .inner .slide span.theme-2
{ bottom: 385px; left: 330px; }
.sliding.block .inner .slide span.theme-3
{ top: 310px; left: 35px; }
.sliding.block .inner .slide span.theme-4
{ top: 350px; left: 350px; }
.sliding.block .inner .slide span.theme-5
{ top: 450px; left: 180px; }
.sliding.block .inner .slick-track:after
{ content: ''; display: block; height: 2px; background: #00adef; top: 182px; left: 265px; right: 190px; position: absolute; z-index: 1; opacity: .25; }
/**/
.rating
{ margin: 0 0 100px 0; }
.rating .inner
{ display: flex; justify-content: space-between; }
.rating .inner .main
{ max-width: 852px; padding: 0 58px; background: #fff; margin: 0 auto 0 160px; width: 100%; }
.rating .inner .main .rmp-rate-view
{ display: block !important; }
.rating .inner .main .rmp-main-title
{ font-family: "Asap", sans-serif; color: #00adef; font-size: 24px; line-height: 33px; margin: 0 0 10px 0; border: 0; padding: 0; font-weight: normal; }
.rating .inner .main .rating-stars ul > li.star > i.fa
{ display: none; }
.rating .inner .main #voting-results,
.rating .inner .main #no-vote,
.rating .inner .main .rmp-rated
{ display: none !important; }
.rating .inner .main .rmp-text-area
{ width: 100%; display: block; border: 0; background: #f2fbff; padding: 20px; font-size: 14px; line-height: 16px; color: #000; height: 174px; min-height: 174px; resize: vertical; }
.rating .inner .main .rating-stars
{ display: flex; justify-content: center; }
.rating .inner .main .rating-stars ul
{ display: flex; }
.rating .inner .main .rating-stars ul > li.star
{ width: 39px; height: 24px; position: relative; cursor: pointer; display: block; padding: 0 7px !important; }
.rating .inner .main .rating-stars ul > li.star:before
{ content: ''; display: block; width: 25px; height: 24px; position: absolute; top: 0; left: 7px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.007%22%20height%3D%2229.541%22%20viewBox%3D%220%200%2031.007%2029.541%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_271%22%20data-name%3D%22Path%20271%22%20d%3D%22M-63.091-68.365l2.9%2C8.789%2C9.6.292-7.213%2C5.13%2C2.438%2C9.565-7.725-5.987-7.725%2C5.987%2C2.438-9.565-7.213-5.13%2C9.6-.292Z%22%20transform%3D%22translate%2878.594%2071.556%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; background-size: 100%; }
.rating .inner .main .rating-stars ul > li.star:after
{ content: ''; display: block; width: 25px; height: 24px; position: absolute; top: 0; left: 7px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.007%22%20height%3D%2229.541%22%20viewBox%3D%220%200%2031.007%2029.541%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_274%22%20data-name%3D%22Path%20274%22%20d%3D%22M-63.091-68.365l2.9%2C8.789%2C9.6.292-7.213%2C5.13%2C2.438%2C9.565-7.725-5.987-7.725%2C5.987%2C2.438-9.565-7.213-5.13%2C9.6-.292Z%22%20transform%3D%22translate%2878.594%2071.556%29%22%20fill%3D%22%2300adef%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; background-size: 100%; z-index: 1; opacity: 0; transition: all .3s; }
.rating .inner .main .rating-stars ul:hover > li.star:after
{ opacity: 1; }
.rating .inner .main .rating-stars ul:hover > li.star:hover + li.star:after,
.rating .inner .main .rating-stars ul:hover > li.star:hover + li.star + li.star:after,
.rating .inner .main .rating-stars ul:hover > li.star:hover + li.star + li.star + li.star:after,
.rating .inner .main .rating-stars ul:hover > li.star:hover + li.star + li.star + li.star + li.star:after
{ opacity: 0; }
.rating .inner .main .rating-stars ul > li.star.selected:after
{ opacity: 1 !important; }
.rating .inner .main .rating-stars ul > li.star.selected + li.star:not(.selected):after,
.rating .inner .main .rating-stars ul > li.star.selected + li.star:not(.selected) + li.star:after,
.rating .inner .main .rating-stars ul > li.star.selected + li.star:not(.selected) + li.star + li.star:after,
.rating .inner .main .rating-stars ul > li.star.selected + li.star:not(.selected) + li.star + li.star + li.star:after
{ opacity: 0 !important; }
.rating .inner .main #thank-you-msg
{ margin: 10px 0 28px 0; }
.rating .rmp-feedback-button-div
{ margin-top: 20px; }
.rating button
{ height: 40px; display: block; float: right; margin: 0 0 40px 0; text-align: center; border: 2px solid #00adef; line-height: 36px; color: #00adef; font-size: 14px; padding: 0 23px; width: 174px; background: #fff; }
.rating button:hover
{ color: #fff; background: #00adef; }
/**/
.browse h3
{ font-family: "Asap", sans-serif; font-size: 16px; line-height: 26px; color: #00adef; border-bottom: 1px solid #cceffc; margin: 0 0 26px 0; display: flex; justify-content: space-between; }
.browse h3 a.reset
{ background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.421%22%20height%3D%2217.407%22%20viewBox%3D%220%200%2017.421%2017.407%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1133%22%20data-name%3D%22Group%201133%22%20transform%3D%22translate%28-1295.782%20-58.804%29%22%3E%0D%0A%20%20%20%20%3Cline%20id%3D%22Line_38%22%20data-name%3D%22Line%2038%22%20x2%3D%2215.538%22%20y2%3D%2216%22%20transform%3D%22translate%281296.5%2059.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_241%22%20data-name%3D%22Path%20241%22%20d%3D%22M0-16%2C16-31.843%22%20transform%3D%22translate%281296.5%2091.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat right center; color: #00adef; padding: 0 28px 0 0; }
.active-filters
{ margin: 0 0 26px 0; }
.active-filters a
{ text-transform: uppercase; border-bottom: 1px solid #00adef; color: #000; font-size: 16px; line-height: 30px; margin: 0 10px 0 0; }
.add-filters
{ background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%0D%0A%20%20%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat right center; cursor: pointer; }
.more-filters
{ display: none; }
.browse form
{ margin: 0 0 80px 0; }
.filters
{ display: flex; width: 100%; position: relative; z-index: 10; }
.filters .fdowns
{ display: flex; flex: 0 1 auto; width: 100%; }
.filters .fdowns .filter
{ width: 25%; position: relative; }
.filters .fdowns .filter > a
{ display: block; height: 52px; border: 2px solid #00adef; cursor: pointer; position: relative; background: #fff; margin: 0 14px 0 0; font-size: 18px; line-height: 48px; color: #00adef; padding: 0 20px; }
.filters .fdowns .filter > a:before
{ content: ''; display: block; position: absolute; width: 48px; height: 48px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%3C%2Fsvg%3E%0D%0A') no-repeat right 16px center; top: 0; right: 0; transition: all .3s; }
.filters .fdowns .filter > a.fopen:before
{ transform: rotate(-180deg); }
.filters .fdowns .filter:hover > a
{ background-color: #cceffc; }
.filters .search
{ position: relative; width: 100%; max-width: 268px; flex: 0 0 auto; }
.filters .search input
{ width: 100%; display: block; height: 52px; border: 2px solid #00adef; background: #fff; font-size: 18px; line-height: 48px; color: #00adef; padding: 0 20px; }
.filters .search button
{ display: block; position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: #00adef url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.112%22%20height%3D%2222.649%22%20viewBox%3D%220%200%2023.112%2022.649%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1090%22%20data-name%3D%22Group%201090%22%20transform%3D%22translate%28-1229%20-57%29%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_242%22%20data-name%3D%22Path%20242%22%20d%3D%22M-5420.162-8771.9l-9.636-9.64%22%20transform%3D%22translate%286671.567%208850.846%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Ellipse_259%22%20data-name%3D%22Ellipse%20259%22%20transform%3D%22translate%281229%2057%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%228.217%22%20cy%3D%228.22%22%20rx%3D%228.217%22%20ry%3D%228.22%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%228.217%22%20cy%3D%228.22%22%20rx%3D%227.217%22%20ry%3D%227.22%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; border: 0; cursor: pointer; }
.filters .fdowns .fdown
{ position: absolute; top: 50px; left: 0; background: #fff; border: 2px solid #00adef; min-width: 200px; display: none; }
.filters .fdowns .fdown .selected
{ height: 50px; display: flex; border-bottom: 1px solid #cceffc; line-height: 50px; font-size: 16px; }
.filters .fdowns .fdown .selected span
{ display: block; width: 50%; text-align: left; white-space: nowrap; color: #00adef; font-style: italic; padding: 0 10px 0 20px; }
.filters .fdowns .fdown .selected strong
{ display: block; width: 50%; cursor: pointer; text-align: right; color: #00adef; white-space: nowrap; padding: 0 20px 0 10px; }
.filters .fdowns .fdown ul
{ list-style: none; margin: 0; padding: 20px 20px 0; }
.filters .fdowns .fdown ul li
{ font-size: 18px; line-height: 30px; padding: 0 0 20px 0; }
.filters .fdowns .fdown ul li label
{ white-space: nowrap; color: #00adef; cursor: pointer; }
.filters .fdowns .fdown ul li label input
{ display: none; }
.filters .fdowns .fdown ul li label span
{ display: block; position: relative; padding: 0 0 0 44px; }
.filters .fdowns .fdown ul li label span:before
{ content: ''; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; border: 1px solid #cceffc; }
.filters .fdowns .fdown ul li label span:after
{ content: ''; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; border: 0; z-index: 1; opacity: 0; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22Group_1102%22%20data-name%3D%22Group%201102%22%20transform%3D%22translate%28-454%20-168%29%22%3E%3Crect%20id%3D%22Rectangle_460%22%20data-name%3D%22Rectangle%20460%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate%28454%20168%29%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Checkbox%22%20d%3D%22M6.345%2C11.034%2C0%2C4.69%2C1.287%2C3.4%2C6.345%2C8.368%2C14.713%2C0%2C16%2C1.287Z%22%20transform%3D%22translate%28454%20170%29%22%20fill%3D%22%2300adef%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center; transition: all .1s; transform: scale(0); }
.filters .fdowns .fdown ul li label input:checked + span:after
{ opacity: 1; transform: scale(1); }
.filters .fdowns .fdown .save
{ border-top: 1px solid #cceffc; padding: 16px 20px; }
.filters .fdowns .fdown .save .button
{ background: #00adef; color: #fff; height: 40px; line-height: 38px; text-align: center; display: block; cursor: pointer; width: 100%; }
.filters .oscroll
{ overflow: auto; max-height: 388px; }
.filters .oscroll .scrollbar-thumb
{ background: #00adef; }
.post.no.head
{ margin: 0 0 100px 0; }
.post.no.head .button
{ padding: 0 40px; margin: 0 20px 0 0; }
.map
{ padding: 50px 0 100px; }
/**/
#footer
{ margin: auto 0 0 0; }
#footer .inner
{ display: flex; justify-content: space-between; align-items: center; }
#footer .footer-top
{ background: #f2fbff; display: flex; }
#footer .footer-top .inner
{ min-height: 200px; width: 100%; }
#footer .footer-top .home
{ display: block; font-size: 29px; line-height: 34px; font-family: "Varela Round", sans-serif; color: #000; max-width: 250px; text-align: center; }
#footer .footer-top .subscribe
{ width: 296px; }
#footer .footer-top .subscribe p
{ color: #00adef; font-size: 14px; line-height: 16px; text-align: center; margin: 0 0 17px 0; }
#footer .footer-top .subscribe a
{ display: block; padding: 0 10px; }
#footer .footer-top .social
{ display: flex; flex-direction: column; }
#footer .footer-top .social a
{ color: #00adef; font-size: 14px; line-height: 24px; height: 24px; }
#footer .footer-top .social a:hover
{ text-decoration: underline; }
#footer .footer-top .social a svg
{ width: 16px; height: auto; display: inline-block; vertical-align: text-top; margin: 0 5px 0 0; }
#footer .footer-top .bvlf
{ text-align: center; font-size: 14px; line-height: 20px; }
#footer .footer-top .bvlf a
{ color: #00adef; text-decoration: underline; }
#footer .footer-top .bvlf a svg
{ max-width: 250px; width: 100%; height: auto; }
#footer .footer-top .bvlf a:hover
{ text-decoration: none; }
#footer .footer-top .bvlf a span
{ color: #000; }
#footer .footer-bottom
{ background: #00adef; position: relative; display: flex; }
#footer .footer-bottom .inner
{ min-height: 50px; max-width: none; padding-right: 75px; width: 100%; }
#footer .footer-bottom p
{ color: #fff; font-size: 10px; line-height: 20px; }
#footer .footer-bottom ul
{ list-style: none; }
#footer .footer-bottom ul li
{ display: block; margin: 0; font-size: 10px; line-height: 20px; color: #fff; }
#footer .footer-bottom ul li a
{ color: #fff; text-decoration: underline; }
#footer .footer-bottom ul li a:hover
{ text-decoration: none; }
#footer .footer-bottom .top
{ width: 50px; height: 50px; display: flex; background: #fff; position: absolute; top: 0; right: 0; justify-content: center; align-items: center; border-left: 1px solid #fff; }
#footer .footer-bottom .top:hover
{ background: #00adef; }
#footer .footer-bottom .top:hover svg path
{ fill: #fff; }
#footer .footer-bottom .inner { gap: 10px; }
#footer .footer-bottom a { color: white; text-decoration: underline; }
#footer .fleft { display: flex; align-items: center; gap: 10px; }
@media (max-width: 599.5px) {
#footer .footer-bottom .inner { flex-direction: column; gap: 5px; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#footer .fleft { flex-direction: column; gap: 5px; text-align: center; }
}
/* typeform */
/*.css-pgt1zi
{ width: auto !important; right: 40px !important; }
.css-hpmlk2
{ z-index: 1000000 !important; }*/
/* addthis */
/*.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper
{ background: #f2fbff !important; }
.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper svg path
{ fill: #00adef; }*/
/* subscribe form */
body.sf-open
{ overflow: hidden; }
#subscribe-form
{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #f2fbff; transform: translateY(100%); pointer-events: none; transition: all .5s; z-index: 1000000; opacity: 0; }
body.sf-open #subscribe-form
{ opacity: 1; transform: translateY(0); pointer-events: all; transition: all .5s /*cubic-bezier(0.175, 0.885, 0.32, 1.275)*/; }
#subscribe-form .inner
{ max-width: 836px; }
#subscribe-form .sf-stay
{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; }
#subscribe-form .sf-scroll
{ padding: 95px 0; }
#subscribe-form .sf-close
{ position: absolute; top: 60px; right: 60px; display: block; width: 32px; height: 32px; cursor: pointer; z-index: 5000; }
#subscribe-form .sf-close svg
{ width: 100%; height: 100%; }
#subscribe-form h2
{ font-size: 30px; line-height: 40px; border-bottom: 1px solid #cceffc; padding: 0 0 20px 0; }
#subscribe-form form
{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#subscribe-form h3
{ font-size: 18px; line-height: 33px; margin: 0 0 20px 0; width: 100%; padding-top: 40px; }
#subscribe-form p
{ font-size: 18px; line-height: 33px; margin: 0 0 20px 0; width: 100%; }
#subscribe-form p.half
{ max-width: calc(50% - 33px); }
#subscribe-form input[type="text"],
#subscribe-form input[type="email"]
{ display: block; width: 100%; height: 50px; font-size: 14px; color: #00adef; padding: 10px 20px; line-height: 30px; background: #fff; border: 1px solid #cceffc; font-weight: bold; }
#subscribe-form input.wpcf7-not-valid[type="text"],
#subscribe-form input.wpcf7-not-valid[type="email"]
{ border: 1px solid #f00; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22438.533px%22%20height%3D%22438.533px%22%20viewBox%3D%220%200%20438.533%20438.533%22%20style%3D%22enable-background%3Anew%200%200%20438.533%20438.533%3B%22%09%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23f00%22%20d%3D%22M409.133%2C109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736%2C9.801%2C259.058%2C0%2C219.273%2C0%0D%0A%09%09c-39.781%2C0-76.466%2C9.801-110.063%2C29.407c-33.595%2C19.604-60.192%2C46.201-79.8%2C79.796C9.801%2C142.8%2C0%2C179.489%2C0%2C219.267%0D%0A%09%09s9.804%2C76.463%2C29.407%2C110.062c19.607%2C33.585%2C46.204%2C60.189%2C79.799%2C79.798c33.597%2C19.605%2C70.283%2C29.407%2C110.063%2C29.407%0D%0A%09%09s76.47-9.802%2C110.065-29.407c33.593-19.602%2C60.189-46.206%2C79.795-79.798c19.603-33.599%2C29.403-70.287%2C29.403-110.062%0D%0A%09%09C438.533%2C179.489%2C428.732%2C142.795%2C409.133%2C109.203z%20M255.82%2C356.021c0%2C2.669-0.862%2C4.9-2.573%2C6.707s-3.806%2C2.711-6.283%2C2.711%0D%0A%09%09h-54.818c-2.472%2C0-4.663-0.952-6.565-2.854c-1.904-1.903-2.854-4.093-2.854-6.563V301.78c0-2.478%2C0.95-4.668%2C2.854-6.571%0D%0A%09%09c1.903-1.902%2C4.093-2.851%2C6.565-2.851h54.818c2.478%2C0%2C4.579%2C0.907%2C6.283%2C2.707c1.711%2C1.817%2C2.573%2C4.045%2C2.573%2C6.715V356.021z%0D%0A%09%09%20M255.246%2C257.812c-0.192%2C1.902-1.188%2C3.568-2.991%2C4.996c-1.813%2C1.424-4.045%2C2.135-6.708%2C2.135h-52.822%0D%0A%09%09c-2.666%2C0-4.95-0.711-6.853-2.135c-1.904-1.428-2.857-3.094-2.857-4.996L178.162%2C80.51c0-2.288%2C0.95-3.997%2C2.852-5.14%0D%0A%09%09c1.906-1.521%2C4.19-2.284%2C6.854-2.284h62.819c2.666%2C0%2C4.948%2C0.76%2C6.851%2C2.284c1.903%2C1.143%2C2.848%2C2.856%2C2.848%2C5.14L255.246%2C257.812z%22%0D%0A%09%09%2F%3E%3C%2Fsvg%3E') no-repeat right 20px center; background-size: 16px; }
#subscribe-form select
{ display: block; width: 100%; height: 50px; font-size: 14px; color: #00adef; padding: 10px 20px; line-height: 30px; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%0D%0A%20%20%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat right 20px center; background-size: 10px; border: 1px solid #cceffc; cursor: pointer; font-weight: bold; }
#subscribe-form select.wpcf7-not-valid
{ border: 1px solid #f00; }
#subscribe-form select:invalid
{ color: #00adef; font-weight: normal; }
#subscribe-form select option,
#subscribe-form select:invalid option
{ color: #00adef; font-weight: normal; }
#subscribe-form input::-webkit-input-placeholder { color: #00adef; font-weight: normal; }
#subscribe-form input::-moz-placeholder { color: #00adef; font-weight: normal; }
#subscribe-form input:-ms-input-placeholder { color: #00adef; font-weight: normal; }
#subscribe-form input:-moz-placeholder { color: #00adef; font-weight: normal; }
#subscribe-form p.radio {}
#subscribe-form p.radio label {}
#subscribe-form p.radio label input { display: none; }
#subscribe-form p.radio label span { display: block; font-size: 14px; line-height: 30px; position: relative; color: #00adef; cursor: pointer; padding: 0 0 0 40px; }
#subscribe-form p.radio label span:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; background: #fff; border-radius: 15px; border: 1px solid #cceffc; }
#subscribe-form p.radio label span:after { content: ''; position: absolute; top: 9px; left: 9px; display: block; width: 12px; height: 12px; background: #2e9cfb; border-radius: 15px; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); }
#subscribe-form p.radio label input:checked + span:after { transform: scale(1); }
#subscribe-form p.radio span.wpcf7-list-item { margin: 0 137px 0 0; }
#subscribe-form div[data-id="digital"] { display: block !important; width: 100%; max-width: calc(50% - 33px); }
#subscribe-form div[data-id="digital"] p.half { width: 100%; max-width: 100%; }
#subscribe-form div[data-id="print"] { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 0 0; }
#subscribe-form .wpcf7-not-valid-tip { display: none !important; }
#subscribe-form .messages { margin: 0 30px 0 auto; padding: 0 0 0 30px; height: 40px; display: flex; align-items: center; }
#subscribe-form .wpcf7-response-output { border: 0; padding: 0; margin: 0; color: #f00; font-size: 14px; line-height: 20px; }
#subscribe-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #00adef; }
#subscribe-form .checkboxes { width: 100%; }
#subscribe-form .checkboxes .wpcf7-form-control.wpcf7-checkbox { display: flex; flex-wrap: wrap; padding: 33px 0 0 0; }
#subscribe-form .checkboxes .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item { display: block; width: 33.33333333%; margin: 0 0 40px 0; }
#subscribe-form .checkboxes label input { display: none; }
#subscribe-form .checkboxes label span { display: block; font-size: 14px; line-height: 30px; position: relative; color: #00adef; cursor: pointer; padding: 0 5px 0 40px; }
#subscribe-form .checkboxes label span:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; background: #fff; border: 1px solid #cceffc; }
#subscribe-form .checkboxes label span:after { content: ''; position: absolute; top: 9px; left: 9px; display: block; width: 12px; height: 12px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1102%22%20data-name%3D%22Group%201102%22%20transform%3D%22translate%28-454%20-168%29%22%3E%0D%0A%20%20%20%20%3Crect%20id%3D%22Rectangle_460%22%20data-name%3D%22Rectangle%20460%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate%28454%20168%29%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Checkbox%22%20d%3D%22M6.345%2C11.034%2C0%2C4.69%2C1.287%2C3.4%2C6.345%2C8.368%2C14.713%2C0%2C16%2C1.287Z%22%20transform%3D%22translate%28454%20170%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); }
#subscribe-form .checkboxes label input:checked + span:after { transform: scale(1); }
#subscribe-form .submit-line { display: flex; width: 100%; justify-content: space-between; align-items: /*flex-end*/ center; padding: 60px 0 0 0; }
#subscribe-form .submit-line div.submit { display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
#subscribe-form div.wpcf7 .ajax-loader,
#subscribe-form div.wpcf7 .wpcf7-spinner { position: absolute; margin: 0; top: 10px; right: -35px; }
#subscribe-form input[type="submit"] { display: block; width: 174px; height: 40px; color: #fff; background: #00adef; border: 0; cursor: pointer; font-size: 14px; line-height: 40px; text-align: center; border-radius: 2px; }
#subscribe-form p.small { font-size: 14px; line-height: 20px; padding: 100px 0 0 0; color: #00adef; }
#subscribe-form p.small a { text-decoration: underline; color: #00adef; }
#subscribe-form p.small a:hover { text-decoration: none; }
/**/
#download-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.85); display: flex; justify-content: center; align-items: center; padding: 25px; z-index: 1000000; opacity: 0; pointer-events: none; transition: .3s; }
#download-form { width: 1060px; max-width: 100%; max-height: 100%; overflow: auto; background: #f2fbff; padding: 66px 174px 78px 98px; opacity: 0; transition: .3s; transform: translateY(-100%); }
.df-open #download-wrap { opacity: 1; pointer-events: all; }
.df-open #download-form { opacity: 1; transform: translateY(0); }
#download-form .df-close { position: absolute; top: 60px; right: 60px; display: block; width: 32px; height: 32px; cursor: pointer; z-index: 5000; }
#download-form .df-close svg { width: 100%; height: 100%; }
#download-form h2
{ font-size: 30px; line-height: 40px; border-bottom: 1px solid #cceffc; padding: 0 0 20px 0; margin: 0 0 24px 0; }
#download-form form
{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0 0 0; }
#download-form h3
{ font-size: 18px; line-height: 33px; margin: 0 0 20px 0; width: 100%; padding-top: 40px; }
#download-form p
{ font-size: 18px; line-height: 33px; margin: 0 0 32px 0; width: 100%; }
#download-form p.half
{ max-width: calc(50% - 33px); }
#download-form input[type="text"],
#download-form input[type="email"]
{ display: block; width: 100%; height: 50px; font-size: 14px; color: #00adef; padding: 10px 20px; line-height: 30px; background: #fff; border: 1px solid #cceffc; font-weight: bold; }
#download-form input.wpcf7-not-valid[type="text"],
#download-form input.wpcf7-not-valid[type="email"]
{ border: 1px solid #f00; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22438.533px%22%20height%3D%22438.533px%22%20viewBox%3D%220%200%20438.533%20438.533%22%20style%3D%22enable-background%3Anew%200%200%20438.533%20438.533%3B%22%09%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23f00%22%20d%3D%22M409.133%2C109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736%2C9.801%2C259.058%2C0%2C219.273%2C0%0D%0A%09%09c-39.781%2C0-76.466%2C9.801-110.063%2C29.407c-33.595%2C19.604-60.192%2C46.201-79.8%2C79.796C9.801%2C142.8%2C0%2C179.489%2C0%2C219.267%0D%0A%09%09s9.804%2C76.463%2C29.407%2C110.062c19.607%2C33.585%2C46.204%2C60.189%2C79.799%2C79.798c33.597%2C19.605%2C70.283%2C29.407%2C110.063%2C29.407%0D%0A%09%09s76.47-9.802%2C110.065-29.407c33.593-19.602%2C60.189-46.206%2C79.795-79.798c19.603-33.599%2C29.403-70.287%2C29.403-110.062%0D%0A%09%09C438.533%2C179.489%2C428.732%2C142.795%2C409.133%2C109.203z%20M255.82%2C356.021c0%2C2.669-0.862%2C4.9-2.573%2C6.707s-3.806%2C2.711-6.283%2C2.711%0D%0A%09%09h-54.818c-2.472%2C0-4.663-0.952-6.565-2.854c-1.904-1.903-2.854-4.093-2.854-6.563V301.78c0-2.478%2C0.95-4.668%2C2.854-6.571%0D%0A%09%09c1.903-1.902%2C4.093-2.851%2C6.565-2.851h54.818c2.478%2C0%2C4.579%2C0.907%2C6.283%2C2.707c1.711%2C1.817%2C2.573%2C4.045%2C2.573%2C6.715V356.021z%0D%0A%09%09%20M255.246%2C257.812c-0.192%2C1.902-1.188%2C3.568-2.991%2C4.996c-1.813%2C1.424-4.045%2C2.135-6.708%2C2.135h-52.822%0D%0A%09%09c-2.666%2C0-4.95-0.711-6.853-2.135c-1.904-1.428-2.857-3.094-2.857-4.996L178.162%2C80.51c0-2.288%2C0.95-3.997%2C2.852-5.14%0D%0A%09%09c1.906-1.521%2C4.19-2.284%2C6.854-2.284h62.819c2.666%2C0%2C4.948%2C0.76%2C6.851%2C2.284c1.903%2C1.143%2C2.848%2C2.856%2C2.848%2C5.14L255.246%2C257.812z%22%0D%0A%09%09%2F%3E%3C%2Fsvg%3E') no-repeat right 20px center; background-size: 16px; }
#download-form select
{ display: block; width: 100%; height: 50px; font-size: 14px; color: #00adef; padding: 10px 20px; line-height: 30px; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.454%22%20viewBox%3D%220%200%2016%209.454%22%3E%0D%0A%20%20%3Cpath%20id%3D%22dooo%22%20d%3D%22M8%2C0%2C6.545%2C1.455l5.506%2C5.506L13.148%2C8h0l-1.1%2C1.039L6.545%2C14.545%2C8%2C16l8-8Z%22%20transform%3D%22translate%2816%20-6.546%29%20rotate%2890%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat right 20px center; background-size: 10px; border: 1px solid #cceffc; cursor: pointer; font-weight: bold; }
#download-form select.wpcf7-not-valid
{ border: 1px solid #f00; }
#download-form select:invalid
{ color: #00adef; font-weight: normal; }
#download-form select option,
#download-form select:invalid option
{ color: #00adef; font-weight: normal; }
#download-form input::-webkit-input-placeholder { color: #00adef; font-weight: normal; }
#download-form input::-moz-placeholder { color: #00adef; font-weight: normal; }
#download-form input:-ms-input-placeholder { color: #00adef; font-weight: normal; }
#download-form input:-moz-placeholder { color: #00adef; font-weight: normal; }
#download-form p.radio {}
#download-form p.radio label {}
#download-form p.radio label input { display: none; }
#download-form p.radio label span { display: block; font-size: 14px; line-height: 30px; position: relative; color: #00adef; cursor: pointer; padding: 0 0 0 40px; }
#download-form p.radio label span:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; background: #fff; border-radius: 15px; border: 1px solid #cceffc; }
#download-form p.radio label span:after { content: ''; position: absolute; top: 9px; left: 9px; display: block; width: 12px; height: 12px; background: #2e9cfb; border-radius: 15px; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); }
#download-form p.radio label input:checked + span:after { transform: scale(1); }
#download-form p.radio span.wpcf7-list-item { margin: 0 137px 0 0; }
#download-form div[data-id="digital"] { display: block !important; width: 100%; max-width: calc(50% - 33px); }
#download-form div[data-id="digital"] p.half { width: 100%; max-width: 100%; }
#download-form div[data-id="print"] { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 0 0; }
#download-form .wpcf7-not-valid-tip { display: none !important; }
#download-form .messages { margin: 0 30px 0 auto; padding: 0 0 0 30px; height: 40px; display: flex; align-items: center; }
#download-form .wpcf7-response-output { border: 0; padding: 0; margin: 0; color: #f00; font-size: 14px; line-height: 20px; }
#download-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #00adef; }
#download-form .checkboxes .wpcf7-form-control.wpcf7-checkbox { display: flex; flex-wrap: wrap; padding: 15px 0 0 0; }
#download-form .checkboxes .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item { display: block; margin: 0; }
#download-form .checkboxes label input { display: none; }
#download-form .checkboxes label span { display: block; font-size: 14px; line-height: 30px; position: relative; color: #00adef; cursor: pointer; padding: 0 0 0 40px; }
#download-form .checkboxes label span:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; background: #fff; border: 1px solid #cceffc; }
#download-form .checkboxes label span:after { content: ''; position: absolute; top: 9px; left: 9px; display: block; width: 12px; height: 12px; background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1102%22%20data-name%3D%22Group%201102%22%20transform%3D%22translate%28-454%20-168%29%22%3E%0D%0A%20%20%20%20%3Crect%20id%3D%22Rectangle_460%22%20data-name%3D%22Rectangle%20460%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate%28454%20168%29%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Checkbox%22%20d%3D%22M6.345%2C11.034%2C0%2C4.69%2C1.287%2C3.4%2C6.345%2C8.368%2C14.713%2C0%2C16%2C1.287Z%22%20transform%3D%22translate%28454%20170%29%22%20fill%3D%22%2300adef%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); }
#download-form .checkboxes label input:checked + span:after { transform: scale(1); }
#download-form .submit-line { display: flex; width: 100%; justify-content: space-between; align-items: /*flex-end*/ center; padding: 30px 0 0 0; }
#download-form .submit-line div.submit { display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
#download-form div.wpcf7 .ajax-loader,
#download-form div.wpcf7 .wpcf7-spinner { position: absolute; margin: 0; top: 10px; right: -35px; }
#download-form input[type="submit"] { display: block; width: 174px; height: 40px; color: #fff; background: #00adef; border: 0; cursor: pointer; font-size: 14px; line-height: 40px; text-align: center; border-radius: 2px; }
#download-form p.small { font-size: 14px; line-height: 20px; padding: 75px 0 0 0; color: #00adef; }
#download-form p.small a { text-decoration: underline; color: #00adef; }
#download-form p.small a:hover { text-decoration: none; }
/**/
#download-thankyou-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.85); display: flex; justify-content: center; align-items: center; padding: 25px; z-index: 1000000; opacity: 0; pointer-events: none; transition: .3s; }
#download-thankyou { width: 822px; max-width: 100%; max-height: 100%; overflow: auto; background: #f2fbff; padding: 85px 164px 51px 62px; opacity: 0; transition: .3s; position: relative; }
.dt-open #download-thankyou-wrap { opacity: 1; pointer-events: all; }
.dt-open #download-thankyou { opacity: 1; }
#download-thankyou .dt-close { position: absolute; top: 60px; right: 60px; display: block; width: 32px; height: 32px; cursor: pointer; z-index: 5000; }
#download-thankyou .dt-close svg { width: 100%; height: 100%; }
#download-thankyou .dt-grid
{ display: flex; }
#download-thankyou .dt-img
{ margin: 0 50px 0 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); max-width: 280px; }
#download-thankyou .dt-img img
{ max-width: 280px; height: auto; }
#download-thankyou h2
{ font-size: 30px; line-height: 40px; border-bottom: 1px solid #cceffc; padding: 0 0 20px 0; margin: 0 0 24px 0; }
#download-thankyou p
{ font-size: 18px; line-height: 28px; margin: 0 0 32px 0; width: 100%; }
#download-thankyou .button
{ cursor: pointer; }
/**/
.gm-style .gm-style-iw-c { border-radius: 0; padding: 0; background: #fff; z-index: 100; max-width: 720px !important; width: 100% !important; max-height: 460px !important; border: 20px solid #fff; border-right: 0; }
.gm-style .gm-style-iw-d { background: #fff; overflow: auto !important; max-width: 100% !important; max-height: 420px !important; }
.gm-style .gm-style-iw-d > div { display: grid; grid-template-columns: 1fr; grid-row-gap: 20px; }
.cpm-infowindow .cpm-content { display: flex; height: 200px; background: #f2fbff; width: auto !important; max-width: 680px; }
.cpm-infowindow .cpm-content > a:first-child { display: block; width: 340px; position: relative; overflow: hidden; flex: 0 0 auto; /*margin: 0 0 -8px 0;*/ }
.cpm-infowindow .cpm-content > a:first-child img { width: 100% !important; height: 100% !important; display: block; position: relative; top: -8px; object-fit: cover; }
.cpm-infowindow .cpm-content .address,
.cpm-infowindow .cpm-content .description { display: none !important; }
.cpm-infowindow .cpm-content > a.title { font-size: 21px; line-height: 28px; display: flex; font-weight: normal; font-family: "Varela Round", sans-serif; padding: 20px 30px; position: relative; width: 280px; flex: 0 0 auto; overflow: hidden; flex-direction: column; }
.cpm-infowindow .cpm-content > a.title:after { content: 'READ ARTICLE'; display: block; font-size: 16px; line-height: 24px; color: #00adef; text-align: right; font-family: "Asap", sans-serif; margin: auto 0 0 0; padding: 15px 0 0 0; }
html[lang="es-ES"] .cpm-infowindow .cpm-content > a.title:after { content: 'Buscar artÃculo'; text-transform: uppercase; }
.map button[title="Close"] img,
.map button[title="Cerrar"] img { display: none !important; }
.map button[title="Close"],
.map button[title="Cerrar"] { background: transparent url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.421%22%20height%3D%2217.407%22%20viewBox%3D%220%200%2017.421%2017.407%22%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1133%22%20data-name%3D%22Group%201133%22%20transform%3D%22translate%28-1295.782%20-58.804%29%22%3E%0D%0A%20%20%20%20%3Cline%20id%3D%22Line_38%22%20data-name%3D%22Line%2038%22%20x2%3D%2215.538%22%20y2%3D%2216%22%20transform%3D%22translate%281296.5%2059.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_241%22%20data-name%3D%22Path%20241%22%20d%3D%22M0-16%2C16-31.843%22%20transform%3D%22translate%281296.5%2091.5%29%22%20fill%3D%22none%22%20stroke%3D%22%2300adef%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat center center !important; background-size: 16px !important; top: 0 !important; right: 20px !important; opacity: 1 !important; }
.cpm-map,
.cpm-map .cpm-map-container,
.cpm-map .cpm-map-container > div { background: #fff !important; outline: none !important; }
.cpm-map .cpm-map-container > div > div,
.cpm-map .cpm-map-container > div > div > div,
.cpm-map .cpm-map-container iframe { outline: none !important; box-shadow: none !important; border-color: transparent !important; border: 0 !important; }
/**/
.imagepopup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,.84); transition: all .5s; opacity: 0; pointer-events: none; visibility: hidden; display: flex; justify-content: center; align-items: center; }
.imagepopup .imagepopupholder { max-width: 80vw; height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.imagepopup .imagepopupholder img { max-width: 80vw; max-height: 80vh; display: block; }
.imagepopup .imagepopupholder p { font-size: 17px; font-style: italic; line-height: 32px; color: #fff; margin: 10px 0 0 0; min-width: 100%; width: min-content; }
.imagepopup .imagepopupholder a { display: block; position: relative; margin: 0 0 30px auto; overflow: hidden; width: 27px; height: 27px; align-self: flex-end; cursor: pointer; flex-shrink: 0; }
.imagepopup .imagepopupholder a::before { content: ''; display: block; width: 40px; height: 2px; top: 0; left: 0; transform-origin: left top; transform: rotate(45deg); position: absolute; background: #00adef; }
.imagepopup .imagepopupholder a::after { content: ''; display: block; width: 40px; height: 2px; bottom: 0; left: 0; transform-origin: left bottom; transform: rotate(-45deg); position: absolute; background: #00adef; }
.imagepopup.active { opacity: 1; visibility: visible; pointer-events: all; }
@media (hover:hover) {
.imagepopup .imagepopupholder a:hover::before,
.imagepopup .imagepopupholder a:hover::after { background: #fff; }
}
@media (max-width: 991.5px) {
.imagepopup .imagepopupholder { max-width: calc(100vw - 40px); }
.imagepopup .imagepopupholder img { max-width: calc(100vw - 40px); max-height: 60vh; }
}
.ymal.block { margin: 50px 0; }
.ymal.block .inner h2 { width: 100%; color: #00adef; font-size: 24px; float: none; padding: 0 0 5px; border-bottom: 1px solid #cceffc; }
.ymal.block .inner h2::after { display: none; }