#panoramaMenu{display:none;}

#menuContainer *{

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;	

}
body {
	
}
.logo {

	text-align:center;
	
	padding:20px;
	
}
.logo img{
    max-widtH: 100%;
	width:50px;
    height: auto;
	vertical-align:middle;
	margin-right:10px;
}
.logo a{
	max-width:90%;
	display:inline-block;
	color:#fff;
	color: #fff;
	text-decoration:none;
	line-height:0.9;
	
}
.logo a span{
	display:none;
}
.logo a span span{
	color: #a1a0a9;
    font-family: "Lato",sans-serif;
    margin-bottom: 0;
	text-transform:uppercase;
}
.logo a span strong{
	font-family: trajan-pro-3, serif;
    font-size: 50px;
    font-weight: 600;
}
#menuToggle {

	display:block;

	position:absolute;

	z-index:9999;

	top:20px;

	left:20px;

	background-color:rgba(74, 38, 126, 0.8); 

	color:#fff;

	padding:10px;

	font-family:"Lato",sans-serif;

	cursor:pointer;

}

#menuToggle.hidden {

	display:none;

}

#menuContainer{

	position:absolute;

	z-index:9999;

	background-color:rgba(74, 38, 126, 0.8); 

	color:#fff;

	top:0;

	left:0;

	bottom:0;

	right:0;

	font-size:18px;
	
	font-family:"Lato",sans-serif;

	padding:20px;

	overflow: scroll;

    height: 100%;

	transition:1000ms;

}

#menuContainer .titleWrap {

	text-align:center;	

}

#menuContainer .title {

	font-size:30px;

	font-weight:400;

	position:relative;

	display:inline-block;

	margin:0 auto;

	padding: 0 60px;
	
	line-height:45px;
}

#menuContainer.hidden{

	display:none;

}

#menuContainer.transition {

	opacity:0;

}

#nooclicks .menuItem {color:#fff;padding:10px;border-bottom:1px solid #fff;cursor:pointer;

line-height:1.3em;

		font-weight:300;}

#nooclicks .menuItem:hover {background:#000;}		

#nooclicks:after {

	content:'';

	display:table;

	clear:both;

}

.menuClose {

	width:45px;

	height:45px;

	border:solid 5px #fff;

	border-radius:50%;

	background-color:rgb(74, 38, 126);

	position:absolute;

	right:0;

	top:0;

	cursor:pointer;
	
	line-height:30px;

}

.menuClose:before{

	content:'X';

	font-size:26px;

	position:absolute;

	height:30px;

	top:50%;

	margin-top:-15px;

	width:100%;

	text-align:center;

	left:0;

}

.copyr {

	text-align:center;

	font-size:13px;

	margin-top:20px;

	margin-bottom:20px;

	

}

.copyr a{

	color:#fff;

	text-decoration:none;

}

@media (min-width:992px){

	.logo a span{
		display:block;
		margin:5px auto 10px;
		font-size:35px;
	}

#nooclicks .menuItem:hover {background:transparent;}		

	#nooclicks .menuItem {

		border-bottom:0;

	}

	#nooclicks .menuItem >span{

		display:block;		

		height:3em;

		overflow:hidden;

		text-align:center;

		text-align:center;

		margin:auto;

		margin-top:5px;

		margin-bottom:5px;

		max-width:200px;

	}

	#nooclicks .menuItem .navImage{

		width:100%;

		border:solid 5px #fff;

		overflow:hidden;

		border-radius:50%;

		max-width:225px;

		margin:0 auto;

		position:relative;

		background-color:rgb(74, 38, 126);

		background-size:cover;

		background-position:center;

	}

	#nooclicks .menuItem:hover .navImage{

		border-color:#000;

	}

	#nooclicks .menuItem:hover {

		color:#000;

	}

	#nooclicks .menuItem .navImage:before{

		content:'';

		width:100%;

		padding-top:100%;

		display:block;

	}

	#nooclicks .menuItem .navImage span {

		color:#fff;

		position:absolute;

		width:40px;

		height:40px;

		top:50%;

		left:50%;

		margin-top:-20px;

		margin-left:-20px;

		background-color:rgb(74, 38, 126);

		display:block;

		display:none;

		border-radius:50%;

	}

	#nooclicks .menuItem .navImage span:before {

		content:'';

		position:absolute;

		top:50%;

		left:50%;

		text-align:center;

		vertical-align:center;		

		margin-left:-6px;

		margin-top:-13px;

		width:16px;

		height:26px;

		background:url(images/active-arrow.png) no-repeat;

	}

	#nooclicks .menuItem.active .navImage span {

		display:block;

	}

	#nooclicks div.itemWrap {


		width:16.666667%;
		
		width:20%;

		float:left;

		padding:10px 7px;

	}

	/*menuImg*/

	

	.menuItem .navImage {

		background-repeat:no-repeat;

	}

	.menuItem.menuItem1 .navImage {

		background-image:url(images/item1.png);

	}

	.menuItem.menuItem2 .navImage {

		background-image:url(images/item2.png);

	}

	.menuItem.menuItem3 .navImage {

		background-image:url(images/item3.png);

	}

	.menuItem.menuItem4 .navImage {

		background-image:url(images/item4.png);

	}

	.menuItem.menuItem5 .navImage {

		background-image:url(images/item5.png);

	}

	.menuItem.menuItem6 .navImage {

		background-image:url(images/item6.png);

	}

	.menuItem.menuItem7 .navImage {

		background-image:url(images/item7.png);

	}

	.menuItem.menuItem8 .navImage {

		background-image:url(images/item8.png);

	}

	.menuItem.menuItem9 .navImage {

		background-image:url(images/item9.png);

	}

	.menuItem.menuItem10 .navImage {

		background-image:url(images/item10.png);

	}


}

@media (min-width:1560px){
	.logo a strong{
		font-size:50px;
	}
	#nooclicks div.itemWrap {

		width:16.666667%;
		width:20%;

	}

	

}