*{
    padding: 0px;
    margin: 0px;
    }
body{
    font-family: 'Josefin Sans', sans-serif;
}
.dropbtn_nav {
color: #dcdcde;
padding: 16px;
font-size: 16px;
border: none;
font-weight: 500px;
}
.slider_img img{
    max-width: 100%;
}
.manu_hr{
    margin-bottom: -10px !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #f2f4f3;
}
.navbar-inverse .navbar-toggle {
    border-color: #4b4744;
    background: #4d4546;
}
#myNavbar{
    margin-left: 135px;
}
.logo_head img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #4c4847 !important;
    border-bottom: 3px solid #413c3b;
    transition: 0.5s;
}

.dropdown_nav {
    position: relative;
    display: inline-block;
}
.navbar-inverse .navbar-nav>li>a {
    border-bottom: 3px solid #f7f9f8;
    font-size: 16px !important;
        padding-bottom: 5px;

}
.navbar-nav li i{
    position: absolute;
    margin-top: -20px;
    margin-left: 12px;
}
.navbar-nav li .fa-briefcase{
    position: absolute;
    margin-top: -20px;
    margin-left: 40px;
}
.navbar-nav li .fa-globe{
    position: absolute;
    margin-top: -20px;
    margin-left: 32px;
}
.navbar-nav li .fa-video-camera{
    position: absolute;
    margin-top: -20px;
    margin-left: 32px;
}
.navbar-nav li .fa-phone{
    position: absolute;
    margin-top: -20px;
    margin-left: 26px;
}
.navbar-nav{
    float: none;
 padding-top: 25px;
    font-weight: 500;
}
.navbar-nav .active a{
    background: #fff !important;
}
.dropdown_content_nav {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown_content_nav a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown_content_nav li {
    list-style: none;
}
.dropdown_content_nav a:hover {background-color: #413d3b;color: #fff;transition: all .3s ease-in-out;}
.dropdown_nav:hover .dropdown_content_nav {display: block;}
/*.dropdown_nav:hover .dropbtn_nav {background-color: #3e8e41;}*/
.navbar-inverse{
    background-color: #ffffff;
    border:none;
    border-radius: 0px;
    margin-bottom: 0px;

}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #4c4847  !important;
    background-color: #fff;
    font-size: 16px;
}
.affix {
    position: fixed;
    width: 100%;
    box-shadow: 0px 1px 2px #c5c5c5;
    /* background: #000; */
    z-index: 999;
    /* color: #000; */
}
.navbar-inverse .navbar-nav>li>a {
    color: #a0a0a0  !important;
}
.logo-area img{
   padding-right: 90px;
}
.our_presence_img{
    background-color: #fff;
    padding: 0;
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
     float: left;
    width: 100%;
}
.our_presence{
    margin: 0 50px;
}
.our_presence_img img{
    width: 100%;
}
.our_presence_img .text_thumb {
    padding: 0px 20px 20px 20px;
    display: inline-block;

}
/*.our_presence_img:hover
{
    box-shadow: 0 0 30px #cacaca;
    transition: 0.5s;
}*/
.text_thumb{
    color: #413c3b;
    font-size: 15px;
    padding: 8px 15px;
    position: absolute;
    /* bottom: 8px; */
    /* width: 93%; */
    text-align: center;
    background: #f2f4f3;
    position: relative;
    height: 200px; 
}
.text-overlay {
    text-align: center;
    margin-top: 45px;
    font-size: 30px;
    color: #fff;
}
.text-overlay i{
    background: #423c3c;
    padding: 15px;
    border-radius: 100%;
    border: 5px solid #fff;
}
.our_presence_img:hover .text_thumb{

        color: #000;
} 
.text_thumb h3{
   font-size: 20px;
    /* font-weight: 600; */
    color: #696969;
}
.our_presence_img h5 {
    margin: 10px 0 10px;
    font-weight: 700;
}

.our_presence_img p
{
    font-size: 16px;
    margin: 0 0 11px;
    line-height: 25px;
    color: #868686;
}
.service_section{
    padding: 50px 0px;
    background-color:#ffffff;
}
.line_bottom{
    background: #443e3c;
    padding: 1px 0px;
    width: 175px;
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
}
.line_bottom2{
    background: #443e3c;
    padding: 1px 0px;
    width: 50px;
    margin-top: -18px;
    margin-left: auto;
    margin-right: auto;
}
.service_head{
    padding-bottom: 50px;
}
.service_btn{
    color: #fa6f33;
    font-size: 16px;
}
.service_btn:hover{
    color: #3e3d3d;
    text-decoration: none;
}
.main-about-vision {
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    background-image: url('../../assets/images/vision.jpg');
    padding: 70px 0;
    background-size: cover;
    background-position: center;
}
.service_head h2{
    color: #545454;
}
.pro_section{
    padding: 50px 0px;
    background: #fff;
}
.pro_content
{
    position: relative;
    margin-bottom: 30px;
}
.pro_img img
{
    display: block;
    width: 100%;
    height: auto;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e04702;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity: 0.9;
}
.pro_content:hover .overlay {
  height: 100%;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.footer_section{padding: 50px 0px 20px 0px;background: #2D2724;}
.footer_details{
    padding: 10px 0px;
    text-align: justify;
    color: #e8e8e8;
    line-height: 24px;
}
.footer_head_nav
{
    font-size: 18px;
    color: #e8e8e8;

}

.footer_menu .footer_sec ul li{
    list-style: none;
    padding-bottom: 10px;
}
.footer_menu .footer_sec ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.footer_menu .footer_sec ul li a:hover{
    text-decoration: none;
    color: #999999;
    font-size: 14px;
}
.copyright_section{
    padding: 10px 0px;
    background: #1d1d1d;
    text-align: center;
    font-weight: 600;
}
.copyright_left{color: #e8e8e8;float: left;font-weight: 500;}
.copyright_right{color: #e8e8e8;font-weight: 500;}
.thumb_border{
      border-top: 5px solid #fa4f00;
    height: 220px;
    font-size: 18px;
    background: #f2f4f3;
}
.thumb_border p{
font-size: 16px;
    margin: 0 0 11px;
    line-height: 25px;
    color: #868686;
}
.btn_div button{
    padding: 8px 32px;
    background: #028aba;
    border: none;
    border-radius: 0px;
}
.btn_div button:hover{
    background: #1c627b;
    border: none;
}
.text a i{
    background: #b13600;
    color: #fff;
    padding: 25px;
    border-radius: 100px;
    position: relative;
    position: absolute;
    /* margin-left: auto; */
    /* margin-right: auto; */
       margin-top: -140px;
    margin-left: -30px;
        color: #fff;
        font-size: 20px;
}
.thumb_hr{
    margin: 20px 30px;
    border-top: 1px solid #cecece;
}
.top_header{
        padding: 1px 0px;
    background-color: #dadada;
}
.main_title_sec{
    background-image: url('../../assets/images/title_img.jpg');
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}
.main_title_sec .title_div .title_tag{font-size: 32px;text-align: center;padding-bottom: 10px;color: #fff;}

.title_div .min_title{
    font-size: 16px;
    text-align: center;
    color: #1968b3;
}
.title_div .min_title span{
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.min_title a{
    color: #a0a0a0;
}
.min_title a:hover{
    color: #fff;
    text-decoration: none;
}
.about_title h3{font-size: 32px;color: #696464;}
.about_mid_sec{
    padding: 20px 0px;
}
.sub_title{
    text-align: left;
}
.line_bottom_about{
   background: #443e3c;
    padding: 1px 0px;
    width: 50px;
    margin-top: -5px;
    margin-right: auto;
}
.about_title {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    display: table;
    border-bottom: 1px solid #d9d9d9;
}
.about_title .img-responsive {
    display: table-cell;
    width: 270px;
    margin-top: 40px;
    margin-bottom: -50px;
    margin-left: auto;
    /*margin-right: auto;*/
    box-shadow: 0px 0px 3px #c0c0c0;
}
.about_desc_sec
{
    padding-left: 15px;
}
.about_desc_sec h3{
    font-size: 28px;
    margin-top: 0px;
}
.about_desc_sec p{font-size: 16px;line-height: 26px;color: #696969;text-align: justify;}
.about_desc_img img{
    box-shadow: 0px 5px 8px #cac8c8;
    max-width: 100%;
    border-radius: 3px;
    outline: 10px solid rgba(255,255,255,0.5);
    outline-offset: -30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}
.about_overview_sec{
    padding: 40px 0px;
    background: #edf5f8;
}
.overview_sec{
    position: relative;
    padding-bottom: 20px;
}
.overview_sec img{
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 8px #bdbdbd;
}
.details{
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100% - 25px);
    height: calc(100% - 45px);
    /*left: 0;*/
    /* right: 0; */
    left: 12px;
    top: 12px;
    /* height: 100%; */
    /* width: 100%; */
    opacity: 0;
    transition: .5s ease;
    background-color: #e04702;
    /* transition: all 0.3s; */
}
.overview_sec:hover .details{
    opacity: 1;
}
.details_more{
font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 22px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.businesses_mid_sec{
    background: #edf5f8;
    padding: 40px 0px;
}
.businesses_main_div{
    background: #fff;
    padding: 20px 10px;
    border: 1px solid #ffffff;
    box-shadow: 0px 1px 5px #bfbfbf;
        margin-bottom: 20px;
}
.businesses_title h4{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #4a4a4a;
}
.businesses_desc_more{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.businesses_desc_more a{
    color: #4a4a4a;
}
.businesses_desc_more a:hover{
    
    text-decoration: none;
}
.businesses_hr_line{
   margin-bottom: 15px;
    margin-top: 25px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.businesses_icon{
    text-align: center;
}
.businesses_icon i{
    font-size: 30px;
}.businesses_main_div:hover h4{
    color: #fff;
}
.businesses_main_div:hover a{
    color: #fff;
}
.businesses_main_div:hover{
    background: #e04702;
    color: #fff;
    border: 1px solid #e04702;
    transition: .5s ease;
}
.sustainablity_section{padding: 30px 0px;}
.cover{
    position: relative;
}
.sustainablity_details_img img{
    max-width: 100%;
    display: block;
    height: auto;
}
/*.home-box {
  display: block;
  max-width: 100%;
  height: auto;
}*/
.overlay1{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #d9d9d9;
  overflow: hidden;
  width: 100%;
  height: 0px;
  transition: .5s ease;
}
.cover:hover .overlay1 {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    background-color: #d9d9d9;
    overflow: hidden;
    width: 100%;
    transition: .5s ease;
    opacity: 0.9;
}
.sustainablity_details_data p{
    font-size: 18px;
    color: #828282;
}
.sustainablity_details_data h3{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 22px;
    color: #252525;
}
.btn_sustain button{
   background: #dbdddb;
    border: 2px solid #a8a8a8;
    width: 120px;
    color: #4e4a49;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    /* float: right; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.btn_sustain button:hover{
    background: #423c3c;
    border: 2px solid #a8a8a8;
    width: 120px;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all .5s ease-out;
}
a:focus, a:hover {
    color: #fa4f00;
    text-decoration: none;
}
.sustainablity_section1{
     padding: 30px 0px;
     position: relative;
}
.sustainablity_details_data1 h3{margin-top: 15px;margin-bottom: 15px;font-size: 22px;color: #423c3c;text-align: center;}
.sustainablity_details_data1 p{font-size: 16px;color: #828282;line-height: 28px;text-align: justify;}
.btn_sustain1 button{
    background: #fff;
    border: 2px solid #fa4f00;
    width: 120px;
    color: #fa4f00;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    /* float: right; */
    display: block;
    margin-right: auto;
}
.btn_sustain1 button:hover{
    background: #fa4f00;
    border: 2px solid #fa4f00;
    width: 120px;
    color: #fa4f00;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.text1 a i {
       background: #b13600;
    padding: 25px;
    border-radius: 100px;
    position: relative;
    position: absolute;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 17%;
    margin-left: 43%;
    color: #fff;
    font-size: 20px;
    /* display: block; */
}
.cover1{
    padding-bottom: 20px;
}
.contact-hr{margin-top: -10px;border: 1px solid #939290;}
.contact_form{
    padding:60px 40px;
    background: #dbdddb;
    margin-top: -30px;
}
.footer_address{
    margin-top: -22px;
}
.footer_address h3{font-size: 18px;color: #e8e8e8;}
.footer_address ul li{list-style: none;color: #e8e8e8;font-size: 14px;line-height: 30px;}
.footer_address ul li a{
    list-style: none;
    color: #e8e8e8;
    font-size: 16px;
}
ul.contact-info li b {font-weight: 500;}
.social-links a .fa-facebook-f{
    color: #413d3b;
    font-size: 18px;
    background: #e6e6e5;
    padding: 10px 14px;
    border-radius: 100%;
    margin-left: 10px;
}
.social-links a .fa-facebook-f:hover{
    color: #000000;
    font-size: 18px;
    background: #fff;
    padding: 10px 14px;
    border-radius: 100%;
    margin-left: 10px;transition: 0.5s;
}
.social-links a .fa-linkedin{
    color: #524e4d;
    font-size: 18px;
    background: #e6e6e5;
    padding: 10px 12px;
    border-radius: 100%;
    margin-left: 10px;
}
.social-links a .fa-linkedin:hover{
    color: #000000;
    font-size: 18px;
    background: #fff;
    padding: 10px 12px;
    border-radius: 100%;
    margin-left: 10px;
    margin-left: 10px;transition: 0.5s;
}
.social-links a .fa-google-plus{
    color: #524e4d;
    font-size: 18px;
    background: #e6e6e5;
    padding: 10px 8px;
    border-radius: 100%;
    margin-left: 10px;
}
.social-links a .fa-google-plus:hover{
    color: #000000;
    font-size: 18px;
    background: #fff;
    padding: 10px 8px;
    border-radius: 100%;
    margin-left: 10px;
    margin-left: 10px;transition: 0.5s;
}
.vision{
    background: #fff;
    padding: 30px;
    opacity: 0.9;
    margin-bottom: 10px;
    color: #4d4747;
}
.vision:hover{
    background: #2d2724;
    padding: 30px;
    opacity: 0.9;
    margin-bottom: 10px;
    color: #dbdddb;
    transition: 0.5s;
}
.vision:hover .icon_vision i {
    font-size: 40px;
    margin-bottom: 12px;
    background: #c3c5c3;
    padding: #eee;
    padding: 15px 15px;
    border-radius: 100%;
    color: #282320;
    transition: 0.5s;
}
.mision{
    background: #fff;
    padding: 30px;
    opacity: 0.9;
    margin-bottom: 10px;
    color: #4d4747;
}
.mision:hover{
    background: #2d2724;
    padding: 30px;
    opacity: 0.9;
    margin-bottom: 10px;
    color: #dbdddb;
    transition: 0.5s;
}
.mision:hover .icon_mision i {
    font-size: 40px;
    margin-bottom: 12px;
    background: #d9dbda;
    padding: 16px 18px;
    border-radius: 100%;
    color: #484242;
    transition: 0.5s;
}
.vision h3{
    font-size: 32px;
    margin-top: 0;
}
.vision p{
    font-size: 16px;
    line-height: 26px;
}
.mision h3{
    font-size: 32px;
    margin-top: 0;
}
.mision p{
    font-size: 16px;
    line-height: 26px;
}
.icon_vision i{
    font-size: 40px;
    margin-bottom: 12px;
    background: #4f4949;
    padding: #eee;
    padding: 15px 15px;
    border-radius: 100%;
    color: #eee;
}
.icon_mision i{
     font-size: 40px;
    margin-bottom: 12px;
    background: #494342;
    padding: #eee;
    padding: 16px 18px;
    border-radius: 100%;
    color: #d8d7d6;
}
.about_desc_img{
    padding-bottom: 25px;
}
.gc_section{
    padding: 30px 0px;
}
.gc_section .gc_img img {max-width: 100%;border-radius: 3px;padding: 0px 0px;box-shadow: 0px 2px 5px #b4b4b4;}
.gc_content p{font-size: 15px;line-height: 26px;color: #696969;text-align: justify;}
.gc_content h3{    border-bottom: 1px solid #8d8d8d;padding-bottom: 6px;color: #696464;}
.Sustainablity-para{font-size: 16px;line-height: 28px;text-align: justify;color: #818181;}
.sustainablity_details_img{
text-align: center;
padding-top: 30px;
background: #423c3c;
color: #f9f9f9;
padding-bottom: 30px;
margin-top: 100px;
}
.sustainablity_details_img i{font-size: 130px;}
.sustainablity_details_img1{
    text-align: center;
    padding-top: 30px;
    background: #423c3c;
    color: #f9f9f9;
    padding-bottom: 30px;
    margin-top: 100px;
    height: 190px;
}
.sustainablity_details_img1 img{max-width: 100%;margin-top: -35px;}
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    background-color: #423c3c;
    border-radius: 100%;
}
.scrollup i{
    font-size: 30px;
    padding: 10px;
    color: #fff;
}
.scrollup:hover{
    background: #000000;
}
.scrollup:hover.scrollup i{
    color: #e14703;
}
.carousel-indicators {
    position: absolute;
    bottom: -15px !important;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.company_details{margin-bottom: 30px;}
@media (max-width: 1699px){
    .modal-header .close {margin-top: -40%!important;margin-right: 15px!important;}
}
@media (max-width: 1199px){
    .logo-area img {
    padding-right: 45px !important;
}
.nav>li>a {
  
        padding: 10px 20px;
}

}
@media (max-width: 991px){
    .logo-area img {
    padding-right: 0px !important;
}
.nav>li>a {
  
    padding: 10px 12px;
}
.navbar-nav {
    padding-top: 38px;
    }
    #myNavbar {
    margin-left: 50px;
}
.modal-header .close {margin-top: -70% !important;margin-right: 0px !important;}
.our_presence_img .text_thumb {height: 200px;}
}
@media (max-width: 767px){
    .manu_hr {
    margin-bottom: 5px !important;
}
 .navbar-nav li i {
   display: none;
}
#myNavbar {
    margin-left: 0px;
}
.navbar-nav {
    padding-top: 0px;
}
.text_thumb{
    height: auto;
}
.our_presence {
    margin: 0 5px;
}
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none;
    background-color: #333333;
    border-radius: 100%;
}
.about_title img{margin-right: auto;}
.about_title h3{margin-top: 70px;}
.contact-box {height: auto !important;}
.modal-body img{max-width: 100% !important;max-height: 100% !important;}
.modal-dialog {margin-top: 50%;}
.modal-header .close {height: 200px !important;/* max-width: 49.5% !important; */width: 100%;}


} 
@media (max-width: 425px){
    .carousel-indicators {
        display: none;
}
.about_title h3 {
    font-size: 28px;
}
}
@media (max-width: 320px){
    .about_title h3 {
    font-size: 24px;
}
}
.gc_section .gc_img{margin: 25px 5px;}
.main-box-bod{background-color: #f9f9f9;padding: 20px 25px;box-shadow: 0px 2px 8px #c7c7c7e0;border-radius: 5px;margin-bottom: 30px;}
.sustainablity_details_data1 {background: #f2f4f3;margin-top: -15px;padding: 10px 15px;height: 400px;}
.more-link {margin-top: 40px;}
.more-link1 {margin-top: 16px;}
label.footer_details {font-weight: 500;}
label.footer_head_nav {font-size: 18px;font-weight: 500;}


btn-3e::before {
    left: auto;
    right: 10px;
    z-index: 2;
}
.btn-3::before {
    position: absolute;
    height: 100%;
    right: 0;
    top: 8px;
    line-height: 3;
    font-size: 140%;
    width: 60px;
}
.icon-arrow-right::before {
    content: "\f105";
}
.icon-arrow-right{font-family: FontAwesome;}

.btn-3e {
    padding: 25px 120px 25px 60px;
    overflow: hidden;position: relative;border-radius: 0px !important;
}
.btn-3 {
    background: #2D2724;
    color: #fff;
}
.btn-3:hover{ color: #fff;}
.btn-3e::after {
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}
.btn::after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.contact-box-section{padding-top: 60px;}
.contact-box{background: #ffffff;padding: 50px 20px;border: 1px solid #c5c5c5;box-shadow: 0px 0px 3px #a1a1a1;height: 440px; margin-bottom: 20px;}
.contact-box .contact-heading h4{font-size: 28px;padding-bottom: 10px;}
.contact-listing li {list-style: none !important; line-height: 36px !important;}
.contact-listing i{font-size: 20px;}
.image-holder{height: 200px;margin-bottom: 20px;}
.panel .panel-body {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    height: auto;
}

/*Image size and transition*/
.panel .panel-body a img {
    display: block;
    margin: 0;
    width: 100%;
    height: 200px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    object-fit: cover;
}

/*Transform scale effect when you hover over*/
.panel .panel-body a.zoom:hover img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}

/*Zoom Button*/
.panel .panel-body a.zoom span.overlay {
    position: absolute;
    top: 0;
    left: 0px;
    visibility: hidden;
    height: 200px;
    width: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}

/*Zoom Button and Tint Overlay*/
.panel .panel-body a.zoom:hover span.overlay {
    display: block;
    visibility: visible;
    opacity: 0.55;
    -moz-opacity: 0.55;
    -webkit-opacity: 0.55;
    filter: alpha(opacity=65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

/*Zoom Button*/
.panel .panel-body a.zoom:hover span.overlay i {
    position: absolute;
    top: 45%;
    left: 0%;
    width: 100%;
    font-size: 2.25em;
    color: #fff !important;
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}
.modal-body {
    position: relative;
    padding: 0px;
}
.close {
    float: right;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.modal-header {padding: 10px 15px;border-bottom: none;}
.gallery-box-head {font-size: 20px;padding-bottom: 15px;color: #696464;}
.modal-header .close {
    margin-top: -47%;
    margin-right: 15px;
}