.hexagon-container {}
.lab_item {
	width: 200px;
	height: 230px;
	position: relative;
	display: inline-block;
	margin: 10px;
	overflow: hidden;
	color: #fff;
}

.lab_item h4 { font-size: 1.3em; padding: 0px; margin: 0px; }
.lab_item i { font-size: 0.9em; }
.lab_item p { text-align: center; padding: 10px 15px; margin: 0px; font-size: 0.9em; }

.hexagon2 {
	position: absolute;
	width: 200px;
	height: 400px;
	top: -85px;
}

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

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	background: gold;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hexagon-image-service {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center; 
	width: 205px; height: 240px; 
	margin-top: 85px;
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 0;
}
.hexagon-image {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center; 
	width: 205px; height: 300px; 
	margin-top: 85px;
	text-align: center;
	position: absolute;
	bottom: 25px;
	left: 0;
}
.hexagon-content-background { 
	background: #eeb000; 
	width: 205px; height: 230px; 
	margin-top: 85px; 
	text-align: center;
	position: absolute;
	bottom: -100%;
	left: 0;
}

.hexagon-content { 
	width: 205px; height: 205px; 
	margin-top: 85px; 
	padding-top: 70px; 
	text-align: center;
	position: absolute;
	bottom: -100%;
	left: 0;
}

.hexagon-container {
	padding-top: 1em;
	width: 892px;
	margin: 70px auto;
	position: relative;
}

.lab_item:nth-child(7n-6) {
	margin-left: 12px;
}

.lab_item:nth-child(n+3) {
	margin-top: -45px;
}

/* hexagon slider */
.lab_item .sliders {
	position: relative;
	height: 120px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.lab_item .sliders #tab-one {
	position: absolute; 
	top: 0; left: 0; 
	height: 100%; width: 100%;
	overflow: hidden;
}
.lab_item .sliders #tab-two {
	position: absolute; 
	top: 0; left: 0; 
	height: 100%; width: 100%;
	overflow: hidden;
	display: none;
}

.lab_item .sliders .social-tab a{ 
	color: #fff; 
	font-size: 1.2em; 
	display: inline-block; 
	-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
	transition: 0.5s;
	width: 25px; height: 25px;
	line-height: 25px;
}
.lab_item .sliders .social-tab a:hover { background: #332d26; }

.lab_item .previous, .next { 
	cursor: pointer; 
	display: inline-block; 
	width: 10px; height: 10px; 
	border-radius: 100%; border: 1px solid #fff;
}
.lab_item .previous { margin-left: -10px; }
.lab_item .active { background: #fff; border: none; }


/* Large desktop */
@media (min-width: 1200px) { 
	#lab { width: 100%; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 999px) {
	.hexagon-container { width: 670px; }
	#team .container{ width: 95%; }
	.lab_item:nth-child(7n-6) { margin-left: 23px; }
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 767px) {
	.hexagon-container { width: 445px; }
	#team .container{ width: 99%; }
	#what-we-do .container { width: 99%; }
	.lab_item:nth-child(3n-2) { margin-left: 15px; }
	.lab_item:nth-child(n+2) { margin-top: -45px;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.hexagon-container { width: 90%; }
	#team .container{ width: 99%; }
	.lab_item:nth-child(n+2) { margin-top: 15px; }
	.lab_item:nth-child(7n-6) { margin-left: 23px; }
}