.site-header {  background:rgba(20, 20, 20, 0.9) none repeat scroll 0 0; border-bottom: 1px solid #555; position: fixed !important; top: 0; width: 100% !important; z-index: 999;}
.site-navbar-bg { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;  position: fixed;  transition: all 0.5s ease 0s; z-index: 9; }
.site-header  img.logo {height: auto; transition: all 0.5s ease 0s; width: 45%;}
.city_mnu { transition: all 0.5s ease 0s; }
.navheig .navbar { min-height:65px;}
.navheig {}
.navheig .cont-details { margin-top:15px; }
.header_full_wid{ float: left; width: 100%; position: relative; transition:all 0.35s ease-in-out }
.logo_sect .logo{ width:74%; transition:width 0.45s ease-in-out}
.home_cmpled_link{ text-decoration:none; color:#a7a7a7}
.home_cmpled_link:hover{ text-decoration:none; color:#a7a7a7}
#flats_availability{ transition:all 1s ease-in-out; padding-top: 66px}

body{ width: 100%; float: left; position: relative; margin: 0 ; padding: 0; font-family: lato-regular-webfont !important; font-size: 14px; line-height: 24px !important; }
a,a:hover,a:focus, a:visited{ outline: none !important}
.header_section{ width: 100%; float: left; position: relative; background: #242424}
.header_section .header_inner{ width: 100%; float: left; position: relative;  color: #fefefe}
.header_section .logo_sect{ position: relative;}
.header_section .logo_sect .logo{ position: absolute; top:0; left: 0; z-index: 9;}
.header_section .mnu_list {width: 100%; float: left; position: relative; }
.header_section .mnu_list .city_mnu {float: right; margin: 0; padding: 0; position: relative; width:61%; }
.header_section .mnu_list .main_mnu {float: right; margin: 0;  position: relative; width:100%;  padding: 10px 0 18px;}
.header_section .mnu_list .main_mnu li{ float: left;list-style: outside none none; margin: 0 30px 0 0;padding: 0; position: relative;   }
.header_section .mnu_list .main_mnu li a{/*transition: all 0.5s ease-in-out 0s;*/ border-bottom: 3px solid transparent; color: #a7a7a7; display: block; padding-bottom: 3px; width: 100% }
.header_section .mnu_list .main_mnu li a.act{text-decoration: none;background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;  border-bottom: 3px solid #bb302e; padding-bottom: 3px;  color: #fff }
.header_section .mnu_list .main_mnu li a:hover{ text-decoration: none;background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;  border-bottom: 3px solid #bb302e; padding-bottom: 3px; color: #fff }
.sub_mnu_li{ background: #242424 none repeat scroll 0 0;float: left;left: -31%;margin: 0;padding: 8px 15px 15px;position: absolute;top: 100%;
             z-index: 9;display: none}
.sub_mnu_li li{   padding: 6px 0 !important; float: left; position: relative; margin: 0; padding: 0; background: none !important; border-bottom: 1px solid #393939;   margin: 0 !important;   width: 160px; }
.sub_mnu_li li a{ border: none !important; background: none !important}
.sub_mnu_li li a.act{ border: none !important; background: none !important}
.sub_mnu_li li a:hover{ border: none !important}
.header_section .mnu_list .city_mnu li{  float: left;list-style: outside none none; margin-right: 26px; }
.header_section .mnu_list .city_mnu li:first-child{  background: rgba(0, 0, 0, 0) url("../images/locate_rt_br.png") no-repeat scroll 100% 50%; float: left;list-style: outside none none;  margin-left: 15px; margin-right: 26px; padding-right: 25px; }
.header_section .mnu_list .city_mnu li h4{background: rgba(0, 0, 0, 0) url("../images/locate_logo.png") no-repeat scroll 0 25%;padding-left: 16px;font-size: 13px;}  
.header_section .mnu_list .city_mnu li h6{font-size: 12px; color: #a7a7a7}  
.banner_slider{width: 100%; float: left; position: relative; }
.banner_slider items{width: 100%; float: left; position: relative; }
.banner_slider items img{width: 100%;  }
.banner_slider.owl-carousel .owl-controls .owl-dots {bottom: 8% !important;left: 45% !important; position: absolute !important; text-align: center;}
.banner_slider.owl-carousel .owl-controls .owl-dot.active{ background: #bd201e none repeat scroll 0 0 !important; border: 2px solid #fff !important;}
.banner_slider.owl-carousel .owl-controls .owl-dot{ background: #fff none repeat scroll 0 0 !important; border: 2px solid #bd201e !important;}
.testimonial_slider.owl-carousel .owl-controls .owl-dot.active{ background: #bd201e none repeat scroll 0 0 !important; border: 2px solid #fff !important;}
.testimonial_slider.owl-carousel .owl-controls .owl-dot{ background: #fff none repeat scroll 0 0 !important; border: 2px solid #bd201e !important;}
.mob_mnu_list{ width: 100%; float: left; position: relative;padding: 23px 0;}
.mob_holder{ width: 100%; float: left; position: relative;}
.mob_holder .mobile_block{ width: 82%; float: left; position: absolute; top:0; left: 0; background: #242424; opacity: 0.95; z-index: 9; display: none}
.mnu_icon{ margin-top: 50%; cursor: pointer; margin-top: 100%;}
.mobile_block ul { padding-top: 10px}
.mobile_block ul li{ border-bottom: 1px solid #010101;list-style: outside none none; padding: 12px 0; width: 81%;}
.mobile_block ul li a{ color: #a7a7a7; text-decoration: none; padding-bottom: 3px;border-bottom: 3px solid transparent; }
.mobile_block ul li a.act{ color: #a7a7a7; text-decoration: none; padding-bottom: 3px;border-bottom: 3px solid #bb302e; background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%; }
.mobile_block ul li a:hover{ color: #fff; text-decoration: none;background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;  border-bottom: 3px solid #bb302e;  padding-bottom: 3px}
.mobile_block .close{ position: absolute; top:0; right: 6%; background: url('../images/close_btn.png'); height: 25px; width: 25px}
.welcome_sect  {width: 100%; float: left; position: relative; padding: 0px 0 25px}
.welcome_sect .building_intro {   float: left; position: relative; width: 100%;margin-top: 11%}
.welcome_sect .building_intro .img_inner_cnts {  background: #242424 none repeat scroll 0 0; border: 4px solid transparent; border-radius: 100%;display: block !important; float: left; height: 95%; left: 13%; opacity: 0.9; padding: 11px 0 0; position: absolute; text-align: center;top: 2.8%; width: 75%;}
.welcome_sect .building_intro .img_inner_cnts img { text-align: center}
.welcome_sect .building_intro .img_inner_cnts p {color: #fff; font-size: 13px; line-height: 18px;padding-top: 7px;}
.welcome_sect .building_intro .intro_img{ float: left; position: relative;}
.welcome_sect .building_intro .intro_img img.main_img{ width: 100%; border: 4px solid #fff; border-radius:100%}
.index_cnt_bg {width: 100%; float: left; position: relative;background: rgba(0, 0, 0, 0) url("../images/content_bg.jpg") repeat scroll 0 0 / 100% auto; margin-top: -1px}
.welcome_note{width: 100%; float: left; position: relative; color: #fff; background: #141414; padding: 25px;-webkit-box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);
              -moz-box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);
              box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);}
.welcome_note p{width: 100%; float: left; position: relative; color: #a7a7a7; font-family:  lato-regular-webfont;line-height: 25px }
.welcome_note a:hover{ color: #c6312f; text-decoration: underline }
.welcome_note h2{width: 100%; float: left; position: relative;margin-top: 0; font-size: 22px }
.red{ color: #c6312f}
.project_sect {width: 100%; float: left; position: relative; padding: 4px 0 60px}
.project_sect .project_sect_inner{width: 100%; float: left; position: relative; text-align: center; padding: 5px 0;}
.project_sect .pro_tit{float: none; margin: 0 auto; position: relative; width:48%;}
.project_sect .pro_tit li{ float: left; list-style: outside none none; margin-right: 9px; position: relative;width: auto;}
.clr_fff{ color: #ffffff}
.clr_a7a7a7{ color: #a7a7a7}
.pro_tit h4{ cursor: pointer; font-size: 22px;   font-family: 'lato-semibold-webfont'; text-transform:uppercase;}
.pro_tit h5{transition: all 0.5s ease-in-out 0s; background: rgba(0, 0, 0, 0) url("../images/pro_locate.png") no-repeat scroll 0 41%; cursor: pointer; font-size: 16px; margin: 0;padding: 9px 0 9px 27px   ;}
.locate_tit_li { width:29% !important}
.locate_tit_li li{ padding: 0 10px;  padding-bottom: 10px}
.locate_tit_li li:hover{background: rgba(0, 0, 0, 0) url("../images/dwn_arw.png") no-repeat scroll 50% 95%; }
.locate_tit_li li.act{background: rgba(0, 0, 0, 0) url("../images/dwn_arw.png") no-repeat scroll 50% 95%; }
.pro_tit li h5{ border-bottom: 2px solid transparent;}
.pro_tit li h5:hover{ color: #c6312f; border-bottom: 2px solid #c6312f; background: rgba(0, 0, 0, 0) url("../images/pro_locate_act.png") no-repeat scroll 0 41%;}
.locate_tit_li li.act h5{ color: #c6312f; border-bottom: 2px solid #c6312f; background: rgba(0, 0, 0, 0) url("../images/pro_locate_act.png") no-repeat scroll 0 41%;     font-family: 'lato-bold-webfont';}
.filter_sec{width: 100%; float: left; position: relative; }
.filter_sec .cbo_filter{  color: #c6312f;float: left; padding: 6px 5px; position: relative; width: 100%; border: 1px solid #c6312f}
/*//.filter_tit{  border-bottom: 2px solid #fff;  margin: 0; padding: 10px 0 7px; font-size: 18px}*/
.others .filter_tit{ font-size: 22px}
.br_red{ border-bottom: 2px solid #c6312f;  padding: 0 0 7px; }
.br_white{ border-bottom: 2px solid #fff;  padding: 0 0 7px; }
.filter_holder{width: 100%; float: left; position: relative; }

.filter_holder h5.filter_tit{border-bottom:1px solid #fff; font-size:18px;   font-family: 'lato-semibold-webfont';  }
.filter_holder h5 { padding:0px 0px 10px; position:relative; }
.filter_holder h5.filter_tit:after { position:absolute; bottom:-1px; height:3px; width:75px; background:#c6312f; left:0px; content:"" }

.flats_introduction .flat_desc_holder:first-child{ display: block}
.flat_desc_holder{ width: 100%; float: left; position: relative; padding: 10px 0; color: #fff;height: 610px; display: none}
.flat_desc_holder .flat_dec_block{  float: left; position: relative; margin: 20px 0 3px; overflow: hidden}
.flat_desc_holder .flat_dec_block .top_desc{  width:100%;float: left; position: relative; }
.flat_desc_holder .flat_dec_block .flat_logo{  width:100%;float: left; position: relative; background: #ffffff; padding: 5px 0;border-top-right-radius: 5px; border-top-left-radius: 5px; min-height: 65px}
.flat_desc_holder .flat_dec_block .flat_view_img{  width:100%;float: left; position: relative; overflow: hidden; }
.flats_introduction{  width:100%;float: left; position: relative;   }
.flat_desc_holder .flat_dec_block .flat_view_img img{  width:100%;  overflow: hidden}
.flat_desc_holder .flat_dec_block .flat_view_img p.common_p{   float: left; position: absolute;  }
.flat_desc_holder .flat_dec_block .flat_view_img p.flat_aval{ background: #c6312f none repeat scroll 0 0;border-radius: 5px;font-size: 11px;padding: 1px 6px;right: 1%;top: 2%;}
.flatt_desc_holder .flatt_dec_block .flatt_view_img p.flat_aval{ background: #c6312f none repeat scroll 0 0;border-radius: 5px;font-size: 11px;padding: 1px 6px;right: 1%;top: 2%;}
.complt_proj_border{ border-radius: 10px}
.flat_desc_holder .flat_dec_block .flat_view_img p.flat_name{ background: rgba(0, 0, 0, 0) url("../images/img_box_shadow.png") repeat scroll 0 0;bottom: 0; display: block;font-size: 13px;height: 83px; line-height: 14px; margin: 0; width: 100%; text-align:center;}
.flat_name.common_p > span {   bottom: 20%; left: 0; position: absolute;    width: 100%;}
.flats_introduction .mCustomScrollBox{ margin: 10px 0}
.others{width: 100%; float: left; position: relative; color: #fff;padding: 10px 0 30px }
.testimonial_inner{width: 100% ; float: left; position: relative; padding: 48px 0 31px}
.testimonial_slider{width: 100%; float: left; position: relative; }
.testimonial_inner .testi_img{ border-radius: 100%; width: auto !important ; display: inline !important}
.testimonial_inner .person_desc{ width: 100%; float: left; position: relative;  padding: 15px 0 5px; color: #a7a7a7}
.testimonial_inner .person_quote{ width: 100%; float: left; position: relative;  padding: 0 0; color: #a7a7a7}
.testimonial_inner .name{ width: 100%; float: left; position: relative; margin: 0; padding: 0; }
.testimonial .view_all{ width: 100%; float: left; position: relative; margin: 0; padding: 28px 0 20px; }
.testimonial_inner .designation{ width: 100%; float: left; position: relative; margin: 0; padding: 0; font-style: italic }
.testimonial_inner .occupation{ width: 100%; float: left; position: relative; padding: 6px 0; margin: 0 }
.others .testimonial{   background: rgba(20, 20, 20, 0.55) none repeat scroll 0 0;border-radius: 10px;color: #fff; float: left;margin-right: 0px; padding: 20px 25px; position: relative;min-width: 48%;}
.others .news{  color: #fff; float: left;padding: 20px 20px 40px 0px;    position: relative;}
.others .news.right_bar{padding: 20px 0 40px}
.news_include_file_rt{ padding: 20px 0 40px;  width: 100% !important;}

.others .news .news_section{ width:100%;float: left; position: relative; color: #fff; height: 406px;  margin-bottom: 17px; }
.others .news .news_section .news_inner{ border-bottom: 1px solid #434241; color: #fff; float: left;padding: 26px 0 21px;position: relative;width: 100%; }
.home_news_sect .news_inner{ min-height: 267px;}
.others .news .news_section .news_desc_rt h4{ width:100%;float: left; position: relative; margin-top: 2px }
.others .news .news_section .news_desc_rt { color: #a7a7a7; margin-left: -40px}
.others .news .news_section .date_desc{ width:75%;float: left; position: relative; background: #c6312f; padding: 4px 0 0;}
.news_listing .date_desc{ width:100%;float: left; position: relative; background: #c6312f; padding: 4px 0 0;}
.news_list_br{ border-bottom: 1px solid #222}
.others .filter_tit{padding:0 0 7px;}
.view_all .test_link{ transition: all 0.5s ease-in-out 0s;padding: 10px 20px; border: 1px solid #fff; color: #a7a7a7; text-decoration: none}
.view_all .test_link:hover{ background: #c6312f; color: #fff}
.news_view_all:hover{ background: #c6312f; color: #fff}
.view_all .test_link.video_testi{ transition: all 0.5s ease-in-out 0s; background:  url("../images/video_testi.png") no-repeat scroll 21% 50%;padding-left: 55px;}
.view_all .test_link.video_testi:hover{background: #c6312f url("../images/video_testi_act.png") no-repeat scroll 21% 50%; color: #fff}
.date_desc h2{ margin: 0; font-size: 24px}
.date_desc h4{   font-size: 15px; margin: 0; padding: 3px 0 7px;}
.date_desc h4.yr{ padding: 5px 0 !important; background: #d44140; font-size: 16px}
.news_view_all{ transition: all 0.5s ease-in-out 0s;  border: 1px solid #fff; color: #fff; padding: 10px 20px; text-decoration: none;}
.news_view_all:hover{   color: #fff; text-decoration: none }
.contact_addr{ width:100%;float: left; position: relative;  padding:26px 0 28px}
.footer{ width:100%;float: left; position: relative; background: #1d1d1d; padding:8px 0 40px !important}
.footer_bottom{ width:100%;float: left; position: relative; background: #242424; padding: 13px 0 5px !important}
.footer .quality{ width:100%;float: left; position: relative;}
.footer .quality .social_link{  float: left; margin: 0 0 0 45%; /*padding: 10px 0 0; */position: relative;width: 72%;}
.footer .quality .social_link .social_icon{transition: all 0.5s ease-in-out 0s; float: left; height: 32px;list-style: outside none none;margin-right: 26px;width: 38px; opacity: 0.5; cursor: pointer}
.footer .quality .social_link .social_icon.tw{ background: rgba(0, 0, 0, 0) url("../images/tw.png") no-repeat scroll 0 0; }
.footer .quality .social_link .social_icon.fb{ background: rgba(0, 0, 0, 0) url("../images/fb.png") no-repeat scroll 0 0; width: 20px }
.footer .quality .social_link .social_icon.bing{ background: rgba(0, 0, 0, 0) url("../images/bing.png") no-repeat scroll 0 0; }
.footer .quality .social_link .social_icon.goo{ background: rgba(0, 0, 0, 0) url("../images/goo.png") no-repeat scroll 0 0; }
.footer .quality .social_link .social_icon.you{ background: rgba(0, 0, 0, 0) url("../images/you.png") no-repeat scroll 0 0; }
.footer .quality h4{ width:76%;float: left; position: relative; font-size: 16px; color: #fff; }
.cont_tit h3{background: rgba(0, 0, 0, 0) url("../images/cont_addr.png") no-repeat scroll 0 50%;font-size: 18px; padding-left: 19px;}
.contact_addr .phone_icon{ background: rgba(0, 0, 0, 0) url("../images/phone_icon.png") no-repeat scroll 0 50%;  padding-left: 30px;}
.contact_addr .mobile_icon{ background: rgba(0, 0, 0, 0) url("../images/mobile_icon.png") no-repeat scroll 0.5% 50%;  padding-left: 30px;}
.contact_addr .mail_icon{ background: rgba(0, 0, 0, 0) url("../images/mail_icon.png") no-repeat scroll 0 50%; padding-left: 30px; }
.others .testi_holder{ width: 95% ; float: left; position: relative}
.testi_holder.sidebar{width: 95% ; float: left; position: relative}
.testi_holder.sidebar .owl-carousel .owl-item{ padding:0 20px}
.testi_holder.sidebar .owl-carousel .owl-controls{ padding-bottom: 40px}
/*.testi_holder.sidebar .view_all_hold{ margin-top: 25px}*/
.right_bar .viw_all_news{float: left; position: relative;  padding-top: 25px; width: 100%;}
.others .news .news_section.sidebar .news_desc_rt{  margin: -5px 0 0 !important; padding-top: 0px;}
.others .news .news_section.sidebar .date_desc{ width: 100%}
.others .news .news_section.sidebar .news_inner{ border: none}
.news_section.sidebar .date_desc h2{ font-size: 20px}
.news_section.sidebar .date_desc h4{ font-size: 13px}
.testi_holder.sidebar .test_link.video_testi{background:  url("../images/video_testi.png") no-repeat scroll 22% 50%;float: left; margin-left: 28px; margin-top: -9px;  padding-bottom: 8px;  padding-top: 8px; background-size: 21%; padding-left: 46px;}
.testi_holder.sidebar .test_link.video_testi:hover{background: #c6312f url("../images/video_testi_act.png") no-repeat scroll 22% 50%; color: #fff;background-size: 21%}
.news_include_file .date_desc h2{ margin: 0; font-size: 24px;float: left; margin: -8px 0 0 5px; padding-bottom: 8px;  padding-top: 8px;}

.home_news_sect .date_desc h2{ margin: 0; font-size: 24px;float: left; margin: 3px 0 0 11px; padding-bottom: 8px;  padding-top: 8px;}
.others .news .news_section.sidebar .news_desc_rt h4{ font-size: 15px; line-height: 21px}
.others .news .news_section.sidebar{ height: auto}
.testi_holder.sidebar .br_white{  border-bottom: 2px solid #fff;padding: 0 0 7px;}
.news.right_bar .br_white{ border-bottom: 2px solid #fff;padding: 0 0 7px;}
.testimonial .bx-wrapper .bx-viewport {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
}
.filter_holder .filter_select{  position: absolute;  right: 1%;  top:-10px;}
.cbo_filter {border: 1px solid #c6312f !important;color: #c6312f;float: left; min-width:160px;position: relative; padding:10px 0px; line-height:30px; }
.news_section_holder{ width: 100%; float: left; position: relative;}
.scroller_sect{ width:98%; float: left; position: relative; height:660px}
.scroller_sect .mCSB_scrollTools .mCSB_draggerContainer{ right: 100% !important}


/* project inner page css */
.inner_page{ width: 100%; float: left; position: relative;}
.inner_page .project_banner{ width: 100%; float: left; position: relative;}
.inner_page .project_logo{  bottom: 21%; left: 9%; position: absolute; width: 18%;}
.inner_page .individual_pro_desc{    background: rgba(0, 0, 0, 0) url("../images/project_blk_bg.png") repeat scroll 0 100%;bottom: 0; left: 0;min-height: 192px; position: absolute; width: 100%;}
.inner_page .individual_pro_desc .ind_pro_main_head{ bottom: 18%; font-size: 22px;  left: 10%; position: absolute; width: auto;}
.inner_page .individual_pro_desc .ind_pro_main_subhead{ bottom: 5%; font-size: 18px;  left: 10%; position: absolute; width: auto;}
.inner_cnt_bg{ width: 100%; float: left; position: relative; background:rgba(0, 0, 0, 0) url("../images/content_bg.jpg") repeat scroll 0 3% / 100% auto}
.inner_page .nav-tabs > li > a{ background: transparent none repeat scroll 0 0 !important; border-right: medium none !important; border-left: medium none !important;  border-top: medium none !important;border-radius: 0;color: #a7a7a7 !important; text-transform:  uppercase;font-size: 12px !important; border-bottom: 2px solid transparent !important;padding-bottom:13px !important;}
.inner_page .nav-tabs{ border:  none !important; background: #141414 !important;-webkit-box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);
                       -moz-box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);box-shadow: 0px 1px 18px 13px rgba(14,14,14,1);padding:8px 0 0}
.inner_page .nav-tabs > li > a:hover{ background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106% !important; border-bottom: 2px solid #bb302e !important; color: #fff !important;padding-bottom: 3px;text-decoration: none; }
.inner_page .nav-tabs > li.active > a{ background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106% !important; border-bottom: 2px solid #bb302e !important; color: #fff !important;padding-bottom: 3px;text-decoration: none; }
.inner_page .nav-tabs > li > a.act{  background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106% !important; border-bottom: 2px solid #bb302e !important; color: #fff !important;padding-bottom: 3px;text-decoration: none; }
.tab-content > .tab-pane{ padding-left: 14px}
//.inner_page h3{ color: #fff; font-size: 22px; border-bottom: 2px solid #525252; font-size: 18px; margin: 0px 0 25px; padding: 10px 0 7px;text-transform: uppercase;}
.inner_page h3{  font-size:18px; color:#fff; line-height:35px; margin:0px; padding:0px 0px 5px; border-bottom: 1px solid #525252; margin-bottom:20px; position:relative; text-transform: uppercase}
.inner_page h3.tab_tit::after{background-color: #c6312f; bottom: -2px;  content: "";  height:3px;  left: 0;  position: absolute; width:60px;}

.proj_des_main_tit{  border-bottom: medium none !important; margin: 0 !important;padding: 0 !important;}
.ind_projs_main_title{  border-bottom: 1px solid #525252; margin-bottom: 23px; padding: 0 0 6px; }
.proj_des_main_tit::after{background-color: #c6312f; bottom: -8px;  content: "";  height:3px;  left: 0;  position: absolute; width:60px;}

.inner_page h4.filter_tit{  font-size:18px; color:#fff; line-height:35px; margin:0px; padding:0px 0px 5px; border-bottom: 1px solid #525252; margin-bottom:20px; position:relative; text-transform: uppercase}
.inner_page h4.filter_tit::after{background-color: #c6312f; bottom: -2px;  content: "";  height:3px;  left: 0;  position: absolute; width:60px;}
.inner_page .career_desc .pro_details_ind{padding-bottom: 0}

.contact_addr .tab-content{ margin-top: 20px}
.tab-content p { text-align:justify; }
.tab-content { text-align:justify; }
.fnt_18{ font-size: 18px !important}
.fnt_22{ font-size: 22px !important}
.inner_page .pro_details_ind{ width: 100%; float: left; position: relative; padding: 10px 0 21px}
.inner_page .pro_details_ind_inner{ width: 100%; float: left; position: relative; padding: 7px 0}
.inner_page .semicolon_desc{ float: right}
.inner_page .pad_tp_bt{ padding: 7px 0; color:#a7a7a7;}
.fontgrey{ color:#a7a7a7;}
.nav-tabs > li.active > a{ background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106% !important; border-bottom: 2px solid #bb302e !important; color: #fff;padding-bottom: 3px;text-decoration: none;}
.enquiry_frm{ width: 100%; float: left; position: relative;}
.inner_page .cbo_select_projects { border: 1px solid #c6312f; color: #c6312f;padding: 8px 0 8px 5px; width: 100%;}
.select-style{  padding: 0; margin: 0; border:medium none; font-size: 13px; overflow: hidden; background-color: #f5f5f5; font-family: 'lato-light-webfont'; color: #b4b4b4; background: #fff url("../images/optiondown.png") no-repeat 100% 50%;}
.select-style select {padding: 5px 2px;width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none;}
.select-style select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.inner_page .enq_tit{ padding:37px 0 7px ; margin: 0 ; border-bottom: 2px solid #525252; text-transform: uppercase; color: #fff}
.inner_page .br_white{  border-bottom: 2px solid #525252;  padding: 0 0 7px;}
.inner_page .enquiry_frm .fld_container{width: 100%; float: left; position: relative; padding: 18px 0 0}
.inner_page .enquiry_frm .txt_fld{background: rgba(20,20,20,0.5);color: #fff; padding: 5px 0 5px 10px; width: 100%; border: 1px solid #5e5e5e}
.inner_page .enquiry_frm .btn_submit{  transition: all 0.5s ease-in-out 0s; background: transparent url("../images/btn_submit_img.png") no-repeat scroll 92% 50%;border: 1px solid #5e5e5e;color: #fff;padding-bottom: 5px; padding-right: 25px; padding-top: 5px; width: 35%;}
.inner_page .enquiry_frm .btn_submit:hover{  color: #fff;background: #c6312f url("../images/btn_submit_img_act.png") no-repeat scroll 92% 50%; }
.inner_right_scet{ background: rgba(20, 20, 20, 0.5) none repeat scroll 0 0; box-shadow: 0 1px 18px 13px rgba(14, 14, 14, 1);float: left;margin-top: 9px;
                   padding: 2px 0 20px;position: relative; width: 100%;}
.inner_page .br_red{ border-bottom: 3px solid #c6312f; padding: 0 0 6px;}
.inner_page .gallery_holder{ width: 100%; float: left; position: relative; padding: 0px 0}
.inner_page .gallery_holder .gallery_items{ width: 100%; float: left; position: relative; padding: 15px 0}
.gallery_holder .br_red{ padding:0 0 6px}
.gallery_slider .owl-prev{background: url('../images/gal_prev.png'); height: 25px; width: 25px}
.gallery_slider .owl-next{background: url('../images/gal_next.png'); height: 25px; width: 25px}
.gallery_slider .owl-nav{ margin: 0 auto; width: 27%}
.gallery_slider .owl-nav div{ float: left; margin-right: 10px}
.inner_page .maps{ width: 100%; float: left; position: relative;}
.frm_enq ::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder { /* Firefox 18- */  color: #fff;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #fff;  }
:-ms-input-placeholder {     color: #fff;  }
.right_bar .mob_scroll{ width:100% ; float: left; position: relative; display: block}
.red{ color: #bc2f2d !important}
.fnt_italic{ font-style: italic  !important}

#team-head-bg2{ width: 100%; float:  left; position: relative; padding-bottom: 30px}
#team-head-bg2 .team-list-top{ width: 100%; float:  left; position: relative}
.admin_team_holder{ width: 100%; float:  left; position: relative}
.admin_team_holder #team-list{  float: left; min-height: 160px; position: relative;text-align: center; width: 20%;}
.admin_team_holder #team-list .user-designa{font-size: 12px}
.admin_team_holder #team-list #team-user-name{font-size: 13px;  padding-top: 7px}
#team-head-bg2 .user-name-top{ font-size: 13px; position: relative; padding-top: 9px }
#team-head-bg2 .user-designa-top{ font-size: 12px; position: relative; }
.flt_rt{ float: right !important}
.career_link { color: #c6312f}
.career_link:hover { color: #c6312f}
.cont_us_page .no_padng{ padding: 0 !important}
.cont_us_page .pad_tp_bt { padding:0}
.cont_us_page .contact_us_hold {  position: relative; }
.project_page.contact_addr { padding: 10px 0 28px}
.inner_right_scet h4.filter_tit{ margin-bottom: 0}
.inner_right_scet .testimonial_inner{ padding: 26px 0 31px}
.no_padddd{ padding: 0 !important}
.inner_right_scet .news_view_all{ margin-left:18px}
.news_lisi_h4{ margin-top: 0}
.mail_link{ color: #a7a7a7; text-decoration: none}
.mail_link:hover{ color: #a7a7a7; text-decoration: none}
.flat_name.common_p a { color: #fff;outline: medium none navy;text-decoration: none;}
.flat_name.common_p a:hover { color: #ccc;outline: medium none navy;text-decoration: none;}
img Zoom Effect
.flat_view_img{ display: block; overflow: hidden;}

.flat_view_img a img{  -webkit-transition-duration: 500ms;transition-duration: 500ms;-webkit-transition-property: transform;transition-property: transform; -webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}

.flat_view_img:hover a img{-webkit-transform: scale(1.1);transform: scale(1.1); -moz-transform: scale(1.1);}
.pro_details_ind .pro_details_ind_inner .col-sm-1{ padding: 0 !important}
.payment_schedule_desc { float: left; position: relative; width: 100%;  padding: 8px 0;}
.payment_schedule_desc .payment_schedule_desc_in { float: left; position: relative; }
.payment_schedule_desc_in h4{ margin: 0}
//.payment_schedule_desc.br_btm{ border-bottom: 1px solid #eee}
.flat_avail_tit{ margin-top: 0 ; padding: 0; margin-bottom: 0px}
.no_pad_both{ padding: 0 !important}
.mobile_block .sub_img{    background: rgba(0, 0, 0, 0) url("../images/dwn_arw.png") no-repeat scroll 41% 45%; height: 30px; position: absolute;width: 30px; top: 20%;right: 21%;}
.joint_rdo_group{ padding-left:24px !important; padding-top: 5px}
.tab_main_tit_br{ padding: 10px; border: 1px solid #555; margin: 0; background: rgba(68, 68, 68, 0.4) none repeat scroll 0 0;}
.tab-pane ul li{list-style-type: square;}
.tab-pane > ul { float: left; padding: 0 0 0 25px;  width: 100%;}
.floor_sect_holders{ float: left; position: relative; width: 100%;}
.gallery_sect_zoom{ border: 2px solid #fff; }
.sider_bar_test_link{ text-decoration:  none; color: #C6312F}
.sider_bar_test_link:hover{ text-decoration:  none; color: #C6312F}
.news_page_custom_scroll{ height: 650px;}
.news_page_custom_scroll .mCSB_outside + .mCSB_scrollTools { right: -3px;}
.flat_desc_holder .mCSB_outside + .mCSB_scrollTools { right: 0;}
#testimonial-pg-cont-list{ width: 100%; float: left; position: relative}
.testi_video_desc{width: 100%; float: left; position: relative}
.testi_video_desc p:nth-child(1){color: #C6312F; margin-bottom: 0 ; margin-top: 4px ; color: #e5e5e5; font-style: italic;  }
.testi_video_desc p:nth-child(2){font-size: 13px; margin-top: 0; margin-bottom: 0; color: #A5A3A3}
 .various { display: block; height: 100%; position: relative}
.testi_img_bg_div{ height: 100%; position: absolute; top:0; left: 0; background: rgba(21,22,20,0.85); width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out;text-align: center; color: #fff; font-size: 15px}
.testi_img_bg_div p{ position: relative;top: 50%;transform: translateY(-50%);}
.iframe_img_holders{ width: auto; float: left; position: relative}
.single_video_testi:hover .testi_img_bg_div{ opacity: 1}
.single_video_testi{width:auto; position: relative;float: left; border-bottom: 1px solid #363636}
.virtual_ul li{ list-style: none !important}
.virtual_ul{  margin: 0 auto; /*max-width: 640px; min-width: 250px;*/position: relative; padding: 0;}
.pro_details_ind .simply-scroll .simply-scroll-list.virtual_ul li{ width: auto !important;   height: auto !important;}
.virtual_ul1 li{ list-style: none !important}
.virtual_ul1{  margin: 0 auto; /*max-width: 640px; min-width: 250px;*/position: relative; padding: 0;}
.pro_details_ind .simply-scroll .simply-scroll-list.virtual_ul1 li{ width: auto !important;   height: auto !important;}
.pro_details_ind .simply-scroll { height: auto !important; margin-bottom: 1em; width: 100% !important;}
.pro_details_ind .simply-scroll .simply-scroll-clip { margin: 0 auto; max-width: 830px !important; min-width: 250px !important; width: auto !important;}
.pro_details_ind .simply-scroll .simply-scroll-clip{ height: auto !important; border: 4px solid #C6312F}
.virtual_small_img_holder{width: 100%; float: left; position: relative}
.virtual_small_img_holder img{ border: 3px solid #fff; transition: all 0.3s ease-in-out}
.virtual_small_img_holder img:hover{ border: 3px solid #C6312F}
.virtual_small_img_holder_in{ cursor: pointer}
.pro_details_ind .simply-scroll{ opacity: 0; position: absolute; top:0; left: 0}
.pro_details_ind .simply-scroll:first-child{ opacity:  1}
.pro_details_ind .simply-scroll-btn-pause{ bottom: -21%; right: 3%}
.virtual_small_img_holder { margin-top: 41%}
.virtual_small_img_holder .virtual_small_img_holder_in:first-child img{border: 3px solid #C6312F}
.tab-content .filter_select.filter_select_pad {  float: right; width: auto;}
.nav > li > a{ padding: 10px !important}
.flat_logo{ color: #555}
.project_page .fa.fa-file-pdf-o { color: #C6312F;  font-size: 16px;  padding-right: 3px;}
.ind_brochure_link{ transition: all 0.5s ease-in-out; background: rgba(120, 120, 120, 0.5) none repeat scroll 0 0; border: 1px solid #ccc; color: #fff; display: inline-block; padding: 5px; text-decoration: none; float: right}
.ind_brochure_link:hover{ color: #fff; text-decoration: none; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
//.brouchure_div{ float: right !important}
.ind_brouchure { bottom: 33%; left: 29%; position: absolute;  width: 154px}
.ind_brouchure span{ display: inline-block}
.ind_brouchure .no_pad_both{ padding: 0 !important}
.downloadpdf_txt{ margin-top: 3px; margin-left: 0px}
.ind_brouchure > a { border: 1px solid #ccc; display: block;float: left;padding: 5px 3px 4px 8px;width: 100%; background: #454545; transition: all 0.5s ease-in-out}
.ind_brouchure > a:hover{ background: #111} 
.flat_desc_holder .loading_img{ }
.header_section.hidden-lg.hidden-md.hidden-sm{}
.map_slide1{ color: #fff; font-size: 14px; padding: 5px 10px; border: #454545 solid 1px; width: 171px;  background: #222; transition: all 0.5s ease-in-out; float: left;}
.maps_home .map_slide:hover{background: #C6312F}
 .map_slide{ color: #fff; font-size: 14px; padding: 5px 10px; border: #454545 solid 1px; width: 171px; text-align: center;  background: #222; transition: all 0.5s ease-in-out}
 .map_slide:hover{background: #C6312F}
.mobileview_project{display:none;}
	 .desktopview_project{display:block;}
.intelligent-building h3.tab_tit{background:url('../images/Intelligent_Icons_1.png') no-repeat right center;height
:80px;    padding: 40px 0 0 0;}
.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}
	 
@media screen and (min-width: 320px) and (max-width: 767px) {
    .mobile_block ul.sub_mnu_li{ padding-top: 0}
    .downloadpdf_txt{ margin-top: 0; margin-left: 3px}
    .ind_brouchure > a { border: 1px solid #ccc;  display: block;  float: left;  padding:5px 2px 5px 8px;}
    .ind_brouchure {bottom: auto;left: auto; margin: 0 auto; position: relative; width: 154px;}
    .ind_brochure_link{ float: left; margin-top: 20px; margin-bottom: 10px}
    //.brouchure_div{ float: left; margin-top: 15px}
    .contact_addr .tab-content{ margin-top: 0}
    /*//.sidebar.news_include_file{ overflow: visible !important}*/
    .filter_mob_pad{ padding-top: 25px}
    .foot_design_desc{ text-align: center}
    .mob_padding_top{ padding-top: 20px}
    .mobile_pos_prob{ position: relative; width:100%;}
    .news_view_all{ float: left; margin-top: 10px}
    .news_lisi_h4{ margin-top: 10px}
    .text_cenr_mob{ text-align: center}
    .news_listing .date_desc {
        background: #c6312f none repeat scroll 0 0;
        float: none;
        margin: 0 auto;
        padding: 4px 0 0;
        position: relative;
        width: 45%;
    }

    .inner_page .project_banner {
        float: left;
        position: relative;
        width: 100%;
        background: #131217;
        text-align: center;
    }
    .inner_page .project_logo {
        padding-top: 25px;
        bottom: auto;
        left: auto;
        margin: 0 auto;
        position: relative;
        width: 40%;
        z-index: 2;
    }

    .inner_page .individual_pro_desc {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        bottom: auto;
        left: auto;
        min-height: 0;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .inner_page .individual_pro_desc .ind_pro_main_head {
        bottom: auto;
        font-size: 13px;
        left: auto;
        position: relative;
        width: auto;
    }

    .inner_page .individual_pro_desc .ind_pro_main_subhead {
        bottom: auto;
        font-size: 11px;
        left: auto;
        position: relative;
        width: auto;
    }

    .inner_cnt_bg{ padding-top: 0 !important}
    .inner_cnt_bg.projects{ padding-top: 9% !important}
    .scroller_sect{ height: auto}
    .sidebar .mob_mrg_lft{ margin-left: 28%}
    .sidebar .date_desc h2{ float: none}
    .others .news .news_section .date_desc{ margin-left: 0}
    .others .news .news_section .news_desc_rt{ text-align: center}
    .main_team{ width: 100%; float:  left; position: relative; padding-bottom: 30px}
    .main_team:last-child{ width: 100%; float:  left; position: relative; padding-bottom: 5px}
    .admin_team_holder #team-list {float: left; min-height: 190px;  position: relative;  text-align: center;  width: 46%;}
    // .filter_holder br_red{   padding: 0 0 7px;}
    .quality img { margin: 0 auto; width: 60%;}
    .inner_page .nav-tabs {background: #141414 none repeat scroll 0 0 !important; border: medium none !important; box-shadow: 0 1px 18px 13px rgba(14, 14, 14, 1); margin: 0 auto; padding: 8px 0 0; text-align: center; width: 71%;}
    .inner_page .nav-tabs > li{  float: none}
    .inner_right_scet{ margin-top: 0}
    /*    .inner_page .individual_pro_desc {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            bottom: -122%;
            left: 0;
            min-height: 192px;
            position: absolute;
            width: 100%;
            z-index: 1;
        }
        .inner_page .project_logo {
            bottom: -66%;
            left: 9%;
            position: absolute;
            width: 40%;
            z-index: 2;
        }
        .inner_page .individual_pro_desc .ind_pro_main_head {
            bottom: 13%;
            font-size: 13px;
            left: 10%;
            position: absolute;
            width: auto;
        }
        .inner_page .individual_pro_desc .ind_pro_main_subhead {
            bottom: 4%;
            font-size: 11px;
            left: 10%;
            position: absolute;
            width: auto;
        }*/
    .sub_mnu_li {
        background: #242424 none repeat scroll 0 0;
        display: none;
        float: left;
        left: 0;
        margin:13px 0 0;
        padding: 8px 15px 15px;
        position: relative;
        top: 0;
        z-index: 9;
    }
    .inner_cnt_bg{ padding-top: 33%}
    .others .news .news_section{height:711px !important ; } 
    //  .testimonial_slider.owl-carousel{ width: 12%}
    .welcome_sect .building_intro {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    .filter_holder .filter_select{  position: absolute;  right: -111%;  top: 20%;}
    .welcome_sect .building_intro .intro_img {
        float: left;
        margin-right: 5px;
        padding: 25px 0;
        position: relative;
        width: 31%;
    }

    body {
        float: left;
        font-family: lato-regular-webfont !important;
        font-size: 14px;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .header_section {
        background: #242424 none repeat scroll 0 0;
        float: left;
        position: relative;
        width: 100%;
    }
    .header_section .header_inner {
        color: #fefefe;
        float: left;
        position: relative;
        width: 100%;
    }
    .header_section .logo_sect {
        position: relative;
    }
    .header_section .logo_sect .logo {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 9;
    }
    .header_section .mnu_list {
        float: left;
        position: relative;
        width: 100%;
    }
    .header_section .mnu_list .city_mnu {
        float: right;
        margin: 0;
        padding: 0;
        position: relative;
        width: 38%;
    }
    .header_section .mnu_list .main_mnu {
        float: right;
        margin: 0;
        padding: 10px 0 18px;
        position: relative;
        width: 100%;
    }
    .header_section .mnu_list .main_mnu li {
        float: left;
        list-style: outside none none;
        margin: 0 30px 0 0;
        padding: 0;
        position: relative;
    }
    .header_section .mnu_list .main_mnu li a {
        border-bottom: 3px solid transparent;
        color: #a7a7a7;
        display: block;
        padding-bottom: 3px;
    }
    .header_section .mnu_list .main_mnu li a.act {
        background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;
        border-bottom: 3px solid #bb302e;
        color: #fff;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .header_section .mnu_list .main_mnu li a:hover {
        background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;
        border-bottom: 3px solid #bb302e;
        color: #fff;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .header_section .mnu_list .city_mnu li {
        float: left;
        list-style: outside none none;
        margin-right: 26px;
    }
    .header_section .mnu_list .city_mnu li:first-child {
        background: rgba(0, 0, 0, 0) url("../images/locate_rt_br.png") no-repeat scroll 100% 50%;
        float: left;
        list-style: outside none none;
        margin-left: 15px;
        margin-right: 26px;
        padding-right: 25px;
    }
    .header_section .mnu_list .city_mnu li h4 {
        background: rgba(0, 0, 0, 0) url("../images/locate_logo.png") no-repeat scroll 0 25%;
        font-size: 13px;
        padding-left: 16px;
    }
    .header_section .mnu_list .city_mnu li h6 {
        color: #a7a7a7;
        font-size: 12px;
    }
    .banner_slider {
        float: left;
        position: relative;
        width: 100%;
    }
    .banner_slider items {
        float: left;
        position: relative;
        width: 100%;
    }
    .banner_slider items img {
        width: 100%;
    }
    .banner_slider.owl-carousel .owl-controls .owl-dots {
        bottom: 8% !important;
        left: 36% !important;
        position: absolute !important;
        text-align: center;
    }
    .banner_slider.owl-carousel .owl-controls .owl-dot.active {
        background: #bd201e none repeat scroll 0 0 !important;
        border: 2px solid #fff !important;
    }
    .banner_slider.owl-carousel .owl-controls .owl-dot {
        background: #fff none repeat scroll 0 0 !important;
        border: 2px solid #bd201e !important;
    }
    .mob_mnu_list {
        float: left;
        padding: 7px 0;
        position: relative;
        width: 100%;
    }
    .mob_holder {
        float: left;
        position: relative;
        width: 100%;
    }
    .mob_holder .mobile_block {
        background: #242424 none repeat scroll 0 0;
        display: none;
        float: left;
        left: 0;
        opacity: 0.95;
        position: fixed;
        top: 0;
        width: 75%;
        z-index: 9;
		margin-left:25%;
    }
    .mnu_icon {
        cursor: pointer;
        margin-top: 100%;
    }
    .mobile_block ul {
        padding-top: 25px;
    }
    .mobile_block ul li {
        border-bottom: 1px solid #010101;
        list-style: outside none none;
        padding: 12px 0;
        width: 100%; position: relative;
    }
    .mobile_block ul li a {
        border-bottom: 3px solid transparent;
        color: #a7a7a7;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .mobile_block ul li a.act {
        background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;
        border-bottom: 3px solid #bb302e;
        color: #a7a7a7;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .mobile_block ul li a:hover {
        background: rgba(0, 0, 0, 0) url("../images/mnu_li_arw.png") no-repeat scroll 50% 106%;
        border-bottom: 3px solid #bb302e;
        color: #fff;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .mobile_block .close {
        background: rgba(0, 0, 0, 0) url("../images/close_btn.png") repeat scroll 0 0;
        height: 25px;
        position: absolute;
        right: 6%;
        top: 10px;
        width: 25px;
    }
    .welcome_sect {
        float: left;
        padding: 0 0 25px;
        position: relative;
        width: 100%;
    }
    .welcome_sect .building_intro {
        float: left;
        margin-top: 11%;
        position: relative;
        width: 100%;
    }
    .welcome_sect .building_intro .img_inner_cnts {
        background: #242424 none repeat scroll 0 0;
        border: 4px solid transparent;
        border-radius: 100%;
        display: none;
        float: left;
        height: 95%;
        left: 13%;
        opacity: 0.9;
        padding: 11px 0 0;
        position: absolute;
        text-align: center;
        top: 2.8%;
        width: 75%;
    }
    .welcome_sect .building_intro .img_inner_cnts img {
        text-align: center;
    }
    .welcome_sect .building_intro .img_inner_cnts p {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        padding-top: 7px;
    }
    .welcome_sect .building_intro .intro_img {
        float: left;
        position: relative;
    }
    .welcome_sect .building_intro .intro_img img.main_img {
        border: 4px solid #fff;
        border-radius: 100%;
        width: 100%;
    }
    .index_cnt_bg {
        background: rgba(0, 0, 0, 0) url("../images/content_bg.jpg") repeat scroll 0 0 / 100% auto;
        float: left;
        margin-top: -1px;
        position: relative;
        width: 100%;
    }
    .welcome_note {
        background: #141414 none repeat scroll 0 0;
        box-shadow: 0 1px 18px 13px rgba(14, 14, 14, 1);
        color: #fff;
        float: left;
        padding: 25px;
        position: relative;
        width: 100%;
    }
    .welcome_note p {
        color: #a7a7a7;
        float: left;
        font-family: lato-regular-webfont;
        position: relative;
        width: 100%;
    }
    .welcome_note a:hover {
        color: #c6312f;
        text-decoration: underline;
    }
    .welcome_note h2 {
        float: left;
        font-size: 22px;
        margin-top: 0;
        position: relative;
        width: 100%;
    }
    .red {
        color: #c6312f;
    }
    .project_sect {
        float: left;
        padding: 4px 0 60px;
        position: relative;
        width: 100%;
    }
    .project_sect .project_sect_inner {
        float: left;
        padding: 5px 0;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .project_sect .pro_tit {
        float: none;
        margin: 0 auto;
        position: relative;
        width: 304px;
    }
    .project_sect .pro_tit li {
        float: left;
        list-style: outside none none;
        margin-right: 9px;
        position: relative;
        width: auto;
    }
    .clr_fff {
        color: #ffffff;
    }
    .clr_a7a7a7 {
        color: #a7a7a7;
    }
    .pro_tit h4 {
        cursor: pointer;
        font-size: 22px;
    }
    .pro_tit h5 {
        background: rgba(0, 0, 0, 0) url("../images/pro_locate.png") no-repeat scroll 0 41%;
        cursor: pointer;
        font-size:12px;
        margin: 0;
        padding: 9px 0 9px 27px;
    }
    .locate_tit_li {
        padding: 0 !important;
        width: 256px !important;
        margin: 0 auto; float: none;
    }

    .locate_tit_li li {
        padding: 0 10px 10px;
    }
    .locate_tit_li li:hover {
        background: rgba(0, 0, 0, 0) url("../images/dwn_arw.png") no-repeat scroll 50% 95%;
    }
    .locate_tit_li li.act {
        background: rgba(0, 0, 0, 0) url("../images/dwn_arw.png") no-repeat scroll 50% 95%;
    }
    .pro_tit li h5 {
        border-bottom: 2px solid transparent;
    }
    .pro_tit li h5:hover {
        background: rgba(0, 0, 0, 0) url("../images/pro_locate_act.png") no-repeat scroll 0 41%;
        border-bottom: 2px solid #c6312f;
        color: #c6312f;
    }
    .locate_tit_li li.act h5 {
        background: rgba(0, 0, 0, 0) url("../images/pro_locate_act.png") no-repeat scroll 0 41%;
        border-bottom: 2px solid #c6312f;
        color: #c6312f;
    }
    .view_all_mob_pad{ padding-top: 30px !important}
    .filter_sec {
        float: left;
        position: relative;
        width: 100%;
    }
    .mob_footer.text-right{ text-align: center !important}
    .cbo_filter {
        border: 1px solid #c6312f;
        color: #c6312f;
        float: left;
        padding: 2px 5px;
        position: relative;
        width: 100%; min-width: 0
    }
    .filter_tit {
        border-bottom: 2px solid #fff;
        font-size: 17px;
        margin: 0;
        padding: 10px 0 7px;
    }
    .others .filter_tit {
        font-size: 22px;
    }
    .others .filter_tit.home_news_tit {
        font-size: 23px;
    }
    .others .br_red {
        border-bottom: 2px solid #c6312f;
        padding: 0 0 5px;
    }
    .others .br_white {
        border-bottom: 2px solid #fff;
        padding: 0 0 5px;
    }
    .news .br_red {
        border-bottom: 2px solid #c6312f;
        padding: 0 0 6px;
    }
    .news .br_white {
        border-bottom: 2px solid #fff;
        padding: 0 0 6px;
    }
    .filter_holder {
        float: left;
        position: relative;
        width: 100%;
    }
    .flats_introduction .flat_desc_holder:first-child {
        display: block;
    }
    .flat_desc_holder {
        color: #fff;
        display: none;
        float: left;
        height: 610px;
        padding: 10px 0;
        position: relative;
        width: 100%;
    }
    .flat_desc_holder .flat_dec_block {
        float: left;
        margin: 20px 0 3px;
        position: relative;
    }
    .flat_desc_holder .flat_dec_block .top_desc {
        float: left;
        position: relative;
        width: 100%;
    }
    .flat_desc_holder .flat_dec_block .flat_logo {
        background: #ffffff none repeat scroll 0 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        float: left;
        min-height: 65px;
        padding: 5px 0;
        position: relative;
        width: 100%;
    }
    .flat_desc_holder .flat_dec_block .flat_view_img {
        float: left;
        position: relative;
        width: 100%;
    }
    .flats_introduction {
        float: left;
        position: relative;
        width: 100%;
    }
    .flat_desc_holder .flat_dec_block .flat_view_img img {
        width: 100%;
    }
    .flat_desc_holder .flat_dec_block .flat_view_img p.common_p {
        float: left;
        position: absolute;
    }
    .flat_desc_holder .flat_dec_block .flat_view_img p.flat_aval {
        background: #c6312f none repeat scroll 0 0f;
        border-radius: 5px;
        font-size: 11px;
        padding: 1px 6px;
        right: 1%;
        top: 2%;
    }
    .flatt_desc_holder .flatt_dec_block .flatt_view_img p.flat_aval {
        background: #c6312f none repeat scroll 0 0;
        border-radius: 5px;
        font-size: 11px;
        padding: 1px 6px;
        right: 1%;
        top: 2%;
    }
    .flat_desc_holder .flat_dec_block .flat_view_img p.flat_name {
        background: rgba(0, 0, 0, 0) url("../images/img_box_shadow.png") repeat scroll 0 100%;
        bottom: 0;
        font-size: 13px;
        line-height: 14px;
        margin: 0;
        padding: 14px 0 10px;
        width: 100%;
    }
    .flats_introduction .mCustomScrollBox {
        margin: 10px 0;
    }
    .others {
        color: #fff;
        float: left;
        position: relative;
        width: 100%;
    }
    .testimonial_inner {
        float: left;
        padding: 48px 0 31px;
        position: relative;
        width: 100%;
    }
    .testimonial_slider {
        float: left;
        position: relative;
        width: 100%;
    }
    .testimonial_inner .testi_img {
        border-radius: 100%;
        display: inline !important;
        width: auto !important;
    }
    .testimonial_inner .person_desc {
        color: #a7a7a7;
        float: left;
        padding: 15px 0 5px;
        position: relative;
        width: 100%;
    }
    .testimonial_inner .person_quote {
        color: #a7a7a7;
        float: left;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .testimonial_inner .name {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .testimonial .view_all {
        float: left;
        margin: 0;
        padding: 52px 0 20px;
        position: relative;
        width: 100%;
    }
    .testimonial_inner .designation {
        float: left;
        font-style: italic;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .testimonial_inner .occupation {
        float: left;
        margin: 0;
        padding: 6px 0;
        position: relative;
        width: 100%;
    }
    .others .testimonial {
        color: #fff;
        float: left;
        position: relative;
		padding:20px 0px;
    }
    .others .news {
        color: #fff;
        float: left;
        position: relative;
    }
    .others .news .news_section {
        color: #fff;
        float: left;
        height: 365px;
        position: relative;
        width: 100%;
    }
    .others .news .news_section .news_inner {
        border-bottom: 1px solid #434241;
        color: #fff;
        float: left;
        padding: 26px 13px 21px 13px;
        position: relative;
        width: 100%;
    }
    .others .news .news_section .news_desc_rt h4 {
        float: left;
        margin-top: 2px;
        position: relative;
        width: 100%;
		line-height: 30px;
    }
    .others .news .news_section .news_desc_rt {
        color: #a7a7a7;
    }

    .others .filter_tit {
        padding: 0 0 7px;
    }
    .view_all .test_link {
        border: 1px solid #fff;
        color: #a7a7a7;
        padding: 10px 20px;
        text-decoration: none;
    }
    .view_all .test_link.video_testi {
        background: rgba(0, 0, 0, 0) url("../images/video_testi.png") no-repeat scroll 21% 50%;
        padding-left: 55px;
    }
    .date_desc h2 {
        margin: 0;
    }
    .date_desc h4 {
        font-size: 16px;
        margin: 0;
        padding: 3px 0 7px;
    }
    .date_desc h4.yr {
        background: #d44140 none repeat scroll 0 0;
        padding: 5px 0 !important;
    }
    .news_view_all {
        border: 1px solid #fff;
        color: #fff;
        padding: 10px 20px;
        text-decoration: none;
    }
    .news_view_all:hover {
        color: #fff;
        text-decoration: none;
    }
    .contact_addr {
        float: left;
        padding:0 !important;
        position: relative;
        width: 100%;
    }
    .footer {
        background: #1d1d1d none repeat scroll 0 0;
        float: left;
        padding: 25px 0 40px !important;
        position: relative;
        width: 100%;
    }
    .footer_bottom {
        background: #242424 none repeat scroll 0 0;
        float: left;
        padding: 13px 0 5px !important;
        position: relative;
        width: 100%;
    }
    .footer .quality {
        float: left;
        position: relative;
        width: 100%;
    }
    .footer .quality .social_link {
        /*        float: left;
                margin: 0 0 0 13%;
                padding: 10px 0 0;
                position: relative;
                width: 72%;*/

        float: none !important;
        margin: 0 auto !important;
        width: 211px !important;
    }
    .footer .quality .social_link .social_icon {
        float: left;
        height: 32px;
        list-style: outside none none;
        margin-right: 26px;
        opacity: 0.5;
        width: 38px;
    }
    .footer .quality .social_link .social_icon.tw {
        background: rgba(0, 0, 0, 0) url("../images/tw.png") no-repeat scroll 0 0;
    }
    .footer .quality .social_link .social_icon.fb {
        background: rgba(0, 0, 0, 0) url("../images/fb.png") no-repeat scroll 0 0;
        width: 20px;
    }
    .footer .quality .social_link .social_icon.bing {
        background: rgba(0, 0, 0, 0) url("../images/bing.png") no-repeat scroll 0 0;
    }
    .footer .quality .social_link .social_icon.goo {
        background: rgba(0, 0, 0, 0) url("../images/goo.png") no-repeat scroll 0 0;
    }
    .footer .quality .social_link .social_icon.you {
        background: rgba(0, 0, 0, 0) url("../images/you.png") no-repeat scroll 0 0;
    }
    .footer .quality h4 {
        color: #fff;
        float: left;
        font-size: 16px;
        position: relative;
        width: 76%;
    }
    .cont_tit h3 {
        background: rgba(0, 0, 0, 0) url("../images/cont_addr.png") no-repeat scroll 0 50%;
        font-size: 18px;
        padding-left: 19px;
    }
    .contact_addr .phone_icon {
        background: rgba(0, 0, 0, 0) url("../images/phone_icon.png") no-repeat scroll 0 50%;
        padding-left: 30px;
    }
    .contact_addr .mobile_icon {
        background: rgba(0, 0, 0, 0) url("../images/mobile_icon.png") no-repeat scroll 0.5% 50%;
        padding-left: 30px;
    }
    .contact_addr .mail_icon {
        background: rgba(0, 0, 0, 0) url("../images/mail_icon.png") no-repeat scroll 0 50%;
        padding-left: 30px;
    }
    .others .testi_holder {
        float: left;
        position: relative;
        width: 95%;
    }
    .testimonial .bx-wrapper .bx-viewport {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        border: medium none !important;
        box-shadow: none !important;
    }

    .welcome_sect .building_intro {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    /*.welcome_sect .building_intro .intro_img {
        float: left;
        margin-right: 6px;
        padding: 25px 0;
        position: relative;
        width: 31%;
    }*/
    .welcome_sect .building_intro .img_inner_cnts {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: block !important;
        float: left;
        opacity: 1;
        padding: 11px 0 0;
        position: relative;
        text-align: center;
        width: 96%;
    }
    .welcome_note{text-align: center; margin-top: 20px}
    /*.project_sect .pro_tit {
        float: left;
        margin: 0;
        position: relative;
        width: 100%;
    }
    .project_sect .pro_tit {
        float: left;
        margin: 0;
        position: relative;
        width: 100%;
    }*/
    .filter_sec {
        float: left;
        padding: 20px 0 0;
        position: relative;
        width: 100%;
    }
    .mob_flt{ float: left}
    .others .news .news_section .news_desc_rt{/*   float: right; */
                                                margin-left: 0;
                                                width: 100%;}
    .others .news .news_section .date_desc{ width: 100%;}
    .others .news .news_section .news_inner{ text-align: center}
    .mob_pad{ padding-bottom: 10px}
    //.quality img{ width: 100%}
/*    .footer .quality .social_link{ margin-left: 0;padding: 10px 0 0 14%}*/
    .footer .quality .social_link .social_icon {
        float: left;
        height: 32px;
        list-style: outside none none;
        margin-right: 15px;
        opacity: 0.5;
        width: 38px;
    }
    .footer .quality .social_link{ width: 100%}
    .footer .quality h4{ text-align: center; width: 100%}
    .footer .quality{ padding-top: 25px; text-align: center}
    .padns_tp{ padding-top: 0px; text-align: right}
    .filter_holder .br_red{padding:  0 0 7px}
    .filter_holder .br_white{padding:  0 0 7px}
    .others .filter_tit{padding:  0 0 6px}
    .others .news{ padding: 40px 0 20px}
    .others .news .news_section .date_desc {
        margin-bottom: 15px;
        margin-left: 34%;
        text-align: center;
        width: 37%;
    }

    .testi_holder .filter_tit{padding: 0 0 5px}
    .footer_bottom .mob_footer{ text-align: center !important}
//    .others .news .home_news_sect{ height: auto !important}
    .others .news .news_section{ height: auto }
    .others .news .sidebar.news_include_file  {  height: auto ;}
    //.news_list_top{ padding-top: 33%}
    .pad_btm_mobiles{ padding-bottom: 15px}
	#flats_availability{padding-top:0px;}
	.project_sect .pro_tit{padding: 0px;}
	 .pro_tit h4{font-size: 12px !important;}
}	
@media screen and (min-width: 320px) and (max-width: 767px) {
    .building_intro .intro_img > a {display: block;position: relative;}
    .building_intro .intro_img > a >img {position: relative;}
    .welcome_sect .building_intro .img_inner_cnts{    left: 2.3% !important;position: absolute !important; background: rgba(0,0,0,0.7);top: 3% !important;}
    .welcome_sect .building_intro .img_inner_cnts img{ display: none}
    .welcome_sect .building_intro .img_inner_cnts p { position: relative; top: 50%;
    transform: translateY(-65%);}
    
}
@media screen and (min-width: 480px) and (max-width: 639px) {
    .others .news .news_section .date_desc {
        float: none;
        margin: 0 auto 12px;
        width: 14%;
    }
    .news_listing .date_desc{ width: 20%}
    //  .others .news .news_section {height: 595px !important;}
}
@media screen and (min-width: 639px) and (max-width: 767px) {
    .others .news .news_section .date_desc {
        float: none;
        margin: 0 auto 12px;
        width: 14%;
    }
    .news_listing .date_desc{ width: 15%}
    // .others .news .news_section {height: 551px !important;}
    .quality img{  margin-bottom: 20px; margin-left: 30%; width: 50%}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ind_brouchure {  bottom: 42%;  left: 29%;  position: absolute;  width: 154px;}
    .inner_page .project_logo{    bottom: 35%;}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .news_view_all {
        border: 1px solid #fff;
        color: #fff;
        float: inherit;
        margin-top: 30px;
        padding: 10px 20px;
        text-decoration: none;
        transition: all 0.5s ease-in-out 0s;
    }
    .others .news .news_section {
        color: #fff;
        float: left;
        height: auto;
        position: relative;
        width: 100%;
    }
    .footer .quality .social_link{float: left;    margin: 0 0 0 15%;    padding: 10px 0 0;    position: relative;    width: 89%;}
    .site-header img.logo{ width:69% !important}
    .date_desc h2{ float: none; margin: 0}
    .others .news .news_section.sidebar .date_desc { margin-left: 26%; width: 67% !important;}
    .others .news .news_section.sidebar .news_desc_rt h4{  margin-left: 9%;    padding-top: 20px;    text-align: center;}
    .others .news .news_section.sidebar .news_inner{ text-align: center}
    .tab_style{ margin-left: 6%}
    .others .news .news_section.sidebar .news_desc_rt h4 {
        font-size: 15px;
        line-height: 21px;
        margin-left: 18%;
        padding-right: 37px;
        padding-top: 20px;
    }
    .others .news .news_section.sidebar .date_desc{ width: 82%}
    .view_all .test_link.video_testi:hover{background: #c6312f url("../images/video_testi_act.png") no-repeat scroll 0% 50%; color: #fff}
    .notepad_css{ float: left; margin-left: 10%; padding-top: 20px; position: relative;width: 100% !important;}
    .testi_holder.sidebar .test_link.video_testi { display: block;  float: left;  margin-left: 20px;  padding: 9px 53px 9px 39px; width: 100%;}
    .others .filter_tit {    font-size: 14px;}
    .others .right_bar .filter_tit {    font-size: 12px;}
    .inner_cnt_bg{ background: rgba(0, 0, 0, 0) url("../images/content_bg.jpg") repeat scroll 0 -2% / 100% auto}
    .admin_team_holder #team-list{ width: 30%}
    .footer_bottom .mob_footer
    .filter_holder .br_red { padding: 0 0 6px}
    .filter_holder .br_white { padding: 0 0 6px}
    .flat_desc_holder .mCSB_outside + .mCSB_scrollTools { right: -12px;}
    .view_all .test_link.video_testi { background: rgba(0, 0, 0, 0) url("../images/video_testi.png") no-repeat scroll 2% 50%; display: block; margin-top: -6%;  padding: 8px 5px; transition: all 0.5s ease-in-out 0s;}
    .others .testimonial{ margin-right: 0px}
    .header_section .mnu_list .main_mnu li{ margin: 0 30px 4px 0}
    .gallery_slider .owl-nav{width: 46%}
    .inner_page .enquiry_frm .btn_submit{ width: 60%}
    //.others .news .news_section {height: 532px !important;}
    .welcome_sect .building_intro {
        margin: 0 auto;
        position: relative;
        width: 100%; padding-top: 21px
    }
    .welcome_sect .building_intro .img_inner_cnts {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: block !important;
        float: left;
        opacity: 1;
        padding: 11px 0 0;
        position: relative;
        text-align: center;
        width: 96%;
    }
    .project_sect .pro_tit {
        float: none;
        margin: 0 auto;
        position: relative;
        width: 59%;
    }
    .header_section .mnu_list .city_mnu{ width: 56%}
    .header_section .logo_sect .logo{ width: 100%}
}
@media screen and (max-width: 420px) and (min-width: 318px){
    
.mob_mnu_fix{ position: fixed !important; z-index: 999; opacity: 0.95; transition: all 0.5s ease-in-out}
    
}
@media screen and (max-width: 639px) and (min-width: 320px){
    .pro_tit h4 {
        cursor: pointer;
        font-size: 13px !important;
    }
}
@media screen and (max-width: 330px) {
     .pro_tit h4{font-size: 12px !important;}
}

@media screen and (max-width: 359px) {
   .virtual_small_img_holder{ margin-top: 135%}
}
@media screen and (min-width:360px) and (max-width: 479px) {
     .virtual_small_img_holder{ margin-top: 121%;}
	 .flat_availability{text-align:center;}
	 .mobileview_project{display:block;}
	 .desktopview_project{display:none;}
	 .payment_schedule_desc .payment_schedule_desc_in:nth-child(2){text-align:center;}
	 .news_list_br h4{text-align:center;line-height: 26px;}
	 h3.tab_tit{text-align:center;} 
	 #flats_availability{padding-top:0px;}
	 .project_sect .pro_tit{padding: 0px;}
	 .pro_tit h4{font-size: 12px !important;}
	 .banner_slider.owl-carousel .owl-controls .owl-dots{left: 38% !important;}
}
@media screen and (min-width:480px) and (max-width: 639px) {
     .virtual_small_img_holder{ margin-top: 85%;}
}
@media screen and (min-width:640px) and (max-width: 767px) {
   .virtual_small_img_holder{   margin-top: 63%;}
}

@media screen and (max-width: 479px) {
    .semicolon_desc{ display: none}
    .flat_avail_tit {
        font-size: 14px;
    } 
}
@media screen and (max-width: 767px) and (min-width: 640px){
    .project_sect .pro_tit {
        float: none;
        margin: 0 auto;
        position: relative;
        width: 480px;
    }
    .pro_tit h4 {
        cursor: pointer;
        font-size: 23px !important;
    }
}
@media screen and (max-width: 1100px) and (min-width: 768px){
    .pro_tit.locate_tit_li{ width: 355px !important}
}
@media screen and (max-width: 1100px) and (min-width: 1024px){
    .ind_brouchure { bottom: 31%;    left: 28%; position: absolute; width: 154px;}
    .view_all .test_link.video_testi {
        width: 75% !important;
    }
}
@media screen and (min-width: 768px){
    .follow_div {  float: right !important;  width: 320px !important;}
.footer .quality .social_link {  float: right !important;  margin: 0 !important;  position: relative; width: 192px !important;}
}
@media screen and (min-width: 1200px){
.others .news .news_section .news_inner{min-height:330px;}
    
    
.follow_div {  float: right !important;  width: 320px !important;}
.footer .quality .social_link {  float: right !important;  margin: 0 !important;  position: relative; width: 192px !important;}
    /*.social_link li.you{ margin-right: 0 !important}*/ 
    .quality_page_top_pad{ padding-top: 40px}
    .follow_us_tit{  width: 70% !important }
    .footer .quality .social_link{     padding: 10px 0 0; }
    
    //.sidebar.news_include_file{ overflow: visible !important} 
}
@media screen and (min-width: 1024px) and (max-width: 1269px) {
    .testi_video_desc {min-height: 90px;}
    .virtual_small_img_holder { margin-top: 52%;}
	
	.building_intro .col-sm-4 { padding-left:3px; padding-right:3px; }
.img_inner_cnts1 { font-size: 11px; height: 102% !important;  left: -1px  !important;   line-height: 13px !important;  padding-top: 15px;  top: -1px  !important;   width: 100% !important;}
.img_inner_cnts1 img { width:34%; }
.welcome_sect .building_intro .intro_img img.main_img { border: 2px solid #fff; }
	
	
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .testi_video_desc {min-height: 100px;}
    .virtual_small_img_holder { margin-top: 65%;}
	
	.building_intro .col-sm-4 { padding-left:3px; padding-right:3px; }
.img_inner_cnts1 { font-size: 11px; height: 102% !important;  left: -1px  !important;   line-height: 13px !important;  padding-top: 15px;  top: -1px  !important;   width: 100% !important;}
.img_inner_cnts1 img { width:34%; }
.welcome_sect .building_intro .intro_img img.main_img { border: 2px solid #fff; }
	
}


.f-height .flat_view_img {
	 max-height:140px;
}
.f-height .flat_view_img img{
	    max-width: 100%;
    display: block;
} 

.f-height #team-user-img{
    height: 202px;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 8px;
    overflow: hidden;
}
.f-height #team-user-img img{
	    max-width: 100%;
    display: block;
} 
.img_inner_cnts1{
    background: #242424 none repeat scroll 0 0;
    border: 4px solid transparent;
    border-radius: 100%;
    display: block !important;
    float: left;
    height: 95%;
    left: 13%;
    opacity: 0.9;
    padding: 15px 0 0;
    position: absolute;
    text-align: center;
    top: 2.8%;
    width: 75%;
    color: #fff;
    /* margin: 0; */
    line-height: 17px;
    /* margin-top: 6px; */
	transition:0.5s all;
	
}
.img_inner_cnts1:hover{
/* background: rgb(255, 255, 255) none repeat scroll 0 0;
color:#000; */
}


.img_inner_cnts1::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.img_inner_cnts1:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

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




 }

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

.img_inner_cnts1 { font-size:14px; height: 102%;  left: -1px;  line-height: 14px;  padding-top:35px;  top: -1px;  width: 102%;}
.img_inner_cnts1 img {width: auto;  }

 }



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

.img_inner_cnts1 { font-size: 11px; height: 102%;  left: -1px;  line-height: 14px;  padding-top: 15px;  top: -1px;  width: 102%;}
.img_inner_cnts1 img { width:40%; }

 }