.rt-case-study-box.element-three{
}
.rt-case-study-box.element-three .rt-case-study-box-item{
padding-left:0;
padding-right:0;
text-align:center;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder{
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data{
padding:30px 30px 30px 30px;
background-color:#fff;
border:1px #dedede solid;
border-bottom:none;
}
.rt-case-study-box.element-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data{
text-align:left;
}
.rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data{
text-align:center;
}
.rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data{
text-align:right;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data > *:last-child{
margin-bottom:0 !important;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data p.category{
margin-bottom:10px;
text-transform:uppercase;
font-weight:700;
font-size:17px;
color:#273272;
line-height:28px;
}
.rt-case-study-box.element-three .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-three .rt-case-study-box-item > .holder > .data h4 a{
color:inherit;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data p{
margin-bottom:10px;
color:#505050;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic{
position:relative;
overflow:hidden;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic > img{
width:100%;
}
.rt-case-study-box.element-three .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-three .rt-case-study-box-item > .holder:hover > .pic > .holder{
transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more{
position:relative;
overflow-y:hidden;
border:1px #dedede solid;
border-top:none;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn{
display:block;
padding:13px 30px 13px 30px;
background-color:#fff;
border:none;
border-radius:0;
text-transform:uppercase;
font-weight:500;
font-size:12px;
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-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .more > .btn{
text-align:left;
}
.rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .more > .btn{
text-align:center;
}
.rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .more > .btn{
text-align:right;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt{
position:absolute;
top:100%;
left:0;
right:0;
z-index:1;
color:#fff;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder:hover > .more > .btn{
transform:translateY(-100%);
-webkit-transform:translateY(-100%);
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn i{
margin-left:10px;
color:inherit;
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt i{
color:inherit;
} @media screen and (min-width:1200px){
} @media screen and (min-width:992px) and (max-width:1199px){
} @media screen and (min-width:768px) and (max-width:991px){
.rt-case-study-box.element-three .rt-case-study-box-item{
width:33.33% !important;
}
} @media screen and (min-width:480px) and (max-width:767px){
.rt-case-study-box.element-three .rt-case-study-box-item{
width:50% !important;
}
} @media screen and (min-width:321px) and (max-width:479px){
.rt-case-study-box.element-three .rt-case-study-box-item{
width:100% !important;
}
} @media screen and (max-width:320px){
.rt-case-study-box.element-three .rt-case-study-box-item{
width:100% !important;
}
}