/* CSS Document */

.tabs-wrapper {
	margin: 5% 10% 0 10%;
}
.tabs-wrapper input[type=radio] {
	display: none;
}
.tabs-wrapper label {
	transition: background 0.4s ease-in-out, height 0.2s linear;
	display: inline-block;
	cursor: pointer;
	color: #dbdbd3;
	height: 3em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #525252;
	text-align: center;
	line-height: 3em;
}
.tabs-wrapper label:last-of-type {
	border-bottom: none;
}
.tabs-wrapper label:hover {
	background: #667876;
/*@include transform (translate(0,-0.2em));*/ }
 @media screen and (min-width: 991px) {
.tabs-wrapper label {
	padding:0 15px;
}
}
/*
 @media screen and (max-width: 900px) {
.tabs-wrapper label {
	width: 20%;
}
}
*/
 @media screen and (max-width: 900px) {
.tabs-wrapper label {
	width: 100%;
	display: block;
	border-bottom: 2px solid #4d4c47;
	border-radius: 0;
}
}
 @media screen and (max-width: 900px) {
.tabs-wrapper {
	margin: 0;
}
}
.tab-head:checked + label.tab-label 
{
	background: #b8b63e;
	color: #f2f2f2;
}
.tab-body {
	position: absolute;
	top: -9999px;
	opacity: 0;
	padding: 10px;
	display:none;
}
.tab-body-wrapper {
	background: #f7eec6;
	border-top: #b8b63e 5px solid;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
}
@media screen and (max-width: 900px) {
.tab-body-wrapper {
	border: none;
	border-radius: 0;
}
}
#tab1:checked  ~ .tab-body-wrapper #tab-body-1, 
#tab2:checked  ~ .tab-body-wrapper #tab-body-2, 
#tab3:checked  ~ .tab-body-wrapper #tab-body-3, 
#tab4:checked  ~ .tab-body-wrapper #tab-body-4,
#tab5:checked  ~ .tab-body-wrapper #tab-body-5, 
#tab6:checked  ~ .tab-body-wrapper #tab-body-6, 
#tab7:checked  ~ .tab-body-wrapper #tab-body-7, 
#tab8:checked  ~ .tab-body-wrapper #tab-body-8,
#tab9:checked  ~ .tab-body-wrapper #tab-body-9, 
#tab10:checked ~ .tab-body-wrapper #tab-body-10  
{
 position: relative;
 top: 0px;
 opacity:1;
 display:block;
 transition: opacity 1.5s;
}