.case-study-holder{
}

.case-study-holder .main.title{
	background: #2C86C5;
	color: #fff;
	padding: 30px 35px;
	font-size: 42px;
	float: left;
	width: auto;
	margin: 40px 0;
}

@media (min-width: 1024px) {
	.case-study-holder .main.title{
		font-size: 60px;
	}
}

.case-study-holder .listing{
}

.case-study-holder .listing .row{
	float: left;
	width: 100%;
}

.case-study-holder .listing .item{
	width: 100%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
	position: relative;
}

@media (min-width: 1024px) {
	.case-study-holder .listing .item{
		width: 50%;
	}
}

.case-study-holder .listing .row .item .overlay{
	float: left;
	width: 100%;
	background: rgba(44, 134, 197, .6);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.case-study-holder .listing .row:nth-of-type(odd) .item:nth-of-type(2) .overlay{
	background: rgba(61, 80, 113, .75);
}

.case-study-holder .listing .row:nth-of-type(even) .item:nth-of-type(1 ) .overlay{
	background: rgba(61, 80, 113, .75);
}

.case-study-holder .listing .item .title{
	color: #2C86C5;
	background: #fff;
	padding: 20px 25px;
	font-size: 24px;
	float: left;
	width: auto;
	border: 0;
	margin-top: 20px;
}

@media (min-width: 1200px) {
	.case-study-holder .listing .item .title{
		font-size: 40px;
		margin-top: 40px;
	}
}

.case-study-holder .listing .item p{
	padding: 30px 5%;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
}

.case-study-holder .listing .item .btn-v3{
	position: absolute;
	right: 0;
	bottom: 40px;
	background: #FFAD1B;
	color: #fff;
	font-size: 18px;
	padding: 15px 20px;
}

.case-study-holder .listing .item .btn-v3:hover{
	background: #c98716;
}