#cookies-panel{
	position: fixed;
    left: 10px;
    bottom: 10px;
    width: 340px;
    background: #ffffff;
    padding: 3em 1em 1em 1em;
	font-family: "Arial";
    font-size: 14px;
	border-radius:10px;
	box-shadow:#5e5e5e 0px 0px 13px 0px;
}

#cookies-panel-header{
	font-weight:bold;
	margin-bottom:1.5em;
}

#cookies-panel-top{
	margin-bottom:2em;
	line-height:1.5;
}

#cookies-panel-bottom{
	display: flex;
	justify-content: center;
}

#black-bg{
	background: #000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
	display:none;
}

.cookies-modal{
	position: fixed;
    z-index: 1;
    top: 10em;
    background: #fff;
    left: 0;
    right: 0;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
	border-radius:5px;
	display:none;
	font-family: "Arial";
    font-size: 13.3px;
}

.cookies-modal-header{
	padding: 1em;
	font-size: 1.5em;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-modal-body{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-area{
	margin-top:2em;
	background:#ededed;
	padding:0.5em;
}

.cookies-area-header{
	font-size:1.2em;
	margin-bottom:1em;
}

.cookies-modal-footer{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
}

#cookies-panel-bottom button, .cookies-modal-footer button{
	border: 0;
	padding: 0.8em 1.2em;
	border-radius:5px;
	cursor:pointer;
	background: #d5d5d5;
}

#cookies-panel-bottom button:hover, .cookies-modal-footer button:hover{
	background:#a3a2a2;
}

#cookies-panel-bottom button{
	margin-right: 0.4em;
}

#cookies-panel-bottom button:last-child{
	margin-right:0;
}

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

	.cookies-modal{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

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

	#cookies-panel{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

#navigation{
	position: fixed;
	top: 75px;
	z-index: 1;
}

#top-panel-inner{
	width:100%;
}

#top-panel{
	height:75px;
	top:0;
}

.green-area{
	background: #a5cb3a;
    height: 25px;
    top: 138px;
    width: 100%;
    position: absolute;
}

#headerText{
	position: absolute;
    height: 60px;
    margin: 0;
    width: auto;
    left: 1em;
}

#title{
	margin-left: 3.5em;
    font-size: 2rem;
}

#title a{
	text-decoration: none;
	color: #fff;
	font-weight: 400;
}

.color-area div{
	width:100%;
	height:10px;
	margin-bottom:10px;
}

.color-area-yellow{
	background: #fdd849;
}

.color-area-green{
	background: #a5cb3a
}

.color-area-pink{
	background: #feaec9;
}

.color-area-grey{
	background: #7f7f7f;
}

.welcome{
	position: absolute;
    background: #feaec9;
    top: 205px;
    font-size: 2em;
    padding: 0.25em 1em;
    color: #fff;
}

#contact-us{
	margin:0.5em;
	padding:0.5em;
	background:#fdd849;
	display: flex;
}

#contact-us svg{
	height:25px;
}

#contact-us path{
	color: #75641e;
}

#searchHelper{
	background:#fdd849;
	margin:0.5em;
	padding:0.5em;
	cursor:pointer;
}

#searchHelper svg{
	height:23px;
	color: #75641e;
}

#searchHelper path{
	fill: #75641e;
}

#search{
	position: relative;
}

#search input{
	display:none;
	right: 44px;
	top: 0.45em;
	position: absolute;
	border:0;
	font-size: 15px;
    padding: 9.5px;
	outline: none;
}

.suggestionsBox{
	right: 44px;
    top: 16px;
	width: 437px;
	position: absolute;
	padding:0.5em;
	box-sizing:border-box;
}

#searchForm{
	position:relative;
}


.values{
    font-size: 1em;
	display: flex;
    justify-content: center;
    align-items: center;
	font-weight:600;
	text-transform:uppercase;
}

.f-value{
	opacity:0;
	display: flex;
	align-items: center;
}

.fa-circle{
	font-size:0.5em;
	color:#a9a9a9;
}

.menu-icon img{
	height: 30px;
}

.menu-icon svg{
	height: 30px;
}

#navigation .sf-arrows .sf-with-ul:after{
	display:none;
}

#navigation-padding{
	width:100%;
	box-sizing: border-box;
	display:flex;
	align-items:center;
}

#navigation .sf-menu{
	width:auto;
	flex-direction: row-reverse;
}

.menu-icons-right{
	display: flex;
    flex-direction: row-reverse;
}

.hp-icon{
	padding-left:2em;
}

.hp-icon path{
	fill:#75641e;
}

.hp-icon svg{
	height:25px;
}

#navigation .sf-menu>li>a{
	padding: 0.5em 0.5em !important;
	font-weight: 600;
}

#navigation .menu-icon{
	margin-bottom:0.2em;
}

#navigation .sf-menu>li{
	margin-left: 1.5em;
}

.filosofy{
	margin: 180px 0 0 0;
    background: #feaec9;
    position: relative;
    padding: 1.5em;
	font-size: 14px;
    font-weight: 600;
	line-height: 1.3;
}

#page{
	width:100%;
	padding:50px 20px;
	box-sizing: border-box;
	background:#fff;
}

#page-padding{
	background:transparent;
	border-radius:0;
	padding:0;
}

.hp-content{
	box-sizing:border-box;
}

.hp-area-content, .contact-area-content, .blog-area-content{
	flex:3;
	display: flex;
    flex-wrap: wrap;
}

.hp-new, .contact-item, .blog-new{
	width:calc(25% - 1.5em);
	background:#f7f7f7;
	position: relative;
	margin:0 2em 2em 0;
}

.contact-item{
	width:calc(20% - 2em);
}

.hp-new:nth-child(4n), .contact-item:nth-child(5n), .blog-new:nth-child(4n){
	margin:0 0em 2em 0;
}

.hp-new-image, .contact-item-image, .blog-new-image{
	padding-top: 50%;
    background-size: cover;
    background-position: center;
	margin-bottom:0.5em;
}

.contact-item-image{
	padding-top: 100%;
	background-color: #d5d5d5;
}

.hp-new-info, .contact-item-info, .blog-new-info{
	padding:1em 1em 0.5em 1em;
	box-sizing:border-box;
}

a.hp-new-header, div.hp-new-header, .contact-item-header{
	font-size:1.4em;
	line-height:1.3;
	font-weight:100;
	margin-bottom:0.5em;
	color: #707070;
    text-decoration: none;
}

.hp-new-date, .blog-new-date{
	margin: 1em 0em;
    font-size: 0.9em;
    color: #6b6b6b;
}

.hp-new-text, .blog-new-text{
	line-height:1.7;
	font-size:1.1em;
}

.hp-new-button{
	text-align: right;
	height: 40px;
}

.hp-new-button a{
	display: inline-block;
    text-decoration: none;
    background: #d5d5d5;
    padding: 0.5em;
    color: #757575;
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.hp-new-button a:hover{
	background:#a0a0a0;
}

.hp-all-news-button{
	text-align: center;
    width: 100%;
    padding: 1em;
	box-sizing:border-box;
}

.hp-all-news-button a{
	display:inline-block;
    padding: 0.75em 1em;
	color:#4a6500;
	text-decoration:none;
	background:#a5cc34;
	font-size:1.4em;
	font-weight:100;
}

.hp-all-news-button a:hover{
	background:#c4de79;
}

.hp-calendar{
	flex:1;
	margin-top: 0.5em;
}

.hp-calendar-header{
	font-size:1.6em;
	line-height:1.6;
	font-weight:100;
	margin-bottom:1em;
}

a.hp-calendar-event{
	display:flex;
	align-items:center;
	margin-bottom:1em;
	color:#757575;
	text-decoration:none;
	width:50%;
}

a.hp-calendar-event:hover{
	background:#f1f1f1;
}

.hp-calendar-date{
	background: #a5cc34;
    padding: 0.5em;
	text-align:center;
	font-weight: 400;
	width: 60px;
	color:#4a6500;
}

.hp-calendar-dt{
	font-size: 1.4em;
	line-height:1.4;
    font-weight: 100;
	margin-bottom:0.2em;
}

.hp-calendar-time{
	margin-bottom:0.4em;
}

.hp-calendar-content{
	flex:1;
	padding:0.5em;
	line-height: 1.4;
}

.boxHead{

}

.boxHead-padding{
	color: #757575;
    border-bottom: 1px solid #8e8e8e;
    text-align: left;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.5em 0;
    text-transform: uppercase;
}

#navigation.smaller .menu-icon{
	display:none;
}

#navigation.smaller .menu-name{
	height: 86px;
	display:flex;
	align-items:center;
}

.hp-area-name, .contact-area-name{
	display:flex;
	border-bottom: 1px solid #757575;
	align-items: center;
	padding-bottom: 0.5em;
}

.hp-area-name>a, .contact-area-name a{
	text-decoration:none;
}

.hp-area-name>a:hover h1, .contact-area-name>a:hover h1{
	color: #ff548d;
}

.hp-area-name h1, .contact-area-name h1{
	color:#757575;
	font-size:2rem;
	margin: 0;
	margin-right:1em;
}

#module-100{
	flex:1;
	margin-bottom:0;
}

#module-100 .boxContent-padding{
	display: flex;
	justify-content: flex-end;
    padding: 0;
}

#module-100 .boxContent-padding>div{
	margin-left:1em;
}

.box{
	width:100%;
}

.boxContent-padding{
	padding: 0.75em 0;
}

#module-99 .boxContent-padding{
	display: flex;

}

#module-99 p{
	flex:1;
	text-align:center;
	display: flex;
    justify-content: center;
    align-items: center;
}

#module-99 p img{
	max-width: 100%;
    height: auto;
    max-height: 50px;
    width: auto;
}

.hp-calendar-inner{
	display: flex;
    flex-wrap: wrap;
}

#footer{
	height:auto;
	text-align:center;
	margin-top:0;
}

.footer-content{
	background:#d4d4d4;
}

#footer *{
	vertical-align:bottom !important;
}

#footer img{
	width: 100%;
	height: auto;
	max-width: fit-content;
}

#footer div:nth-child(2){
	font-size: 1.2em;
}

#layout{
	text-align:left;
	background-position-y: 45px;
	line-height:1.1;
}

.footer-left{
	flex:4;
	padding:1rem;
	line-height:1.7;
}

.footer-right{
	flex:3;
}

.school-name{
	font-weight:100;
	font-size:1.5em;
	line-height:1.5;
}

.footer-logos{
	display: flex;
    height: 130px;
	align-items: center;
	margin-top:2em;
}

.footer-logos div img{
	max-height:100%;
}

.footer-logos>div:last-child{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer-logos>div:last-child div{
	flex: 1;
	display: flex;
	align-items: center;
}

.footer-logos>div{
	height:100%;
	margin-right:2em;
}

.footer-logos>div:not(:first-child){
	display:flex;
	align-items:center;
}

.school-photo img{
	height:300px;
}

#module-99 .boxContent{
	background: #d4d4d4;
	border-radius:0;
}

#module-99 a{
	display: flex;
	background: #d5d5d5;
	padding: 0.75em;
	align-items: center;
	justify-content:center;
	filter: grayscale(1);
}

#module-99 a:hover{
	filter: grayscale(0);
}

.phones, .web{
	display: flex;
    flex: 1;
}

.phones>div:first-child, .web>div:first-child{
	margin-right: 0.5em;
}

.phones img, .web img{
	width: 15px;
    height: 15px;
}

.phones>div>div, .web>div>div{
	margin-bottom:0.5em;
}

#header{
	width:100%;
}

#left, #right{
	display:none;
}

#search input {
    max-width: calc(100vw - 160px);
}

.suggestionsBox{
	max-width: calc(100vw - 141px);
}

#container{
	margin-right:0;
}

#breadcrumbs a{
	color:#3f500e;
}

ol{
	list-style: digital !important;
}

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


	#module-99 p{

	}

	#boxContent-100 .d-flex{
		flex-direction: column;
	}

	.web{
		margin-top:1em;
	}

	.hp-calendar-inner{
		flex-direction:column;
	}

	a.hp-calendar-event{
		width:100%;
	}

	.contact-item{
		width: calc(25% - 1.5em);
		margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(5n){
		margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(4n){
		margin: 0 0em 2em 0;
	}

}

@media (min-width: 851px) and (max-width: 1200px) {

	.hp-new, .blog-new{
		width: calc((100vw - 40px)/3 - 0.5em);
		margin: 0 0.75em 1.5em 0 !important;
	}

	.hp-new:nth-child(3n), .blog-new:nth-child(3n){
		margin: 0 0 1.5em 0 !important;
	}

	.blog-new{
		width: calc((100vw - 60px)/3 - 0.5em);
	}

}

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

	.hp-icon, #navigation .sf-menu{
		display:none;
	}

	#openMenu{
		display: flex;
	    border: 0;
	    align-items: center;
	}

	.hp-area:first-child .hp-area-name{
		align-items: inherit;
    	flex-direction: column;
	}

	#module-100 .boxContent-padding{
		justify-content:left;
		margin-top:1em;
	}

	#module-100 .boxContent-padding>div{
		margin-left:0;
		margin-right:1em;
		line-height:1.3;
	}

	#menuMobile{
		position: absolute;
		top: 63px;
		background: #fdd849;
		left: 0;
		max-height: calc(100vh - 137px);
    	overflow: scroll;
	}

	#menuMobile>ul>li{
		padding: 0.5em 1.5em 0.5em 1.5em;
    	height: 25px;
    	display: flex;
	}

	#menuMobile>ul>ul>li{
		padding: 0.5em 1.5em 0.5em 3em;
    	height: 20px;
    	display: flex;
	}

	#menuMobile a{
		text-decoration:none;
	}

	#menuMobile svg{
		fill: #75641e;
	}

	.contact-item{
		width: calc((100vw - 95px)/3 - 0.5em);
    	margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(4n){
		margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(3n){
		margin: 0 0em 2em 0;
	}
}

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

	.hp-new, .blog-new{
		width: calc(50% - 0.4em);
		margin: 0 0.75em 1.5em 0 !important;
	}

	.hp-new:nth-child(2n), .blog-new:nth-child(2n) {
		margin: 0 0 1.5em 0 !important;
	}

	#title{
		font-size: 1.9rem;
		line-height: 1;
	}

}

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

	#layout{
		background:none;
	}

	.welcome, #header{
		display:none;
	}

	.filosofy{
		margin: 163px 0 0 0;
	}

	.f-value i{
		margin-left: 1.4em !important;
    	margin-right: 1.4em !important;
	}

	.hp-area:first-child .hp-area-name{
		flex-direction: row;
    	align-items: flex-end;
	}

	#module-100 .boxContent-padding{
		flex-direction: column;
		align-items: flex-end;
	}

	.contact-item{
		width: calc(50% - 1em);
    	margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(3n){
		margin: 0 2em 2em 0;
	}

	.contact-item:nth-child(2n){
		margin: 0 0em 2em 0;
	}

}

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

	#page-padding{
		flex-direction:column;
	}

	#footer{
		flex-direction:column;
	}

}

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

	#top-panel{
		height:60px;
	}

	#headerText{
		height: 35px;
	}

	#title{
		font-size: 1.3rem;
    	margin-left: 3.5em;
	}

	#navigation{
		top:60px;
	}

	.green-area{
		display:none;
	}

	.filosofy{
		margin: 123px 0 0 0;
	}

}

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

	#layout-padding{
		display: flex;
    	flex-direction: column;
	}

	#top-panel{
		order:1;
	}

	#navigation{
		order:2;
	}

	#page{
		order:3;
		margin-top: 100px;
	}

	.filosofy{
		order:4;
		margin:0;
	}

	#module-99{
		order:5;
	}

	.hp-area:first-child .hp-area-name{
		flex-direction: column;
		align-items: normal;
	}

	#module-100 .boxContent-padding{
		flex-direction: row;
    	flex-wrap: wrap;
	}

	#module-100 .boxContent-padding>div{
		width:calc(50% - 0.5em);
	}

	#module-100 .boxContent-padding>div:nth-child(2n){
		margin-right:0;
	}

	.hp-new, .blog-new{
		width:100%;
		margin: 0 0 1.5em 0 !important;
	}

	.values{
		flex-wrap:wrap;
	}

	#module-99 p{
		width: 50%;
		flex: auto;
	}

	#module-99 .boxContent-padding{
		flex-wrap: wrap;
	}

	.contact-item{
		width: 100%;
    	margin: 0 0em 2em 0;
	}

}

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

	#module-100 .boxContent-padding{
		flex-direction: column;
    	align-items: normal;
	}

	#module-100 .boxContent-padding>div{
		width:100%;
	}

}

#slider{
	display:none;
}

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

	#slider{
		background:#fff;
		margin-top:163px;
		display:block;
	}

}