.transformer-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
}
.transformer-tabs li {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
	font-size: 22px;
	font-weight: 400;
}
.transformer-tabs li:nth-child(1) .active {
	color: #212121;
	text-decoration: none !important;
}
.transformer-tabs li:nth-child(2) .active {
	color: #212121;
	text-decoration: none !important;
}
.transformer-tabs li:nth-child(3) .active {
	color: #212121;
	text-decoration: none !important;
}
.transformer-tabs li:nth-child(4) .active {
	color: #212121;
	text-decoration: none !important;
}

.transformer-tabs a {
	display: block;
	color: #e8e8e8 !important;
	font-family: 'Oswald', Arial, Helvetica, sans-serif; 
	src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
	font-style: normal;
	font-weight: 400; 
	text-decoration: none !important;
	padding: 15px 20px;
	background: #a2a2a2;
	text-align: center;
	border-radius: 10px 10px 0 0;
}
.transformer-tabs a.active {
	position: relative;
	background: #1d674b;
	color: #fff !important;
}

.transformer-tabs a.active::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #1d674b;
    content: "";
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
    z-index: 1000;
}



@media (max-width: 700px) {
	
	.transformer-tabs ul {
		border-bottom: 0;
		overflow: hidden;
		position: relative;
		background: #2e6acb;
		/* fallback */
		background: linear-gradient(#2e6acb, #17458f);
	}
	.transformer-tabs ul::after {
		content: "☰";
		color: #FFF;
		position: absolute;
		top: 10px;
		right: 5%;
		z-index: 2;
		pointer-events: none;
	}
	.transformer-tabs ul.open a {
		position: relative;
		display: block;
	}
	.transformer-tabs li {display: block;}
	.transformer-tabs a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.transformer-tabs a.active {
		border: 0;
		z-index: 1;
		background: #666;
		/* fallback */
		background: linear-gradient(#2e6acb, #17458f);
	}
	
}




.tabs > div {
	display: none;
	padding: 30px 40px 55px 40px;
	background: #f2f2f2;
}
/*
.tabs > div:nth-of-type(1) {background: #f2f2f2;}
.tabs > div:nth-of-type(2) {background: #f2f2f2;}
.tabs > div:nth-of-type(3) {background: #f2f2f2;}
.tabs > div:nth-of-type(4) {background: #f2f2f2;}
*/
.tabs > .active {display: block;}