@charset "utf-8";
body{ margin: 0px; padding: 0px; font-family: 'Source Sans Pro'; background-color: #E8E8E8; 
}
.main-wrapper{width: 640px;height: auto;margin: auto;background-color: #FFF;}
.main-wrapper-in{ width: 640px;  background-color: #FFF; float:left; 
}
.navigation
{width: 640px;height: 75px;z-index: 99999;position: relative;background-color: #FFF;}
.navigation-in
{
    width: 640px;
    height: 72px;
    background-color: #FFF;
    position: fixed;
    -webkit-box-shadow: 0 7px 6px -6px #eee;
    -moz-box-shadow: 0 7px 6px -6px #eee;
    box-shadow: 0 6px 7px -6px #eee;
    z-index:999;
    }
h1{
	font-family: 'HelveticaNeueLTStd-Blk';
	font-size: 45px;
	color: #aca586;
	text-transform: uppercase;
	font-weight: normal;
	}
h2{
 font-family: 'arimo-bold'; font-size: 38px; color:#4e5965;text-transform: uppercase;  font-weight: normal; line-height:38px;}
h3{
	font-family: 'HelveticaNeueLTStd-Blk';
	font-size: 34px;
	color: #aca586;
	text-transform: uppercase;
	font-weight: normal;
	} 
h4{
	font-family: 'HelveticaNeueLTStd-Blk'; font-size: 34px; color:#4e5965;text-transform: uppercase;  font-weight: normal; line-height:36px;}
 
 
.building
{
	width:640px;
	height: auto;
	position: relative;
}
.buildinglandscape
{
	width:640px;
	height: auto;
	position: relative;
}
.zoom-logo{
	height: 58px; width: 422px;
        float:right; 
        margin-right:20px;
	padding-top: 15px;
        z-index: 9999999; position:relative;
}
.zoom-logo img {max-width: 330px;}

.headding{width: 640px;/* height: 160px; */text-align: center;/* background-color: white; */}
.gallery-wrapper{ width: 640px; height: 592px; 
}

.gall_slide{width:640px;position:relative;height: auto;padding-top: 100px;background-color: white;padding-bottom: 15px;background-image: url('../images/bkg.jpg');}
.gall_slide .left{position:absolute;left:0px;height: 208px;width:30px;background-color: rgba(232, 232, 232, 0);padding-top: 145px;top: 0px;z-index:9999;text-align:right;padding-right:10px;}
.gall_slide .right{position:absolute;right:0px;height: 190px;width:30px;background-color: rgba(255, 255, 255, 0);top:0px;padding-top: 145px;z-index:9999;padding-left:10px;}
.gall_slide .left, .right, img { cursor:pointer;}

.black-bg{
	width:640px;
	height: 680px;
}
.black-bg{
	width:640px;
	/* height: auto; */
}
.video-bg{
	
	width:640px;
	height:360px;
	
}
.menu-icon { height: 22px; width: 30px; float: left; padding-top: 22px; padding-left: 31px; }
.footer-address-panel {float: left;height: auto;width: 640px; padding-top: 48px; background-color: #000000; padding-bottom: 18px;}
.footer-social { height: auto; width: 640px; }

.footer-header { padding-top: 46px; text-align: center; color: #676b6f; font-size: 13px; word-spacing: 3px; }
.footer-address{ padding-top: 19px; text-align: center; color: #cdcfcf; font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; line-height: 22px; }

.footer-address a{
	color: #cdcfcf;
}

.footer-social { float: left; height: 181px; width: 640px; color: #f4f4f4; background-color: #f4f4f4; }
.footer-in { width: 270px; margin-right: auto; margin-left: auto; padding-top: 46px; }
.social-icon { height: 31px; width: 31px; margin-right: 7px; float: left; margin-left: 7px; }
.footer-copyright {width: 402px;margin-right: auto;margin-left: auto;padding-top: 83px;color: #aca586;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-align: center;}
.gallery-thumb { height: 147px; width: 159px; float: left; margin-right: 1px; margin-bottom: 1px; }
.about-us-content {width: 560px;height: auto;margin-right: auto;margin-left: auto;margin-bottom: 64px;color: #BFBCA9;font-size: 20px;text-align: center;line-height: 28px;}

.industsry-block { height: auto; width: auto; margin-bottom: 90px; float: left; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #DBDBDB; border-bottom-color: #DBDBDB; }
.industry-logo { height: 140px; width: 158px; float: left; background-color: #f7f7f7; z-index: 10; border: 1px solid #DBDBDB; }


.industry-logo img{-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; -webkit-filter: grayscale(1); }

.industry-logo img:hover { -webkit-filter: grayscale(0); }
.service-banner { height: 249px; width: 640px; margin-bottom: 57px; }
.button { height: 56px; width: 199px; margin-right: auto; margin-left: auto; border: 2px solid #ededed; color: #838e9a; text-align: center; line-height: 56px; font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 56px;  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.headding-service{ width: 640px; height: auto; text-align: center; line-height: 100px;}

.button a{
	color: #838e9a; text-decoration:none;
}


.gallery-img { height: 351px; width: 533px; margin-bottom: 30px; background-color: #000; }.gallery-center { margin-right: auto; margin-left: auto; width: 533px; }
.gallery-img img{position: relative;  height: 351px; width: 533px; opacity: 0.6;}
.gallery-caption { width: 533px; position: absolute; z-index: 2; float: left; text-align: center; margin-top: 148px; font-size: 36px; color: #FFF; line-height: 49px; text-transform: uppercase; font-family: HelveticaNeueLTStd-Blk; }

.gallery-caption a{ color: #FFF; text-decoration: none; }



.video-img { height: 351px; width: 533px; margin-bottom: 30px; background-color: #000; }.gallery-center { margin-right: auto; margin-left: auto; width: 533px; z-index:10;}
.video-img img{position: relative;  height: 351px; width: 533px; opacity: 0.4;}
.video-play { width: 533px; position: absolute; z-index: 2; float: left; text-align: center; margin-top: 148px; background-image: url(../images/play.png); background-repeat: no-repeat; height: 82px; background-position: center; }

.client-panel { height: auto; width: 640px; margin-bottom: 100px; float: left; }
.clinet-img { height: 160px; width: 159px; float: left; background-color: #CCC; margin-right: 1px; margin-bottom: 1px; }

.news-panel { height: auto; width: 560px; margin-left: 40px; margin-bottom: 100px; float: left; }.news-box { height: 302px; width: 560px; background-color: #f9f9f9; margin-bottom: 1px; }
.news-headding {height: auto;width: 560px;/* text-align: center; */line-height: 41px;margin-top: 42px;font-size: 36px;float: left;}
.news-date { text-align: center; height: 11px; width: 560px; margin-top: 35px; line-height: 11px; color: #4e5965; float: left; }
.read-more-btn { width: 193px; margin-left: 178px; height: 56px; float: left; margin-top: 31px; border: 2px solid #000000; text-align: center; line-height: 56px; font-size: 13px; text-transform: uppercase; font-weight: bold; }
.read-more-btn a { text-decoration: none; color: #333; }
.contact-block { background-image: url(../images/contact/contact-bg1.jpg); height: 351px; width: 533px; background-repeat: no-repeat; margin-left: 48px; margin-bottom: 25px;  border: 5px solid #f4f4f4; display:none;}
.contact-block1 { background-image: url(../images/contact/contact-bg2.jpg); height: 351px; width: 533px; background-repeat: no-repeat; margin-left: 48px; margin-bottom: 25px;  border: 5px solid #f4f4f4;}
.contact-hedding { width: 533px; height: 31px; text-align: center; margin-top: 83px; font-size: 42px; line-height: 31px; font-weight: bold; text-transform: uppercase; color: #FFF; float: left; }
.add { text-align: center; width: 533px; margin-top: 52px; height: auto; font-size: 17px; color: #FFF; margin-bottom: 25px; float: left; }
.phone {height: 24px;/* width: 307px; */margin-bottom: 14px;font-size: 18px;color: #FFF;padding-left: 226px;background-image: url(../images/contact/phone.png);background-repeat: no-repeat;background-position: 186px;float: left;}
.mail {height: 24px;/* width: 307px; */margin-bottom: 14px;font-size: 18px;color: #FFF;padding-left: 226px;background-image: url(../images/contact/email.png);background-repeat: no-repeat;background-position: 186px;float: left;}
.fax {height: 24px;/* width: 307px; */margin-bottom: 16px;font-size: 18px;color: #FFF;padding-left: 226px;background-image: url(../images/contact/fax.png);background-repeat: no-repeat;background-position: 186px;float: left;}

.gallery-caption-light { width: 533px; position: absolute; z-index: 2; float: left; text-align: center; margin-top: 148px; font-size: 36px; color: #FFF; line-height: 49px; text-transform: uppercase; font-family: 'arimo-bold'; }

.gallery-caption-light a{ color: #FFF; text-decoration: none; }
.news-details { text-align: center; height: auto; width: 560px; margin-top: 20px; float: left; color: #838e9a; font-size: 20px; text-align: center; line-height: 28px; margin-bottom: 50px; }
.news-box1 { height: auto; width: 560px; background-color: #FFFFFF; margin-bottom: 50px; }
.news-img { width: 560px; float: left; background-color: #FDFDFD; margin-bottom: 30px; height: auto;      border: 8px solid #E2E2E2;
    margin-left: -8px;}
.nav-panel { width: 560px; height: 50px; margin-bottom: 50px; color: #838e9a; font-size: 20px; margin-right: auto; margin-left: auto; }
.nav-panel a{ color: #838e9a; text-decoration:none;}
.nav-panel a:hover { color: #333;}
.nav-back { height: 50px; width: 100px; float: left; font-weight: bold; }


.nav-next{ height: 50px; width: 100px; float: right; text-align: right; font-weight: bold; }
.zoom-map { height: 350px; width: 640px; background-color: #DADADA; margin-top: 50px; }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 

.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}
.animatedar {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.logo-fix {
    display: block;
    left: 46%;
    top: 88%;
    position: fixed;
    z-index: 100;
    cursor: pointer;
    background-repeat: no-repeat;
}

.scrollButton{display: block; width: 30px; height: 30px; background: red; z-index: 5; position: absolute; left: 50%; margin-left: -15px; bottom: 0px;}
#gallery .scrollButton{bottom: 19%;}

/*============== CUSTOME MEDIA QURIES ===============*/

/* ----------- iPhone ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   *, body{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* background-color: white; */
    box-sizing: border-box;
   }
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{width: 100%;}
   .building img{display: block;max-width: 100%;max-height: 100%;height: 950px;}
   
	.news-headding1 {color:white !important;}

   .news-box-panel, .news-box-panel2, .news-box-panel3, .news-box-panel4, .news-box-panel5, .news-box-panel6, .news-box-panel7 {height: 750px !important;width: 100% !important;}
   .news-box-panel2,  .news-box-panel4,  .news-box-panel6 {background-color: black !important;}



}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .main-wrapper-in{/* border: 1px solid red; */}
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{max-width: 768px;/* max-height: 1024px; */}
   .black-bg img{height: 900px;}
  
    .black-bglandscape , .buildinglandscape{display: none !important;}
    .building-bglandscape {display:none;}
    .gall_slide {height: 980px;}
    .control_prev, .control_next {margin-top:-150px; }


}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{max-width: 1024px;/* max-height: 768px; */}
   .black-bg, .building{display: none !important;}
   .building-bg {display:none;}
   .control_prev, .control_next {margin-top:250px; }
}

/* ----------- iPad ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   *, body{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* background-color: white; */
    box-sizing: border-box;
   }
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{width: 100%;}
   .building img{display: block; max-width: 100%; max-height: 100%;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .main-wrapper-in{/* border: 1px solid red; */}
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{max-width: 768px;/* max-height: 1024px; */}
    .black-bglandscape , .buildinglandscape{display: none !important;}
    .building-bglandscape {display:none;}
    .control_prev, .control_next {margin-top:00px;}
.footer-address-panel {padding-top:30px;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .main-wrapper, .building, .main-wrapper-in, .navigation, .navigation-in, .gall_slide, .black-bg, .headding, .footer-address-panel, .footer-social{max-width: 1024px;/* max-height: 768px; */}
   .gall_slide {height: 1000px}
   .black-bg, .building{display: none !important;}
   .building-bg {display:none;}
   .control_prev, .control_next {margin-top:200px; }
   .news-headding {width: 300px !important;}
}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}




.view-gallery-btn {height: 61px;width: 182px;background-color: #aca586;color: #ffffff;font-size: 15px;text-transform: uppercase;text-align: center;line-height: 61px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-family: "Raleway", sans-serif;font-size: 13px;font-weight: 700;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.view-gallery-btn a {color: #ffffff;text-decoration: none;}