body.navigation {
	overflow: hidden;
}

.trailers-cnt {

	padding-top: 15px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;

}

.trailers-cnt .trailer-cnt {

	flex: 0 0 20%;
    max-width: 20%;

}

.trailers-cnt .trailer-cnt .trailer {

	display: block;
	position: relative;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 15px 15px;

}

.trailers-cnt .trailer-cnt .trailer a {

	transition: .33s;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px dotted #c8c6c6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 89px;
	cursor: pointer;

}

.trailers-cnt .trailer-cnt .trailer a img {

	min-width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: -webkit-filter .3s;
	transition: -webkit-filter .3s;
	transition: filter .3s;
	cursor: pointer;

}

.trailers-cnt .trailer-cnt .trailer a img:hover {

	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);

}

.trailers-cnt .trailer-cnt .trailer .name {

	font-size: 14px;
	font-weight: 600;
	padding: 10px 0;
	text-transform: uppercase;

}

.trailers-cnt .trailer-cnt .trailer .short {

	padding: 5px 0;
	font-size: 13px;
	line-height: 18px;

}

.float-image {

	margin: 10px 15px;

}

.schools-contact-box {

	background-color: #38475d;
	color: white;
	border: 2px solid #38475d;
	cursor: pointer;

}

.schools-contact-box.active {

	background-color: white;
	color: #38475d;
	border: 2px solid #ff4444;

}

.schools-contact-box .school-contact-map {

	display: none;

}

.schools-map {

	display: none;

}

.schools-map.active {

	display: inline;

}

.schools-maps-cnt {

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
    min-width: 0;

}

.schools-maps-cnt iframe {

	width: 100%;
	height: 550px;
	border: 0;

}

.schools-contact-box iframe {

	width: 100%;
	height: 400px;
	border: 0;

}

/* iframe container class */
.page-view-content .yt_movie_cnt {

	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 560px;
	width: 100%;
	height: 315px;
	
}

/* iframe overlay class */
.page-view-content .yt_movie_cnt .overlay {

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;

}

/* iframe class */
.page-view-content .yt_movie {

	max-width: 560px;
	width: 100%;
	height: 315px;
	
}

@media only screen and (max-width: 2920px) and (min-width: 1440px) {

	.page-wrapper .header .body .btns .menu-switch {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		width: 370px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block .nb-cnt {

		min-width: 183px;
		width: 183px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-sub-block {

		display: none !important;

	}

}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {

	.page-wrapper .header .body .btns .menu-switch {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll .sn-tabs {

		font-size: 1rem;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		width: 370px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block .nb-cnt {

		min-width: 183px;
		width: 183px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-sub-block {

		display: none !important;

	}

}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

	.page-wrapper .header .body .lon40 .name {

		display: none;

	}

	.page-wrapper .header .body .btns .menu-switch {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		width: 370px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block .nb-cnt {

		min-width: 183px;
		width: 183px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-sub-block {

		display: none !important;

	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

	.page-wrapper .header .body .lon40 .name {

		display: none;

	}

	.page-wrapper .header .body .btns .plan,
	.page-wrapper .header .body .btns .librus,
	.page-wrapper .header .body .btns .edukator {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		width: 370px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block .nb-cnt {

		min-width: 183px;
		width: 183px;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-sub-block {

		display: none !important;

	}

}

@media only screen and (max-width: 767px) and (min-width: 576px) {

	.page-wrapper .header {

		background-color: #38475d;

	}

	.page-wrapper .header .body {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 a {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 .name {

		display: none;

	}

	.page-wrapper .header .body .btns .plan,
	.page-wrapper .header .body .btns .librus,
	.page-wrapper .header .body .btns .edukator {

		display: none;

	}

	.page-wrapper .header .body .btns .menu-switch span {

		color: white !important;

	}

	.page-wrapper .body .sub-navigation {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.schools-page .main-navigation .body .main-navi-imgs {

		display: none !important;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block {

		-webkit-box-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		-moz-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

}

@media only screen and (max-width: 575px) and (min-width: 500px) {

	.page-wrapper .header {

		background-color: #38475d;

	}

	.page-wrapper .header .body {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 a {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 .name {

		display: none;

	}

	.page-wrapper .header .body .btns .plan,
	.page-wrapper .header .body .btns .librus,
	.page-wrapper .header .body .btns .edukator {

		display: none;

	}

	.page-wrapper .header .body .btns .menu-switch span {

		color: white !important;

	}

	.page-wrapper .body .sub-navigation {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.schools-page .main-navigation .body .main-navi-imgs {

		display: none !important;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block {

		-webkit-box-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		-moz-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

}

@media only screen and (max-width: 499px) and (min-width: 1px) {

	.page-wrapper .header {

		background-color: #38475d;

	}

	.page-wrapper .header .body {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 a {

		color: white !important;

	}

	.page-wrapper .header .body .lon40 .name {

		display: none;

	}

	.page-wrapper .header .body .btns .plan,
	.page-wrapper .header .body .btns .librus,
	.page-wrapper .header .body .btns .edukator {

		display: none;

	}

	.page-wrapper .header .body .btns .menu-switch span {

		color: white !important;

	}

	.page-wrapper .body .sub-navigation {

		display: none;

	}

	.page-wrapper .body .sub-navigation.scroll {

		display: none;

	}

	.schools-page .main-navigation .body .main-navi-blocks {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.schools-page .main-navigation .body .main-navi-imgs {

		display: none !important;

	}

	.schools-page .main-navigation .body .main-navi-blocks .navi-block {

		-webkit-box-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		-moz-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

}

@media only screen and (max-width: 1300px) {

	.trailers-cnt .trailer-cnt {

		flex: 0 0 25%;
		max-width: 25%;

	}

}

@media only screen and (max-width: 1200px) {

	.schools-fees-image {

		display: none;

	}

}

@media only screen and (max-width: 999px) {

	.trailers-cnt .trailer-cnt {

		flex: 0 0 33%;
		max-width: 33%;

	}

}

@media only screen and (max-width: 800px) {

	.schools-contact-box .school-contact-map {

		width: 100%;
		display: inline;

	}

	.schools-contact-boxes {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.schools-maps-cnt {

		-webkit-box-flex: 0;
		-webkit-flex: 0;
		-moz-flex: 0;
		-ms-flex: 0;
		flex: 0;
		min-width: 0;

	}

}

@media only screen and (max-width: 700px) {

	.trailers-cnt .trailer-cnt {

		flex: 0 0 50%;
		max-width: 50%;

	}

	.float-image {

		margin: 5px 10px;

	}

}

@media only screen and (max-width: 600px) {

	.schools-fees-boxes {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}
	
	.schools-fees-boxes > div {

		padding: 10px;

	}

}

@media only screen and (max-width: 450px) {

	.float-image {

		margin: 5px 0;

	}

}

.gallery {

	text-align: center;

}

img.gallery-item {

	margin: 5px;
	height: 89px;
	cursor: zoom-in;
	
	border: 1px dotted #cac9c9;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	max-width: 100%;

}