#featured .row a img,#featured .row a:before,#featured .row a:after{-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;}

#featured{background:#f6f6f6;border-top:1px solid #eaeaea;}
#featured h3{font-size:38px;color:#666;font-weight: bold; margin-bottom:35px;}
#featured .row a{display: block;position: relative;margin-bottom:30px;background:#333;overflow:hidden;}
#featured .row a .img-fluid{opacity:0.9;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
#featured .row a:hover .img-fluid{opacity:0.9;-webkit-transform:scale(1.15) rotate(-2deg);transform:scale(1.15) rotate(-2deg);}
#featured .titlebox{position: absolute;bottom: 0;z-index: 1;color:#fff;width: 100%;}
#featured .titlebox span{position:relative;z-index: 2;font-weight: normal;}
#featured .cors_big .titlebox:after{height: 150px;}
#featured .titlebox:after{
content:'';display: block;width: 100%;position: absolute;bottom:0;height:100px;z-index: 1;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}
#featured .titlebox .ttlcontr{z-index: 2;position: relative;font-size:18px;font-weight:bold;padding:13px;}
#featured .titlebox img{width:34px;margin-right:5px;}

#featured .row a:before,#featured .row a:after{content:'';display:block;width:50px;height:50px;position:absolute;z-index:1;}
#featured .row a:before{border-left:5px solid rgba(255,255,255,0.2); border-top:5px solid rgba(255,255,255,0.2);top:10px;left:10px;}
#featured .row a:after{border-right:5px solid rgba(255,255,255,0.2); border-bottom:5px solid rgba(255,255,255,0.2);bottom:10px; right:10px;}

#featured .row a:hover:before,#featured .row a:hover:after{border-color:rgba(255,255,255,0.5);}
#featured .row a:hover:before{top:30px;left: 30px;}
#featured .row a:hover:after{bottom:30px; right:30px;}

.viewbtn{margin:30px 0;}
.viewbtn a{font-weight:bold; padding:10px 30px;font-size:20px;}


@media all and (max-width:1199px){
	#featured .titlebox .ttlcontr{font-size:18px;}
	#featured .titlebox img{display:none;}
}

@media all and (max-width:991px){
	#featured{padding-top:40px;}
	#featured .col-sm-6,#featured .col-sm-4{padding-left:7px;padding-right:7px;}
	#featured .row a{margin-bottom:15px;}
}
