@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800;900&display=swap');

/* 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:rgba(255,255,255,.2);}
:-moz-placeholder {color:rgba(255,255,255,.2);}
::-moz-placeholder {color:rgba(255,255,255,.2);}
:-ms-input-placeholder {color:rgba(255,255,255,.2);}
::-ms-input-placeholder {color:rgba(255,255,255,.2);}
::placeholder {color:rgba(255,255,255,.2);}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;}
body,html {max-width:100%;min-width:320px;overflow-x:hidden;text-align:center;font-family:'Montserrat',sans-serif;font-size:20px;line-height:26px;margin:0;padding:0;background: #f6f7f8;color:#181a4e;font-weight:400;min-height:100vh;letter-spacing: 0;font-style:normal;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;}
.page:not(.frontpage) {padding-top:130px}
a {text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#00AEEF;text-decoration: none;}
a:hover {text-decoration:none;color:#00AEEF}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,p,ul,li, img {margin: 0;padding: 0;display:block;list-style:none;}
h1, h2, h3, h4 {font-weight:800;}
h1 {font-size: 80px;line-height:80px}
h2 {font-size: 70px;line-height:70px}
h3 {font-size: 24px;line-height:30px;}
h4 {font-size: 20px;line-height:30px;text-transform: uppercase;font-weight:700;color:#00AEEF;margin-bottom:10px}
ul:after, .bg:after, .inner:after, form:after, .menu:after, .boxes:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:700;}
sup {font-size: .4em!important;}
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: 10px;width:1440px;margin:auto;box-sizing: border-box;max-width:100%;}
.inner {padding: 10px;clear:both;float:none;box-sizing: border-box;}
.col80, .col75, .col70, .col66, .col65, .col60, .col55, .col50, .col33, .col45, .col40, .col35, .col30, .col25, .col20, .col16, .col15, .col10 {float:left;width: 50%;}
.col80 {width:80%;}
.col70 {width:70%;}
.col75 {width:75%;}
.col66 {width: 66.666666%;}
.col65 {width:65%;}
.col60 {width:60%;}
.col55 {width:55%;}
.col50 {width:50%;}
.col45 {width:45%;}
.col40 {width:40%;}
.col35 {width:35%;}
.col33 {width: 33.333333%;}
.col30 {width:30%;}
.col25 {width:25%;}
.col20 {width:20%;}
.col16 {width: 16.666666%}
.col15 {width:15%;}
.col10 {width:10%;}
.col100 {width:100%}
.taright {text-align:right!important;}
.taleft {text-align:left!important;}
.fright {float: right!important;}
.fleft {float:left!important;}
.tacenter {text-align:center!important;}
.inline {float: none;display: inline-block;margin-left:-2px;margin-right:-2px;vertical-align:middle;}
.abs {position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:auto;height:auto}

input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="file"], textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Montserrat',sans-serif;border:0;padding:5px;height:40px;line-height:30px;font-size:20px;color:#fff;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;border:0;font-weight:800;display: block;box-shadow: 0;border-bottom: 2px solid #3f416c;padding-left:0;padding-right:0}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:340px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus , select:focus {border-color:#00aeef}
label {font-weight:400;line-height:20px;display: block}


.tag {position:absolute;top:-130px;left:0;width:1px;height:1px;display:block}

.btn {font-size: 18px;line-height:30px;padding: 10px;background:#00AEEF;font-weight:700;display: inline-block;font-family: 'Montserrat', sans-serif;color:#fff;max-width:100%;border:0;text-transform: uppercase;padding-left:30px;padding-right:30px;border-radius: 50px;border: 2px solid #00AEEF}
.btn.border {color:#00AEEF;background-color:transparent}
.btn:hover, .btn.border:hover {background-color:#181a4e;border-color:#181a4e;color:#fff}

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}


/* Header */
.fix {position:fixed;min-width:320px;width:100%;z-index: 99;top:0;left:0;right:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background:#fff;box-shadow: 0 15px 30px rgba(7,6,75,.05)}
.scroll .fix {box-shadow: 0 15px 30px rgba(7,6,75,.1)}
.fix .ic_menu {display:none}
.header .bg {padding-top:5px;padding-bottom:5px;}
.header .logo, .footer .logo {width: 100px;height:100px;float: left;background: url(../img/pragueforum_logo.png) no-repeat center center;background-size: contain;overflow:hidden;text-align:left;text-indent: -9999px;line-height:100px;float: left;display: block;}
.header .fright {margin-top:-15px;margin-bottom:-15px;width: calc(100% - 160px)}
.header .menu {border-top:2px solid #edf3f5;}
.header .menu ul {font-weight:700;margin-left:-15px;margin-right:-15px;float:right}
.header .menu ul li {margin-left:15px;margin-right:15px;display: block;float: left;line-height:40px;padding-top:13px;padding-bottom:13px;}
.header .menu ul li a {color:#181a4e;display: block;line-height:40px;}
.header .menu ul li a:hover {color:#00AEEF}
.header .menu ul li.button a {border: 2px solid #00AEEF;color:#00AEEF;border-radius: 40px;padding-left:30px;padding-right:30px;line-height:36px;font-size: 18px;text-transform: uppercase}
.header .menu ul li.button a:hover {background:#00AEEF;color:#fff}

.header .social-menu, .header .contact-menu {float: right}
.social-menu ul {margin-left:-5px;margin-right:-5px;line-height:25px;}
.social-menu ul li {margin-left:5px;margin-right:5px;display: block;float:left;padding-top:18px;padding-bottom:18px}
.social-menu ul li a {display: block;width: 25px;height:25px;background-repeat: no-repeat;background-size: contain;background-position:center;overflow:hidden;text-align:left;text-indent:-99999px;line-height:25px;}
.social-menu ul li.ic_fb a {background-image: url(../img/ic_fb.png)}
.social-menu ul li.ic_tw a {background-image: url(../img/ic_tw.png)}
.social-menu ul li.ic_ig a {background-image: url(../img/ic_ig.png)}
.social-menu ul li.ic_yt a {background-image: url(../img/ic_yt.png)}
.social-menu ul li.ic_in a {background-image: url(../img/ic_in.png)}

.contact-menu {margin-right:30px}
.contact-menu ul {margin-left:-15px;margin-right:-15px;line-height:25px;font-size: 18px}
.contact-menu ul li {margin-left:15px;margin-right:15px;display: block;float:left;padding-top:18px;padding-bottom:18px}
.contact-menu ul li a {display: block;padding-left:26px;background-repeat: no-repeat;background-position:left center;color:#181a4e}
.contact-menu ul li.ic_mail a {background-image: url(../img/ic_mail.png)}
.contact-menu ul li.ic_tel a {background-image: url(../img/ic_tel.png)}
.contact-menu ul li.ic_login a {background-image: url(../img/ic_login.png)}
.contact-menu ul li a:hover {color:#00AEEF}
.header .contact-menu ul li.call {display: none!important}

/* Promo */
.promo {background-color: transparent;display:block;height:100vh;min-height:1050px;padding-top:190px;padding-bottom:190px;box-sizing: border-box}
.promo .img {background-position: top center;background-size: cover;background-repeat: no-repeat;}
.promo h1, .promo p {width:800px;max-width: 100%;margin:auto;margin-bottom:20px}
.promo p {width: 600px;margin-bottom:30px}
.promo p:last-child {margin-bottom:0}

/* Joinus */
.joinus {background:#181a4e url(../img/joinus_bg.png) no-repeat center center;background-size: cover;padding-top:40px;padding-bottom:60px}
.joinus h2, .joinus p {color:#fff}
.joinus h2 {margin-bottom:20px}
.joinus p {width: 640px;max-width:100%;margin:auto;margin-bottom:30px}

/* Events */
.events {padding-top:40px;padding-bottom:40px;}
.events h2, .mission h2, .members h2 {margin-bottom:20px}
.events p {margin-bottom:30px}
.events .event {box-sizing: border-box;background:#fff;padding:40px;border-radius: 20px;text-align:left;margin-left:4px;margin-right:4px;box-shadow: 0 15px 30px rgba(7,6,75,.05)}
.events .event p {margin-bottom:15px}
.events .event .img {display: block;width: 68px;height:68px;border-radius: 20px;margin:0;background-repeat: no-repeat;background-size:cover;background-position: center center;margin-bottom:20px;}
.events .event h3 {margin-bottom:40px;min-height:90px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.events .event:hover h3 {color:#00AEEF}

.more, .prev, .next {width: 28px;height:28px;display: block;background: url(../img/ic_arrow.png) no-repeat center center;background-size: contain}
.ic_arrow {display: block;font-size:18px;font-weight:700;color:#27b7f1;text-transform: uppercase;padding-right:40px;line-height:40px}
.ic_arrow:after {display: block;width: 28px;height:auto;top:0;bottom:0;right:0;position:absolute;content:'';background: url(../img/ic_arrow_small.png) no-repeat right center;}
.ic_arrow_left {padding-left:40px;padding-right:0}
.ic_arrow_left:after {right:auto;left:0;transform: rotate(180deg)}

/* Whyjoin */
.whyjoin {padding-top:60px}
.whyjoin h2 {margin-bottom:40px}
.whyjoin ul, .mission ul {margin-left:-10px;margin-right:-10px}
.whyjoin ul:before {display: block;left:16.5%;right:16.5%;height:96px;position:absolute;top:34px;content:'';background: url(../img/whyjoin_line.png) no-repeat top center;background-size: contain}
.whyjoin ul li, .mission ul li {width: 33.3333%;padding:10px;box-sizing: border-box;display:block;float:left;padding-top:120px}
.whyjoin ul li:before, .mission ul li:before {display: block;width:68px;height:68px;border-radius: 20px;background:#fff;content:'';box-shadow: 0 20px 40px rgba(7,6,75,.1);position:absolute;top:0;left:50%;margin-left:-34px;background-repeat:no-repeat;background-size:contain;background-position:center center}
.whyjoin ul li:first-child:before {background-image: url(../img/icon_01.png)}
.whyjoin ul li:nth-child(2):before {background-image: url(../img/icon_02.png)}
.whyjoin ul li:nth-child(3):before {background-image: url(../img/icon_03.png)}
.whyjoin ul li p, .whyjoin h3 {margin:auto;width:340px;max-width:100%}
.whyjoin h3, .mission h3 {margin-bottom:5px;}
.whyjoin img.cover, img.fullwidth {width:100%!important;margin:0;height:auto}
img.mtopminus {margin-top:-300px}
img.mtopminus100 {margin-top:-200px}

.climate ul li:first-child:before {background-image: url(../img/icon_09.png)}
.climate ul li:nth-child(2):before {background-image: url(../img/icon_10.png)}
.climate ul li:nth-child(3):before {background-image: url(../img/icon_11.png)}

/* Mission */
.mission {border-top:2px solid #eaedf0;border-bottom: 2px solid #eaedf0;padding-top:60px;padding-bottom:100px}
.mission .bg {z-index:2}
.mission .cover {display: block;position:absolute;bottom:0;right:0;max-width:100%;width:auto;height:auto;margin:0;z-index:1}
.mission ul {padding-left:130px;counter-reset: li;}
.mission ul:before {display: block;position:absolute;top:-160px;left:0;bottom:0;right:auto;width:75%;background: url(../img/mission_line.png) no-repeat top left;background-size: contain;content:''}
.mission ul li {padding-top:90px;counter-increment: li;}
.mission ul li:before {left:10px;margin-left:0}
.mission ul li p:before, .activities ul li:before {content: counter(li,decimal);position:absolute;top:-150px;right:0;display: block;float:left;font-size: 200px;font-weight:900;line-height:200px;
  background: -moz-linear-gradient(top, rgba(217,222,229,1) 0%, rgba(217,222,229,0) 100%);
  background: -webkit-linear-gradient(top, rgba(217,222,229,1) 0%,rgba(217,222,229,0) 100%);
  background: linear-gradient(to bottom, rgba(217,222,229,1) 0%,rgba(217,222,229,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dee5', endColorstr='#00d9dee5',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mission p {width: 400px;max-width:100%}
.mission ul li p {width:340px;max-width:100%}
.mission ul li:first-child {margin-top:180px}
.mission ul li:nth-child(3) {margin-top:-180px}
.mission ul li:first-child:before {background-image: url(../img/icon_04.png)}
.mission ul li:nth-child(2):before {background-image: url(../img/icon_05.png)}
.mission ul li:nth-child(3):before {background-image: url(../img/icon_06.png)}

/* Members */
.members {padding-top:60px;padding-bottom:80px}
.members h2 {margin-bottom:40px}
.members .col50 {vertical-align:bottom}
.members .col50:not(.right) .overswiper {margin-right:30px;overflow:hidden;margin-left:10px}
.members .swiper-slide {background: #f6f7f8;z-index: 1;align-items: flex-start}
.members .swiper-slide-active {z-index: 2}
.members .swiper-slide .inner {text-align:left;width: 50%;box-sizing:border-box;padding-bottom: 60px}
.members .swiper-slide .img {width: calc(50% - 50px);margin-right:60px;background: #d9dee5;border-radius: 20px;display: block;padding-bottom:56%;background-size: cover;background-position:center center;background-repeat: no-repeat;overflow:hidden}
.members .swiper-slide .img.full {width:100%;margin:0;display: block;padding-bottom:120%;background-size: cover}
.members .right .swiper-slide-active .img {box-shadow: 0 20px 40px rgba(7,6,75,.1);}
.members .swiper-slide .inner h3, .members .swiper-slide .inner p {margin-bottom:15px}
.members .swiper-slide .inner h3 {font-size:34px;line-height:40px}
.members .swiper-slide .inner strong {color:#00AEEF}
.members .pag {position:absolute;left:calc(50% + 10px);right:0;bottom:0;text-align:left}
.pag .prev, .pag .next {display: inline-block;z-index: 4;overflow:hidden;text-align:left;text-indent:-9999px;margin:10px}
.pag .prev {transform: rotate(180deg)}
.pag .swiper-button-disabled {filter:grayscale(100%);opacity: .4;cursor:default}

/* Membership */
.membership {padding-top:60px;padding-bottom:60px;border-top: 2px solid #eaedf0;}
.membership .pag {float:right}
.membership .swiper-slide {border-radius: 20px;padding:40px;box-sizing:border-box;text-align:left;background:#fff;justify-content:flex-start;box-shadow: 0 20px 40px rgba(7,6,75,.05);align-items: flex-start;padding-bottom:60px;padding-top:60px;overflow:hidden}
.membership .swiper-slide:before {display: block;position:absolute;left:0;right:0;bottom:0;top:0;content:'';background: -moz-linear-gradient(top, rgba(218,249,238,1) 0%, rgba(218,249,238,0) 100%);
background: -webkit-linear-gradient(top, rgba(218,249,238,1) 0%,rgba(218,249,238,0) 100%);
background: linear-gradient(to bottom, rgba(218,249,238,1) 0%,rgba(218,249,238,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf9ee', endColorstr='#00daf9ee',GradientType=0 );}
.membership .swiper-slide .inner {width:100%;display:block;text-align:left;padding:0}
.membership .num {font-size: 200px;line-height:200px;font-weight:900;position:absolute;top:-40px;right:0;display:block;float:left;
  background: -moz-linear-gradient(top, rgba(217,222,229,1) 0%, rgba(217,222,229,0) 100%);
  background: -webkit-linear-gradient(top, rgba(217,222,229,1) 0%,rgba(217,222,229,0) 100%);
  background: linear-gradient(to bottom, rgba(217,222,229,1) 0%,rgba(217,222,229,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dee5', endColorstr='#00d9dee5',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;mix-blend-mode:multiply;opacity:.5}
.membership .swiper-slide h3 {font-size:34px;line-height:40px}
.membership .swiper-slide .excerpt strong {font-weight:800;font-size: 24px;line-height:30px;color:#0cd68a}
.membership .swiper-slide .excerpt {padding-bottom:30px;border-bottom:2px solid rgba(217,222,229,.5);margin-bottom:30px;mix-blend-mode:multiply}

.membership .swiper-slide:nth-child(2):before {background: -moz-linear-gradient(top, rgba(221,244,255,1) 0%, rgba(221,244,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(221,244,255,1) 0%,rgba(221,244,255,0) 100%);
background: linear-gradient(to bottom, rgba(221,244,255,1) 0%,rgba(221,244,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf4ff', endColorstr='#00ddf4ff',GradientType=0 );}
.membership .swiper-slide:nth-child(2) .excerpt strong {color:#20b3ef}

.membership .swiper-slide:nth-child(3):before {background: -moz-linear-gradient(top,  rgba(255,224,233,1) 0%, rgba(255,224,233,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,224,233,1) 0%,rgba(255,224,233,0) 100%);
background: linear-gradient(to bottom,  rgba(255,224,233,1) 0%,rgba(255,224,233,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0e9', endColorstr='#00ffe0e9',GradientType=0 );
}
.membership .swiper-slide:nth-child(3) .excerpt strong {color:#ee2f64}

.membership .swiper-slide:nth-child(4):before {background: -moz-linear-gradient(top,  rgba(255,242,219,1) 0%, rgba(255,242,219,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,242,219,1) 0%,rgba(255,242,219,0) 100%);
background: linear-gradient(to bottom,  rgba(255,242,219,1) 0%,rgba(255,242,219,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2db', endColorstr='#00fff2db',GradientType=0 );
}
.membership .swiper-slide:nth-child(4) .excerpt strong {color:#eea41f}

.membership .swiper-slide .icon {display: block;width: 32px;height:32px;background-repeat:no-repeat;background-size: contain;background-position: center center;margin-bottom:15px}
.membership .swiper-slide .cont table tr td {padding-top:2px;padding-bottom:2px}
.membership .swiper-slide .cont table tr td:last-child {text-align:right}
.membership .swiper-slide .cont table img {display: inline-block}
.membership .pag {margin-top:-74px;margin-bottom:40px}

.archive .overselect ul li {vertical-align:top}
.archive .overselect ul li.ic_search {height:30px;}
.archive .overselect ul li.ic_search a {width: 40px;height:40px;border-radius: 40px;display: block;overflow:hidden;text-align:left;text-indent:-9999px;background:#181a4e url(../img/search_white_48dp.svg) no-repeat center center;background-size: auto 24px;margin-top:-10px;}
.archive .overselect ul li.ic_search a:hover {background-image: #00aeef}
.searchbox {display: none}
.searchbox input, .searchbox button {display: inline-block;width:auto}
.searchbox input {color:#181a4e}


/* Activities */
.frontpage .activities {padding-top:60px;}
.frontpage .activities h2 {margin-bottom:20px}
.frontpage .activities p {width:460px;max-width:100%;margin:auto}
.activities ul {margin-left:-5px;margin-right:-5px;margin-bottom:40px;counter-reset: li;}
.single .activities {margin-left:-15px;margin-right:-15px}
.activities ul li {margin:15px;width: calc(25% - 30px);background:#fff;padding: 40px;padding-bottom:50px;text-align:left;border-radius: 20px;box-shadow: 0 20px 40px rgba(7,6,75,.05);float:left;box-sizing: border-box;counter-increment: li;}
.single .activities ul li {width: calc(33.3333% - 30px)}
.activities ul li:hover {background-color:#181a4e;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.activities ul li:hover * {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.activities ul li h3 {margin-bottom:5px;font-size: 34px;line-height:40px}
.frontpage .activities ul li p {width:180px;max-width:100%;margin:0;margin-bottom:10px}
.single .activities ul li p {width: 340px;max-width:100%;margin:0;margin-bottom:10px}
.activities ul li:hover h3, .activities ul li:hover p {color:#fff;}
.activities ul li:before {top:20px;right:30px}
.activities ul li:hover:before {opacity:.2}
.activities ul li .img {display: block;width: 68px;height:68px;background-repeat: no-repeat;background-size: contain;background-position: center center;margin-left:-10px}

.single .activities ul li:first-child .img {background-image: url(../img/icon_04.png)}
.single .activities ul li:nth-child(2) .img {background-image: url(../img/icon_05.png)}
.single .activities ul li:nth-child(3) .img {background-image: url(../img/icon_06.png)}

/* Logos */
.logos {padding-bottom:60px;border-bottom: 2px solid #eaedf0;}
.logos ul {margin-left:-10px;margin-right:-10px}
.logos ul li {display: inline-block;vertical-align:top;width:280px;max-width: 100%;padding: 10px;box-sizing: border-box}
.logos ul li img, .logos .swiper-slide img {margin:auto;margin-bottom:10px;height:90px;width:auto}
.logos ul li br {display: none}
.logos .overswiper {overflow:hidden;margin-left:-10px;margin-right:-10px}
.logos .swiper-slide {align-items: flex-start}
.logos .swiper-slide .inner {width:100%;display: block}

/* Single */
.single {padding-top:60px;padding-bottom:60px;background: url(../img/single_bg.png) no-repeat top center;background-size: 100% auto}
.single h2 {margin-bottom:40px}
.single h2 br {display: none}
.single ul.navi {font-size: 20px!important}

/* What */
.what {padding-top:60px;padding-bottom:40px;border-top: 2px solid #eaedf0;}
.what h2 {margin-bottom:20px}
.what p {margin:0;margin-bottom:30px;width:610px;max-width:100%}
.what img {width:auto;margin:0;height:auto;max-width:100%}

/* Posts */
.posts {margin-left:-5px;margin-right:-5px;display: flex;flex-wrap: wrap;}
.posts .post {margin:15px;width: calc(25% - 30px);background:#fff;text-align:left;box-sizing: border-box;border-radius: 20px;box-shadow: 0 15px 30px rgba(7,6,75,.05);padding:30px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.singlepost .posts .post {width: calc(33.3333% - 30px)}
.posts:not(.postsfull, .postsmember) .post h3 {display: block;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height:60px;margin-bottom:15px}
.posts .post ul, .single ul.navi {margin-left:-10px;margin-right:-10px;margin-bottom:10px;font-size: 18px}
.posts .post ul li, .single ul.navi li {display: inline-block;margin-left:10px;margin-right:10px;}
.posts .post .img {display: block;margin-bottom:25px;border-radius: 20px;padding-bottom:67%;background-repeat: no-repeat;background-size: cover;background-position: center center}

.posts .post ul li:before, .single ul.navi li:before {display: block;width: 2px;height:16px;background:#e7eef1;position:absolute;top:50%;right:-12px;margin-top:-8px;content:''}
.posts .post ul li:last-child:before, .single ul.navi li:last-child:before {display: none}

.posts .post:hover {background:#181a4e;color:#fff}
.postsfull .post {width: calc(100% - 30px);padding-left:250px;min-height:240px}
.postsfull .post ul {margin-bottom:15px}
.postsfull .post .img {width: 180px;height:180px;padding:0;float: left;margin:0;float: none;position:absolute;top:30px;left:30px;}
.postsfull .post h3 {font-size: 34px;line-height:38px;margin-bottom:25px}
.eventsarchive .bg {width: 1040px}

.postsmember .post {width:calc(20% - 30px);text-align:center}
.postsmember .post .img {padding-bottom: 92%;background-color:#d9dee5;background-size: cover;background-position: center center}
.postsmember .post:nth-child(even) .img, .members .swiper-slide:nth-child(even) .img {background-color:#e1d9d4}
.postsmember .post h3 {margin-bottom:5px!important}
.postsmember .post p {display: none}
.postsmember .post p:nth-child(3) {display:block}
.postsmember .post p strong {font-weight:400}

.singlepost .postsmember {margin-top:-30px;padding-bottom:40px}
.singlepost .postsmember .post {width: calc(25% - 30px);}
.singlepost .postsmember .post h3 {height:auto;font-size:22px;line-height:24px}
.singlepost .postsmember .post p {font-size: 18px;line-height:24px}

.archive {z-index:2}
.archive .overselect ul {margin-left:-15px;margin-right:-15px;font-size: 20px;text-transform: uppercase;font-weight:700;}
.archive .overselect ul li {display: inline-block;margin-left:10px;margin-right:10px;}
.archive .overselect ul li a {color:#181a4e}
.archive .overselect ul li.active a, .archive .overselect ul li a:hover {color:#00aeef}

.pagination h2 {display: none!important}
.nav-links {padding-top:40px}
.nav-links .page-numbers {display: inline-block;width: 60px;height:60px;background:#fff;border-radius: 20px;text-align:center;line-height:60px;font-size:20px;font-weight:700;margin: 4px;box-shadow: 0 15px 30px rgba(7,6,75,.05);}
.nav-links .next, .nav-links .prev {color:transparent}
.nav-links .next:before, .nav-links .prev:before {display: block;position:absolute;top:0;left:0;right:0;bottom:0;background: url(../img/ic_arrow_small.png) no-repeat center center;content:''}
.nav-links .prev:before {transform: rotate(180deg)}

/* Singlepost */
.singlepost .bg, .singleact .bg {width: 1040px}
.single .txt {text-align: left}
.single .txt.tacenter {text-align:center}
.single .txt p, .single .txt h3 {margin-bottom:30px}
.singlepost .img {height:0;padding-bottom:42%;border-radius: 20px;background-repeat: no-repeat;background-size: cover;background-position: center center;margin-bottom:20px}
.share {padding-top:30px;padding-bottom:30px;border-bottom: 2px solid #eaedf0;border-top: 2px solid #eaedf0;margin-bottom:10px}
.single h3.large {font-size: 34px;line-height:40px;text-align:left}
.singlepost .map {height:0;padding-bottom:30%;background: #fff;box-shadow: 0 20px 40px rgba(7,6,75,.05);margin-bottom:-20px;overflow:hidden;filter: grayscale(100%)}
.singlepost .map iframe {display: block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;border:0!important}

.singleact {z-index: 2}
.singleact .txt ul {padding-top:60px;padding-bottom:60px;background: url(../img/globe.png) no-repeat center center;background-size: 40% auto;max-width:calc(100vw - 40px);margin-left:-100px;margin-right:-100px;}
.singleact .txt ul li {width: 25%;float: left;display: block;text-align:right;margin-right:25%;margin-left:0}
.singleact .txt ul li:nth-child(even) {float: right;text-align:left;margin-right:0;margin-left:25%}
.singleact .txt ul li h3 {margin-bottom:5px}
.singleact .txt ul li .icon {display: inline-block;width: 68px;height:68px;border-radius: 20px;background-color:#fff;margin-bottom:20px;background-repeat:no-repeat;background-size: contain;background-position:center center;box-shadow: 0 20px 40px rgba(7,6,75,.05);}

/* Testimonals */
.testimonals {padding-top:60px;padding-bottom:60px;border-top: 2px solid #eaedf0;}
.testimonals h2 {margin-bottom:40px}
.testimonals p {width: 360px;margin:auto;max-width:100%;margin-bottom:10px}
.testimonals .img {display: block;width: 68px;height:68px;background-color:#d9dee5;background-size: auto 100%;background-position: bottom center;border-radius: 20px;background-repeat: no-repeat;margin:auto;margin-bottom:20px;box-shadow: 0 20px 40px rgba(7,6,75,.1);}
.testimonals .col33:nth-child(odd) .img {background-color: #e1d9d4}
.testimonals .col33 {vertical-align:top}

.stars {display:block;padding-top:15px}
.star {display: inline-block;width: 19px;height:18px;background: url(../img/ic_star.png) no-repeat center center;}

/* 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;}

/* Footer */
.footer {padding-top:60px}
.footer .col60, .footer .col40 {text-align:left}
.footer h3 {float:none;clear:both;margin-bottom:20px}
.footer .col40 p {width: 340px;max-width:100%;float:left;margin-bottom:40px}
.footer .logo {margin:0;margin-right:25px}
.footer p.copy {border-top: 2px solid #edf3f5;padding-top:30px;padding-bottom:10px;margin-top:40px}
.footer a {color:#181a4e}
.footer a:hover {color:#00AEEF}

.footer .menu ul li.button {display: none}

.footer div:not(.social-menu) ul {margin:0;line-height:32px}
.footer .contact-menu ul li {padding-top:0;padding-bottom:0;float:none;margin:0;font-size:20px}
.footer .contact-menu ul li.ic_login {display: none}
.footer .contact-menu ul li.call a {padding-left:0}

/* Layer */
.layer {position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:rgba(0,0,0,.5);display:none;z-index:99;text-align:center;height:100%;}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:absolute;top:0;left:0;bottom:0;right:0;}
.layer .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:0;}
.layer .ic_close {position:absolute;top:30px;right:30px;background-color:transparent;background-image: url(../img/ic_close.png);background-size: auto 20px;border-radius:0;display: block;overflow:hidden;text-align:left;text-indent:-9999px;width:24px;height:24px;background-repeat:no-repeat;background-position:center center;z-index: 9999;cursor:pointer;}
.layer .box {background:#181a4e;width: 1074px;max-width:100%;box-sizing: border-box;text-align:left;padding: 80px;min-height:840px;height:auto;max-height:none;border-radius: 20px;color:#fff;padding-left:520px;box-shadow: 0 15px 30px rgba(7,6,75,.05);}
.layer .box .cont {display: block;}
.layer .box .cont .inner {padding:0;}

.layer .form {margin-left:-10px;margin-right:-10px}
.layer .box .cont .form .inner {padding:10px}
.layer .img {position:absolute;top:0;left:0;bottom:0;width: 440px;background-color:#fff;background-repeat:no-repeat;background-size: cover;background-position: center;border-radius: 20px 0 0 20px;}
.layer h2 {margin-bottom:20px}

.wpcf7-acceptance span {margin:0;padding:0}
.wpcf7-acceptance label .wpcf7-list-item-label:before, .wpcf7-acceptance label .wpcf7-list-item-label:after {display: block;position:absolute;top:5px;left:0;width:16px;height:16px;border-radius: 5px;border: 2px solid #3f416c;content:'';box-sizign: border-box;}
.wpcf7-acceptance label .wpcf7-list-item-label:after {border-color: transparent;background:#00aeef;opacity:0}
.wpcf7-acceptance label .wpcf7-list-item-label {padding-left:34px;display: block;line-height:30px;}

.wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}

@media only screen and (max-width:1340px) {
  .footer .col60, .footer .col40 {width:100%}
  .footer .btn {margin-bottom:40px}
}

@media only screen and (max-width:1300px) {
  .header .fright {width: calc(100% - 120px)}
  h1 {font-size: 60px;line-height:60px}
  h2 {font-size: 50px;line-height:50px;}
  .members .swiper-slide .inner h3, .activities ul li h3, .postsfull .post h3, .single h3.large, .membership .swiper-slide h3 {font-size: 30px;line-height:35px;}
  h3, .membership .swiper-slide .excerpt strong {font-size: 20px;line-height:24px}
  .events .event h3 {min-height:72px}
  .posts:not(.postsfull, .postsmember) .post h3 {height:48px}
}

@media only screen and (max-width:1240px) {
  .header .menu {display: none}
  .header .fright {width: auto}
  .header .ic_menu {display: block;float: left;height:61px;line-height:61px;text-transform: uppercase;font-weight:700;color:#181a4e;text-decoration:none;margin-top:-15px;margin-bottom:-15px;margin-left:20px;font-size: 18px;padding-left: 32px;background: url(../img/menu_black_48dp.svg) no-repeat left center;background-size: 24px auto}
  .header .logo {width: 40px;height:40px;margin-top:-5px;margin-bottom:-5px;}
  .tag {top:-61px}
  .page:not(.frontpage) {padding-top:61px}
  .opened .ic_menu {background-image: url(../img/close_black_48dp.svg)}
  .opened .fix {bottom: 0;height:100%;overflow-x:hidden}
  .opened .header .logo, .opened .header .ic_menu {margin-bottom:0}
  .opened .header .fright {float:none;clear:both;width:100%;margin-top:0;margin-bottom:0}
  .opened .header .fright .menu {display: block}
  .opened .header .menu ul {float: none;padding-top:20px;padding-bottom:20px}
  .opened .header .menu ul li {display: block;float: none;padding:0;padding-top:5px;padding-bottom:5px;}
  .opened .header .menu ul li.button {padding-top:10px;}
  .opened .header .menu ul li a {display: inline-block}
  .opened .header .social-menu, .opened .header .contact-menu {float: none;}
  .opened .header .social-menu ul li, .opened .header .contact-menu ul li {float: none;display:inline-block}
  .opened .header .contact-menu ul li {padding-top:0;padding-bottom:10px;}
  .opened .header .contact-menu {padding-bottom:20px;}
}

@media only screen and (min-width:1201px) {
  .clearmobile {display: none!important}
}

@media only screen and (max-width:1200px) {
  .events .col25 {width:50%;}
  .events .event h3 {min-height:1px}
  .clearmobile {display: block!important;}
  .mission ul {padding-left:0;padding-top:60px;}
  .mission ul:before {display: none}
  .mission ul li {margin-top:0!important;margin-bottom:0!important}
  .mission .cover {position:relative;width:100%;}
  .activities ul li {width: calc(50% - 30px)}
  .activities ul li h3 br {display: none}
  .posts:not(.postsfull, .postsmember) .post {width: calc(50% - 30px)}
  img.mtopminus {margin-top:-100px}
  .postsmember .post {width: calc(25% - 30px)}
  .testimonals .col33 {width:320px;max-width:100%}
  .singleact .txt ul {width:100%;margin-left:0;margin-right:0;max-width:100%}
  .members .col50:not(.right) {display:none}
  .members .col50 {width: 540px;max-width:100%}
  .mission .cover {margin-bottom:-100px}
}

@media only screen and (max-width:900px) {
  .header .contact-menu {display: none}
  .opened .header .contact-menu {display: block}
  .layer .img {display: none}
  .layer .box {padding-left:80px}
  .whyjoin ul:before {display: none}
  .mission ul {text-align:center}
  .whyjoin ul li, .mission ul li {width: 320px;float: none;max-width: 100%;display: inline-block;vertical-align:top;margin-left:-2px;margin-right:-2px}
  .whyjoin ul li:before {top:30px}
  .mission ul li {text-align:left;margin-top:40px!important}
  .promo {min-height:0;padding-top:80px;background-color:#fff;height:auto}
  .promo .img {background-size: 100% auto;background-position:bottom center}
  .postsmember .post, .singlepost .postsmember .post {width: calc(50% - 30px)}
  .singleact .txt ul {background: none}
  .singleact .txt ul li {margin:0!important;width: 320px;max-width:100%; display: inline-block;margin-left:-2px!important;margin-right:-2px!important;float:none!important;padding: 15px;box-sizing:border-box;text-align:left!important}
  .footer .col33 {width: 100%;}
  .single .activities ul li {width:calc(100% - 30px)}
}

@media only screen and (max-width:720px) {
  h1, h2 {font-size: 40px;line-height:40px;}
  .events .col25 {width:100%}
  .members .swiper-slide .img {width: calc(50% - 20px);margin-right:20px}
  .members .overswiper {margin-left:10px;margin-right:10px}
  .activities ul li {width: calc(100% - 30px)}
  .what .col50 {width:100%}
}

@media only screen and (max-width:540px) {
  .members .swiper-slide .inner {display: none;}
  .members .swiper-slide .img {width: 100%;margin-right:0;padding-bottom:112%;background-size: cover;background-position: center center}
  .members .pag {position:relative;left:0;float: right}
  .whyjoin ul li, .mission ul li {display: block;margin-left:0;margin-right:0;width:100%}
  .postsfull .post {padding-left:30px;}
  .postsfull .post .img {position:relative;top:0;left:0;margin-bottom:20px;width: 100%;padding-bottom:50%;height:0}
  .postsmember .post, .singlepost .postsmember .post, .posts:not(.postsfull, .postsmember) .post {width:calc(100% - 30px)}
  .singlepost .map {padding-bottom:75%}
  img.mtopminus100 {margin-top:-100px}
  .footer .logo {margin-bottom:20px}
  .membership .pag {margin-top:0;margin-bottom:0}
}

@media only screen and (max-width:380px) {
  .header .social-menu {display: none}
  .opened .header .social-menu {display: block}
  .header .ic_menu {float: right}
}

.wpcf7-response-output {padding:0!important;border:0!important;margin:0!important;clear: both!important;float: none!important;padding-top:10px!important;}
.contact .wpcf7-response-output {padding: 10px!important;text-align:left!important}

#wpadminbar, .ajax-loader {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block}
