@charset "UTF-8";

* 	 { box-sizing: border-box; }
a    { text-decoration: none; color: inherit; transition: all .3s; }
img  { max-width: 100%; height: auto; vertical-align: middle; }
body { padding: 0; margin: 0; }
input,
button,
select,
textarea { outline: none; font-size: inherit; font-family: inherit; }
input {  appearance: none; -webkit-appearance: none; }
main { width: 100%;}
a,
button { transition: all .3s; }
b,
strong { font-weight: 600; }

::-webkit-input-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
:-moz-placeholder { color: inherit; }

.overflow { overflow: hidden; }

/* WordPress Core */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright {float: right; margin: 5px 0 20px 20px; }
a img.alignnone {margin: 5px 20px 20px 0; }
a img.alignleft {float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 20px 0; }
.wp-caption.alignleft {margin: 5px 20px 20px 0; }
.wp-caption.alignright {margin: 5px 0 20px 20px; }
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* End of WordPress Core */

::selection { background: #002345; color: white; }
body { font: 16px 'Jost', sans-serif; color: #002345; line-height: 1.3; }
/* --------------------- End of Site specific styles --------------------- */

.container { padding: 0 15px; margin: 0 auto; }
header ul { padding-left: 0; margin: 0; }
header ul li { font-weight: 600; list-style: none; padding: 10px 15px; }
header ul li a { text-decoration: none; color: #002345; }
.front-white-section { margin: 80px 0; }
.front-blue-section { margin: 80px 0; padding: 40px 0; color: #fff; position: relative; }
.front-blue-section:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(140.07deg, #74BEED 5.26%, #0B75EC 83.31%); z-index: -1;}
.front-skyblue-section { margin: 80px 0; padding: 40px 0; background: #F3F8FF; }
a.btn,
button.btn { font-weight: 600; font-size: 18px; color: #FFFFFF; padding: 10px 40px; border: 2px solid #1E82EC; background: #1E82EC; border-radius: 8px; }
a.btn:hover,
button.btn:hover { color: #1E82EC; background: #ffffff; }

.roadmap-btn { display: inline-block; margin-top: 8px; font-size: 18px; color: #1E82EC; padding: 10px 40px; border: 2px solid #fff; background: #fff; border-radius: 8px; }
.roadmap-btn:hover { color: #fff; background: none; }

.head { font-weight: 600; font-size: 36px; line-height: 1; position: relative; }
.front-hero-section h1 { font-weight: 600; font-size: 36px; color: #1E82EC; margin: 0 0 40px; }
.front-hero-section h1>span { color: #002345; }
.front-hero-section p { margin: 0 0 10px; font-size: 18px; }
.front-hero-section p:last-of-type { margin: 0 0 20px; }
.front-hero-section a { border: 2px solid #1E82EC; background: #1E82EC; border-radius: 8px; padding: 10px 40px; text-decoration: none; font-weight: 600; font-size: 18px; color: #FFFFFF; display: inline-block; margin-top: 40px; }
.front-hero-section a:hover { color: #1E82EC; background: #fff; }
.we-offer-wrap h2 { padding-bottom: 1em; }
.we-offer-wrap h2>span { position: absolute; bottom: 0; margin-left: -30px; }
.we-offer-wrap ul { list-style: none; padding-left: 40px; margin: 40px 0; }
.we-offer-wrap ul li { position: relative; }
.we-offer-wrap ul li:not(:last-of-type) { margin-bottom: 10px; }
.we-offer-wrap ul li:before { position: absolute; left: -40px; top: 50%; margin-top: -3px; content: ''; width: 6px; height: 6px; background: #1E82EC; border-radius: 100%; }
.we-offer-wrap>div:last-of-type h2 { padding-bottom: 0; font-size: 32px; }
.inpact-wrap { display: flex; flex-wrap: wrap; }
.inpact-wrap>div { width: calc(50% - 20px); padding: 15px 10px; margin: 10px; text-align: center; box-shadow: 0px 4px 30px #B7D4FF; border-radius: 10px; }
.inpact-wrap>div>span { font-weight: bold; font-size: 21px; color: #1E82EC; }
.inpact-wrap>div>p { margin: 10px 0 0; }
.roadmap-wrap h2 { margin-top: 0; padding-bottom: 1em; }
.roadmap-wrap h2>span { position: absolute; bottom: 0; margin-left: -30px; }
.roadmap-wrap a { text-decoration: none; font-weight: 600; }
.roadmap-wrap h3 { font-weight: 600; font-size: 18px; }
.roadmap { margin: 40px 0; display: flex; flex-wrap: wrap; position: relative; }
.roadmap svg{ position: absolute; top: 44px; width: 100%; }
.roadmap>div { width: 16.66%; padding: 0 15px; box-sizing: border-box; border-left: 1px solid #B7D4FF; position: relative; }
.roadmap>div:last-of-type { border-right: 1px solid #B7D4FF; }
.roadmap>div h4 { font-size: 18px; font-weight: 600; margin: 40px 0 20px; }
.roadmap>div ul { padding-left: 0; list-style: none; margin: 0 0 20px; }
.roadmap>div ul li:not(:last-of-type) { margin-bottom: 20px; }
.roadmap>div:before { position: absolute; left: -5px; top: 38px; content: ''; width: 9px; height: 9px; border-radius: 100%; background: #fff; }
.roadmap>div:nth-child(2):before { top: 140px; }
.roadmap>div:nth-child(3):before { top: 101px; }
.roadmap>div:nth-child(4):before { top: 84px; }
.roadmap>div:nth-child(5):before { top: 123px; }
.roadmap>div:nth-child(6):before { top: 139px; }
.roadmap>div:nth-child(7):before { top: 109px; }
.roadmap>div:nth-child(7):after { position: absolute; right: -5px; top: 40px; content: ''; width: 9px; height: 9px; border-radius: 100%; background: #fff; }
.resources-wrap h2 { padding-bottom: 1em; }
.resources-wrap h2>span { position: absolute; bottom: 0; margin-left: -30px; }
.resources-wrap div>a { display: block; margin: 20px 0; font-weight: bold; font-size: 16px; color: #002345; padding: 20px; box-shadow: 0px 0px 15px #B7D4FF; border-radius: 10px; position: relative; min-height: 180px; }
.resources-wrap div>a>span { font-weight: 400; font-size: 16px; display: block; margin-top: 15px; }
.resources-wrap div>a:before { content: ''; border-radius: 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(140.07deg, #74BEED 5.26%, #0B75EC 83.31%); z-index: -1; opacity: 0; transition: all .3s; }
.resources-wrap div>a:hover:before { opacity: 1; }
.resources-wrap div>a:hover { color: #fff; }
.events-wrap h2 { padding-left: 120px; position: relative; }
.events-wrap h2:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -50px; width: 100px; height: 100px; background: url('../images/events-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.events-wrap div>a time { color: rgba(255, 255, 255, 0.56); }
.events-wrap div>a h3 { margin: 15px 0; font-size: 18px; font-weight: 600; }
.events-wrap div>a p { margin: 0; }
.events-wrap div>a { display: block; margin: 20px 0; color: #fff; padding: 40px; text-decoration: none; border-radius: 10px; position: relative; }
.events-wrap div>a:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(140.07deg, #74BEED 5.26%, #0B75EC 83.31%); border-radius: 10px; z-index: -1; opacity: 1; transition: all .3s; }
.events-wrap div>a:hover { box-shadow: 0px 4px 30px #B7D4FF; color: #002345; }
.events-wrap div>a:hover time { color: #002345; }
.events-wrap div>a:hover:before { opacity: 0; }
.focuses-wrap img { width: 100%; }
.focuses-items-wrap { display: flex; flex-wrap: wrap; margin-top: 30px; }
.focuses-items-wrap>div { width: 25%; }
.focuses-items-wrap>div>p { padding-right: 40px; margin: 0; }
.focuses-items-wrap>div>h3 { font-weight: 600; font-size: 21px; margin: 0 0 15px;  }
.learning-wrap>div>div { padding: 40px; box-shadow: 0px 4px 30px #B7D4FF; border-radius: 10px; }
.learning-wrap h3 { font-weight: 600; font-size: 16px; text-transform: uppercase; color: #1E82EC; margin: 0 0 30px; }
.learning-wrap p { margin: 0 0 10px; }
.learning-wrap p>strong,
.learning-wrap p>b { font-size: 18px; font-weight: 600; }
.learning-wrap a.btn { display: inline-block; margin-top: 30px; }
.news-links a { display: block; margin-bottom: 15px; padding: 20px 30px; color: #002345; border-radius: 10px; background: #fff; }
.news-links a:hover { background: #1E82EC; color: #fff; }
.video-wrap { padding: 30px 100px; background: #fff; border-radius: 10px; text-align: center; }
.news-wrap .owl-nav button { font-size: 48px !important; position: absolute; top: 50%; margin-top: -31px; }
.news-wrap .owl-nav button.owl-prev { left: 60px }
.news-wrap .owl-nav button.owl-next { right: 60px }
.news-wrap .video-wrap iframe { width: 100% !important; height: 240px !important; }
.partners-wrap>div { display: flex; flex-wrap: wrap; }
.partners-wrap div>a { margin: 15px; width: calc(50% - 30px); }
.partners-wrap div>a { height: 120px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; display: inline-block; text-align: center; background: #FFFFFF; box-shadow: 0px 4px 30px #B7D4FF; border-radius: 10px; box-sizing: border-box; }
footer { font-weight: 600; text-align: center; color: #FEFEFE; padding: 20px 0; background: #002345; }
.single-event { margin-bottom: 80px; }
.single-event .event-wrap { margin-top: 60px; }
.single-event .event-wrap .content { line-height: 1.5; }
.single-event .event-wrap .content a { color: #009CDF; font-weight: 600; }
.single-event .event-wrap .aside { padding: 20px 0 40px; }
.single-event .event-wrap .aside>div { display: flex; align-items: center; margin-bottom: 30px; font-weight: 600; font-size: 18px; }
.single-event .event-wrap .aside>div:last-of-type { margin-bottom: 0; }
.single-event .event-wrap .aside>div>span { width: 80px; text-align: center; }
.single-event .event-wrap .aside>div svg { margin-right: 20px; width: 60px; }
.single-event .event-wrap .content .partnership { font-weight: 600; font-size: 21px; margin: 40px 0 20px; }
.contact-us h2 { margin: 40px 0 20px; font-weight: 600; font-size: 36px; text-align: center; color: #1E82EC; }
.contact-us>p { font-size: 21px; text-align: center; max-width: 760px; margin: 20px auto; }
.wpforms-form { max-width: 600px; margin: 0 auto 120px; }
.wpforms-form input,
.wpforms-form select,
.wpforms-form textarea { height: unset !important; max-width: unset !important; padding: 9px 15px !important; width: 100% !important; border: 1px solid #9E9E9E !important; border-radius: 8px !important; }
.wpforms-form label { color: rgba(0, 35, 69, 0.4); font-weight: 600 !important; margin-left: 15px !important; }
.wpforms-form button.wpforms-submit { font-weight: 600 !important; font-size: 18px !important; color: #FFFFFF !important; padding: 10px 60px !important; border: 2px solid #1E82EC !important; background: #1E82EC !important; border-radius: 8px !important; display: block !important; margin: 20px auto 0 !important; }
.wpforms-form button.wpforms-submit:hover { color: #1E82EC !important; background: #ffffff !important; }
.wpforms-confirmation-container-full {     background: linear-gradient(140.07deg, #74BEED 5.26%, #0B75EC 83.31%); border-radius: 10px; border: 0; color: #fff; text-align: center; padding: 40px; margin-bottom: 120px; font-weight: 600; }
.wpforms-confirmation-container-full p { margin: 0 0 10px; }

select, option { -webkit-appearance: none; }
::placeholder { color: rgba(0, 35, 69, 0.6) !important; }

.subscribe { padding: 80px 0; background: url('../images/subscribe-bg.jpg'); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.subscribe form { max-width: 520px; padding: 0 !important; }
.subscribe #mce-EMAIL { background: none; }
.subscribe #mc_embed_signup .button { font-weight: 600; font-size: 18px; color: #FFFFFF; padding: 10px 40px; height: auto; line-height: 1.3; border: 2px solid #1E82EC; background: #1E82EC; border-radius: 8px; }
.subscribe #mc_embed_signup .button:hover { color: #1E82EC; background: none; }
.subscribe #mc_embed_signup div#mce-responses,
.subscribe #mc_embed_signup div#mce-responses { padding: 0 !important; margin: 0 !important; }
.subscribe #mc_embed_signup div.response { padding: 0; }
.subscribe h2 { margin: 0 0 24px; }
.subscribe>div>p { font-size: 21px; margin-bottom: 40px; }
@media (max-width: 991px) {
	.subscribe { background-position-x: 75%; }
}


@media (max-width: 991px) {
	header { padding: 5px 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	header ul { display: none; padding: 80px 0; position: fixed; top: 0; bottom: 0; left: 0; width: 80%; background: #fff; box-shadow: 0px 24px 30px #b7d4ff; z-index: 100; }
	header ul li { margin: 20px 0; }
	.menu-trigger { z-index: 101; order: 1; }
	.nav-wrap { order: 2; }
	.nav-wrap>select { position: absolute; left: 80px; top: 10px; }
	body>header>a { order: 3; }

	.front-hero-section { height: 90vh; background: url('../images/hero-mobile.svg'); background-size: cover; background-position: right center; background-repeat: no-repeat; }
	.front-hero-section a { padding: 10px 20px; }
	.front-hero-section { padding: 40px 15px; }
	.front-hero-section p { max-width: 75%; }
	.front-hero-section p:first-of-type { display: none; }
	.we-offer-wrap>div:last-of-type h2 { margin-top: 80px; }
	.resources-wrap div>a { min-height: 120px; }
	.focuses-items-wrap { padding-bottom: 15px; }
	.learning-wrap>div:last-of-type h2 { margin-top: 80px; }
	.news-wrap>div:last-of-type h2 { margin-top: 80px; }
	.news-wrap .video-wrap { padding: 25px; }
	.news-wrap .video-wrap iframe { width: calc( 100% - 50px ) !important; }
	.news-wrap .owl-nav button.owl-prev { left: 10px }
	.news-wrap .owl-nav button.owl-next { right: 10px }
	.contact-us h2 { font-size: 28px; }
	.contact-us>p { font-size: 18px; }

	.roadmap-wrap h2>span { position: relative; margin-left: 0; }
}

@media (max-width: 1199px) {
	.roadmap-wrap>div { overflow-x: scroll; }
	.roadmap { width: 1170px; margin-left: 5px; margin-right: 5px; }
	.focuses>div { overflow-x: scroll; }
	.focuses>div .focuses-wrap { width: 1170px; }
}

@media (min-width: 992px) {
	.container { width: 960px; }
	.menu-close,
	.menu-trigger { display: none; }
	header { padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	header ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	header ul li:after { content: ''; display: block; width: 0; height: 2px; background: #002345; transition: width .3s; }
	header ul li:hover:after { width: 100%; }
	.head { font-size: 42px; }
	.front-hero-section { padding: 50px; background: url('../images/hero.svg'); background-size: 56%; background-position: right center; background-repeat: no-repeat; }
	.front-hero-section h1 { font-size: 42px; display: inline-block; }
	.front-hero-section h1>span { display: block; margin-left: 60px; }
	.front-hero-section p,
	.front-hero-section p:last-of-type { max-width: 40%; margin-left: 60px; }
	.we-offer-wrap { display: flex; flex-wrap: wrap; }
	.we-offer-wrap>div { width: 50%; }
	.we-offer-wrap>div:last-of-type h2 { text-align: center; }
	.we-offer-wrap h2>span { margin-left: -60px; }
	.we-offer-wrap>div:first-of-type p { max-width: 70% }
	.inpact-wrap>div { width: calc(50% - 30px); margin: 15px; padding: 40px; }
	.inpact-wrap>div>span { font-size: 36px; }
	.we-offer-wrap>div:last-of-type h2 { font-size: 36px; }
	.roadmap-wrap h2>span { margin-left: -60px; }
	.resources-wrap div:last-of-type { display: flex; flex-wrap: wrap; }
	.resources-wrap div:last-of-type>a { min-height: 280px; width: calc(33.322% - 20px); margin: 20px 10px; box-sizing: border-box; padding-right: 10%; }
	.focuses h2>span { position: absolute; bottom: 0; margin-left: -60px; }
	.focuses h2 { position: relative; padding-bottom: 1em; }
	.learning-wrap { display: flex; flex-wrap: wrap; }
	.learning-wrap>div:first-of-type { width: calc(50% - 20px); margin-right: 20px; }
	.learning-wrap>div:last-of-type { width: calc(50% - 20px); margin-top: 80px; margin-left: 20px; }
	.news-wrap { display: flex; flex-wrap: wrap; }
	.news-wrap>div:first-of-type { width: calc(50% - 20px); margin-right: 20px; }
	.news-wrap>div:last-of-type { width: calc(50% - 20px); margin-top: 80px; margin-left: 20px; }
	.partners-wrap div>a { width: calc(33.322% - 30px); }
}

@media (min-width: 1200px) {
	.container { width: 1200px; }
	header { padding: 15px 50px; }
	body>header img { width: 210px; }
	.front-white-section { margin: 90px 0; }
	.front-blue-section { margin: 90px 0; padding: 60px 0; }
	.front-skyblue-section { margin: 90px 0; padding: 60px 0; }
	.head { font-size: 48px; }
	.front-hero-section { padding: 50px 100px; margin: 80px 0; }
	.front-hero-section h1 { font-size: 48px; }
	.front-hero-section p { font-size: 21px; }
	.we-offer-wrap>div:last-of-type h2 { font-size: 42px; }
	.resources-wrap div>a { font-size: 18px; }
	.resources-wrap div:last-of-type>a { padding-right: 20px; }
	.resources-wrap { display: flex; flex-wrap: wrap; }
	.resources-wrap div:first-of-type { width: 30%; }
	.resources-wrap div:last-of-type { width: 70%; }
	.events-wrap h2 { padding-left: 160px; }
	.events-wrap h2:before { margin-top: -60px; width: 120px; height: 120px; }
	.events-wrap>div { display: flex; flex-wrap: wrap; }
	.events-wrap>div>a { width: calc(33.322% - 20px); margin: 0 10px; }
	.partners-wrap div>a { width: calc(25% - 30px); }
	footer { font-size: 18px; }
	.single-event .event-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
	.single-event .event-wrap .aside { width: 320px; padding: 40px 20px; box-shadow: 0px 4px 30px #B7D4FF; border-radius: 10px; }
	.single-event .event-wrap .content { width: calc(100% - 380px); }

}

@media (min-width: 1700px) {
	body { font-size: 18px; }
	header { padding: 15px 100px; }
	header ul li { padding: 10px 30px; }
	.front-white-section { margin: 120px 0; }
	.front-blue-section { margin: 120px 0; padding: 80px 0; }
	.front-skyblue-section { margin: 120px 0; padding: 80px 0; }
	.front-hero-section { padding: 120px 150px; margin: 60px 0; }
	.roadmap-wrap h3 { font-size: 21px; }
	.events-wrap div>a h3 { font-size: 21px; }
	.learning-wrap h3 { font-size: 18px; }
	.learning-wrap p>strong,
	.learning-wrap p>b { font-size: 21px; }
	.partners-wrap div>a { width: calc(20% - 30px); }
}

.social-wrap { padding-top: 40px; padding-bottom: 60px; }
.social-wrap a svg { fill: #fff; width: 40px; height: 40px; margin: 0 10px; transition: all .3s; }
.social-wrap a:hover svg { fill: #1E82EC; }
.contacts a { display: inline-block; font-weight: 600; font-size: 18px; text-transform: uppercase; margin-bottom: 40px; }
.contacts a:hover { color: #1E82EC; }

@media (min-width: 992px) {
	.social-wrap { padding-top: 60px; padding-bottom: 80px; }
}


#gtranslate_selector { border: 0; font-weight: 600; color: #002345; padding: 10px 20px; }
@media (min-width: 1700px) {
	#gtranslate_selector { padding: 10px 30px; }
}
@media (min-width: 992px) {
	.nav-wrap { display: flex; flex-wrap: wrap; }
}

/* Self-evaluation form */
.self-evaluation-form { padding-top: 40px; padding-bottom: 40px; }
.self-evaluation-form .start-form-wrap { max-width: 860px; font-size: 18px; }
.self-evaluation-form .start-form-wrap h2 { font-weight: 600; font-size: 36px; line-height: 1.3; color: #1E82EC; margin: 0 0 20px; }
.self-evaluation-form .start-form-wrap h3 { font-size: 21px; margin: 40px 0 20px; }
.self-evaluation-form .start-form-wrap button { margin-top: 40px; cursor: pointer; }
.self-evaluation-form .form-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.self-evaluation-form .form-main { color: #fff; width: 100%; padding: 40px; background: linear-gradient(169.4deg, #74BEED -7.22%, #167DEC 34.36%, #167DEC 102.43%); border-radius: 10px; }
.self-evaluation-form .form-main p { font-weight: 600; font-size: 18px; line-height: 1.3; }
.self-evaluation-form .form-main input[type="text"],
.self-evaluation-form .form-main input[type="email"] { margin-bottom: 20px; padding: 10px 20px; color: #fff; width: 100%; border: 1px solid #FFFFFF; background: none; border-radius: 8px; }
.self-evaluation-form .form-main input::placeholder { color: rgba(255, 255, 255, 0.6) !important; }
.self-evaluation-form .form-main input[type="radio"] { border: none !important; appearance: none; -webkit-appearance: none; position: relative; height: 24px; margin: 0; }
.self-evaluation-form .form-main input[type="radio"]:before { content: ''; display: block; position: absolute; width: 24px; height: 24px; top: 0; left: 0; border: 1px solid #fff; box-sizing: border-box; border-radius: 100%; }
.self-evaluation-form .form-main input[type="radio"]:checked:after { content: ""; display: block; width: 12px; height: 12px; background: #fff; position: absolute; top: 6px; left: 6px; border-radius: 100%; }
.self-evaluation-form .wpcf7-radio .wpcf7-list-item>label { display: flex; align-items: flex-start; }
.self-evaluation-form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label { display: inline-block; padding-left: 40px; }
.self-evaluation-form .wpcf7-radio { margin-top: 20px; display: block; }
.self-evaluation-form .wpcf7-radio .wpcf7-list-item { margin: 0 0 20px 0; width: 100%; font-weight: normal; font-size: 18px; line-height: 1.3; }
.self-evaluation-form .form-nav ul { list-style: none; padding-left: 0; }
.self-evaluation-form .form-nav ul li { display: flex; align-items: center; padding: 10px 20px 10px 0; font-size: 18px; line-height: 1.6; color: #002345; }
.self-evaluation-form .form-nav ul li img { margin-right: 20px; margin-left: 10px; }
.self-evaluation-form .form-nav ul li.active,
.self-evaluation-form .form-nav ul li:hover { background: #F3F8FF; font-weight: 600; cursor: pointer; }
.self-evaluation-form .evaluation { padding: 30px; background: rgba(14, 69, 145, 0.3); border-radius: 10px; margin-bottom: 40px; }
.self-evaluation-form .evaluation>div { margin: 20px 0; }
.self-evaluation-form .form-main form>div:not(.active) { display: none; }
.form-section-nav { display: flex; flex-wrap: wrap; justify-content: space-between; }
.form-section-nav>span { width: calc(33.332% - 10px); height: 8px; background: #fff; cursor: pointer; }
.form-section-6 .form-section-nav>span { width: calc(20% - 10px); }
.form-section-nav>span.active { background: #1E82EC; }
.form-section-2>div:not(.form-section-nav),
.form-section-3>div:not(.form-section-nav),
.form-section-4>div:not(.form-section-nav),
.form-section-5>div:not(.form-section-nav),
.form-section-6>div:not(.form-section-nav),
.form-section-7>div:not(.form-section-nav) { display: none; }
.form-section-2>div.active,
.form-section-3>div.active,
.form-section-4>div.active,
.form-section-5>div.active,
.form-section-6>div.active,
.form-section-7>div.active { display: block; }
.form-nan-btn { text-align: right; margin-top: 40px; }
.form-nan-btn button { border: 2px solid #fff; background: #fff; border-radius: 8px; padding: 10px 60px 10px 30px; text-decoration: none; font-weight: 600; font-size: 18px; color: #0B75EC; display: inline-block; position: relative; cursor: pointer; }
.form-nan-btn button:after { content: ''; position: absolute; right: 24px; top: 16px; width: 28px; height: 14px; background: url('../images/next-arrow.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s; }
.form-nan-btn button:hover:after { right: 8px; transition: all .5s; } 
.form-nan-btn button[disabled] { opacity: 0.8; }
#get-result { display: none; float: right; border: 2px solid #fff; background: #fff; border-radius: 8px; padding: 10px 30px; text-decoration: none; font-weight: 600; font-size: 18px; color: #0B75EC; position: relative; cursor: pointer; }
#get-result:hover { opacity: 0.9; transition: all .5s; } 
.form-result .btn  { border: 2px solid #fff; background: #fff; color: #0B75EC; display: inline-block; margin-top: 40px; padding: 10px 30px; }
.form-result .btn:hover { opacity: 0.9; transition: all .5s; }

.self-evaluation-form .form-main .wpcf7-not-valid-tip { display: none !important; }

@media (max-width: 991px) {
	.self-evaluation-form .form-main { padding: 40px 20px; }
	.self-evaluation-form .form-nav ul li img { margin-right: 10px; margin-left: 10px; width: 32px; }
	.self-evaluation-form .form-nav ul li { padding: 8px 0; font-size: 16px; }
}

@media (min-width: 992px) {
	.self-evaluation-form { padding-top: 60px; padding-bottom: 60px; }
}

@media (min-width: 1200px) {
	.self-evaluation-form { padding-top: 80px; padding-bottom: 80px; }
	.self-evaluation-form .form-main { width: 70%; }
	.self-evaluation-form .form-nav { width: 30%; }
	.self-evaluation-form .form-section { font-size: 18px; }
}

/* Events archive */
.events-list-wrap { padding: 20px; margin: 20px 0 40px; background: linear-gradient(169.4deg, #74BEED -7.22%, #167DEC 34.36%, #167DEC 102.43%); border-radius: 10px; }

.events-list-wrap .single-event { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 10px; color: #fff; }
.events-list-wrap .single-event time { font-weight: bold; font-size: 18px; }
.events-list-wrap .single-event h2 { font-weight: 500; font-size: 18px; margin: 0; }
.events-list-wrap .single-event.past-event { opacity: 0.7; }


.event-nav-wrap { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.event-nav-wrap .events-grid-type { width: 140px; }
.events-grid-type span { padding: 10px; background: #F3F8FF; border-radius: 5px; display: inline-block; line-height: 1; cursor: pointer; }
.events-grid-type span:first-of-type { margin-right: 10px; }
.events-grid-type span.active,
.events-grid-type span:hover { background: #1E82EC; }
.events-grid-type svg { stroke: #002345; width: 32px; }
.events-grid-type span.active svg,
.events-grid-type span:hover svg { stroke: #fff; }

.select2-container--default .select2-selection--single { height: 48px; padding: 10px; background: #F3F8FF; border: 0; border-radius: 5px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }

@media (min-width: 992px) {
	.events-list-wrap { padding: 40px; margin: 40px 0 80px; }

	.events-list-wrap .single-event:hover { background: rgba(14, 69, 145, 0.3); }
	.events-list-wrap .single-event time { width: 20%; }
	.events-list-wrap .single-event .event-icon { width: 60px; text-align: center; }
	.events-list-wrap .single-event h2 { width: calc(80% - 60px); }
}

.single-post .content blockquote { background: #F3F8FF; padding: 80px 30px 64px; position: relative; margin: 40px auto; text-align: center; }
.single-post .content blockquote p { margin: 0; font-size: 24px; }
.single-post .content blockquote em { display: block; font-size: 18px; margin-top: 16px; }
.single-post .content blockquote:before { content: ''; position: absolute; left: 50%; top: 28px; width: 44px; height: 32px; padding: 0 10px; margin-left: -22px; background: url('../images/quote-icpn.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }

@media (min-width: 992px) {
	.single-post .content blockquote { padding: 80px 100px 64px; }
	.single-post .content blockquote p { font-size: 28px; }
}

.archive-page { margin-bottom: 80px; }
.archive-page a.single-post-link { display: block; margin: 20px 0 40px; box-shadow: 0px 4px 30px #b7d4ff; border-radius: 10px; position: relative; }
.archive-page a.single-post-link>div:last-of-type { padding: 20px; }
.archive-page a.single-post-link h2 { margin: 0 0 24px; font-weight: bold; font-size: 16px; color: #002345; }
.archive-page a:before { content: ''; border-radius: 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(140.07deg, #74BEED 5.26%, #0B75EC 83.31%); z-index: -1; opacity: 0; transition: all .3s; }
.archive-page a:hover:before { opacity: 1; }
.archive-page a:hover,
.archive-page a:hover h2 { color: #fff; }

@media (min-width: 992px) {
	.archive-page a.single-post-link h2 { font-size: 18px; }
}

@media (min-width: 1200px) {
	.archive-page a.single-post-link { margin: 20px 0 40px; }
	.archive-page a.single-post-link>div:last-of-type { padding: 30px; }
	.archive-page a.single-post-link h2 { font-size: 24px; }
}

.single-post-link .post-thumbnail { height: 210px; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }

@media (min-width: 992px) {
	.single-post-link { position: relative; }
	.single-post-link .post-thumbnail { width: 280px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
	.archive-page a.single-post-link>div:last-of-type { padding-left: 310px; }
}

	.single-post h1 { margin: 40px 0; font-weight: 600; font-size: 36px; line-height: 1.2; position: relative; }
	.single-post h2 { margin: 32px 0 24px; font-weight: 600; font-size: 24px; line-height: 1.2; position: relative; }
	.single-post h3 { margin: 24px 0 16px; font-weight: 600; font-size: 21px; line-height: 1.2; position: relative; }
	.single-post .content p { font-size: 16px; line-height: 1.4; margin: 0 0 16px; }
	@media (max-width: 991px) {
		.single-post .nav-wrap>select { left: 0px; }
	}
	@media (min-width: 1200px) {
		.single-post .content { max-width: 760px; margin: 0 auto 120px; }
		.single-post h1 { margin: 40px 0 64px; font-size: 42px; }
		.single-post h2 { margin: 48px 0 24px; font-size: 28px; }
		.single-post h3 { margin: 36px 0 16px; font-size: 24px; }
		.single-post .content p,
		.single-post .content ul,
		.single-post .content ol { font-size: 18px; }
	}


	.page-template-page-unsubscribe .menu-trigger,
	.page-template-page-unsubscribe #menu-main { display: none; }
	.unsubscribe-form .form-wrap { max-width: 600px; margin: 0 auto 120px; }
	.unsubscribe-form p { font-weight: 600; font-size: 18px; line-height: 1.3; }
	.unsubscribe-form input[type="text"],
	.unsubscribe-form input[type="email"] { margin-bottom: 20px; padding: 10px 20px; color: #002345; width: 100%; border: 1px solid #ccc; background: none; border-radius: 8px; }
	.unsubscribe-form input::placeholder { color: rgba(0, 0, 0, 0.6) !important; }
	.unsubscribe-form input[type="radio"] { border: none !important; appearance: none; -webkit-appearance: none; position: relative; height: 24px; margin: 0; }
	.unsubscribe-form input[type="radio"]:before { content: ''; display: block; position: absolute; width: 24px; height: 24px; top: 0; left: 0; border: 1px solid #002345; box-sizing: border-box; border-radius: 100%; }
	.unsubscribe-form input[type="radio"]:checked:after { content: ""; display: block; width: 12px; height: 12px; background: #002345; position: absolute; top: 6px; left: 6px; border-radius: 100%; }
	.unsubscribe-form .wpcf7-radio .wpcf7-list-item>label { display: flex; align-items: flex-start; }
	.unsubscribe-form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label { display: inline-block; padding-left: 40px; }
	.unsubscribe-form .wpcf7-radio { margin-top: 20px; display: block; }
	.unsubscribe-form .wpcf7-list-item { width: 100%; }
	.unsubscribe-form input[type="submit"] { font-weight: 600; font-size: 18px; color: #FFFFFF; padding: 10px 40px; border: 2px solid #1E82EC; background: #1E82EC; border-radius: 8px; }
	.unsubscribe-form input[type="submit"]:hover { color: #1E82EC; background: #ffffff; }
	.unsubscribe-form .wpcf7 form.sent .wpcf7-response-output { border-color: #002345; background: #002345; font-weight: 600; padding: 10px 30px; color: #fff; }
	@media (max-width: 991px) {
		.page-template-page-unsubscribe .nav-wrap>select { left: 0px; }
	}	

	.page-template-page-navi .select2-selection__rendered,
	.page-template-page-navi .hide-row { display: none !important; }
	.page-template-page-navi .filter-category,
	.page-template-page-navi .filter-geographical,
	.page-template-page-navi .filter-learningmode { opacity: 0; height: 20px; margin-top: -20px; }
	.page-template-page-navi .olc-page { background: #F3F8FF; padding-top: 40px; padding-bottom: 40px; }
	.page-template-page-navi .row-head { font-weight: 600; color: #002345; }
	.page-template-page-navi .row-head>div:nth-child(3),
	.page-template-page-navi .row-head>div:nth-child(3) span,
	.page-template-page-navi .row-head>div:nth-child(4),
	.page-template-page-navi .row-head>div:nth-child(4) span,
	.page-template-page-navi .row-head>div:nth-child(5),
	.page-template-page-navi .row-head>div:nth-child(5) span { cursor: pointer; }
	.page-template-page-navi .row-head>div:nth-child(3):after,
	.page-template-page-navi .row-head>div:nth-child(4):after,
	.page-template-page-navi .row-head>div:nth-child(5):after { content: ''; width: 8px; height: 8px; position: absolute; top: 26px; right: 20px; border-top: 1px solid #002345; border-right: 1px solid #002345; transform: rotate(135deg); }
	.page-template-page-navi .row-head>div { position: relative; }
	.page-template-page-navi .row-head>div .count { padding: 4px; text-align: center; width: 18px; height: 18px; position: absolute; top: 8px; color: #fff; font-size: 10px; line-height: 1; background: #1E82EC; border-radius: 100%; }
	.page-template-page-navi .row-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.page-template-page-navi .row-wrap>div { width: 100%; padding: 5px 10px; }
	.page-template-page-navi .row-wrap>div>a { font-weight: 500; font-size: 16px; line-height: 1.4; color: #1E82EC; }
	@media (max-width: 991px) {
		.page-template-page-navi .row-head { position: sticky; top: 0; background: #F3F8FF; }
		.page-template-page-navi .row-head>div:nth-child(1),
		.page-template-page-navi .row-head>div:nth-child(2) { display: none; }
		.page-template-page-navi .row-head>div:nth-child(5) { margin-bottom: 32px; }
		.page-template-page-navi .row-head { font-size: 18px; }
		.page-template-page-navi .row-head>div .count { top: 8px; margin-left: 5px; }
		.page-template-page-navi .row-head>div:nth-child(3),
		.page-template-page-navi .row-head>div:nth-child(4),
		.page-template-page-navi .row-head>div:nth-child(5) { border-bottom: 1px solid #ccc; padding: 12px 10px; }
		.page-template-page-navi .row-head>div:nth-child(3):after,
		.page-template-page-navi .row-head>div:nth-child(4):after,
		.page-template-page-navi .row-head>div:nth-child(5):after { top: 16px; }
		.page-template-page-navi .row-info { border-bottom: 1px solid #002F54; }
		.page-template-page-navi .row-info>div:nth-child(2) { font-size: 14px; }
		.page-template-page-navi .row-info>div:nth-child(1) { margin-top: 28px; }
		.page-template-page-navi .row-info>div:nth-child(3),
		.page-template-page-navi .row-info>div:nth-child(4),
		.page-template-page-navi .row-info>div:nth-child(5) { width: 33%; font-size: 14px; font-weight: 500; margin-top: 10px; margin-bottom: 28px; }
	}
	@media (min-width: 992px) {
		.page-template-page-navi .row-head>div { position: relative; }
		.page-template-page-navi .row-head>div:before { content: ''; width: calc(100% - 30px); height: 1px; position: absolute; bottom: 0; left: 15px; background: #002F54; }
		.page-template-page-navi .row-wrap>div { width: 15%; padding: 20px 15px; }
		.page-template-page-navi .row-info { border-bottom: 1px solid #ccc; }
		.page-template-page-navi .row-wrap>div:nth-child(1) { width: 20%; }
		.page-template-page-navi .row-wrap>div:nth-child(2) { width: 35%; }
		.page-template-page-navi .row-wrap>div:not(:last-of-type) { border-right: 1px solid rgba(0, 47, 84, 0.09); }
		.page-template-page-navi .row-wrap>div>a { font-size: 18px; }
	}

	#calendar .fc-head-container,
	#calendar .fc-day-header { border: 0; }
	#calendar .fc-day-header { text-align: left; padding: 5px 10px; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #333333; }
	#calendar .fc-event { background: #1E82EC; border-radius: 10px; }
	#calendar .fc-event.past-event { background: #b0b0b0; }
	#calendar .fc-day-grid-event .fc-title { font-size: 16px; color: #FFFFFF; }
	#calendar .fc-widget-content,
	#calendar .fc-day { border-color: #E0E0E0; }
	.events-calendar-wrap { margin-bottom: 80px; }

	.event-nav-wrap { justify-content: flex-start; }
	.events-calendar-wrap { padding-top: 40px; position: relative; }
	.calendar-controls { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: end; }
	.calendar-controls .calendar-title { margin: 0 15px; }
	.calendar-controls svg { width: 9px; fill: #002345; cursor: pointer; }

	.single-event.hide-row { display: none !important; }
	@media (min-width: 1200px) {
		.calendar-controls { top: -36px; }

		.events-topic-select { min-width: 460px; }
	}