﻿/* rt-case-study-box element-four */



.rt-case-study-box.element-four{

}



.rt-case-study-box.element-four .rt-case-study-box-item{

	padding-left:0;

	padding-right:0;

	text-align:center;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder{

	background-color:#fff;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder:hover{

	box-shadow:0px 0px 20px rgba(0,0,0,0.11);

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .pic{

	position:relative;

	overflow:hidden;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .pic > img{

	width:100%;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .pic > .holder{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	z-index:1;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:cover;

	transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder:hover > .pic > .holder{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data{

	padding:25px 30px 32px 30px;

	background-color:#fff;

	border:1px #ededed solid;

	border-top:none;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder:hover > .data{

	border-color:rgba(255,255,255,0);

}



.rt-case-study-box.element-four[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data{

	text-align:right;

}



.rt-case-study-box.element-four[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data{

	text-align:center;

}



.rt-case-study-box.element-four[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data{

	text-align:right;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data > *:last-child{

	margin-bottom:0 !important;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data p.category{

	margin-bottom:10px;

	font-weight:700;

	font-size:18px;

	color:#001a57;

	line-height:28px;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data h4{

	margin-bottom:10px;

	font-weight:400;

	font-size:15px;

	color:#505050;

	line-height:28px;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data h4 a{

	color:inherit;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data p{

	margin-bottom:20px;

	color:#505050;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn{

	padding:12px 30px 13px 30px;

	background-color:#fff;

	border:1px #d8dce0 solid;

	border-radius:30px;

	text-transform:uppercase;

	font-weight:400;

	font-size:12px;

	color:#001139;

	line-height:25px;

	cursor:pointer;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn:hover{

	background-color:#273272;

	border-color:#273272;

	color:#fff;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn i{

	margin-left:-3px;

	color:inherit;

	opacity:0;

	visibility:hidden;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn:hover i{

	margin-right:10px;

	color:#fff;

	opacity:1;

	visibility:visible;

}



/* LARGE DESKTOP PART */

@media screen and (min-width:1200px){

}



/* DESKTOP PART */

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

}



/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px){



	.rt-case-study-box.element-four .rt-case-study-box-item{

		width:33.33% !important;

	}



}



/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px){



	.rt-case-study-box.element-four .rt-case-study-box-item{

		width:50% !important;

	}



}



/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px){



	.rt-case-study-box.element-four .rt-case-study-box-item{

		width:100% !important;

	}



}



/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px){



	.rt-case-study-box.element-four .rt-case-study-box-item{

		width:100% !important;

	}



}