<!--main { width:100%;}-->
@-webkit-keyframes showTab {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes showTab {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
.tabsyy { width:94%; display: block; margin: 80px auto; padding: 0 20px; text-align: left;}
.tabsy>button {
	width: 100%;
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent
}

.tabsy>.tabButton {
	display: block;
	margin-top: 1px;
	background: #05141f;
	color: #f5f5f5;
	text-align: center;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	margin-right:10px;
	padding:10px 10px 4px;
	margin-bottom: 40px;
}

.tabsy>input {
	display: none
}

.tabsy>input:checked+label+.tab {
	display: block
}

.tabsy>input:checked+label+.tab>.content {
	-webkit-animation: showTab 250ms ease-in-out;
	animation: showTab 250ms ease-in-out
}

.tabsy>.tab {
	background: #fff;
	display: none;
	width: 100%;
}

.tab p {font-size: 22px;}
.mb-3 { margin-bottom:30px !important;}

@media screen and (min-width: 768px) {
	.tabsy {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	.tabsy>.tabButton {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		cursor: pointer
	}

	.tabsy>input:checked+label {
		background: #fff;
		color: #5a5243;
		border: 2px solid #5a5243;
	}

	.tabsy>.tab {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}


@media (max-width: 767px) {
    
	.tabsy>.tabButton { margin-bottom: 10px;}
	.tabsyy {
    width: 90%;
    display: block;
    margin: 0px auto;
    padding: 0 8px 0 18px;
    text-align: left;
}
	
}