/* Portolio Hover */
.da-thumbs li, .da-thumbs li img{ display:block; position:relative;}
.da-thumbs li{ overflow:hidden;}
.da-thumbs li article{ position:absolute; background:rgba(75,119,184,0.8); box-shadow:0 0 55px #15337c inset; width:100%; height:100%;}
.service_box .da-thumbs li article{ -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;}
/*.da-thumbs li article.da-animate{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
*/
/* Initial state classes: */
.da-slideFromTop{ left:0px; top:-100%;}
.da-slideFromBottom{ left:0px; top:100%;}
.da-slideFromLeft{ top:0px; left:-100%;}
.da-slideFromRight{ top:0px; left:100%;}

/* Final state classes: */
.da-slideTop{ top:0px;}
.da-slideLeft{ left:0px;}
.da-thumbs{ text-align:center;}

.research_box1 .da-thumbs li article h3{ color:#fff; line-height:25px; font-weight:normal; font-size:36px; text-transform:uppercase;}
.research_box2 .da-thumbs li article h3{ color:#fff; line-height:24px; font-weight:normal; font-size:22px; letter-spacing:1; margin:26% 10% 0 19%; text-align:left; text-transform:uppercase;}
.research_box3 .da-thumbs li article h3{ color:#fff; line-height:24px; font-weight:normal; font-size:20px; letter-spacing:1; margin:26% 0 0; text-transform:uppercase;}
.research_box1 .da-thumbs li article h3.first_head{ display:block; margin-bottom:10px; margin-left:14%; text-align:left; margin-top:25%;}
.research_box1 .da-thumbs li article h3.last_head{ display:block; margin-right:15%; text-align:right;}

.da-thumbs li  article .plus{ height:80%; padding:25% 0 0 0;}
.da-thumbs li  article .plus img{ width:20%; height:50%;}
.da-thumbs li  article img{ width:20%; margin:0 auto;}

/* Image Grid */
.image_grid{ float:left; overflow:hidden; position:relative;}
.image_grid ul{ margin:0; padding:0;}
.image_grid li{ float:left; line-height:17px; color:#686f74; background:#efefef; list-style:none; overflow:hidden; text-align:center; margin:0; padding:0; border:0;}
.image_grid li img{ width:100%;}

/******** image pop up box *********/

.black_overlay{	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; z-index:2001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);}
.left_arw{ position:absolute; margin:0 0 0 -35px; top:45%; cursor:pointer;}
.right_arw{ position:absolute; margin:0 0 0 -10px; top:45%; cursor:pointer;}

/*====== rr  Popup css ======*/
.rr_popup_bdy{ width:100%; height:100%; background:#000;}
.rr_popup_bdy .close_btn{ position:absolute; right:20px; top:20px;}
.rr_popup_bdy .image_bdy{ width:70%; float:left; height:100%;}
.rr_popup_bdy .image_bdy .image{ height:100%; text-align:center;}
.rr_popup_bdy .image_bdy .image img{ max-height:90%; max-width:90%;}	
.rr_popup_bdy .image_dtls{ width:30%; height:100%; padding:3%; background:#fff; float:right;}
.ag_popup_bdy .image_dtls h3{ margin:10% 0 0 0;}
.ag_popup_bdy .image_dtls p{ text-align:left;}

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

.image_grid li{ float:left; line-height:17px; margin:0; padding:0; border:1;}
.pf_popup_bdy .image_bdy .image img{ max-height:60%; max-width:60%;}	
.pf_popup_bdy .image_bdy{ margin:0 0 0 -10%;}
.pf_popup_bdy .image_dtls h3{ font-size:27px;}
}

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

.image_grid li{ float:left; margin:0; padding:0; border:1;}
}

/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

.portfolio_4col .da-thumbs li article h3{ padding-top:70px;}
}

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

.image_grid li{ width:auto;}
.portfolio_4col .da-thumbs li article h3{ padding-top:58px;}
.portfolio_3col .da-thumbs li article h3{ padding-top:34px;}
.portfolio_2col .da-thumbs li article h3{ padding-top:23px !important;}
}

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

.image_grid li{ float:none; width:100%; height:75%; margin:0px; padding:0px;}
.image_grid li img{ width:100%;}
.portfolio_4col .da-thumbs li article h3{ padding-top:10px;}
.pf_popup_bdy .image_bdy{ width:100%; float:none; height:50%;}
.pf_popup_bdy .image_dtls{ width:100%; height:50%; overflow:auto; padding:3%; background:none repeat scroll 0% 0% #FFF; float:none; text-align:left;}
.pf_popup_bdy .image_bdy .image img{ max-height:30%; max-width:30%;}
.pf_popup_bdy .image_bdy{ margin:0 0 0 -75%;}
.right_arw{ top:22%;}
.left_arw{ top:22%;}
.pf_popup_bdy .image_dtls h3{ font-size:20px; margin:0% 0px 10px 0;}
}

.bottom_text span{ font-size:14px; text-align:right; width:100%; margin:0px; font-style:italic;}
.bottom_text span:first-child{ font-style:normal!important;}