body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#01204c; 
	font-family: azo-sans-web, sans-serif;
	font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
html{height:100%;}


*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
  transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
  .scrollToTop{
	padding:10px; 
	text-align:center; 
	
	font-weight: bold;
	
	text-decoration: none;
	position:fixed;
	bottom:15px;
	right:15px; font-size:15px;
	display:none;background:#000; color:#fff; z-index:99999;

}
.scrollToTop:hover{
	text-decoration:none;
}


.item1 {
  position: relative;

  overflow: hidden;
   line-height:0px;
}
.item1 img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item1:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1000px; margin:0 auto; padding:0px; }
/*change 19-08-19*/
 #myVideo {
   width: 100%; 
  height: 100%;
  max-height:100%;
  max-width:100%;
  object-fit: cover;
}
.content {
  position: fixed;
  top: 0;
  color: #f1f1f1;
  width: 100%; 
  padding: 20px;
  background:rgba(0, 0, 0, 0.3);
  height:100%
}
.logo{width:100%; float:left; margin:0px; padding:18% 0 0 0; text-align:center;}
.footer-index {
    position: fixed;
    bottom: 40px;
    color: #ffffff;
    width: 97%;
    padding: 20px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
}
.footer-index:after{width:80px; margin:0 auto; padding:0px 0 10px 0; content:""; display:block; border-bottom:#00aeef 1px solid;}
.footer-index a{color:#ffffff;}
.footer-index:hover:after{ border-bottom:#fff 1px solid;}
   
  .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-main-txt {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 21% 0%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    font-weight: 200;
    text-transform: uppercase;
}
.home-main-txt a{color:#fff;}
.home-main-txt a:hover{color:#00aeef}

/*close change 19-08-19*/

.header_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:680px; background:url(../images/header_bg.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.header_bg h2{ width:100%; float:left; margin:190px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.header {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding:20px 80px;
    z-index:9;
    transition: all 1s ease-in-out;
    height: auto;
}



.down{ position:absolute;  margin:0; padding:0; bottom:80px; left:45%; right:45%; width:150px;  text-align:center;  }
.down .arrow{ width:100%; text-align:center; font-size:18px; font-weight:200; color:#FFFFFF; position:absolute; }
.down .txt{ width:100%; text-align:center;  display:none;}
.down .txt a{ font-size:15px; font-weight:300; color:#FFFFFF; letter-spacing:1px; }
.down:hover span{ width:100%; text-align:center;  display:block; position:absolute; top:0; text-transform:uppercase;}
.down:hover img{ display:none;}

.logo{width:30%; padding:0px; float:left; margin:0px 0; text-align:left; line-height:0px;}
.logo img{width: 70%; height: auto;}
.menu_area{width:auto; float:right; margin:12px 0 0 0 ; padding:0px; }


.header_content_txt{ width:100%; margin:100px 0; float:left; padding:0 0 0 0; position:relative; text-align:center;}
.header_content_txt h2{ width:100%; margin:0 0 40px 0; padding:0 0 35px 0; text-align:center; border-bottom:1px solid #ccc; text-transform:uppercase; font-size:36px; font-weight:500; color:#333;}
.header_content_txt p{ width:100%; margin:20px 0 0 0; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;}




.section2_area{ width:100%; margin:0; padding:0; float:left;}
.content_area2{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/header_bg1.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_area2 h2{ width:60%;  margin:130px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase; line-height:70px;  }

.section2txt{ width:100%; margin:40px 0 100px 0; padding:0 0 0 0; float:left;}
.section2txt p{ width:100%; margin:30px 0; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333;font-family: proxima-nova, sans-serif;}

.readmore{width:150px; margin:60px auto auto auto;   clear: left; padding:0px; text-align:center; line-height:55px;appearance: button;-moz-appearance: button;-webkit-appearance: button;  background:#fff; border:2px solid #333; color:#000; font-size:16px; font-weight:600; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif;
} 
.readmore:hover{  color:#FFFFFF;  box-shadow: inset 400px 0 0 0 #000;}



.section3_area{ width:100%; margin:0; padding:0; float:left;}
.content_area3{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/header_bg2.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_area3 h2{ width:60%;  margin:150px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase;  }

.section3txt{ width:100%; margin:40px 0 100px 0; padding:0 0 0 0; float:left;}
.section3txt p{ width:100%; margin:30px 0; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#000; font-family: proxima-nova, sans-serif;}


.box_menu{ width:100%; margin:0px 0 40px 0; padding:0 0 0 0; float:left;}
.box_menu ul{ width:100%; float:left; margin:0px; padding:0px;}
.box_menu ul li{width:23%; float:left; margin:2% 1%; padding:0px; line-height:0; list-style:none;  }
.box_menu ul li .image_area { position: relative; width: 100%; }

.box_menu ul li .image_area img {display: block; width: 100%; height: auto; }
.box_menu ul li .image_area .overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out 0s;
  color:#FFFFFF;
  text-align:center; display:none;
  padding:45% 0 30% 0;
  font-size:24px; 
  }
.box_menu ul li .image_area .overlay a{ color:#FFFFFF;}
.box_menu ul li .image_area .overlay .right_arrow img{ width:auto; height:auto !important; display:inherit;} 
.box_menu ul li .image_area .overlay i{ font-size:12px; font-weight:200}  
.box_menu ul li .image_area:hover .overlay { background: rgba(0, 0, 0, 0.6); display:block; }

.readmore1{width:150px; margin:40px auto auto auto;   clear: left; padding:0px; text-align:center; line-height:55px;-moz-appearance: button;
-webkit-appearance: button; appearance: button; background:#fff; border:2px solid #333; color:#000; font-size:16px; font-weight:500; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;
} 
.readmore1:hover{  color:#FFFFFF;  box-shadow: inset 400px 0 0 0 #000;}





.section4_area{ width:100%; margin:0; padding:0; float:left;}
.content_area4{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/header_bg3.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_area4 h2{ width:60%;  margin:150px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase;  }

.section4txt{ width:100%; margin:40px 0 100px 0; padding:0 0 0 0; float:left;}
.section4txt p{ width:100%; margin:30px 0; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; }

.readmore2{width:150px; margin:60px auto auto auto;   clear: left; padding:0px; text-align:center; line-height:55px;-moz-appearance: button;
-webkit-appearance: button; appearance: button; background:#fff; border:2px solid #333; color:#000; font-size:16px; font-weight:500; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;
} 
.readmore2:hover{  color:#FFFFFF;  box-shadow: inset 400px 0 0 0 #000;}





.footer{   width: 100%;  padding: 0px 0 100px; float:left; margin:0px; background:#222; position:relative;}

.footer .top{width:50px;  height:50px;  padding: 0px 0;   margin:-25px auto auto auto; background:#fff; border-radius:50%; text-align:center;  }
.footer .top a{color:#000; text-decoration:none; text-transform:uppercase; font-weight:400; letter-spacing:1px; font-size:15px;}
.footer .top a:hover{color:#000;}

.footer_menu{ width: 100%;  padding:0px 0; float:left; margin:80px 0 0 0; }
.footer_menu ul{ width:100%; float:left; margin:0px; padding:0px; text-align:center;}
.footer_menu ul li{width:auto; margin:0 20px; padding:0px; line-height:24px; list-style:none; text-align:center; display:inline-block;  }
.footer_menu ul li a{color:#fff; text-decoration:none; text-transform:uppercase; font-weight:300; letter-spacing:1px; font-size:12px; letter-spacing:2px;}
.footer_menu ul li a:hover{color:#ccc;}


.address{ width:100%;  padding:0px 0; float:left; margin:0px 0; text-align:center;  }
.address p{ width:100%;  padding:0px 0; float:left; margin:30px 0 0; text-align:center;  font-weight:200; letter-spacing:1px; font-size:17px; line-height:27px; color:#FFFFFF;  }
.address ul{ width:100%; float:left; margin:10px 0 0 0; padding:0px; text-align:center;}
.address ul li{width:35px; margin:0 5px; padding:0px; line-height:35px; list-style:none; height:35px; border-radius:50%; text-align:center; display:inline-block; background:#fff; color:#333; font-size:20px;}
.address ul li a{display:block; color:#666;}
.address ul li a:hover{ color:#000;}



/***about-page***/
.header_ablout_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:500px; background:url(../images/about-header.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.header_ablout_bg h2{ width:100%; float:left; margin:170px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.about_content_txt{ width:100%; margin:100px 0 40px; float:left; padding:0 0 40px 0; position:relative; text-align:center; border-bottom:#ccc 1px solid;}
.about_content_txt h2{ width:100%; margin:0 0 40px 0; padding:0 0 35px 0; text-align:center; font-size:29px; font-weight:500; color:#333;}
.about_content_txt p{ width:100%; margin:20px 0 0 0; padding:0 0 0 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;}

.about_content_txt ul{width:100%; float:left; margin:40px 0 15px 0; padding:0px;}
.about_content_txt ul li{width:49%; float:left; margin:0px 2% 2% 0; padding:0px; list-style:none;}
.about_content_txt ul li:nth-child(2n+0){margin-right:0px;}
.about_content_txt ul li img{width:100%; height:auto; margin:0 0 15px 0;}
.about_content_txt ul li .text-box{width:100%; float:left; margin:0px; padding:12px 8% 10px; background:#f7f7f7; border:#eeeeee 1px solid; border-top:0px;}
.about_content_txt ul li .text-box p{ width:100%; margin:0; padding:0 0 15px 0; text-align:center;  font-size:15px; font-weight:300; line-height:26px; color:#333;font-family: azo-sans-web, sans-serif;}
.about_content_txt ul li .text-box p span{font-weight:700;}
.about_content_txt ul li:hover .text-box{background:#fff;}

.about_content_txt ul li:hover img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

.meet-team-btn{width:200px; margin:60px auto 100px auto;   clear: left; padding:0px; text-align:center; line-height:55px; background:#fff; border:2px solid #333; color:#000; font-size:16px; font-weight:500; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;
} 
.meet-team-btn:hover{  color:#FFFFFF;  box-shadow: inset 400px 0 0 0 #000;}

ul.project-detail li {max-height: 275px; overflow: hidden;}
/***team-page***/
.team_content_txt{ width:100%; margin:100px 0 40px; float:left; padding:0 0 40px 0; position:relative; text-align:center;}
.team_content_txt h4{ width:100%; margin:0 0 30px 0; padding:0; text-align:left; font-size:24px; line-height: 1.8em; letter-spacing: .015em; font-weight:700; color:#333;font-family: proxima-nova, sans-serif;}
.team_content_txt p{ width:100%; margin:0px 0 0px 0; padding:0 0 40px 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;border-bottom:#ccc 1px solid;}

.team_content_txt ul{width:100%; float:left; margin:40px 0 40px 0; padding:0px; border-bottom:#ccc 1px solid;}
.team_content_txt ul li{width:100%; float:left; margin:0px 0 40px 0; padding:0px; list-style:none;}
.team_content_txt ul li span{ width:100%;float:left;  margin:0 0 30px 0; padding:0; text-align:left; font-size:24px; line-height: 1.8em; letter-spacing: .015em; font-weight:700; color:#333;}
.team_content_txt ul li p{ width:100%; margin:0px 0 0px 0; padding:0 0 40px 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; border-bottom:0px;}


/***services-page***/
.header_services_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:500px; background:url(../images/services-bg.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.header_services_bg h2{ width:100%; float:left; margin:170px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.services_txt{ width:100%; margin:100px 0 20px; float:left; padding:0 0 0px 0; position:relative; text-align:center;}
 
.services_txt p{ width:100%; margin:0px 0 0px 0; padding:0 0 40px 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; }
.services_txt ul { width:100%; float:left; margin:0px 0 50px;list-style: none; padding:0 0 80px;border-bottom:#ccc 1px solid;}
.services_txt li {
  margin:0px;  padding:10px 0; list-style:none; 
 
}
.accordion-trigger {
 
  display: block;
  padding:15px 20px;
  position: relative; color:#fff; font-size:20px; line-height:20px; font-weight:300; background:#22313f; font-family: proxima-nova, sans-serif; text-align:left; border-radius:3px 3px 0 0;
}

.accordion-trigger:after {
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
   
  font-size: 2em; 
}

/*.accordion-trigger.expanded{ background:url(../images/arrow1.png) no-repeat right center #0f7fca; display:block;}

.accordion-trigger.collapsed{ background:url(../images/arrow.png) no-repeat right center #0f7fca; display:block; }*/

.accordion-content {
  overflow: hidden;
  -webkit-transition: height 0.25s;
  -moz-transition: height 0.25s;
  transition: height 0.25s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.accordion-content.expanded { height: auto; }

.accordion-content.collapsed { height: 0; }

.accordion-content p {
    padding: 20px 30px;
    background: #f7f7f7;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}
.view-our-work{width:200px; margin:60px auto 100px auto;   clear: left; padding:0px; text-align:center; line-height:55px;-moz-appearance: button;
-webkit-appearance: button; appearance: button; background:#fff; border:2px solid #333; color:#000; font-size:16px; font-weight:500; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;
} 
.view-our-work:hover{  color:#FFFFFF;  box-shadow: inset 400px 0 0 0 #000;}

/***contact-page***/
.header_contact_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:500px; background:url(../images/contact-header.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.header_contact_bg h2{ width:100%; float:left; margin:170px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.contact-txt{ width:100%; margin:100px 0 70px; float:left; padding:0 0 0px 0; position:relative; }
.contact-left{width:30%; float:left; margin:100px 0 0 0; padding:0px;} 
.contact-left p{ width:100%; margin:0px 0 0px 0; padding:0 0 30px 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; }
.contact-left p a{color:#333;}
.contact-left p a:hover{color:#000;}
.send-btn{width:auto; margin:0px; float:left; padding:0px 30px; line-height:40px; background:#272727; border:0px; color:#fff; font-size:15px; font-weight:600; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;} 
.send-btn:hover{  color:#FFFFFF;   background:#555555}

.map-contact{width:60%; float:right; padding:0px; margin:100px 0 0 0;}
.map-contact img{width:100%; height:auto;}


/**POPUP**/

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;z-index: 9999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin:10px auto;
  padding:0px;
  background: #fff;
  border-radius:0px;
  width:680px;
  position: relative;
  transition: all 5s ease-in-out;
  display:table;
  z-index:999;
}
 
.popup .close {
  position: absolute;
  top: -10px;
  right: -10px;
  transition: all 200ms;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background:#333; width:25px; height:25px; border-radius:50%;
  text-align:center;
  line-height:25px;
}
.popup .close:hover {
  color: #fff;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
 
@media screen and (max-width: 700px){
  .box{
    width: 90%;
  }
  .popup{
    width: 90%;
  }
 
}
/*#popup1 { display:none; }*/

.popup-content{width:100%; float:left; margin:0px; padding:25px 40px;  border-radius:0px; background:#fff;height:600px;overflow: auto;}
 
.popup-form{width:100%; float:left; margin:0px; padding:0px;}
.popup-form h4{width:100%;float:left; margin:0px 0 20px 0; padding:0px 0px;     font-size: 22px; text-align:left;
    line-height: 1.2em;
    margin-right: 22px;
    color: #333;     letter-spacing: .015em;
    font-weight: 200;}

.popup-form ul{width:100%; float:left; margin:0px; padding:0;}
.popup-form ul li{width:48%; float:left; margin:0px 2% 15px 0; padding:0 0%; list-style:none;text-align:left;}
.popup-form ul li label{width:100%;float:left; margin:0px 0 5px 0; padding:0px 0px; font-size:14px; font-weight:200; color:#222222; text-align:left}

.popup-form ul li .txtfield{width:100%; float:left; margin:0px; padding:0px 8px; background:#fff; border:#c2c2c2 1px solid; line-height:42px; height:40px; outline:0px; font-size:15px; color:#444444; font-weight:400; font-family: azo-sans-web, sans-serif; }
.popup-form ul li .txtarea{width:100%; float:left; margin:0px; padding:8px; background:#fff; border:#c2c2c2 1px solid; height:100px; outline:0px; font-size:15px; color:#444444; font-weight:400; font-family: azo-sans-web, sans-serif; }
.popup-form ul li:nth-child(3),.popup-form ul li:nth-child(4){width:98%;}
 .popup-form ul li:nth-child(5), .popup-form ul li:nth-child(6){width:98%;}
 
 
.popup-form ul li span{width:100%;float:left; margin:5px 0 5px 0; padding:0px 0px; font-size:12px; font-weight:200; color:#222222; text-align:left}
.phone-number{width:60px; margin:0 15px 0 0; float:left;}
.submit-btn{width:auto; margin:0px; float:left; padding:0px 30px; line-height:40px; background:#272727; border:0px; color:#fff; font-size:15px; font-weight:600; display:table;   cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px;} 
.submit-btn:hover{  color:#FFFFFF;   background:#555555} 


/***our-work-page***/
.view-our-work_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:680px; background:url(../images/header_bg1.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.view-our-work_bg h2{ width:100%; float:left; margin:190px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.our-work_txt{ width:100%; margin:100px 0; float:left; padding:0 0 0 0; position:relative; text-align:center;}
.our-work_txt h2{ width:100%; margin:0 0 0px 0; padding:0 0 35px 0; text-align:center; text-transform:uppercase; font-size:36px; font-weight:500; color:#333;}
.our-work_txt p{ width:100%; margin:0px 0 0 0; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;}

.our-work_area{ width:100%; margin:0; padding:0; float:left;}
.content_our-work{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/hospitality.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_our-work h2{ width:60%;  margin:180px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase; line-height:70px;  }



.our-work_txt1{ width:100%;padding:0 0 0 0; float:left;}
.our-work_txt1 h3{ width:100%; margin:30px 0; padding:0 0 0 0; text-align:center;  font-size:36px; font-weight:500; line-height:40px; color:#333; }
.our-work_txt1 h5{ width:100%; margin:0px 0 50px; padding:0 0 0 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;}

.click-to-view-border{width:100%; float:left; margin:0px; position:relative; border-bottom:#ccc 1px solid; padding:0px 0 0 0; height:2px;}
.click-btn-border{width:250px; margin:0px auto auto auto; padding:0px; background:#fff; display:table; position:relative; top:-20px}
.click-to-view{width:150px; margin:0px auto auto auto;   clear: left; padding:0px; text-align:center; line-height:38px;-moz-appearance: button;
-webkit-appearance: button;appearance: button;  background:#272727; border:0px; color:#fff; font-size:12px; font-weight:600; display:table; text-transform:uppercase; cursor:pointer; font-family: proxima-nova, sans-serif; letter-spacing:1px; 
} 
.click-to-view:hover{  color:#FFFFFF;   background:#555555}
 
.our-work_txt1 ul{width:100%; display: flex; flex-wrap: wrap; margin:80px 0 80px 0; padding:0px;} 
.our-work_txt1 ul li{width:25%; float:left; margin:0px 0 0 0; padding:1%; list-style:none;}  
.our-work_txt1 ul li img{width:100%; height:auto;}

.effect{ position:relative; display:block; overflow:hidden;}
.effect:before,.effect:after{content:''; background:rgba(212, 210, 210, 0.2) none repeat scroll 0 0;content: "";opacity: 1;position:absolute;}
.effect:before{ bottom: 0;left: 50%;right:50%;top: 0;}
.effect:after{left: 0;bottom: 50%;right:0;top:50%;}
.effect:hover:before,.effect:hover:after{transition: all 900ms ease-in 0s;}
.effect:hover:before{ left: 0; opacity: 0; right: 0;}
.effect:hover:after{ top: 0; opacity: 0; bottom: 0;}



.our-work_area1{ width:100%; margin:0; padding:0; float:left;}

.content_healthcare{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/health.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_healthcare h2{ width:60%;  margin:180px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase; line-height:70px;  }

.our-work_txt2{ width:100%; margin:0; padding:0; float:left;margin-top:50px;}
.our-work_txt2 ul{width:100%; float:left; margin:80px 0 80px 0; padding:0px;} 
.our-work_txt2 ul li{width:25%; float:left; margin:0px 0 0 0; padding:1%; list-style:none;}  
.our-work_txt2 ul li img{width:100%; height:auto;}


.our-work_area2{ width:100%; margin:0; padding:0; float:left;}

.content_retail{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/header_bg2.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_retail h2{ width:60%;  margin:180px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase; line-height:70px;  }


.our-work_area3{ width:100%; margin:0; padding:0; float:left;}

.content_institutional{ width:100%; float:left; margin:0 0 30px 0; position:relative; padding: 0 0 0 0; height:420px; background:url(../images/header_bg1.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
.content_institutional h2{ width:60%;  margin:180px auto auto auto; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; font-weight:200; text-transform:uppercase; line-height:70px;  }


/*awards*/
.header_awards_bg{ width:100%; float:left; margin:0 0 0 0; position:relative; padding: 0 0 0 0; height:500px; background:url(../images/header_bg2.jpg) no-repeat #ccc; background-size: cover; background-attachment:fixed;}
 
.header_awards_bg h2{ width:100%; float:left; margin:170px 0 0 0; padding: 0 0 0 0; text-align:center; color:#FFFFFF; font-size:68px; letter-spacing:1px; 
font-family: azo-sans-web, sans-serif;
font-weight: 200;
font-style: normal;
text-transform:uppercase; }

.awards-txt{ width:100%; margin:80px 0 20px; float:left; padding:0 0 0px 0; position:relative; text-align:center;}
.awards-txt p{ width:100%; margin:0px 0 0px 0; padding:0 0 30px 0; text-align:center;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; }
.awards-txt ul{width:100%; float:none; margin:0px 0 15px 0; padding:0px; text-align:center; display:inline-block;}
.awards-txt ul li{width:23%; float:none; margin:0px 0.8% 20px; padding:10px; text-align:center; display:inline-block; line-height:0px; border:#ccc 1px solid;}
.awards-txt ul li img{max-width:100%; height:auto;}
.awards-txt ul li:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.page-template-page-viewwork .our-work_txt2 h5 {
	width: 100%;
	margin: 0px 0 50px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	line-height: 40px;
	color: #333;
	font-family: proxima-nova, sans-serif;
}

/***Association logos***/
.association-logos{width:100%; float:left; margin:0px 0 40px 0; padding:0px;}
.association-logos ul{width:100%; float:none; margin:0px; padding:0px; display:inline-block; text-align:center}
.association-logos ul li{width:16%; float:none; margin:0px; padding:0px 0.5%; list-style:none; display:inline-block; text-align:center; vertical-align:middle}
.association-logos ul li img{max-width:100%; height:auto;}

.cont-customtext p {font-size: 22px;font-family: proxima-nova, sans-serif;color: #333;font-weight: 300;}
.cont-customtext a {background: #000;color: #fff;padding: 13px 55px;font-size: 16px;letter-spacing: 1px;font-weight: 500;margin-top: 30px;display: inline-block;}
.alignright { float: right; }


#overlay:after {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
}

#text{
 position: absolute;
    width: 100%;
   /* top:50%;*/
    left: 50%;
    transform:translate(-50%, -50%);
    color:#fff;
    z-index: 9;
}
#textheader{
 position: absolute;
    width: 100%;
    top:50%;
    left: 50%;
    transform:translate(-50%, -50%);
    color:#fff;
    z-index: 9;
}

.our_recent_projects{ width:100%;padding:0 0 0 0; float:left;}
.our_recent_projects h3{ width:100%; margin:30px 0; padding:0 0 0 0; text-align:center;  font-size:36px; font-weight:400; line-height:40px; color:#333; font-family: proxima-nova, sans-serif; text-transform: uppercase;}

.our_recent_projects ul{width:100%; margin:0px 0 80px 0; padding:0px; display: flex; flex-wrap: wrap;} 
.our_recent_projects li{width:33%; float:left; margin:0px 0 0 0; padding:1%; list-style:none;}  
.our_recent_projects ul li img{width:100%; height:auto;}
.our_recent_projects ul li h5{ width:100%; margin:0px 0 50px; padding:0 0 0 0; text-align:center;  font-size:14px; font-weight:300; line-height:28px; color:#333; font-family: proxima-nova, sans-serif;}

.inner_page_content{ width:100%; margin:100px 0 40px; float:left; padding:0 0 40px 0; position:relative; text-align:center; border-bottom:#ccc 1px solid;}
.inner_page_content h2{ width:100%; margin:0 0 40px 0; padding:0 0 35px 0; text-align:center; font-size:29px; font-weight:500; color:#333;}
.inner_page_content p{ width:100%; margin:20px 0 0 0; padding:0 0 0 0; text-align:left;  font-size:24px; font-weight:300; line-height:40px; color:#333; font-family: proxima-nova, sans-serif;}
.inner_page_content ul{width:100%; margin:0px 0 80px 0; padding:0px; display: flex; flex-wrap: wrap;} 
.inner_page_content li{width:33%; float:left; margin:0px 0 0 0; padding:1%; list-style:none;}  
.inner_page_content ul li img{width:100%; height:auto;}
.inner_page_content ul li .text-box{width:100%; float:left; margin:0px; padding:12px 8% 10px; background:#f7f7f7; border:#eeeeee 1px solid; border-top:0px;}
.inner_page_content ul li .text-box p{ width:100%; margin:0; padding:0 0 15px 0; text-align:center;  font-size:15px; font-weight:300; line-height:26px; color:#333;font-family: azo-sans-web, sans-serif;}
.inner_page_content ul li .text-box p span{font-weight:700;}
.inner_page_content ul li:hover .text-box{background:#fff;}

.inner_page_content ul li:hover img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.inner-section{margin-top: 80px;}
.thumb-images { min-height: 170px; max-height: 170px; min-width: 300px; overflow: hidden; align-items: center; background: #fff; display: flex;
  max-width: 300px;}