#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;
	}

}

.contact-image{
	width: 100%;
    padding-top: 130%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -13px;
}

.postText table{
	font-size: 1rem;
}

#container-padding img{
	max-width: 100%;
	height: auto;
}

#container-padding iframe{
	max-width: 100%;
}

.mobile-show{
	display:none;
}

.motto{
	top: 100px;
    position: absolute;
    background: #ffffffd1;
    display: inline-block;
    padding: 0.7em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: 100;
    left: 0;
    max-width: 80vw;
}

#top-panel-inner{
	width:100%;
	padding:0 1em;
	box-sizing: border-box;
}

#title{
	order:2;
}

#title a{
	color: #000;
    text-decoration: none;
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: 400;
}

#headerText{
	order:1;
}

.sf-menu{
	flex:1;
	order:2;
	display: flex;
	justify-content: flex-end;
	min-width: 640px;
}

.sf-menu li>a{
	font-size: 1.1em;
    font-weight: 100;
    color: #000 !important;
    margin-right: 1em;
	text-decoration:none;
	padding:0;
	background: transparent;
}


.sf-menu li> .submenu a{
	padding:0.5em;
	margin-right:0;
}

.sf-menu li>.submenu{
	margin-top: 1.2em;
}

.sf-menu .submenu li:hover>a, .submenu li.active>a{
	background:#ffda70;
}

.sf-menu li>a.sf-with-ul{
	padding-right:1.25em !important;
}

.sf-menu li:hover>a, .sf-menu li.active>a{
	background: transparent;
}

.sf-arrows .sf-with-ul:after{
	border-top-color: rgb(66 66 66 / 50%) !important;
	right: 0.25em;
}

#top-panel-inner .box{
	order:3;
	width: auto;
	margin-bottom: 0;
	margin-right: -1em;
}

#top-panel-inner .boxContent{
	background:transparent;
}

#top-panel-inner .boxContent-padding{
	padding:0;
}

.header{
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#top-panel-inner .box a{
	color: #000;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 100;
    padding: 0.5em 1em 0.5em 0.5em;
    background: #ffffffb8;
    margin-left: 1em;
    height: 50px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

#top-panel-inner .box a:hover{
	background:#fff7dab8;
}

#top-panel-inner .box .linkIcon{
	display:none;
}

.hp-links{
	display:flex;
	justify-content:center;
	z-index: 1;
	position: relative;
	background: #ffffffa6;
}

a.hp-link{
	flex:1;
	margin:1em;
	display: block;
	background:#ffb64b;
	padding:1em;
	box-sizing:border-box;
	text-align:center;
	color:#000;
	text-decoration:none;
}

a.hp-link img{
	width: 9vw;
    filter: sepia(1);
}

a.hp-link:hover img{
	filter: brightness(0.5);
}

.hp-link-text{
	font-size:1.7em;
	font-weight:100;
	line-height:1.2;
	margin-bottom:1em;
}

.hp-content{
	display: flex;
	padding:1em;
	box-sizing:border-box;
}

.hp-news, #gallery-category, #galleryDiv{
	display: flex;
    flex-wrap: wrap;
	padding:0em 2em;
}

.hp-new, .gall, .gallery, .contact-div{
	width:calc(33.32% - 2em);
	margin:1em;
	background:#eaeaea;
	position: relative;
	color: #000 !important;
	text-decoration:none;
}

.contact-div{
	display:block;
	width:calc(50% - 2em);
}

.text-decoration-none{
	text-decoration:none !important;
}

.contact-detail{
	width: 900px;
	background:#d5d5d5;
}

.contact-detail .contact-padding{
	display:flex;
}

.contact-detail-image{
	width:100%;
	padding-top:150%;
	background-size:cover;
}

.contact-padding{
	padding:1em;
	box-sizing:border-box;
	display: flex;
}

.contact-padding>div:first-child{
	width: 180px;
    margin-right: 1em;
}

.contact-padding>div:nth-child(2){
	flex:1;
}

.contact-mail{
	word-break:break-all;
}

.contactName{
	font-weight:100;
	font-size: 1.6em;
}

h3.contact-position{
	font-size: 1.2em;
    margin: 1em 0em;
    font-weight: 400;
}

.contact-icon{
	margin-right: 0.5em;
    color: #ffb64b;
    font-size: 1.3em;
}

.contact-padding a{
	color:#000;
}

.contact-border{
	border-top: 1px solid #b1b1b1;
    margin-bottom: -14px;
    margin-top: 50px;
}

.category-name{
	display: inline-block;
	background: #fff;
	padding:0 1em;
}

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

.gall-image{
	margin-bottom:0;
}

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

.hp-new-header{
	font-size:1.4em;
	line-height:1.3;
	font-weight:100;
	margin-bottom:0.5em;
}

.gallery-header{
	padding: 1em 1em 1em 1em;
    font-size: 1.5em;
    font-weight: 100;
}

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

.hp-new-text{
	line-height:1.3;
}

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

.hp-new-button a{
	display: inline-block;
    text-decoration: none;
    background: #d5d5d5;
    padding: 0.5em;
    color: #000;
    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:#000;
	text-decoration:none;
	background:#ffda70;
	font-size:1.4em;
	font-weight:100;
}

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

.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:#000;
	text-decoration:none;
}

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

.hp-calendar-date{
	background: #ffb64b;
    padding: 0.5em;
	text-align:center;
	font-weight: 100;
	width: 60px;
}

.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;
}

#navigation{
	display:none;
}

#footer{
	height:auto;
	font-size: 1rem !important;
}

#footer div img{
	max-height:150px;
	width:auto;
}

.social-icon{
	position: fixed;
    width: 50px;
    height: 50px;
    z-index: 2;
	font-size:15px;
}

.social-icon img{
	width:100%;
}

.fb-icon{
	bottom: 1em;
	right: 5em;
}

.yt-icon{
	bottom: 1em;
	right: 9em;
}

a#kotva{
	left:auto;
	top:auto;
	bottom: 1em !important;
    right: 1.5em !important;
	font-size:15px;
}

#footer{
	margin:0;
	padding:1em;
	box-sizing:border-box;
}

#footer-padding{
	display:flex;
	line-height: 1.45;
	font-weight:100;
	align-items: end;
}

#footer .linkIcon, #footer .mailIcon{
	display:none;
}

#footer-padding>div{
	flex:1
}

#footer-padding h3{
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: 100;
	color:#000;
}

#footer-padding>div:nth-child(3){
	display:flex;
	flex-wrap:wrap;
}

#footer-padding>div:nth-child(3) div{
	margin:1em;
	width:calc(50% - 2em);
	max-height:75px;
}

#footer-padding>div:nth-child(3) div img{
	max-width:100%;
	max-height:100%;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover{
	background: #ffda70;
}

.sf-arrows ul .sf-with-ul:after{
	margin:0;
	right:0.75em;
}

#page{
	width:100%;
}

#page-padding{
	padding:0;
}

#container{
	flex:3;
}

#right{
	flex:1;
	min-width:300px;
}

#breadcrumbs-padding{
	background:transparent !important;
	font-weight:100;
	font-size: 1.1em;
	padding: 1em 2em !important;
}

#breadcrumbs-padding a{
	color:#ff8100
}

h1{
	font-size: 2em;
}

h2{
	font-size:1.8em;
}

h3{
	font-size:1.6em;
}

h4{
	font-size:1.4em;
}

h5{
	font-size:1.2em;
}

h6{
	font-size:1.1em;
}

#left{
	margin-right:0;
}

#container-padding{
	padding: 0.5em 2em;
}

.downloadGallery{
	display: inline-block;
    text-decoration: none;
    background: #d5d5d5;
    padding: 0.5em;
    color: #000;
    font-weight: 500;
	border-radius:0;
	border:0;
	margin-left:0;
}

#mod_gallery-container{
	position: relative;
}

a.photo{
	float: none;
	background: transparent;
	width: calc(16.655% - 0.4em);
	padding-top: 15%;
	height: auto;
	margin: 0.2em;
	background-size: cover;
	background-position: center;
}

#photoDiv{
	display:flex;
	flex-wrap:wrap;
}

#contactDiv{
	display: flex;
    flex-wrap: wrap;
}

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

	.contact-div{
		width:100%;
	}

}

@media screen and (min-width: 1100px) {
	.hp-news, #gallery-category, #galleryDiv{
		width:100%;
	}
}

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

	a.photo{
		width: calc(20% - 0.4em);
		padding-top: 20%;
	}

		#top-panel{
			display:block;
			position: fixed;
			z-index: 999;
			width: 100%;
			height: 100px;
		}

		 #header-mobile{
			 display:none;
		 }

		 #slider, #header{
			 display:block;
		 }

		 #header{
			 height:357px;
		 }

		 .hp-news{
			 flex:2;
		 }

		 .hp-new, .gall, .gallery{
			 width:calc(50% - 2em);
		 }

		 #top-panel-inner{
			margin-left: auto;
			margin-right: auto;
			display: flex;
			align-items: center;
			height: 100%;
		 }

		 #headerText{
			position: relative;
    		height: 100%;
    		width: fit-content;
			display: flex;
    		align-items: center;
		 }

		 #headerText a{
			display: flex;
    		align-items: center;
    		height: 100%;
		 }

		 #title{
			 display:none;
		 }

}

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

	#footer-padding{
		width:100%;
	}

}

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

	a.photo{
		width: calc(25% - 0.4em);
		padding-top: 20%;
	}

	.hp-news, #gallery-category, #galleryDiv{
		flex:1;
		padding:0;
		margin-right:2em;
	}

	.hp-new, .gall, .gallery, .contact-div{
		width:100%;
		margin:1em 0;
	}

	#title{
		display:block;
	}

	#open-menu{
		order: 2;
		color: #000;
		text-decoration: none;
		font-size: 1.5em;
		font-weight: 100;
		padding: 0.5em 0.5em 0.5em 0.5em;
		background: #ffffffb8;
		height: 50px;
		display: flex;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#headerText{

	}

	.sf-menu{
		display:none;
		position: absolute;
    	right: 96px;
    	min-width: auto;
    	top: 100%;
    	background: #ffe59c;
	}

	.sf-menu li>a{
		font-size: 1.4em;
		line-height: 1.4;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border:0;
		align-items: flex-start;
	}

	.sf-menu li>a.sf-with-ul {
    	padding-right: 2em !important;
	}

	.menu-name{
		width: 100%;
	    padding: 0.5em;
	    box-sizing: border-box;
	    background: #ffc773;
	}

	.sf-menu{
		width: auto;
		right: 135px;
	}

	#menuMobile{
    	position: absolute;
    	right: 137px;
    	top: 100%;
	}

	.menuMobileUl li{
		background: #ffc773;
	}

	#menuMobile .mobile-menu-name{
		background: #ffc773;
    	box-sizing: border-box;
	}

	#menuMobile li:hover, #menuMobile li.active{
		background: #ffb13c;
	}

	#menuMobile li:hover a, #menuMobile li.active a{
		background: #ffb13c;
	}

	.menuMobileUl{
		max-width: 300px;
		max-height: calc(100vh - 100px);
    	overflow: scroll;
	}

	.submenuMobileUl li {
    	padding-left: 2em;
	}

	.subsubmenuMobileUl li {
    	padding-left: 3em;
	}


}

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

	.contact-detail{
		width: calc(100vw - 70px);
	}

	.contact-detail-image{
		min-width: 160px;
	}

}

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

	#footer-padding{
		flex-wrap: wrap;
	}

	#footer-padding .school-info, #footer-padding .founder-info{
		flex:none;
		width:50%;
	}

	#footer-padding .founder-info{
		padding-left: 18vw;
    	width: calc(50% - 18vw);
	}

	.motto{
		display:none;
	}

	#slider, #header{
		display:none;
	}

	#top-panel{
		height:50px !important;
		top:0;
	}

	.hp-links{
		margin-top:75px;
		flex-wrap:wrap;
	}

	a.hp-link{
		flex:none;
		width:calc(50% - 2em);
	}

	a.hp-link img{
		width: 15vw;
	}

	#footer-padding>div:nth-child(3){
		text-align:center;
		margin-top:1em;
	}

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

	#right{
		padding: 1em;
	}

	.hp-news, #gallery-category, #galleryDiv{
		margin-right:0;
	}

	.postText{
		overflow:scroll;
	}



}

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

	a.photo{
		width: calc(33.333% - 0.4em);
		padding-top: 30%;
	}

	.mobile-show{
		display:block;
	}

	.hp-content{
		flex-direction:column;
	}

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

	#footer-padding>div{
		width:100% !important;
		padding:0 !important;
		margin-top:1em;
	}

	#module-95{
		display:none;
	}

	#top-panel-inner{
		padding-right:0;
	}

	#menuMobile{
		right: 0;
		width:100%;
	}

	.menuMobileUl{
		max-width: none;
	}



}


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

	.contact-detail .contact-padding{
		flex-direction: column;
	}

	.contact-detail-image {
	    padding-top: 115%;
	    background-position: 0 -20px;
		margin-bottom:1em;
	}

	.contact-detail .contact-padding div:first-child{
		margin-right:0 !important;
	}

}

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

	.contact-padding {
	    flex-direction: column;
	}

	.contact-padding>div:first-child{
		margin-right:0;
		margin-bottom:1em;
		width:auto;
	}

}