@font-face {
    font-family: BLAGFN;
    src: url(../fonts/BLAGFN.ttf);
}

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;  
}

body {
	background: url(../images/bg.png);
	background-attachment: fixed;
	background-size: 100%;
}

header {
	background: #ffff61;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-family: 'BLAGFN';
	font-size: 55px;
	color: #345012;
	z-index: 1000;
	text-shadow: 0px 0px 8px #436023; 	
}

header .first {
	text-align: center;
	color: #345012;
	font-family: 'arial';
	font-size: 16px;
	padding-top: 10px;
	font-weight: 600;
}

header .first a {
	font-size: 30px;
	color: #345012;
}

header .first a:hover {
	text-decoration: underline;
}

header p {
	text-align: center;
	font-family: 'BLAGFN';
	font-size: 30px;
	color: #345012; 
}
nav {
	background: #c0d014;
}

.navigation {
  	list-style: none;
  	padding: 0;
	text-align: center;
	font-size: 0;
}

.navigation li {
	display: inline-block;
  	background: #c0d014;
  	-webkit-transition: 0.3s;
  	transition: 0.3s;
}

.navigation li:hover {
  background: #ffff61;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}



.navigation li a {
	color: #345012;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: 0.3s;
	display: block;
	padding: 0 15px;
	text-decoration: none;
	line-height: 48px;
	text-shadow: 0px 0px 8px #436023;
}

.wrapper {
	background: rgba(255, 255, 255, 0.8);
	padding-top: 20px;
}

blockquote {
	min-height: -webkit-calc(100vh - 80px);
	min-height: calc(100vh - 80px);
	text-align: center;
	padding-bottom: 10px;
}

.congratulation iframe {
	width: 100%;
}

blockquote h1, h2 {
	padding: 10px;
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
	font-family: 'BLAGFN';
	font-size: 40px;
	color: #345012;
	text-shadow: 0px 0px 20px #345012;
	background: #ffff61; 
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
	letter-spacing: 2px;
	border-style: solid;
	border-width: 0px 0px 25px;
	border-image: url(/images/border.png) 0 0 25 repeat stretch;
}

#first {
	margin: 20px auto;
	padding: 20px;
	text-align: justify;
	color: #345012;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
	
}

#second {
	margin: 20px auto;
	padding: 20px;
	text-align: justify;
	color: #345012;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
	
}

.information h2 {
	text-align: left; 
	padding-left: 30px;
}

.information .begin {
	float:left; 
	width:250px; 
	padding: 40px 20px 20px 20px;
}

.information .fountain {
	float:right; 
	width:400px; 
	padding:40px 20px 20px 20px;
}

.row {
	width: 100%;
	margin: 0;
}

.col-news .news_figure, .effect-zoe {
	margin-bottom: 30px;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.col-news .news_figure:hover, 
.col-news .effect-zoe:hover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 0 20px 3px rgba(255, 255, 97, 0.5);
}

.col-news p {
	width: 100%;
	background: #c0d014;
	color: #000;
	padding: 20px;
}

.col-news a {
	font-weight: 700;
	font-size: 18px;
	color: #345012;
	text-decoration: none;
}

.col-news article {
	background: #ffff61;
}

footer {
	background: #c0d014;;
	padding: 10px;
	text-align: right;
	color: #345012;;
	font-size: 18px;
	font-weight: 700;
}

.col-photo {
	display: inline-block;
}

.col-photo img {
	width: 100%;
	height: 250px;
}

.photo_figure {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.photo_figure:hover {
	box-shadow: 0 0 20px 3px rgba(255, 255, 97, 1);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.photo iframe {
		width: 100%; 	
	}

.border {
	width: 100%;
	display: inline-block;
	color: #345012;
	padding: 15px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 20px;
	font-weight: 600;
	background: #c0d014;
}


.info {
	padding: 30px; 
	font-family: 'Times New Roman', serif;
	font-size: 21px; 
	color: #000; 
	font-weight: 500;
}

.gallery img {
	width: 300px;
	height: 250px;
}

.photo li {
	display: inline-block;
	margin: 15px;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.photo li:hover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 0 20px 3px rgba(255, 255, 97, 1);
}

iframe {
	padding-bottom: 20px;
	margin: 20px auto;
	
}

.iframe {
	background: #c0d014;
	margin: 10px auto;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
}

.timetable {
	font-size: 22px;
	color: #23341f;
	padding-bottom: 20px;
	font-weight: 700; 
}

.timetable h2 {
	background: #c0d014;
	margin: 30px auto;
	border: none;
}

.description {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	padding: 10px;
	display: block;
	background: #fff;
}

.description1 {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	padding: 10px;
	background: #ffff61;
	display: block;
}

.date1 {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	float: left;
	width: 250px;
	padding: 10px;
	color: #233410;
	display: block;
	background: #ffff61;
}

.date {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	float: left;
	width: 250px;
	padding: 10px;
	background: #c0d014;
	color: #233410;
	display: block;
}

.important {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	margin-bottom: 20px;
	width: 100%;
	padding: 10px;
	text-align: center;
	display:block;
	background: #ffff61;
	color: #345012;
	font-weight: 800;
}

.members figure {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
	margin-bottom: 20px;
}

.members figure img {
	width: 100%;
}

.members figure p {
	padding: 10px;
	width: 100%;
	font-weight: 600;
	font-size: 20px;
	color: #345012;
	background: #c0d014;
	text-shadow: 0px 0px 8px #96cc49;
}

.contacts {
	color: #345012;
	text-shadow: 0px 0px 20px #345012;
	font-weight: 600;
	font-size: 25px;
	background: #c0d014;
	padding: 20px;
	margin: 30px auto;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 
}

.link_dn {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
	margin: 10px auto;
}

.link_dn a img {
	width: 100%;
} 

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
        width: 100%;
}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	height: 50px;
	padding: 10px;
	background: #fff;
	color: #000;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

}