body {
  background:#f0f0f0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.container{width:100%;max-width:860px;margin:auto;padding:0;}
#topHeader{
  border-radius:0;
  border:none;
  margin-bottom:0;
}
img{
	object-fit: contain !important; 
}
.page-content{margin:0px 6% 1% 6%;}
.page-title{padding:0;}
.page-title h1{font-size:25px;}
.burner-img{margin-bottom:8px;}
.g-plus-btn{color:#dd4b39;}
.facebook-btn{color:#3b5998;}
.twitter-btn{color:#55acee;} 
.linkedin-btn{color:#0077B5;}
.whatsapp-btn{color:#25d366;}
.whatsapp-btn{color:#25d366;}
.bottom-follow-share .nav{padding:0;}
.bottom-follow-share .nav>li{display:inline-block;}
.bottom-follow-share .nav li a:hover,a:active,a:focus{background:none;}
/* contact */
.contact-us-wraper{padding:20px;}
.contact-address{margin-top:10px;line-height:25px;}
.icon-address .icon-text{margin:-30px auto auto 40px;}
.first-tier{margin-left:5%;margin-right:5%;}
.first-tier #logo-bar{float:left;}
.first-tier #search-bar{float:right;}
.first-tier #top-search-form{padding:20px 10px;}
.bottom-thumb-slider h3{font-weight:bold;}
/*footer*/
.footer{margin-top:30px;padding-top:40px;border-top:1px solid #ddd;color:#000;}
.footer .footer-tier-1{color:#000;margin-left:5%;margin-right:5%;}
.footer .footer-tier-1 .panel-default{border-top:3px solid #ee1a28;}
.footer .footer-tier-2{background:#fff;padding-left:4%;padding-right:4%;}
.footer .footer-tier-2 h4{font-size:14px;font-weight:bold;color:#4d4d4d;}
.footer .footer-tier-3{padding-left:6%;padding-right:6%;background:#7a7b7b;color:#fff;padding:4px;font-size:13px;font-weight:500;}
.thumb-img-title{background:#ddd;padding:2px;}
.com-profile{text-align:center;margin-bottom:20px;}
.bottom-div{padding:20px;background:#7a7b7b;margin-top:20px;}
.bottom-div div{margin-top:10px;}
/* news and events */
.news_and_event_list{padding:10px 0;background:#fff;margin-bottom:15px;}
.footerProductLinks{padding-top:10px;}
#subscriptionForm .form-group {
    margin-right: 0;
    margin-left: 0;
}
.fixedWidth{height:180px;overflow: auto;}
.footerProductLinks .list-group-item{
	display:block;
	border:none;
	padding:4px 10px;
	font-size: 13px;
}
.footerProductLinks a.list-group-item:focus,
.footerProductLinks a.list-group-item:hover{background:#ddd;}
.footerProductLinks .list-group-item:first-child{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.footerProductLinks .list-group-item:last-child{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
/*End footer*/
/* sliders */
.mobile-caption{display:none;}
.ochu-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero-caption{
    text-transform: uppercase;  
}
.hero {
    position: absolute;
    top: 70%;
    left: 30%;
    z-index: 3;
	text-align: left;
    color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.mobile-caption{background: #fff;padding:10px;}
.mobile-caption .hero-mobile{
	text-align: center;
	color: #000;
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}
.thumb-sm-slider{color:#000;padding:20px;}
#thumbSmSlider .slider {width: 30%;margin: 50px auto;}
#thumbSmSlider .slick-slide {margin: 5px;}
#thumbSmSlider .slick-slide img {width: 100%;}
#thumbSmSlider .slick-prev:before,
#thumbSmSlider .slick-next:before {
    color: black;
	font-size:20px;
}
/*modals*/
#pageModal .panel-default{border:none;}
#pageModal .panel{box-shadow:none;-webkit-box-shadow:none;}
.bati-services .img-title{text-align:center;background:#ddd;padding:10px;margin-top:4px;}
.bati-services div{margin-bottom:10px;}
.productImgHolder{
	width:100%;
	position:relative;
	height:220px;
	overflow:hidden;
	display:flex;
}
.thumbImgHolder{
	width:100%;
	position:relative;
	height:300px;
	overflow:hidden;
	display:flex;
}
.clientOtherImages{
	margin-bottom:15px;
}
.clientOtherImages .thumbImgHolder{
	max-width:100px;
	max-height:80px;
}
.memberDetails{
	padding-top:4px;
}
.teamCol .thumbImgHolder{
	height:250px;
}
.teamCol .thumbImgHolder img{
	margin:0 auto;
}
.memberDetails p{margin-bottom:4px;}
.txtDiv p{margin-bottom:0;}
.thumbImg{ 
	cursor:pointer;
}
#imgViewModal{
	top:70px;
}
#imgViewModal .imgView{
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
	display:flex;
}
#imgViewModal .imgView img{
	width:100%;
	height:100%;
}
#imgViewModal .modalCloseBtn{
    position: absolute;
    top: -30px;
    right: -40px;
    background: #ee1a28;
	color:#fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
	opacity:1;
	padding-top:0;
	z-index: 100;
}
#imgViewModal .modal-body{
	position: relative;
    padding:0;
}

#serviceImgViewModal .serviceImgView{
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
	display:flex;
}
#serviceImgViewModal .serviceImgView img{
	width:100%;
	height:100%;
}
.serviceImgThumb{
	cursor:pointer;
}
#serviceImgViewModal{
	top:70px;
}
.serviceDescription{
	padding:20px;
}
#serviceImgViewModal .modalCloseBtn{
    position: absolute;
    top: -30px;
    right: -40px;
    background: #ee1a28;
	color:#fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
	opacity:1;
	padding-top:0;
	z-index: 100;
}
#serviceImgViewModal .modal-body{
	position: relative;
    padding:0;
}

@media (max-width:767px) {
	#imgViewModal .modalCloseBtn{top:-8px;right:-8px;width:30px;height:30px;}
	#serviceImgViewModal .modalCloseBtn{top:-8px;right:-8px;width:30px;height:30px;}
}
.clientOtherImages img:hover, 
img.catalogueThumbnail:hover{
  	cursor:pointer;
}
p.img-desc{
    background: #ee1a28;
    color: #fff;
    padding: 10px;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    width: 100vh;
}
p#regionName {
    font-weight: bold;
    text-transform: uppercase;
}
@media(max-width:767px){
#topHeader ul.dropdown-menu{
display:none !important;
}
#topHeader ul.dropdown-menu.show-dropdown {
    display: block !important;
    width: 100%;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    border: none;
    padding: 0;
    background: none;
    padding-bottom: 10px;
}
#topHeader .second-tier .navbar-nav .dropdown .dropdown-toggle:hover, 
#topHeader .second-tier .navbar-nav .dropdown .dropdown-toggle:active, 
#topHeader .second-tier .navbar-nav .dropdown .dropdown-toggle:focus{
	background:transparent !important;
}
#topHeader ul.dropdown-menu.show-dropdown a {
    color: rgba(255,255,255,0.9);
    padding-left: 31px;
}
#topHeader ul.dropdown-menu.show-dropdown li{
background:#7a7b7b;
}
}