.honeycombs{
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	
}

.honeycombs .inner_span{
	display: block;
	height: 100%;
	width: 100%;
	background-color: RGBA(255, 255, 255, .8);
	color: RGBA(81, 90, 95, 1);
	font-weight:bold;
}
.honeycombs .inner-text{
	padding-top: 0px;
	
}

.honeycombs .honeycombs-inner-wrapper{
	display: inline-block;
	overflow: hidden;
	width: 700px;
	position: relative;
	height: 1200px;
}

.honeycombs .comb{
	position: absolute;
	display: inline-block;
}

.honeycombs .hex_l,
.honeycombs .hex_r{
	overflow: hidden;
	position: absolute;
	/* -webkit-backface-visibility: hidden; */
}

.honeycombs .hex_l{
	visibility: hidden;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	
	transform: rotate(60deg);
}

.honeycombs .hex_r{
	visibility: hidden;
	-moz-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	-o-transform: rotate(-120deg);
	-webkit-transform: rotate(-120deg);
	
	transform: rotate(-120deg);
}

.honeycombs .hex_inner{
	display: block;
	visibility: visible;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	
	transform: rotate(60deg);
	
	background-position: center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
	cursor: pointer;
	
}

.panel {
display:none;
}

#filters {
z-index:100;
text-align:center;
margin-left: auto;
margin-right:auto;
color: #fff;
}

#filters ul {
display:block;
font-size:16px;
}

#filters ul li {
text-decoration: none;
background-color: RGBA(12, 129, 166, .7);
display: inline-block;
margin-top: 5px;
padding:5px 20px 5px 20px;
text-align:center;
}

#filters a {
	color: #fff;
	text-decoration: none;
}

#filters ul li:hover {
	background-color: RGBA(255, 255, 255, .6);
}

#filters ul li.active {
	background-color: RGBA(255, 255, 255, .6);
}

.inner-text {
	font-size: 18px;
	width:200px;
	text-align: center;
	margin: 0 auto;
}

.lock img {
	width: 50px;
	text-align: center;
	margin-top: 90px;
}
.locked .inner_span {
	background-color: RGBA(81, 90, 95, .8);
}

.locked .inner_span:hover {
	background-color: RGBA(54, 60, 64, 0.81);
}

.inner-text a {
	color: RGBA(81, 90, 95, 1);
}

.inner-text a:hover {
	text-decoration: none;
}
.link {
	width: 100%;
	height: 100%;
	line-height: 1.5em;
}
.title a, .title a:hover, .title {
	color: #fff;
}

.inner-text h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding:20px 35px;
	width: 240px;
	margin: 0 0 20px -20px;
	background-color: RGBA(73, 151, 197, 1);
}

.inner-text a:hover h2 {
	color: #fff;
}

.inner-text button:hover {
	background-color: #3a7596;
}