/*
Theme Name: Leap
Author:  LEAP Innovations
Description: LEAP Innovations main theme
Version: 1.1
*/

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:500,600,700');

body {
	word-wrap: break-word;
	font-family: 'IBM Plex Sans', sans-serif;
}

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

/*
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
*/

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}




/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

.row.is__flex {
	display: flex;
	flex-wrap: wrap;
}




/*========== Menu ==================*/

.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	top: 30px;
	left: 50%;
	transform: translate(-50%,0);
	padding: 30px 20px 20px 20px;
	margin: 0;
}

.sub-menu li{
	padding: 6px 30px;
}

#menu-main .menu-item {
	position: relative;
}

.menu-item:hover .sub-menu {
	display: block;
}

.site-logo {
	width: 113px;
	max-width: 113px;
	height: 43px;
}


/*===================================*/

.getstartedBanner {
	height: calc(100vh - 74px);
	min-height: 800px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 0 30px 0;
	margin: 0;
}

.getstartedBanner-title {
	padding: 40px 20px;
	line-height: 90px;
	font-size: 54px;
	font-weight: 700;
	color: #FFFFFF;
	text-shadow: 0px 4px 100px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(0, 0, 0, 0.15);
	background: rgba(0,0,0,0.4);
	border-top: 8px solid #00b3e6;
	border-bottom: 8px solid #00b3e6;
}


.pageSection-banner {
	background: #00B3E6;
	box-shadow: 4px 4px 0px rgba(0, 179, 230, 0.25);
	padding: 32px 64px;
}













.pageSection-1{
	background-color: #00B3E6;
	padding: 80px 0 370px 0;
	position: relative;
}

.pageSection-2 {
	margin-top: -282px;
}

.pageSection-3 {
	padding: 90px 0;
	text-align: center;
}

.pageSection-3 .pageSection-title{
	color: #23313B;
	font-weight: 700;

}

.pageSection-3 .pageSection-title:after{
	background-color: #F5C400;
	font-weight: 700;
	margin: 40px auto;
}

.pageSection-3 .pageSection-text{
	color: #23313B;
}


.pageSection-4 {
	padding: 0 0 60px 0;
}

.pageSection-5 {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(images/slider-placeholder.jpg);
}

.pageSection-6 {
	position: relative;
	padding: 90px 0;
	border-bottom: 1px solid #e6e6e6;
}


.pageSection-6 .pageSection-title{
	font-weight: 700;
	padding-bottom: 60px;
}


.pageSection-6 .pageSection-title:after{
	background-color: #F5C400;
	margin-bottom: 80px;
}

.pageSection-6 .leap-stripe{
	top: -600px;
}

.pageSection-7 {
	padding: 90px 0;
}


.pageSection-7 .pageSection-title{
	font-weight: 700;
	padding-bottom: 60px;
}


.pageSection-7 .pageSection-title:after{
	background-color: #F5C400;
	margin-bottom: 60px;
}





/*=============================================== Main Page ===============================================*/

.mainBanner {
	position: relative;
	height: 827px;
}

@media (max-width: 1023px) {
.mainBanner {
	height: 560px;
}
}

@media (max-width: 767px) {
.mainBanner {
	min-height: 360px;
	height: 72vw;
}
}





.mainBanner-title {
	position: absolute;
	left: 0;
	bottom: 90px;
	width: 100%;
	line-height: 58px;
	font-size: 45px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 4px 100px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(0, 0, 0, 0.15);
	margin: 0 0 0 0;
	font-weight: bold;
}

@media (max-width: 1023px) {
.mainBanner-title {
	font-size: 36px;
	line-height: 46px;
	bottom: 50px;
}
}


@media (max-width: 767px) {
.mainBanner-title {
	font-size: 24px;
	line-height: 31px;
	bottom: 15px;
}
}




.mainBanner-scroll {
	position: absolute;
	bottom: 4px;
	left: 50%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 4px 100px rgba(0, 0, 0, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.15);
	transform: translate(-50%, 0);
	letter-spacing: 1px;
	z-index:10;
}

@media (max-width: 767px) {
.mainBanner-scroll {
	display: none;
}
}



.mainBanner-scroll:hover {
	color: #FFFFFF;
	opacity: 0.8;
	text-decoration: none;
}

.mainBanner-scroll img{
	margin-top: -86px;
}

.mainBanner-cloack {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(180deg, rgba(35, 49, 59, 0) 0%, #23313B 100%);
}








.pageSection-10 {
	background-color: #2E89CB;
	padding: 80px 0 200px 0;
}

.pageSection-10 .pageSection-text {
	font-size: 36px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 700;
}

.pageSection-10 .pageSection-text strong{
	color: #23313B;
	font-weight: 700;
}


.pageSection-11 {
	margin: -151px 0 0 0;
	padding: 0;
}


.pageSection-photo {
	height: 544px;
	background-size: cover;
}

.pageSection-12 {
	padding: 0 0 100px 0;
	border-bottom: 1px solid #e6e6e6;
}

.pageSection-12 .pageSection-title{
	text-align: center;
	font-size: 54px;
	line-height: 72px;
	margin: 60px 0 40px 0;
	font-weight: bold;
}

.pageSection-12 .pageSection-title:after{
	background-color: #F5C400;
	margin: 40px auto;
}

.pageSection-subtitle{
	font-weight: 500;
	line-height: 1.6667;
	font-size: 24px;
	text-align: center;
	color: #23313B;
	margin: -16px 0 0 0;
	padding: 0;
}

@media (max-width: 1023px) {
.pageSection-subtitle{
	font-size: 19px;
	line-height: 32px;	
}
}

@media (max-width: 767px) {
.pageSection-subtitle{
	font-size: 16px;
	line-height: 26px;	
}
}













.pageSection-12 .pageSection-text{
	color: #23313B;
}


.row.sectionCards {
	display: flex;
	justify-content: space-between;
	margin-top: 90px;
	flex-wrap: nowrap;
}

@media (max-width: 1023px) {
.row.sectionCards {
	flex-wrap: wrap;
}	
}

.sectionCard {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sectionCard-photo {
	height: 160px;
	background-color: transparent;
	background-size: cover;
	margin: 0 0 30px 0;
}

.sectionCard-content {
	flex-grow: 1;
	padding-bottom: 32px;
}

.sectionCard-title {
	line-height: 42px;
	font-size: 24px;
	color: #23313B;
	font-weight: bold;
	margin: 7px 0;
}

@media (max-width: 1023px) {
.sectionCard-title {
	line-height: 42px;
	font-size: 19px;
}
}

@media (max-width: 767px) {
.sectionCard-title {
	line-height: 42px;
	font-size: 16px;
}
}




.sectionCard-text {
	line-height: 28px;
	font-size: 16px;
	color: #23313B;
}

@media (max-width: 1023px) {
.sectionCard-text {
	line-height: 24px;
	font-size: 14px;
}
}

@media (max-width: 767px) {
.sectionCard-text {
	line-height: 24px;
	font-size: 14px;
}
}




.sectionCard-button a{
	box-sizing: border-box;
	background: #F5C400;
	padding: 12px 20px;
	border-radius: 0;
	line-height: 20px;
	font-size: 17px;
	text-align: center;
	color: #23313B;
	border: 2px solid #F5C400;
	font-weight: 700;display:block;
}

.sectionCard-button a:hover {
	background: #fff;
	border: 2px solid #23313B;
}

.sectionCard-button a{
	color: #23313B;
	text-decoration: none;
}


@media (max-width: 1239px) {
.sectionCard-photo {
	height: 130px;
}
}

@media (max-width: 1023px) {
	.sectionCard {
		margin-bottom: 60px;
	}	
	
	.sectionCard-photo {
		height: 260px;
	}
}

@media (max-width: 767px) {
	.sectionCard-photo {
		height: 67vw;
	}
}



/* =========================== Section 13 ======================*/

.pageSection-13 {
	padding: 80px 0;

}

.pageSection-13 .pageSection-title{
	font-weight: bold;
}



.pageSection-13 .pageSection-title:after{
	display: none;
}




.row.flex {
	display: flex;
	flex-wrap: wrap;
}

.row.flex [class*=col-]{
    margin-left: -.3px;
	margin-right: -.3px;
}

.row.flex.align-left {
	flex-direction: row-reverse;
}

.row.flex.align-right {
	flex-direction: row;
}

@media (max-width: 1023px) {

.row.flex.align-left {
	flex-direction: column-reverse;
}

.row.flex.align-right {
	flex-direction: column-reverse;
}
}

.pageSection-14 {
	padding: 200px 0 80px 0;
	background: #F5C400;
	color: #23313B;
}

@media (max-width: 1023px) {
	.pageSection.pageSection-14 {
	padding: 100px 0 80px 0;
	
	}
}

@media (max-width: 767px) {
	.pageSection.pageSection-14 {
	padding: 60px 0 80px 0;
	
	}
}

.pageSection-14 .pageSection-title{
	line-height: 48px;
	font-size: 36px;
	color: #23313B;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px 0;
}

.pageSection-14 .pageSection-title:after{
	display: none;
}

.pageSection-iframe  {
	padding: 80px 0 80px 0;
	color: #23313B;
}

.blockFacts {
	border: 8px solid #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 90px;
}

.fact-element {
	width: 50%;
	text-align: center;
	padding: 40px 0;
}

.fact-number {
	line-height: 78px;
	font-size: 92px;
	color: #23313B;
	font-weight: bold;
	margin: 0 -40px;
}

@media (max-width: 1023px) {
	.fact-number {
		line-height: 62px;
		font-size: 73px;
	}
}

@media (max-width: 767px) {
	.fact-number {
		line-height: 42px;
		font-size: 50px;
	}
}


.fact-label{
	line-height: 40px;margin-top:34px;
	font-size: 28px;
	color: #23313B;
	font-weight: bold;
}

.fact-1:after, .fact-2:after{
	display: block;
	content: '';
	width: 64px;
	height: 8px;
	background: #fff;
	margin: 0 auto;
	position: relative;
	top: 24px;
}

.pageSection-small {
	line-height: 32px;
	font-size: 20px;
	margin-top: 20px;
}

.pageSection-small p{
	margin: 0 0 40px 0;
}

.pageSection-small strong{
	color: #00B3E6;
}

@media (max-width: 1023px) {
	.blockFacts {
		padding: 30px 20px;
		
	}
}

@media (max-width: 767px) {
	.blockFacts {
		padding: 20px;
		flex-direction: column;
	}
	
	.fact-element {
		width: 100%;
	}
	
	.fact-3:after{
		display: block;
		content: '';
		width: 64px;
		height: 8px;
		background: #fff;
		margin: 0 auto;
		position: relative;
		top: 24px;
	}	
	
.fact-number {
	font-size: 12vw;
	line-height: 9vw;
}	
}


/*=========================================*/


.pageSection-15 {
	padding: 80px 0;
	border-bottom: 1px solid #e6e6e6;
}

.pageSection-15 .leap-stripe{
	right: 0;
}

.pageSection-15 .pageSection-title{
	font-weight: bold;
	line-height: 78px;
	font-size: 36px;
	color: #23313B;
}

.pageSection-15 .pageSection-title:after{
	background:  #F5C400;
	margin: 20px 0 30px 0;
}

.pageSection-15 .pageSection-text{
	line-height: 40px;
	font-size: 24px;
	color: #23313B;
	padding: 0 0 40px 0;
}


.pageSection-15 .pageSection-button {
	display: block;
    height: 64px;
    background: #00B3E6;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 12px 0 0 0;
}

.pageSection-15 .pageSection-photo {
	height: 100%;
	background-position: center;
	background-size: cover;
}

/*=========================================*/

.pageSection-16 {
	padding: 80px 0 80px 0;
}



/*========================================*/
.content-wrapper {
	width: 100%;
	overflow: hidden;
}

.leap-stripe {
	top: 0;
	right: -400px;
	background: #2E89CB;
	opacity: 0.1;
	transform: rotate(-45deg);
	transform-origin: 100% 0;
	width: 5000px;
	height: 394px;
	position: absolute;
	z-index: 5;
}

.leap-stripe-11 {
	right: 0;
}


.container {
	position: relative;
	z-index: 50;
}



/* ===========================================================================================================*/

.heroBanner {
	position: relative;
	height: 827px;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

.heroBanner.no-bg {
	height: 520px;	
	background-color: #00B3E6;
}



.heroBanner-shadow {
	position: absolute;
	bottom: 0;
	background: linear-gradient(180deg, rgba(35, 49, 59, 0) 0%, #23313B 100%);
	opacity: 0.9;
	min-height: 300px;
	left:0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.no-bg .heroBanner-shadow {
	background: transparent;
}

.heroBanner-title {
	border-top: 4px solid #00B3E6;
	padding: 40px 0;
	line-height: 58px;
	font-size: 45px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 4px 100px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1023px) {
.heroBanner-title {
	font-size: 36px;
	line-height: 46px;
	padding: 32px 0;
}
}


@media (max-width: 767px) {
.heroBanner-title {
	font-size: 24px;
	line-height: 31px;
	padding: 21px 0;
}
}




.heroBanner-title span{
	font-weight: normal;
}

.heroBanner-title.is-primary {
	border-top: 4px solid #00B3E6;
}

.heroBanner-title.is-secondary {
	border-top: 4px solid #F5C400;
}

.heroBanner-title.is-led {
	border-top: 4px solid #84BE41;
}

.heroBanner-title.is-demonstrated {
	border-top: 4px solid #FF6C0C;
}

.heroBanner-title.is-connected {
	border-top: 4px solid #00B3E6;
}

.heroBanner-title.is-focused {
	border-top: 4px solid #B34FC5;
}

.heroBanner.no-bg .heroBanner-title {
	border-top: 4px solid #fff !important;
}


.heroBanner-subtitle {
	padding: 0 0 40px 0;
	margin: -30px 0 0 0;
	line-height: 68px;
	font-size: 45px;
	color: #FFFFFF;
	text-shadow: 0px 4px 100px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(0, 0, 0, 0.15);
}


.pageSection-color {
	padding: 60px 0;
}

.pageSection-color.is-led {
	background-color: #84BE41;
}

.pageSection-color.is-demonstrated {
	background-color: #FF6C0C;
}

.pageSection-color.is-connected {
	background-color: #00B3E6;
}

.pageSection-color.is-focused {
	background-color: #B34FC5;
}


@media (max-width: 767px) {
.heroBanner {
	height: auto;
}
	
.heroBanner-shadow {
	position: relative;
	padding-top: 300px;
	height: auto;
	min-height: 80vw;
}	
}


/*=================================================================================================*/

.rotate-cards {
	display: none;
	flex-wrap: wrap;
	margin: 40px 0;
	overflow: hidden;
}

.in .rotate-cards {
	display: flex;
}







/*================ Results Block ====================*/

.resultsBlock {
 	text-align: center;
}

.resultsBlock-number {
	display: inline-block;
	position: relative;
	padding: 0 80px;
	font-size: 260px;
	line-height: 1;
	color: #23313B;
	font-weight: bold;
	letter-spacing: -15px;
}

.resultsBlock-number:before {
	display: block;
	position: absolute;
	left: -64px;
	top: 50%;
	content: '';
	width: 64px;
	height: 8px;
	background: #84BE41;
}

.resultsBlock-number:after {
	display: block;
	position: absolute;
	right: -64px;
	top: 50%;
	content: '';
	width: 64px;
	height: 8px;
	background: #84BE41;
}

.resultsBlock-number sup{
	font-size: 160px;
}

.resultsBlock-title {
	line-height: 48px;
	font-size: 36px;
	color: #23313B;
	font-weight: bold;
}


.pageSection-20 {
	padding: 90px 0;
	border-bottom: 1px solid #e6e6e6;
}

.pageSection-21 {
	line-height: 40px;
	font-size: 24px;
	border-bottom: 1px solid #e6e6e6;
}

.pageSection-21 p{
	margin-bottom: 40px;
}

.pageSection-21 .pageSection-title{
	font-weight: bold;
	text-align: left;
}

.pageSection-21 .pageSection-title:after {
	background: #F5C400;
}

.pageSection-21  .column-image {
	margin-top: 10px;
}




.pageSection-23 {
	text-align: center;
	padding: 0 0 90px 0;
}

.pageSection-23 .pageSection-text {
	text-align: center;
	color: #23313B;
	margin: 40px 0 40px 0;
}

.pageSection-23 .pageSection-button {
	padding-left: 80px;
	padding-right: 80px;
}

.pageSection-24 {
	text-align: center;
}






.pageSection-25 {
	padding: 20px 0;
line-height: 40px;
font-size: 24px;
}

.pageSection-25 p{
margin: 0 0 40px 0;
}


.pageSection-25 .pageSection-small{
	margin-top: 40px;
line-height: 24px;
font-size: 16px;
}

.pageSection-25 .pageSection-title{
	text-align: left;
	font-weight: bold;
}

.pageSection-25 .pageSection-title:after {
	background: #F5C400;
}



.pageSection-26 {
	text-align: center;
	padding: 0 0 80px 0;
}

.pageSection-pre {
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	color: #23313B;
	margin: 20px 0;
	font-weight: bold;
}

.pageSection-post {
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	color: #23313B;
	margin: 20px 0;
	font-weight: bold;	
}

.pageSection-post a{
	display: inline-block;
	color: #23313B;
	margin: 20px 0;
	text-decoration: none;
}




/*===================================== Section Double ================== */



.pageSection-color .pageSection-text, .pageSection-text{
	font-size: 36px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 700;
}


@media (max-width: 1023px) {
	.pageSection-color .pageSection-text,  .pageSection-text{
		font-size: 28.8px;
		line-height: 48px;
	}
		
}


@media (max-width: 767px) {
	.pageSection-color .pageSection-text,  .pageSection-text{
		font-size: 20px;
		line-height: 33px;
	}

}





.pageSection-double strong{
	color: #23313B;
}


.pageSection-photo {
	height: 544px;
	background-size: cover;
	margin: 80px 0 -271px 0;
	padding: 0;
}

.pageSection-big {
	line-height: 60px;
	font-size: 36px;
	text-align: center;
	color: #23313B;
	font-weight: bold;
	margin: 100px 0 80px 0;
}

.pageSection-big.listed {
	text-align: left;
	margin: 40px 0 0px 0;
}

@media (max-width: 1023px) {
.pageSection-big{
	font-size: 28.8px;
	line-height: 48px;
	margin: 60px 0 60px 0;
}
}


@media (max-width: 767px) {
.pageSection-big{
	font-size: 20px;
	line-height: 33px;
	margin: 40px 0 0px 0;
}
}








.pageSection-empty {
	height: 260px;
}


@media (max-width: 1239px) {
	.pageSection-photo {
	height: 455px;
	margin-bottom: -224px;
	}
	
	.pageSection-empty {
		height: 260px !important;
	}
}

@media (max-width: 1023px) {
	.pageSection-photo {
	height: 357px;
	margin-bottom: -178px;		
	}
	.pageSection-empty {
	height: 190px !important;
	}

}

@media (max-width: 767px) {
	.pageSection-photo {
	height: 46.6vw;
	margin-bottom: -24vw;	
}
	
	.pageSection-empty {
		height: 27vw !important;
	}
	
}







/*===================================== Section Repeater  ================== */

.pageBlock-footer.center {
	text-align: center;
}




.abr111{
	font-weight: bold;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;	
}







.pageSection.border {
	border-bottom: 1px solid #e6e6e6;
}



.pageBlock-title span {
	color: #00b3e6;
}







/*=================================== New Background =========================== */

.diagonal-bg {
	background-image: url(images/stripe-bg2.svg);
	background-position: right -558px;
	background-repeat: repeat-y;
}

.diagonal-bg.single {
	padding-top: 60px;
}


/*================================================================================ Floor Constructor ==============*/






/* ===============================*/

.btn.btn-big {
	max-width: 720px;
}






.pageBlock-button-caption {
	max-width: 500px;
	margin: 10px auto;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}


.btn.btn-center {
	margin: 40px auto 0 auto;
	display: block;
}




/*================================*/

.mainForm {
	padding: 60px 0;
}

.mainForm .mainForm-chooseList {display:none;}

.mainForm-select {
	height: 64px;
	box-sizing: border-box;
	border: 2px solid #E4E4E4;
	background-image: url(images/fake-inactive.png); 
	background-size: auto 100%;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 0 0 97px;
	font-weight: bold;
	line-height: normal;
	font-size: 18px;
	color: #23313B;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mainForm-select.active {
	border: 2px solid #00B3E6;
	background-image: url(images/fake-checkbox.png); 
	transition: all 0.2s ease;
}

.mainForm-caption {
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	font-size: 14px;
	color: #23313B;	
	margin: 20px 0;
}	

.mainForm-input {
	border: 2px solid #E4E4E4;
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin: 20px 0;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 42px;
	font-size: 24px;
	color: #23313B;	
	position: relative;
}

.mainForm-required {
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 26px;
	right: 10px;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	text-align: right;
	color: #23313B;
}

.mainForm-submit {
	background: #00B3E6;
	border: 0px;
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	line-height: 42px;
	font-size: 24px;
	color: #fff;	
	position: relative;
}

.mainForm-submit:hover {
	background: #23313B;
}

.mc4wp-alert,.mainForm-afterform {
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #23313B;	
	margin: 10px 0;
}

/*==================================================*/

.btn.full {
	max-width: 100% !important;
	width: 100% !important;
	text-align: center !important;
}

.card-image.eventCard-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.eventCard {
	display: flex;
	flex-direction: row;
}

.eventCard-content {
	display: flex;
	flex-direction: column;
}

.eventCard-content .card-desc {
	flex-grow: 1;
	max-height: 999px;
	font-weight: 500;
}

@media (max-width: 767px) {
.eventCard {
	flex-direction: column-reverse;
}
	
.eventCard .eventCard-content {
	width: 100%;
	padding: 0px;
	}
	
.eventCard .eventCard-content  .card-title {
	order: -1;
	margin: 20px 0 10px 0;
} 	

.eventCard .eventCard-content  .card-meta {
	margin: 0 0 20px 0;
}
	
.eventCard .eventCard-media {
	width: 100%;
	padding-right: 0;
	min-height: 0;
	height: 46vw;	
	}
	
.eventCard-image {
	height: 46vw;	
}	
}	


.careerCard .card-title {
	margin-bottom: 20px;
}


/* ===================== blockCTA =======================*/

.blockCTA {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: 40px 0;
	padding: 24px 0;
}

.blockCTA-text {
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	font-size: 16px;
	color: #23313B;
}

.blockCTA-box {
	display: flex;
	flex-direction: column;
	padding: 48px;
	background-color: #00B3E6;
}

.blockCTA-title {
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-size: 18px;
	color: #FFFFFF;
}

.blockCTA-title:after {
	display: block;
	content: '';
	width: 64px;
	height: 8px;
	background-color: #fff;
	margin: 40px 0 49px 0;
}






/*======================================== MOBILE STYLES & OVERRIDES ================================== */



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.row {
    margin-right: -16px !important;
    margin-left: -16px !important;
}



.container {
	max-width: 1152px !important;
	width: 1152px !important;	
	padding: 0 16px 16px 16px;
}

.container.nopadding {
	padding: 0 0 0 0;
}


@media (min-width: 1240px) {
.container {
	max-width: 1152px !important;
	width: 1152px !important;
}
}

@media (min-width: 1024px) AND (max-width: 1239px)  {
.container {
    width: 970px !important;
	max-width: 970px !important;
}
} 

@media (min-width: 768px) AND (max-width: 1023px) {
	.container {
		width: 750px !important;
		max-width: 970px !important;
	}
	
	.btn {
		height: auto;
		white-space: normal;
		line-height: 32px !important;
		padding: 10px 32px !important;
		min-height: inherit !important;
	}
	
	.btn.btn-primary {
		/*font-size: 19px;*/
		line-height: 33.6px;
		line-height: 32px;
    	min-height: 50px;
   		padding: 7px 20px;
	}
	
	.btn.btn-secondary {
		font-size: 18px;
		line-height: 21px;
		line-height: 32px;
	}	
}

@media (max-width: 767px) {
.container {
	max-width: 100% !important;
	width: 100% !important;	
}
	
	.btn {
		display: block;
		max-width: 100%;
		width: 100%;
		height: auto;
		white-space: normal;
		line-height: 24px !important;
		padding: 16px !important;
		min-height: inherit !important;
	}	
	
	.btn.btn-primary {
		/*font-size: 16px;*/
		line-height: 24px;
		line-height: 32px;
    	min-height: 50px;
   		padding: 7px 20px;
	}
	
	.btn.btn-secondary {
		font-size: 18px;
		line-height: 20px;
		line-height: 32px;
	}		
}



.footerMenu li a{
	font-weight: 500;
	line-height: 28px;
	font-size: 14px;
	text-decoration-line: underline;
	color: #FFFFFF;	
}


.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* ?????? ?????? ?????????? ??? 16:9 (???? 4:3 — ????????? 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageSection-empty.video {
	height: 360px;
}


/* ======================== Top Menu ========================== */

.site-header-logo {
	margin: 0 35px;
}

.siteNavigation {
	margin: 0 35px;
}

.navbar-brand::after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    width: 0px;
    height: 42px;
    background: rgba(119, 119, 122, 0.2);
}

.siteNavigation.is-fixed-top .navbar-brand::after {
    width: 1px;
}



.siteNavigation.is-fixed-top {
	margin: 0;
	left: -1px;
	right: -1px;
	box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.25);
	z-index: 999;
}



.siteNavigation-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.siteNavigation-menu .navbar-start{
	padding: 0;
	margin: 0;
	width: 75%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	border: 0px;
}


.siteNavigation-menu .navbar-start .navbar-item  {
	margin: 0;
	padding: 0;
}

.siteNavigation-menu .navbar-end{
	padding: 0;
	margin: 0;
	width: 25%;
}
	
.siteNavigation-menu .navbar-end::before {
    display: none;
}

@media (max-width: 1312px) {
.siteNavigation-menu .navbar-start{
	width: auto;
	flex-grow: 1;
}
	
.siteNavigation-menu .navbar-end{
	width: 8.5%;
}	
}

@media (max-width: 1014px) {
.siteNavigation-menu .mainMenu {
		display: none;
	}
	
	.navbar-menu {
    display: none;
}
}



.mobileMenu-wrapper {
	display: none;
}

.is-fixed-top .mobileMenu-wrapper {
	display: none;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}



@media (max-width: 1014px) {
	
		.navbar-brand .navbar-burger {
			position: absolute;
			top: 0;
			left: 0;
			width: 80px;
			height: 72px;
			line-height: 72px;
			margin-left: 0;
			margin-right: auto;
			background: none !important;
			text-decoration: none !important;
		}

		.siteNavigation.is-fixed-top  .navbar-burger  {
				left: 17px;	
		}
	
	.siteNavigation-menu.is-active {
		display: block !important;
		text-align: center;
	}

	.siteNavigation-menu.is-active	a {
		color: #00b3e6 !important;
		font-style: normal;
		font-weight: bold;
		line-height: 20px;
		font-size: 15px;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	.siteNavigation-menu.is-active	.mobileMenu-wrapper {
		display: block;
	}	
	

	
	
/* Mobile Menu */

.mobileMenu .sub-menu {
	display: none !important;
}


.mobileMenu-subopener.opened:before, .mobileMenu-subopener.current-menu-item:before {
	background: #00B3E6;
	width: 100%;
	height: 90px;
	position: static;
	top: 0px;
	z-index: 99;
}


.mobileMenu .current-menu-item>a{
	border-bottom: 2px solid #00b3e6;
	padding-bottom: 6px;
}

.mobileMenu .current-menu-parent>a {
	border-bottom: 4px solid #00b3e6;
	padding-bottom: 8px;
	color: #999 !important;
}


.mobileMenu .current-menu-item  .sub-menu,  .mobileMenu .current-menu-parent  .sub-menu {
	display: block !important;
	position: static;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 10px 0 0 0;
	padding: 5px 0;
	transform: translate(0,0);
	background: rgba(228,228,228,0.5);
}

/*	
.mobileMenu-subopener.current-menu-parent.opened  .sub-menu  {
	display: none !important;
}
*/


.mobileMenu-subopener .menu-item {
	background: transparent;
}

.mobileMenu .menu-item {
	font-weight: bold;
	line-height: normal;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.02em;
	padding: 6px 0;
	margin: 14px 0;
}	


#menu-item-2393:before {
	content: '';
	display: block;
	width: 72px;
	height: 1px;
	background: #77777A;
	opacity: 0.2;
	margin: 10px auto 45px auto;
}

}








.siteNavigation-menu .navbar-end .navbar-item { 
	margin: 0;
	padding: 0;
	width: 100%;
}

.secondMenu-border {
	width: 1px;
	border: 0px solid red;
	height: 42px;
	background: #FFFFFF;
	opacity: 0.2;
	margin: 12px -1px;
	float: left;
}

.siteNavigation.is-fixed-top .secondMenu-border {
	background: #77777A;
}


.secondMenu-toggle {
	display:none;
	font-weight: bold;
	line-height: normal;
	font-size: 13px;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FFFFFF;	
	padding: 27px 0;
}

.is-fixed-top .secondMenu-toggle {
	color: #77777a;
}

.secondMenu-toggle:hover {
	text-decoration: none;
}

.secondMenu-toggle .sub-menu {
	display: none;
	top: 100%;	
	left: 50%;
	right: auto;
	flex-flow: column;
	align-items: center;
	width: 272px;
	margin: 0 0 0 -86px;
	padding: 2rem 0;
	border-radius: 0;
	background: #fff;
	box-shadow: inset 0px 2px 20px rgba(0,0,0,.15);
}


.secondMenu-wrapper {
	width: 100%;
}

@media (min-width: 1015px) and (max-width: 1312px) {
.navbar-menu .navbar-item{font-size:14px}
.secondMenu-wrapper {
	width: 100%;
	text-align: center;
	justify-content:center;
}
	
.secondMenu-toggle:hover .sub-menu {
	display: block;
}	
}




.secondMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-size: 13px;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FFFFFF;	
	display: flex;
	justify-content: space-around;
}

.secondMenu li{
	position: relative;
}

.secondMenu a{
	text-decoration: none;
	color: #FFFFFF;	
	height: 72px;
	line-height: 72px;
	text-align: middle;
}
.secondMenu a{
	text-decoration: none;
	color: #FFFFFF;	
	height: 72px;
	line-height: 72px;
	text-align: middle;
}
.secondMenu a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;bottom: 1.6rem;
    width: 100%;
    height: 4px;background: #fff;
    opacity: 0;
    border-radius: 2px;
    transition: 0.3s;
}
.secondMenu>li:hover>a,
.secondMenu>li>a:hover {
	color: #FFFFFF;	
}
.secondMenu>li:hover>a:before ,
.secondMenu>li>a:hover:before {
    opacity:0.5;
}
.is-fixed-top .secondMenu>li:hover>a,
.is-fixed-top .secondMenu>li>a:hover {
	color: #00b3e6;	
}
.is-fixed-top .secondMenu>li:hover>a:before ,
.is-fixed-top .secondMenu>li>a:hover:before {
	background: #00b3e6;	
    opacity:0.5;
}
.is-fixed-top a {
	color: #77777A;
}

.secondMenu .sub-menu {
	width: 240px;
    display: none;
    position: absolute;
    list-style: none;
    top: 100%;
    right: 0%;
    padding: 20px 10px 10px 10px;
    margin: 0 0 0 0;
    background: #fff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
}

.secondMenu .sub-menu a{
	color: #77777A;	
	line-height: 24px;
	padding: 5px 0;
	margin: 0;
}

	
	.secondMenu-toggle {
	display:inline-block;	
	}
}

@media (max-width: 1014px) {
	.secondMenu {
		display: none;
	}
	
	.secondMenu-toggle {
	display:none;	
	}
}


.navbar-dropdown.is-boxed {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
}



/* Changing styles after Dmitry =====*/


.navbar-dropdown.is-boxed {
    display: none;
    opacity: 0;
    left: 50%;
    right: auto;
    flex-flow: column;
    align-items: center;
    width: 272px;
    margin: 0 0 0 -136px;
    padding: 2rem 0;
    border-radius: 0;
    background: #fff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
    transform: translate(0,0);
}

.secondMenu .sub-menu {
    left: 50%;
    right: auto;
    flex-flow: column;
    align-items: center;
    width: 272px;
    margin: 0 0 0 -136px;
    padding: 2rem 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0px 2px 20px inset rgba(0, 0, 0, 0.15);
    transform: translate(0,0);
}

#menu-item-2038 .sub-menu {
    left: auto;
    right: -16px;
    flex-flow: column;
    align-items: center;
    width: 272px;
    margin: 0 0 0 0;
    transform: translate(0,0);
}

.secondMenu .sub-menu a{
	font-size: 1.4rem;
    line-height: 4.2rem;
    font-weight: bold;
    color: #00b3e6;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0;
}


.secondMenu .sub-menu li:hover a{
	border-bottom: 2px solid rgba(0,179,230,0.3);
	padding-bottom: 2px;	
}	







.resourceSection-statistic .card-footer p{
	text-align: center;
}


.button.is-secondary:hover {
	text-decoration: none;
}



.container.phyllis {
	display: flex;
	flex-direction: row;
}



#filter .title.is-label {
	font-size: 24px;
	line-height: 42px;
}

@media (max-width: 1023px) {
#filter .title.is-label {
	font-size: 19px;
	line-height: 22px;
}	
}

@media (max-width: 767px) {
#filter .title.is-label {
	font-size: 16px;
	line-height: 27px;
}
}











.site-footer-title {
	font-weight: bold;
	line-height: 42px;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

/*
.wpcf7-submit.button-primary:hover {
	opacity: 0.8;
	background-color: #00b3e6;
	border-color: #00b3e6;
}*/

.footerForm-input input.wpcf7-form-control::-webkit-input-placeholder {
	color: #fff !important;
}
.footerForm-input input.wpcf7-form-control:-moz-placeholder {
	color: #fff !important;
	opacity: 1;	
}

.footerForm-input input.wpcf7-form-control::-moz-placeholder {
	color: #fff !important;
	opacity: 1;
}

.footerForm-input input.wpcf7-form-control::-ms-input-placeholder { 
		color: #fff !important;
		opacity: 1;
}

.wpcf7-form-control {
	font-family: 'IBM Plex Sans', sans-serif;
}

.wpcf7-not-valid {
	border: 2px solid #FA660C !important;
}

.required-input.wpcf7-not-valid {
	background-image: url(images/required-red.png);
}

span.wpcf7-not-valid-tip {
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	color: #23313B;
	top: -5px;
	position: relative;
}

textarea, select, input, button { outline: none; }


.mc4wp-checkbox-contact-form-7 {

}

.shareForm-response {
	max-width: 544px;
	margin: 5px auto;
}

.wpcf7-response-output.wpcf7-validation-errors {
	border: 0;
	width: 100%;
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	color: #23313B;	
	padding: 0;
	margin: 0;
}


.reviewItem-image {
	background-position: top center;
}



	



.section-single {
	padding:  0 0 60px 0;
}



@media (max-width: 767px) {
	.newsCard .container {
		flex-direction: column-reverse;
	}
	
	.newsCard .resourceCard-content {
		width: 100%;
		padding: 10px 0 0 0;
	}
	
	.newsCard .resourceCard-media {
		width: 100%;
		padding: 0;
		height: 62vw;
		min-height: 240px;
	}
}


.columns2 .btn-primary {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}





.section.section-filter {
	margin: 0;
	padding: 0;
}

#resources-filters .field-checkbox{width:auto;display:block;height:auto;min-height:64px;}
#resources-filters .field-checkbox:last-child{margin-bottom: 15px !important;}
#resources-filters .field-checkbox label{height:auto !important;padding-left: 80px !important;line-height:24px !important;padding-top:18px !important;padding-bottom:18px !important}
#resources-filters .form-control,
#resources-filters .card.cta-box{max-width:100%;width: 100% !important;}
#resources-filters select.form-control{white-space:nowrap}
@media (max-width: 1023px) {
	#resources-filters .field-checkbox label{font-size:1.6rem !important}
	#resources-filters .form-control{font-size:16px !important}
}
.resourceCard .card-title {
    margin: 0;
    font-weight: bold;
    line-height: 42px;
    font-size: 24px;
    color: #23313b;
	margin-bottom: 10px;
}

.resourceCard .card-desc {
    margin-bottom: 80px;
    line-height: 28px;
    font-size: 16px;
}


.resourceCard .card-meta {
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 28px;
    font-size: 16px;
    text-transform: none;
}

/* ========================== */





.resourceSection-footer .nav-left div {
  background-image: url(/includes/icons/icon-left-arrow-yellow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.resourceSection-footer .nav-right div {
  background-image: url(/includes/icons/icon-right-arrow-yellow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

@media (max-width: 1024px) {
  .resourceSection-footer .nav-arrow {
    width: 100%;
  }
  .resourceSection-footer .nav-arrow strong,
  .resourceSection-footer .nav-title {
    display: none;
  }
}






.gallery {
margin-bottom: 0;
}

@media (min-width: 768px) {
.page-id-701 .heroBanner  {
	height: 600px;
	background-position: center;	
}
}	

@media (max-width: 767px) {
.reviewItem {
	display: block;
	flex-direction: column;	
}
	.reviewItem-image {
		margin: 15px 25px 10px 0;
		float: left;
	}	
}

.blockFacts-double {
	display: block;
	border: 8px solid #FFFFFF;
	padding: 40px 90px;
}


.resourceFacts {
	display: flex;
	flex-flow: column wrap;
	height: 210px;
}

.blockFacts-title {
	font-weight: bold;
	line-height: 60px;
	font-size: 36px;
	text-align: center;
	letter-spacing: -1px;
	color: #23313B;
}

.blockFacts-subtitle {
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-size: 18px;
	text-align: center;
	color: #23313B;
	margin: 0 0 20px 0;
}

.blockFacts-inside {
	font-style: normal;
	font-weight: bold;
	line-height: 58px;
	font-size: 45px;
	text-align: center;
	color: #23313B;
}

@media (max-width: 1023px) {
	.blockFacts-double	{
		padding: 30px 60px;
		
	}
	
.blockFacts-title {
	font-size: 36px;
	line-height: 46px;
}

.blockFacts-subtitle {
	font-size: 16px;
}

.blockFacts-inside {
	line-height: 42px;
	font-size: 36px;
}	
	
.resourceFacts-item {
	line-height: 36px;
	font-size: 19px;			
}	
}

@media (max-width: 767px) {
	.resourceFacts {
	flex-flow: column nowrap;
	height: auto;
}
	
	.blockFacts-double	{
		padding: 20px 10px 20px 20px;
		
	}
	
.blockFacts-title {		font-size: 24px;
	line-height: 31px;
}	
	
.blockFacts-subtitle {
	font-size: 14px;
}	
	
.blockFacts-inside {
	line-height: 36px;
	font-size: 32px;
}		
	
.resourceFacts-item {
	line-height: 24px;
	font-size: 16px;			
}		

}


.blockFacts-inside:after {
	content: '';
	display: block;
	background-color: #fff;
	width: 64px;
	height: 8px;
	margin: 40px auto;
}

.resourceFacts {
	display: flex;
}

.resourceFacts-item {
	display: flex;
	width: 50%;
	font-style: normal;
	line-height: 42px;
	font-size: 24px;
	font-weight: 700;
}

.resourceFacts-percent{
	width: 80px;
}

@media (max-width: 1023px) {
	
}

@media (max-width: 767px) {
.resourceFacts {
	justify-content: center;
}	
.resourceFacts-item {
	width: 100%;
	display: flex;
}	
.resourceFacts-item .resourceFacts-percent{
	width: 80px;
}	
}




/* ================== Quick Edits on News ============================== */


.wp-video+h6 {
	margin-bottom: 42px;
}


.post-endpoint {
	width: 19px;
	height: auto;
	line-height: 4.2rem;
	vertical-align: middle;
}



.postAuthors {
	
}

.postAuthors-title {
	font-weight: bold;
	line-height: normal;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;	
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.postAuthors-image {
	background-color: #e6e6e6;
}



/*================== Styles for resources ====================*/

  	.heroVideo .wp-video {
  		width: 100% !important;
  		height: 100% !important;
      position: relative !important;
  	}
    .heroVideo .mejs-controls {
      opacity: 1 !important;
      display: flex !important;
    }
	  
	 .heroBanner.has-video {
	  	height: 55.6vw !important;
	  	min-height: 420px;
	  } 
	  
	  @media (max-width: 767px) {
	  
	  .heroBanner.has-video {
	  	height: 420px;
	  	min-height: 420px;
	  } 
	  
	  .heroVideo .wp-video {
	  	height: 420px;
	  	min-height: 420px;
	  }
	  
	  .heroVideo .wp-video .mejs-video {
	  height: 420px !important;
	  }
	  
	 .heroVideo .mejs-mediaelement {
    left: 0;
    position: absolute;
    	    top: calc(203px - 26vw) !important;
		}
	  }
	  
	.heroBanner.has-video    .heroBanner-shadow {
	  position: absolute;
	  padding-top: 120px;
    min-height: 0;
	}

  	.button-play {
  		cursor: pointer;
  		position: absolute;
      top: 50%;
      left: 50%;
      width: 8rem;
      height: 8rem;
  		margin-top: -4rem;
  		margin-left: -4rem;
      border-radius: 4rem;
      background-size: 52px 44px;
      background-position: 18px center;
      background: transparent url(/wp-content/themes/leap/includes/icons/icon-play.svg) center no-repeat;
  	}
    .no-image {
      background-image: none !important;
    }
    .has-video {
      /* height: auto !important; */
    }
    #playButton.is-transparent {
      opacity: 0;
    }
    #playButton.is-fullscreen {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
    #videoBg {
      background-color: #e6e6e6 !important;
    }
    #playButton.is-connected {
      background-color: #00B3E6;
    }
    #playButton.is-focused {
      background-color: #B34FC5;
    }
    #playButton.is-led {
      background-color: #84BE41;
    }
    #playButton.is-demonstrated {
      background-color: #FF6C0C;
    }

/* ================= Facts section for Resources ============================= */

.resourceSection-statistic .card-square {
	max-width: 900px
}

.resourceFacts {
	display: flex;
	flex-flow: column wrap;
	width: 100%;
	min-height: 340px;
}

.resourceFacts-item {
	width: 50% !important;
	height: 20%;
	text-align: left;
}

.resourceFacts-item span {
	width: 90px;
	
}

.card-footer p {
	margin: 0 auto;
	
}

@media(max-width: 1023px) {
	.resourceFacts {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	min-height: 0;
	height: auto;
}

.resourceFacts-item {
	width: 100% !important;
	height: auto;
	text-align: left;
}
	
}



.content.is__wysiwyg {
	padding-top: 42px;
}
select.form-control{font-family: 'IBM Plex Sans', sans-serif;}

nav.pages_bottom ul {text-align:center;}
nav.pages_bottom ul li {display:inline-block; margin:0 7px;}
nav.pages_bottom ul li a {color:#fff; padding:10px 15px; font-size:14px; display:block; background-color:#00b3e6;}
nav.pages_bottom ul li a.active, nav.pages_bottom ul li a.current {color:#23313b; background-color:#f5c400;}
select.form-control{font-family: 'IBM Plex Sans', sans-serif;}
div.wpcf7-response-output{font-size: 16px;text-align: center;padding: 1em}
@media (min-width: 768px){
	div.wpcf7-response-output{margin:0 auto;width: 50%;width: calc(50% - 16px);}
}
.input{min-width:inherit !important}