body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } 
header { display:flex; align-items: baseline;padding:2%; position:absolute; top:0; left:0; z-index:999; width:100%;
background: -webkit-linear-gradient(#fff,rgba(255, 255, 255, 0.5));
background: -o-linear-gradient(#fff,rgba(255, 255, 255, 0.5));
background: -moz-linear-gradient(#fff,rgba(255, 255, 255, 0.5));
background: linear-gradient(#fff,rgba(255, 255, 255, 0.5));}

.mainMenu {
	display:block;
	position:relative;
	width:100%;
	}
	
#toggleMenu { display: none;}

#toggleMenu:checked ~ ul {  
	max-height:100%;  
	opacity:1;
	}
	
.mainMenu > ul {
	width:100%;
	max-height:0;
	display:flex;
	text-align: center;
	}

.mainMenu li {
	display:block;
	width:100%;
	flex:1;
	}
	
.mainMenu a, .mainMenu a:visited {
	display:block;
	width:100%;
	color:#666;
	position:relative;
	}
.mainMenu a:hover:after { content:''; position:absolute; left:calc(50% - 20px / 2); top:-10px; z-index:-1; width:20px; height:auto; border-top:4px solid #c8a062;}
label.menuTitle {
	margin:0;
	display:none;
	cursor:pointer;
	background: url('../images/menu.png') right center no-repeat;
	}
	


label.menuTitle {
	width:100%;  
	padding:2%;
	}
footer { background:#333; padding:5% 5% 2%; color:#fff; position:relative; z-index:1; text-align:center;}
footer:after { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:url(../images/bg02.png) left top no-repeat; background-size:cover; background-attachment:fixed; opacity:0.05;}
footer .menu { padding-bottom:3%; border-bottom:1px solid #fff; display:flex;}
footer .menu li { flex:1; }
footer .contacts { padding:5%; margin-bottom:5%;}
footer .contacts li a {line-height:30px;}
footer .contacts span { font-size:small;}
footer .logo { width:inherit; margin-bottom:2%;}
footer .icon { width:15px; height:15px; margin-right:10px;}
footer .icon2 { max-width:100px;}

footer #copyright { font-size:small; font-weight:lighter;}
footer .author {text-indent: -99999px;height: 0; display:none;}



@media screen and (max-width:968px) {
	
}
@media screen and (max-width:768px) {
	header { overflow:visible; position: relative;height: 90px;}
	#logo { min-width: 190px; position: absolute;z-index: 999;}
	
	.mainMenu {width: 100%; padding: 2%;}
	label.menuTitle { display:block;    padding: 16px;}
	.mainMenu > ul { display:none;background: rgba(255, 255, 255, 0.9); margin-top: 34px; padding: 5%;}	
	#toggleMenu:checked ~ ul { display:block;}
	.mainMenu a, .mainMenu a:visited {  padding: 10px; font-size: larger;}
}
@media screen and (max-width:568px) {
	footer { padding: 5% 10% 5%;}
	footer .menu { display:none;}
}
@media screen and (max-width:368px) {
	
}