@-webkit-keyframes showTab {
from {
opacity:0;
-webkit-transform:translateY(70px);
transform:translateY(70px)
}
.tab-wrap  {
	width: 100%;
	background-color: #CCC;
	height: auto;
}

to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}
@keyframes showTab {
from {
opacity:0;
-webkit-transform:translateY(70px);
transform:translateY(70px)
}
to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}
.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;
	float: left;
}
.tabsy {
	float: left;
	width: 100%;
	
}


.tabsy>.tabButton {
	display:block;
	margin-top:1px;
	color:#FFF;
	text-align:center;
	-webkit-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
	margin-right: 1px;
	background-color:#5a5a5a;
	
	
}
.tabsy>.tabButton:hover {
	background-color:#bf1515;


color:#fff;

}

.tabsy>input {
	display:none
}
.tabsy>input:checked+label+.tab {
	display:block;
	float: left;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 3%;
	
padding-bottom:5%;
}
.tabsy>input:checked+label+.tab>.content {
	-webkit-animation:showTab 250ms ease-in-out;
	animation:showTab 250ms ease-in-out;
}
.tabsy>input:checked+label+.tab>.content strong {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.tab .content img {
	width: 100%;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
}

.tabsy .tab .content h3 {
	color: #C10000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
}


.tabsy>.tab {
	background:#fff;
	display:none
	
	
}
.tabButton {
	font-size: 14px;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 30px;
	padding-bottom: 11px;
	padding-left: 30px;
	
}
.tab {
	padding: 20px;
	text-align: left;
	
	
}
h3 {
	font-size: 20px;
	font-weight: bold;
}
p {
	font-size: 15px;
	margin-top: 10px;
}


 @media screen and (max-width: 1024px) {
	 
	 .tabButton {
	font-size: 14px;
	

	padding-right: 15px;

	padding-left:15px;
	
}
	 
 }


 @media screen and (min-width: 769px) {
.tabsy {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.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 {

color:#fff;
background-color:#bf1515;

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

@media screen and (max-width:500px) {
	.brandbox{ width:96%;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:5%;}
	
	.tabsy>input:checked+label {

color:#fff;
background-color:#bf1515;

}
	
}