.transformer-tabs{
	overflow-x: auto;
    white-space: nowrap;	
}
.transformer-tabs ul {
	/*background: rgba(215,215,215,0.5);*/
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin:0px;
	color: #fff;
	border-bottom: 0px solid #464646;
}
.transformer-tabs li {
	display: inline-block;
	padding:0px;
	margin-right:0px;
}
.transformer-tabs li .active {
	color: #fff;
	display:block;
}

/*.transformer-tabs li:nth-child(2) .active {
	color: #8bc4ea;
	border-bottom-color: #3498db;
}
.transformer-tabs li:nth-child(3) .active {
	color: #f0b37e;
	border-bottom-color: #e67e22;
}
.transformer-tabs li:nth-child(4) .active {
	color: #df7c72;
	border-bottom-color: #c0392b;
}*/
.transformer-tabs a {
	display:block;
	color: #dfdfdf;
	font-size: 14px;
	text-decoration: none;
	font-weight:700;
    text-transform: uppercase;
	padding:10px 20px;
	margin-right:0px;
	border:0px;
	border-radius:0px;
	transition: background-color 0.5s ease;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	letter-spacing: 0.5px;*/
}
.transformer-tabs a img {
	opacity: 0.4;
}
.transformer-tabs a:hover {
	color: #fff;
}
.transformer-tabs a:hover img {
	opacity: 1;
}
.transformer-tabs a.active {
	border-bottom: 0px solid transparent;
	position: relative;
}
.transformer-tabs a.active img {
	opacity: 1;
}
a {
	outline: none !important;
}

@media (max-width: 1024px) {
    
.transformer-tabs a {
	padding:10px 8px;
}
    
} 

@media (max-width: 900px) {
    
.transformer-tabs a {
	padding:10px 15px;
}
    
}

@media (max-width: 767px) {

.transformer-tabs ul {
	margin-bottom:0px;
}
.transformer-tabs li .active {
	color: #00a2e7;
}
.transformer-tabs a {
    color: #757070;
    padding:10px 10px;
}	
.transformer-tabs a:hover {
	color: #00a2e7;
}
    
}

.tabs > div {
	display: none;
	padding: 0px;
	margin-top: 0px;
}
.tabs > div:nth-of-type(1) {
	background: none;
}
.tabs > div:nth-of-type(2) {
	background: none;
}
.tabs > div:nth-of-type(3) {
	background: none;
}
.tabs > div:nth-of-type(4) {
	background: none;
}
.tabs > div:nth-of-type(5) {
	background: none;
}
.tabs > div:nth-of-type(6) {
	background: none;
}
.tabs > div:nth-of-type(7) {
	background: none;
}
.tabs > div:nth-of-type(7) {
	background: none;
}
.tabs > .active {
	display: block;
}