@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@font-face {
    font-family: 'Helvethaica';
    src: url('../fonts/DB-Helvethaica-X-55-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#d1e7e7}
:-moz-placeholde {color:#d1e7e7}
::-moz-placeholder {color:#d1e7e7}
:-ms-input-placeholder {color:#d1e7e7}
::-ms-input-placeholder {color:#d1e7e7}
::placeholder {color:#d1e7e7}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-box-sizing: border-box;-webkit-box-align: start;-webkit-border-fit: border;-webkit-margin-collapse: discard;-webkit-border-radius: 0;outline:none;}
body,html {max-width:100%;min-width:375px;overflow-x:hidden;text-align:center;font-family:'Quicksand',sans-serif;font-size:18px;line-height:28px;margin:0;padding:0;background: #fff;color:#25242D;font-weight:500;min-height:100vh;letter-spacing: 0;font-style:normal;text-transform:none;}
html.th, .th body {font-family:'Helvethaica','Quicksand',sans-serif;font-weight:400;font-size:22px;letter-spacing:.04em;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;overflow:hidden;min-height:100vh;background:#fff}
.page.blur {filter: blur(5px);transform:scale(1.01)}
a {text-decoration:underline;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#0096B4;}
a:hover {text-decoration:none;color:#0096B4;}
.clear, hr, .content .inner:after, .app-menu ul:after, .fix .menu ul:after, .fix .support-menu ul:after, .social-menu ul:after {clear:both;float:none;display:block;border:0;margin:0;padding:0;content:''}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:700;margin-bottom:28px;}
.th h1, .th h2, .th h3, .th H4, .th h5, .th h6 {font-family: 'Mitr','Quicksand',sans-serif;letter-spacing:0}
h1 {font-size: 64px;line-height:80px;letter-spacing:-.2px;color:#3D3D4F;}
h2 {font-size: 48px;line-height:60px;letter-spacing:-.2px;color:#3D3D4F;}
h3 {font-size: 32px;line-height:48px;letter-spacing:-.1px;color:#3D3D4F;}
h4 {font-size: 24px;line-height:36px;letter-spacing:-.1px;color:#3D3D4F;}
h5, input, textarea, select, .team .tabs li {font-size: 18px;line-height:28px;color:#3D3D4F;}
h6, .footermenu .col16 ul, .promo small, label, .article p, .more, .program p {font-size: 16px;line-height:24px;}
.th h6, .th .footermenu .col16 ul, .th .promo small, .th label, .th .article p, .th .more, .th .program p {font-size:20px;}
small, .footer .copy, .award ul li {font-size: 14px;line-height:20px;}
.th small, .th .footer .copy, .th .award ul li {font-size: 18px;}
.date {font-size:12px;line-height:18px;padding-top:4px;padding-bottom:4px;}
.th .date {font-size:16px;l}
p {margin-bottom:28px;box-sizing:border-box;}
b, strong {font-weight:700;}
sup {display:inline-block;font-size:.4em;top:0;margin:0;padding-top:.5em;line-height:.5em;vertical-align:top;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 12px;width:1176px;margin:auto;box-sizing: border-box;max-width:100%;}
.inner {padding: 12px;clear:both;float:none;box-sizing: border-box;width:100%;}

.col15 {width:15%}
.col16 {width:calc(50% / 3);}
.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col35 {width:35%}
.col33 {width: 33.3333%}
.col40 {width: 40%}
.col45 {width: 45%}
.col50 {width: 50%}
.col55 {width: 55%}
.col60 {width:60%}
.col66 {width: 66.6666%}
.col70 {width:70%}
.col75 {width:75%}
.col80 {width:80%}
.col100 {width:100%;}

.inline {display: inline-block;}
.flex {display: flex;flex-wrap:wrap;}
.flexcenter {align-items:center;}
.flexbottom {align-items:flex-end}
.flextop {align-items:flex-start}
.flexbetween {justify-content:space-between;}

.taleft {text-align:left}
.taright {text-align:right}
.tacenter {text-align:center;}
.fleft {float:left!important;}
.fright {float: right!important}
.tag {top:-96px;position:absolute;left:0;display:block;}
.anim {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.abs {position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0!important;}
.upper {text-transform:uppercase;}

label {display:block;text-align:left;font-weight:700;text-transform:none;margin-bottom:8px;color:#424242;}
input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Quicksand',sans-serif;border:0;padding:12px;border-radius: 0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background-color:transparent;resize:none;font-weight:500;display: block;box-shadow: none;border: 1px solid #D7D7E0;border-radius:12px;height:54px;}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:108px;}
input:focus, textarea:focus , select:focus {border-color:#0096B4!important;}

button {cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;border:0;font-size:18px;line-height:28px;}
input[type="submit"] {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;}

.btn, .fix .support-menu ul li.button a {display: inline-block;box-sizing: border-box;padding:9px;padding-left:24px;padding-right:24px;border:0;color:#fff;text-transform:none;text-decoration:none;min-height:48px;font-family:'Quicksand',sans-serif;font-weight:700;border:1px solid transparent;border-radius: 40px;background: linear-gradient(to right, rgba(0,136,163,1) 0%,rgba(142,225,201,1) 100%);float:none;margin:auto;
}

.th .btn, .th .fix .support-menu ul li.button a, .th .more, .th .team .tabs li, .th .pag-how li {font-family: 'Mitr','Quicksand',sans-serif;font-size:18px;letter-spacing:0}

.btn:not(.btnborder,.share) {border:0}

.btnorange {background: linear-gradient(to right, rgba(240,140,0,1) 0%,rgba(255,214,115,1) 100%);}
.btnpink {background: linear-gradient(to right, rgba(216,13,111,1) 0%,rgba(255,69,118,1) 100%);}

.btnborder, .fix .support-menu ul li.button a {box-shadow:none;border-color:#0196b4;background:transparent;color:#0196b4}
.btn:hover, .btnborder:hover, .fix .support-menu ul li.button a:hover {border-color:#0096B4;color:#fff;text-decoration:none;background:#0096B4;box-shadow:none;}
.btn:hover:not(.btnborder,.share,.btnorange,.btnpink) {background: linear-gradient(to left, rgba(0,136,163,1) 0%,rgba(142,225,201,1) 100%);}
.btnorange:hover {background-color:#F08C00;border-color:#F08C00;background: linear-gradient(to left, rgba(240,140,0,1) 0%,rgba(255,214,115,1) 100%);}
.btnpink:hover {background-color:#FF4576;border-color:#FF4576;background: linear-gradient(to left, rgba(216,13,111,1) 0%,rgba(255,69,118,1) 100%);}

.more {font-weight:700;display:inline-block;}

.btn.share:before {display:inline-block;width:24px;height:24px;margin-right:8px;background:url(../img/ic_share.png) no-repeat center center;background-size: contain;content:'';vertical-align:middle;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn.share:hover:before {filter:brightness(10)}

/* Header */
.fix {position:fixed;min-width:375px;width:100%;z-index: 99;top:0;left:0;right:0;background:transparent;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;border-radius: 0 0 24px 24px;}
.scroll .fix {background:#fff;box-shadow: 0 5px 25px rgba(7,153,181,.15);}
.fix .ic_menu {display:none;cursor:pointer;float:right;}
.fix .inner:after, .footermenu .inner:after, .menu ul:after {display:block;float:none;clear:both;content:'';}

.menu, .fix .support-menu {display:block;float:left;}
.fix .menu {margin-right:-24px;}
.fix .support-menu {float:right;}
.menu ul, .fix .support-menu ul {display:block;margin-left:24px;margin-right:24px;}
.fix .support-menu ul {margin-left:-6px;margin-right:-6px;}
.menu ul li, .fix .support-menu ul li {display:block;float:left;margin-left:12px;margin-right:12px;}
.fix .support-menu ul li {margin-left:6px;margin-right:6px;}
.menu ul li:not(.button) a, .fix .support-menu ul li:not(.button) a {display:block;line-height:48px;height:48px;white-space:nowrap;color:#3D3D4F;text-decoration:none}
.menu ul li:not(.button) a:hover, .fix .support-menu ul li:not(.button) a:hover {color:#0096B4;text-decoration:none;}

.fix .support-menu ul li.buttonpink a {color:#FF4576;border-color:#FF4576;}
.fix .support-menu ul li.buttonpink a:hover {background:#FF4576;border-color:#FF4576;color:#fff;}
.fix .support-menu ul li.buttonorange a {color:#F08C00;border-color:#F08C00;}
.fix .support-menu ul li.buttonorange a:hover {background:#F08C00;border-color:#F08C00;color:#fff;}

.lang-menu {float:right;line-height:48px;font-size: .8em;font-weight:600;margin-right:24px;text-align:left;}
.lang-menu a {color:#3D3D4F;text-decoration:none;}
.lang-menu a:hover {text-decoration:none;color:#0096B4}
.lang-menu {min-width:50px;min-height:48px;}
.lang-menu ul {position:absolute;top:0;left:0;right:0;padding-top:48px;}
.lang-menu ul li {display:none;line-height:32px;}
.lang-menu ul li.current-lang {position:absolute;top:0;left:0;display:block;line-height:48px;}
.lang-menu ul:hover li {display:block;}
.lang-menu ul:hover:before {position:absolute;top:0;;left:-12px;;right:-12px;;bottom:-6px;background:#fff;content:'';border-radius:8px;box-shadow: 0 5px 25px rgba(7,153,181,.15);}

.logo {display:block;float:left;width:108px;height:48px;text-align:left;text-indent:-9999px;line-height:40px;overflow:hidden;background: url(../img/sati-logo.svg) no-repeat center center;background-size:contain;}
.footer .logo {float:none;margin-bottom:28px;}

.app-menu ul {margin:-8px;margin-top:0;margin-bottom:0;}
.app-menu ul li {display:block;float:left;margin:8px;}
.app-menu ul li a {display:block;width:135px;height:40px;line-height:40px;overflow:hidden;text-align:left;text-indent:-9999px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.app-menu ul li.apay a {background-image: url(../img/apay.svg)}
.app-menu ul li.gpay a {background-image: url(../img/gpay.svg)}
.promo .app-menu {margin-bottom:24px;}

.social-menu {margin-bottom:24px;}
.social-menu ul {margin-left:-12px;margin-right:-12px;}
.social-menu ul li {float:left;margin-left:12px;margin-right:12px;}
.social-menu ul li a {display:block;width:32px;height:32px;overflow:hidden;text-align:left;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.social-menu ul li.ic_fb a {background-image: url(../img/ic_fb.png)}
.social-menu ul li.ic_ig a {background-image: url(../img/ic_ig.png)}
.social-menu ul li.ic_line a {background-image: url(../img/ic_line.png)}
.social-menu ul li.ic_li a {background-image: url(../img/ic_li.png)}
.social-menu ul li.ic_tw a {background-image: url(../img/ic_tw.png)}

.fix .social-menu, .fix .app-menu {display:none;}

.section {padding-top:40px;padding-bottom:40px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

/* Promo */
.promo {min-height:100vh;overflow:hidden;background: #fff url(../img/img_promo-min.png) no-repeat bottom right;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:110px;box-sizing:border-box;padding-bottom:64px;}
.promo .overimg {margin:0;}
.promo .overimg img, .mission .overimg img {width:auto;max-width:100%;margin:auto;height:auto;}
.promo h1 strong {color:#0096B4;}
.promo small img {display:inline-block;margin-left:8px;vertical-align:middle;}
.promo p, .mission p, .what ul p, .contact p {width:460px;max-width:100%;}
.event p {width:645px;}
.mission:not(.event) .overimg img {width:412px;}

/* Awards */
.awards {background-color:rgba(238,237,241,.5);overflow:hidden;}
.award {text-align:left;width:auto;}
.award ul {display:flex;flex-wrap:nowrap;align-items:flex-start;padding-top:24px;}
.award ul:before {display:block;width:100vw;position:absolute;top:-8px;left:0;height:4px;background:#48DEDE;content:''}
.award ul:after {width:16px;height:16px;border-radius:100%;border: 4px solid #48DEDE;background:#fff;position:absolute;top:-18px;left:0;content:'';display:block;}
.award ul li {margin-right:24px;background:rgba(255,255,255,.5);border-radius:8px;padding:8px;box-shadow: 2px 2px 24px rgba(0,0,0,.1);color:#575772;box-sizing:border-box;width:168px;}
.award img {margin-bottom:8px;display:block;width:auto;max-width:100%;height:auto;width:100%}
.award h5 {color:#0096B4;}
.awards .swiper-slide {width:auto;align-items:flex-start;}

/* Mission */
.mission {padding-bottom:0;}
.mission .bg:before {display:block;position:absolute;top:0;bottom:0;left:-40px;right:-40px;border-radius:60px;background: linear-gradient(to bottom, rgba(72,222,222,1) 0%,rgba(125,232,232,1) 100%);content:'';opacity:.8}
.event .bg {padding-top:40px;padding-bottom:40px;}
.event .bg:before {background:#BEFFF5 url(../img/img_event.png) no-repeat right center;}
@media only screen and (max-width:1060px) {
  .mission .bg {padding-top:40px;padding-bottom:40px;}
  .event .bg:before {background-image:none;}
}

/* Event */
.event .overimg {padding-top:12px;}

/* Blogs */
.blogs .swiper-slide, .programs .swiper-slide {align-items:flex-start;}
.blogs.single {margin-top:96px;border-bottom: 3px solid #BEFFF5;padding-top:24px;}
.blogs.related {background:#F9F9F9;}
.blogs.related h3 {margin-bottom:0}

/* Singlepost */
.single-post {margin-top:96px;padding-top:24px;}
.single-post .thumb {aspect-ratio:1128/380;width:100%;height:auto;margin:0;margin-bottom:48px;border-radius:24px;background-repeat:no-repeat;background-size:cover;background-position:center center;}

/* What */
.what ul {display:flex;flex-wrap:wrap;margin-left:-16px;margin-right:-16px;}
.what ul li {margin:16px;width:calc(50% - 32px);}
.what ul h4 {margin-bottom:8px;color:#0096B4;}
.what ul p {margin-bottom:8px}
.th .what ul p {width:360px;}
.what ul img {margin-bottom:28px;}

/* How */
.how {border-radius:80px 80px 0 0;background: rgba(254,210,149,.3);z-index:3;padding-bottom:0;}
.numbers {background:#48DEDE;min-height:320px;}
.numbers ul {display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;}
.numbers ul li {margin:12px;width:calc(33.333% - 24px);}
.numbers ul h2, .numbers ul h4 {margin-bottom:0;}
.numbers ul h2 {color:#fff;}
.how .swiper-slide {opacity:0!important;z-index:1!important;}
.how .swiper-slide-active {opacity:1!important;z-index:3!important;}
.how .overimg {width:50%;margin:auto;margin-bottom:12px}
.how .overswiper:before {width:52%;height:auto;aspect-ratio:1/1;position:absolute;bottom:-80px;left:50%;transform:translate(-50%,0);border-radius:100%;content:'';background:#BEFFF5}
.how .overimg .thumb {width:100%;max-width:100%;height:auto;aspect-ratio:1/1;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.how .overimg video {width:100%;display:block;max-width:100%;height:auto;aspect-ratio:1/1;}
.how .overimg .overvideo {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;transform:scale(.93);}
.how .overimg .overvideo:before {display:block;z-index:9;content:'';top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/img_iphone.png);position:absolute;transform:scale(1.05);}

/* Report */
.report, .team {background:#F9F9F9;}

/* Team */
.team .tab:not(.active) {display:none}
.team .tabs, .pag-how {display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius: 56px;background:rgba(238, 237, 241, .5);margin-bottom:24px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05) inset;}
.pag-how {margin-bottom:48px;}
.team .tabs li, .pag-how li {margin:4px;padding:8px;padding-left:24px;padding-right:24px;color:#575772;border-radius:40px;cursor:pointer;width:178px;max-width:calc(50% - 8px);box-sizing:border-box;}
.pag-how li {width:auto;max-width:calc(100% - 8px);}
.team .tabs li.active, .pag-how li.swiper-pagination-bullet-active {background:#0096B4;color:#fff;font-weight:700}
.person h5, .person p {margin-bottom:4px;}
.person {margin:24px;width:calc(25% - 48px);}
.people {margin-left:-24px;margin-right:-24px;display:flex;flex-wrap:wrap;}
.person .thumb, .layer .thumb {width:100%;border-radius:16px;aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:24px;}

.peoplecol {display:flex;flex-wrap:wrap;width:100%;}

.layer .thumb {width:38%;margin-bottom:28px;}

/* Article */
.articles {display:flex;flex-wrap:wrap;}
.article {margin:12px;width:calc(100% - 24px);background:#fff;border-radius:24px;overflow:hidden;box-shadow: 2px 2px 24px rgba(0,0,0,.1);height:calc(100% - 24px);}
.articles .article {width:calc(33.333% - 24px)}
.article .desc {padding:24px;text-align:left;}
.article .thumb {background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:auto;aspect-ratio:360/266;}
.article h5, .article p {margin-bottom:4px;color:#25242D;}


.report .article {background:rgba(255,255,255,.8);}
.report h3 {margin-bottom:0;}

/* Programs */
.programs {padding-bottom:0;}
.program-list {display:flex;flex-wrap:wrap;}
.program {margin:12px;width:calc(25% - 24px);background:rgba(190,255,245,.6);overflow:hidden;border-radius:24px;padding:24px;padding-bottom:240px;}
.program:nth-child(2) {background:rgba(254,210,149,.3)}
.program:nth-child(3) {background:rgba(255,214,224,.3)}
.program p {text-align:left;margin-bottom:8px;}
.program h5 {margin-bottom:8px;}
.program img {margin:auto;margin-bottom:16px;}
.program .overimg {position:absolute;bottom:24px;right:0;left:0;}

/* Sponsors */
.sponsors ul {display:flex;flex-wrap:wrap;margin:-24px;margin-bottom:0;}
.sponsors ul li {margin:24px;width:calc((100%/6) - 48px);border-radius:16px;background:#fff;display:block;aspect-ratio:1/1;overflow:hidden;}
.sponsors ul li img {top:50%;left:50%;width:auto;max-width:60%;height:auto;max-height:60%;transform:translate(-50%,-50%);mix-blend-mode: multiply;}
.sponsors ul li a {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;}
.sponsors p {margin-bottom:0;}

/* Contact */
.contact {background: rgba(254,210,149,.3);}
.contact .form {background:#fff;padding:12px;padding-top:16px;padding-bottom:16px;border-radius:24px;box-shadow: 2px 2px 24px rgba(0,0,0,.1);}
.contact .form .inner {padding-top:8px;padding-bottom:8px;}
.contact .ic_form {display:block;width:calc(60% - 24px);height:auto;aspect-ratio:1/1;background: url(../img/img_form.svg) no-repeat center center;background-size:contain;margin:auto;transform:translate(-50%,-38%);position:absolute;left:50%;top:0;}

/* Footer */
.footer {background:#fff;}
.footermenu {padding-top:40px;padding-bottom:40px;}
.footermenu .col50, .footer .copy {color:#575772;}
.footermenu .col16, .footermenu .col16 a {color:#3D3D4F;text-decoration:none;}
.footermenu .col50 p {width:450px;max-width:100%;}
.footermenu .col16 ul li {margin-bottom:8px;}
.footermenu .col16 ul li:last-child {margin:0;}
.footermenu .col16 ul li.button a {font-weight:700}
.footermenu .col16 a:hover {color:#0096B4;}

.footermenu .col16 ul li.buttonpink a {color:#FF4576}
.footermenu .col16 ul li.buttonorange a {color:#F08C00;}

.footer .copy {padding-top:40px;padding-bottom:40px;border-top:1px solid #F9F9F9;}
.footer .copy p {margin:0;}
.footer .copy a {color:#25242D;text-decoration:none}
.footer .copy a:hover {text-decoration:none;color:#25242D;}
.footer .copy a img {display:inline-block;margin-left:8px;vertical-align:middle;}

/* Layer */
.layer {display: none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-x:hidden;z-index:999;min-width:375px;background: rgba(37, 36, 45,0.7);}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:fixed;top:0;left:0;bottom:0;right:0;display:block;width:100%;height:100%;}
.layer .ic_close {float:left;height:32px;width:32px;position:absolute;top:24px;right:24px;background: url(../img/ic_close.png) no-repeat center center;background-size: contain;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer;border-radius:0;}

.layer .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:0}
.layer .boxlayer {background:#fff;width: auto;max-width:100%;box-sizing: border-box;text-align:center;padding:56px;height:auto;max-height:none;border-radius:0;width: 920px;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;box-shadow: 2 2 24px rgba(0,0,0,.1);border-radius:32px;}
.layer .cont {width:100%;display:block;min-height:375px;}

.layer .overimg {width:100%;height:100%;display: flex;justify-content:center;align-items:center;}
.layer .overmovie {display:block;width:800px;max-width:100%;}
.layer .overiframe {display:block;width:100%;padding-bottom:65%;height:0;box-shadow: 0 0 32px rgba(1,91,108,.2);}
.layer .overmovie iframe, .layer .overmovie video {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0;outline:none;}

/* Spinner */
.spinner {width: 48px;height:48px;margin:auto;border-radius: 48px;border: 4px solid #e8f9f9;box-sizing:border-box;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.spinner:after {display:block;width:48px;height:48px;border-radius: 48px;border:4px solid transparent;border-top-color:#0196b4;content:'';position:absolute;top:50%;left:50%;box-sizing:border-box;margin-left:-24px;margin-top:-24px;animation: spin 3s linear infinite;}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}
.swiper-button-disabled {opacity:0;cursor:default!important;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}

@media only screen and (min-width:1061px){
  .noscroll.opened {overflow-y:auto!important;}
}

@media only screen and (max-width:1340px) {
body,html,button {font-size:16px;line-height:24px;}
.btn, .fix .support-menu ul li.button a {line-height:28px;}
h1 {font-size: 48px;line-height:60px;letter-spacing:-.2px;}
h2 {font-size: 32px;line-height:48px;letter-spacing:-.1px;}
h3 {font-size: 24px;line-height:36px;letter-spacing:-.1px;}
h4 {font-size: 18px;line-height:28px;}
h5, input, textarea, select, .team .tabs li {font-size: 16px;line-height:24px;}
h6, .footermenu .col16 ul, .promo small, label, .article p, .more, .program p  {font-size: 14px;line-height:20px;}
small, .footer-copy, .award ul li {font-size: 12px;line-height:18px;}
}

@media only screen and (max-width:1060px) {
  .blogs.single, .single-post {margin-top:60px;padding-top:0;}
  .tag {top:-60px;}
  .fix .menu, .fix .support-menu {display:none}
  .fix .ic_menu {display:block;width:32px;height:32px;overflow:hidden;text-align:left;text-indent:-9999px;background:url(../img/ic_menu.png) no-repeat center center;background-size:contain;position:absolute;top:2px;right:12px;}
  .fix .inner {padding-top:0;padding-bottom:0;}
  .opened .fix .ic_menu {background-image: url(../img/ic_close.png);}
  .opened .fix {height:100%;bottom:0;overflow-x:hidden;border-radius:0;background:#fff;}
  .opened .fix .menu, .opened .fix .support-menu, .opened .fix .social-menu, .opened .fix .app-menu {display:block;float:none;clear:both;}
  .lang-menu {display:none;}
  .lang-menu ul:before {display:none!important;}

  .opened .lang-menu {display:block;}
  .lang-menu {float:none;}
  .lang-menu ul {display:block;margin-left:-12px;margin-right:-12px;text-align:center;position:relative!important;padding-top:12px!important;}
  .lang-menu ul li {display:inline-block;margin-left:12px;margin-right:12px;display:inline-block!important;}
  .lang-menu ul li {position:relative!important;}


  .fix .support-menu {padding-top:36px;padding-bottom:24px;border-bottom:1px solid rgba(131, 132, 157, 0.2);}
  .fix .menu {border-bottom: 1px solid rgba(131, 132, 157, 0.2);padding-top:12px;padding-bottom:12px;text-align:left;}
  .fix .menu ul {margin:0}
  .fix .menu ul li {margin:0;float:none;display:block;}
  .fix .menu ul li a {display:inline-block;font-weight:700}

  .fix .social-menu {padding-top:24px;margin-bottom:0;}
  .fix .app-menu {padding-top:24px;padding-bottom:24px;}


  .logo {width:97px;height:36px;}
  .footer .logo {margin-bottom:12px;}
  .bg {width: 640px;}
  .team .bg {width:100%;}
  .promo {min-height:1px;background-position: 10vw 20vw;background-size: 120vw auto;}
  .promo .overimg img {width:340px;max-width:100%;margin-bottom:24px;}
  .promo .col50, .mission .col50 {width:100%;}
  .promo .inner {text-align:center!important;}
  .promo .order1 {order:1}
  .promo .order2 {order:2}
  .award ul {flex-wrap:wrap;width:100%}
  .award {width:100%}
  .award ul li {margin-bottom:24px;max-width:calc(50% - 24px);width:calc(50% - 24px);}
  .app-menu ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
  .footer .app-menu ul, .fix .app-menu ul {justify-content:flex-start;}
  .app-menu ul li {float:none;}

  .what ul li {width:calc(100% - 32px);text-align:center;}
  .what ul li img, .promo p, .mission p, .what ul p, .contact p {margin-left:auto;margin-right:auto;}
  .awards .inner, .mission .inner, .what .inner, .sponsors .inner {text-align:center!important;}
  .mission .bg:before {left:0;right:0;}
  .mission:not(.event) .overimg img {width:290px;}
  .what ul li img {width:72px;margin-bottom:16px;}
  .numbers ul li {width:calc(100% - 24px)}
  .contact .col50 {width:100%;}
  .contact .overform {margin-top:20%;}
  .contact .txtleft {text-align:center!important;}
  .footer .col50 {width:100%}
  .footer .col16 {width:33.333%}
  .copy .inner {text-align:center!important;}
  .program {width:calc(50% - 24px);}
  .sponsors ul {margin:-12px;margin-bottom:24px}
  .sponsors ul li {width:calc(25% - 24px);margin:12px;}
  .people {margin-left:-12px;margin-right:-12px;}
  .person {margin:12px;width:calc(50% - 24px);}
  .how .overswiper:before {width:77%;}
  .how .overimg {width:75%;}
  .articles .article {width:calc(50% - 24px)}
}

@media only screen and (min-width:541px) {
  .mobile {display:none!important;}
  .tab {overflow-y:hidden;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;}
  .people {flex-wrap:nowrap;width:auto;margin-left:12px;margin-right:12px;}
  .peoplecol {flex-direction:column}
  .person {width:calc(50vw - 30px);max-width:calc(50vw - 36px);}
}

@media only screen and (min-width:840px) {
  .person {width:240px;max-width:calc(25vw - 30px);}
}

@media only screen and (min-width:1061px) {
  .person {width:246px;max-width:calc(25vw - 48px);}
  .people {flex-wrap:nowrap;width:auto;margin-left:0;margin-right:0;}
}

@media only screen and (max-width:540px) {
  .desktop {display:none!important;}
  .program {width:calc(100% - 24px);}
  .layer .boxlayer {padding:24px;}
  .layer h2 {padding-right:40px;}
  .footer .col16 {width:100%}
  .person {width:calc(100% - 24px);}
  .pag-how {display:flex;}
  .pag-how li {width:calc(33.3333% - 8px);max-width:calc(33.3333% - 8px);padding-left:8px;padding-right:8px;height:100%}
  .layer .thumb {width:100%;}
  .person .thumb {width:80px;height:80px;position:absolute;top:0;left:0;}
  .person {padding-left:96px;width:320px;box-sizing:border-box;min-height:80px;}
  .tab {overflow-y:hidden;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;}
  .tab .people {width:688px;margin-left:12px;margin-right:12px;}
  .person h5, .person p {margin-bottom:0;}
  .sponsors .overul {overflow-y:hidden;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;display:flex;}
  .sponsors .overul ul {display:inline-flex;flex-wrap:nowrap;margin-left:12px;margin-right:12px;justify-content:flex-start;}
  .sponsors .overul ul li {width:80px;height:80px;overflow:hidden;}
  .event .overimg {overflow-y:hidden;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;}
  .event .overimg img {width:990px;max-width:990px;margin-left:24px;margin-right:24px;}
  .event .mobile p {padding-top:36px;margin-bottom:0;}
  .how .overimg {width:140%;margin-left:-20%;margin-right:-20%;}
  .how .overswiper:before {width:160%;}
  .how .overswiper {margin-bottom:-48px;}
  .numbers {padding-top:120px;background-image: url(../img/img_numbers.png);background-position:left bottom;background-size:contain;background-repeat:no-repeat;border-radius: 0 0 60px 60px;}
  .numbers .mobile img {max-width:100%;width:auto;margin:auto;height:auto;margin-top:24px;}
  .how {border-radius: 60px 60px 0 0}
  .articles .article {width:calc(100% - 24px)}
  .single-post .thumb {aspect-ratio:390/360;margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);margin-top:-84px;margin-bottom:24px;border-radius:0;}
  .page:not(.front-page) .fix {background:#fff;}
  .sponsors p {display:none}

  .tab .people {width:auto;flex-wrap:nowrap;}
  .peoplecol {flex-direction: column;min-width:calc(320px + 24px)}
}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#EF3738!important}
.wpcf7-not-valid-tip {font-size: 14px!important;color:#EF3738!important;display: inline-block;padding-top:4px;padding-bottom:0;}
.wpcf7 form .wpcf7-response-output {margin:0!important;padding:12px!important;border:0!important;text-align:left;}
@media only screen and (max-width:1340px) {
  .wpcf7-not-valid-tip {font-size:10px!important;}
}


/* TIC */
.tic {min-height:calc(100vh - 225px);padding-top:96px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.footer {background-color:#f4fcfc;}
.tic .ticform, .tic .ticformconf {width:480px;max-width:100%;margin:auto;}
.tic .ticform label, .tic .ticform input[type="email"] {text-align:center;}
.tic .ticform .spinner {position:relative;margin:auto;top:auto;left:auto;transform:none;}
.tic .tictab {width:720px;max-width:100%;margin:auto;}
.tic .tictab:not(.active) {display:none;}
.tic .hidden {display:none!important;}

.tic .wpcf7-acceptance .wpcf7-list-item {display:block;margin:0;padding:0;}
.tic .wpcf7-acceptance label {margin:0;padding-left:40px;display:block;text-transform:none;padding-top:0;}
.tic .wpcf7-acceptance label .wpcf7-list-item-label {display: block;position:static;cursor:pointer;}
.tic .wpcf7-acceptance label .wpcf7-list-item-label:before {display: block;content:'';width: 18px;height:18px;border-radius: 4px;position:absolute;top:0;left:0;box-shadow:none;background:#fff;border:3px solid #e8f9f9;box-shadow: 0 5px 25px rgba(7,153,181,.1);}
.tic .wpcf7-acceptance label .wpcf7-list-item-label:after {display: block;content:'';width: 24px;height:24px;border-radius: 4px;position:absolute;top:0;left:0;background:#0196b4 url(../img/check_FILL0_wght400_GRAD0_opsz48.svg?v1) no-repeat center center;background-size: contain;opacity:0;border-color:#0196b4;}
.tic .wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}

.tic .wpcf7 form .wpcf7-response-output {text-align:center!important;}

.tic .movieyt {margin-bottom:24px;}
.tic .movieyt iframe {width:100%;height:auto;aspect-ratio:560/315;margin:0;border:0;padding:0;}

@media only screen and (max-width: 1060px) {
.footer .logo {margin-left:auto;margin-right:auto;}
.tic {min-height:calc(100vh - 197px);padding-top:60px;}
}