﻿.ease {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
.tabs {
	position: relative;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}
.tabs > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
	width:12.5%;
	height:auto;
}
.tabs > span {
	width:12.5%;

	position:absolute;
	top:0;
	font-size:13px;
	font-weight:bold;
	border-top-right-radius:6px;
	border-top-left-radius:6px;	
	text-align:center;
	border-bottom:2px solid #36011f;
	color:#02212e;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	padding:7px 0;
}
.tabs > span i,
.tabs > span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
.tabs > input:hover + span {
	background:red;
}
.tabs > input:checked + span {
	background:#ffffff;
}
.tabs > input:checked + span,
.tabs > input:hover + span {
	background:#ffffff;
}
.effect-1 > input:checked + span {
	background:#ffffff;
	color:#f9bf14;
	border-bottom:2px solid #f9bf14;
}
.tab-icon{
	width:25px;
}

#tab-1, #tab-1 + span {
	left: 0;
}
#tab-2, #tab-2 + span {
	left:12.5%;
}
#tab-3, #tab-3 + span {
	left:25%;
}
#tab-4, #tab-4 + span {
	left:37.5%;
}
#tab-5, #tab-5 + span {
	left:50%;
}
#tab-6, #tab-6 + span {
	left:62.5%;
}
#tab-7, #tab-7 + span {
	left:75%;
}
#tab-8, #tab-8 + span {
	left:87.5%;
}
.tab-content {
	text-align: justify;
	width:100%;
	font-size:15px;
}

.tab-content section {
	width:100%;
	display:none;
	padding:50px 0;
}
#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}
#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}
#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}
#tab-4:checked ~ .tab-content #tab-item-4  {
	display: block;
}
#tab-5:checked ~ .tab-content #tab-item-5  {
	display: block;
}
#tab-6:checked ~ .tab-content #tab-item-6  {
	display: block;
}
#tab-7:checked ~ .tab-content #tab-item-7  {
	display: block;
}
#tab-8:checked ~ .tab-content #tab-item-8  {
	display: block;
}

