.wie_is_gerbri_single_afb {
	position: relative;
	width: 540px;
	height: 400px;
	margin-left: -100px;
}

.wie_is_gerbri_single_afb_img{
	position: absolute;
	left: 0;
	top: 0;
    width: 100%;
    height: 100%;
	opacity: 0;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.wie_is_gerbri_single_afb_img.active{
	opacity: 1;
}

.wie_is_gerbri .row{
	padding: 80px 0;
	background-color: #f5f4f4;
}

.wie_is_gerbri h2,
.wie_is_gerbri ul{
	color: #001c36;
}

.wie_is_gerbri ul{
	padding: 0 0 0 20px;
}

.wie_is_gerbri li{
	cursor: default;
	position: relative;
	float: left;
	clear: both;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.wie_is_gerbri li:before{
	position: absolute;
	left: -150px;
	top: 13px;
	content: "";
	width: 100px;
	height: 2px;
	background-color: #78c4af;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 15;
	opacity: 0;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.wie_is_gerbri li.active:before,
.wie_is_gerbri li:hover:before{
	opacity: 1;
}

.wie_is_gerbri li.active,
.wie_is_gerbri li.active span,
.wie_is_gerbri li:hover,
.wie_is_gerbri li:hover span{
	color: #78c4af;
}

.wie_is_gerbri li:nth-child(n+2){
	margin-top: 20px;
}

@media (max-width:767px)
{		
	.wie_is_gerbri .row {
		padding: 0 15px 60px;
		margin: 0 -30px;
	}
	
	.wie_is_gerbri_single_afb {
		width: auto;
		height: 300px;
		margin: 0 -30px;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.wie_is_gerbri_single_afb {
		width: 330px;
		height: 245px;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	
}