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

.honeycombs .inner_span{
	display: block;

	width: 100%;
	background-color: #f7cd07;
	font-family: sans-serif;
	color: #000;
}
.honeycombs .inner-text{
	padding-top: 30%;
}

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

.honeycombs .comb{
	position: absolute;
	display: inline-block;
	z-index: 99;

}

.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;
	
}
.honeycombs .caption{

}
.honeycombs .background-g-box {
	background-color: rgb(146, 168, 182);
	width: 176px;
	height: 87px;
	left: 26%;
	position: absolute;
	bottom: 35%;
	visibility: visible;
	z-index: 2;
}

.honeycombs .text_caption_upper{
	position: absolute;
	left: 30%;
	max-width: 160px;
	bottom: 39%;
	font-family: Amperzand;
	color: White;
	font-size: 25pt;
	z-index: 5;
	text-align: start;
}
.honeycombs .image_cover{
	width: 100%;
	overflow: hidden;
	height: 50%;
	position: absolute;
	background-color: rgba(14, 22, 27, 0.75);
	bottom: 0%;
	z-index: 1;
}
.honeycombs .text_caption_lower{
	visibility: visible;
	position: absolute;
	color: rgb(255,255,255);
	max-width: 190px;
	left: 27%;
	margin-left: auto;
	margin-right: auto;
	z-index: 6;
	text-indent: initial;
	text-align: start;
	top: 68%;
	font-size: 11pt;
	font-family: Calibril;
}
.honeycombs .bg_hover_color{
	z-index: 4;
	/*	background-color: transparent; */
	width: 100%;
	height: 100%;
	visibility: visible;
	position: absolute;
}