@charset "UTF-8";
/* CSS Document */


html, body 							{	height: 100%;      width: 100%;    margin: 0;    padding: 0; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
* 									{   padding: 0;    margin: 0;	} 
a img 								{   border: 0;}

/*Opera Fix*/ body:before 			{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
 
body 								{   margin: 0px;	background-color: #ccc;		}
div 								{   font-family: "Roboto",sans-serif;	font-size: 12px; color: #3A4247;}
a 									{   font-family: "Roboto",sans-serif;	text-decoration: none; 	color: #FFFFFF; 	font-size: 10px;}
#wrap 		 						{	min-height: 100%;}
#header_bar 	 					{	background-color: #ffffff;  width: 100%;		min-width: 320px;    height: 116px;		display: block;     position: fixed !important;   z-index: 60;  	border-style: none none solid none; 	border-color: #E0E0E0; 		border-width: 1px;}
#lets_talk 		 					{   margin-top: 50px;	float: right;		margin-right: 25px;	}
.lets_talk							{   font-weight: 300;	color: #76828B;		text-transform: uppercase; font-size: 12px;	margin-right: 10px;		text-decoration: none; 	}
#logo  		 						{ 	transition: all 0.2s ease-in-out; background:url(../images/logo.svg);	background-size:cover; width: 160px;	height: 160px;		float:none;     position: relative;     margin-left: auto;    margin-right: auto;  display:block }
#logo.active  	 					{	transition: all 0.2s ease-in-out; background:url(../images/logo.svg);	background-size:cover; width: 106px;	height: 106px;		float:none;     position: relative;     margin-left: auto;    margin-right: auto;  display:block }    
.logo		 						{  	margin-top: 5px;  margin-bottom: 6px;    }
#nav 		 						{   margin-top: 50px;    float: left;    margin-left: 25px;}
li, ul.nav 	 						{   list-style-type: none;    padding: 0px;    margin: 0px;    display:inline-block;}
.nav a 		 						{   font-weight: 700;	 text-transform: uppercase;   color: #76828B; 	font-size: 10px;    margin-right: 25px; 	text-decoration: none; }
.nav a:hover, a.live 				{   padding-bottom:51px; font-weight: 700; text-transform: uppercase;  color: #33424B; font-size: 10px;    text-decoration: none; margin-right: 25px;}
.nav_drop a 		 				{   font-weight: 900; color: #fff; font-size: 10px;   text-decoration: none;   }
.nav_drop a:hover 					{   padding:0px; font-weight: 900; color: #999; font-size: 10px;    text-decoration: none;  }
#slide 		 						{   background-color: #ffffff; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top: 116px;  }
#slide 	img	 						{   width:100%; display: block;  }
.slider  							{   width:100%; float:left;        	}
.slide 								{	position: relative; 		overflow:hidden;	}
.slide__heading 					{   transition: all 0.2s ease-in-out; display: block; height:auto;   position: absolute; bottom:2%;      z-index: 2;    width:100%;   color: #fff; margin: 0px 5px 5px!important;  font-size: 11px; font-family:"Roboto",sans-serif!important;  font-weight: 700!important; }
#slide_design_pages 		 		{   background-color: #f4f4f4; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top: 116px;  }
.slider_pages 						{   margin-left:25%; width:50%; float:left;   padding-top:20px; padding-bottom:20px;     	}
#slide_noscale 		 				{	overflow: hidden; position:relative;   background-color: #ffffff;    width: 100%;  margin-top: 116px;  display: block;   z-index: 4;}
.slide_dots 		 				{   position:absolute;   background:url(../images/slides/dots.png); background-size:3px; width:100%; height:100%; z-index: 9;}
#slide_arrow 						{	background:url(../images/arrow.svg); background-size:cover; z-index: 500;    position:absolute; width:30px; height:30px; bottom:15px; left: 50%;  margin-left: -15px;}
.map 		 						{   z-index: 1; width:100%; height:400px; }
#burger 	 						{  	width: 65px;    height: 40px; 	float: right;    margin-top: 38px;    margin-right: 15px;    display: none;   }
#burger img 						{   position:absolute; 	margin-left:25px;    -webkit-transition: opacity 400ms ease-in-out;  -moz-transition: opacity 400ms ease-in-out;  -o-transition: opacity 400ms ease-in-out;    transition: opacity 400ms ease-in-out;}
#burger img.transparent 			{	opacity:0;}
#burger_onclick 					{	cursor:pointer;}
#contact_icon 	 					{ 	background:url(../images/contact_icon.svg);	background-size:cover; width:40px; height:40px; 	display:none;  margin-top: 38px;	float: left;	 margin-left: 20px;  }
.menu_txt 	 						{  	font-weight: 400; color: #76828B; font-size: 8px; margin-top:15px;   position:absolute; }
#mobnavreveal 						{ 	background:url(../images/triangle.svg) no-repeat;	background-size: 20px 10px; background-position: 185px 0px;   padding-top:10px;  display:none;  z-index:100;  right:0;  float:right;  	z-index:100; margin-top:107px;  width:230px; height:79%; height: calc(100% - 117px); height: -webkit-calc(100% - 117px);  height: -moz-calc(100% - 117px); position: fixed; } /*----calc -117 is made up from mobnav margin-top + 10px triangle ----*/
#menu 								{  	clear:both; background: rgba(58, 66, 71, 1.0); text-align:right;  height:100%;    overflow-y:auto; -webkit-overflow-scrolling: touch; } 	 
.mobilenav a  						{   -webkit-tap-highlight-color: rgba(0,0,0,0); margin-top: 20px;   margin-bottom: 0px;  font-weight: 400;    color: #ffffff;   text-transform: uppercase;       font-size: 13px;    text-decoration: none;     margin-right: 22px;   display:block;}
.mobilenav a:hover 					{   -webkit-tap-highlight-color: rgba(0,0,0,0); font-weight: 400;    color: #999;   text-transform: uppercase; 	     font-size: 13px;    text-decoration: none;     margin-right: 22px;    padding-top: 0px;    padding-bottom: 0px; display:block;}
 hr									{   border-style: none none dotted; color: #757474;    text-decoration: none;    margin-top:20px; margin-bottom:12px; font-size: 12px;  }
.mobile_nav_social 	img				{   float:right;    margin-left:15px;  	 margin-bottom:30px;	margin-top:0px;		 }
.address_icons_mobile_menu 			{	width:145px;    margin-bottom:0px; float:right;	   margin-right:0px; color: #CCCCCC; font-size: 12px;   }
.address_icons_mobile_menu a:link 	{	color: #CCCCCC; font-size: 12px; text-transform: lowercase; line-height:1.0; margin-top: 0px!important;}
.address_icons_mobile_menu img 		{	float:left;		height:15px;  margin-top: 0px; margin-bottom: 20px;}
p 									{	clear:both;	}
a.anchor 							{   display: block;    position: relative;    top: -116px;    visibility: hidden;}
#top_message						{   float: left;  clear:both;    text-align: center;     background-color: #B6BCC1;     width: 100%;    min-height: 30px;    display: inline-block;    z-index: 4;    background-size: 100% auto;}
.top_message						{   font-weight: 300; font-size: 24px; line-height: 150%;    color: #ffffff; text-transform: uppercase; 	letter-spacing: 0.6px;	display: block; 	margin-top:10px; 	margin-bottom:10px;    margin-left:5%; margin-right:5%;  }
#welcome							{   float: left; 		width:50%; 		margin-left:25%; 	margin-top:40px; margin-bottom:0px;	text-align: center;    min-height:50px;    }
.welcome							{   font-weight: 300; 	color: #3A4247; font-size: 14px;  	line-height: 200%;  	letter-spacing: 0.5px;   }
.welcome a							{   font-weight: 400; 	color: #3A4247; font-size: 14px;  	line-height: 200%;  	letter-spacing: 0.5px;  }
.welcome_title						{   font-weight: 300; 	color: #3A4247; font-size: 24px;    letter-spacing: 0.1px;  display: block; }
.section_grey						{   float: left; width:100%; background-color: #F5F6F7;  	min-height:100px; 	text-align: center; }
.section_title						{   font-weight: 300; color: #3A4247; font-size: 36px;   	display: block;		margin-top:0px; 		margin-bottom:20px;  text-transform:uppercase; letter-spacing: 0.6px;  }
.heading_desc						{   font-weight: 300; color: #76828B; font-size: 14px; 		display: block; margin-top: 60px;   	margin-bottom:30px;  	margin-left:5%;		margin-right:5%;  line-height: 200%;  	letter-spacing: 0.6px; }
#services_1							{   float: left; width:16%; margin-left:12%; margin-top:0px;      min-height:50px;   margin-bottom:20px; text-align: center;		color: #999999; font-size: 14px; font-weight: 300; line-height: 200%; letter-spacing: 0.2px;}
#services_2							{   float: left; width:16%; margin-left:4%;  margin-top:0px;  	  min-height:50px;   margin-bottom:20px; text-align: center;		color: #999999; font-size: 14px; font-weight: 300; line-height: 200%; letter-spacing: 0.2px;}
#services_3							{   float: left; width:16%; margin-left:4%;  margin-top:0px; 	  min-height:50px;   margin-bottom:20px; text-align: center;		color: #999999; font-size: 14px; font-weight: 300; line-height: 200%; letter-spacing: 0.2px;}
#services_4							{   float: left; width:16%; margin-left:4%;  margin-top:0px;  	  min-height:50px;   margin-bottom:80px; text-align: center;		color: #999999; font-size: 14px; font-weight: 300; line-height: 200%; letter-spacing: 0.2px;}
.service_titles						{   font-weight: 300; color: #3A4247; font-size: 18px;  display: block;   	margin-bottom:10px;   }
.responsive-image img				{   height:auto;        width:100%;    }
.section_white						{   float: left; 	 width:100%; background-color: #ffffff;  	min-height:100px; 	text-align: center;   padding-bottom:50px;}
.portfolio_button_dark a 			{  line-height: 4.5;  border-style: solid ; color: #3A4247; border-color: #3A4247; border-width: 1px; font-weight: 400;  font-size: 12px; padding-left:24px;  padding-right:24px;  padding-top:10px; padding-bottom:10px;}
.portfolio_button_dark a:hover 		{  line-height: 4.5;  border-style: solid ; color: #3A4247; border-color: #3A4247; border-width: 2px; font-weight: 400;  font-size: 12px; padding-left:24px;  padding-right:24px;  padding-top:10px; padding-bottom:10px;}
#clients_1							{   float: left; 	 width:12.6%; margin-left:12%; margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_2							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_3							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_4							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_5							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_6							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_7							{   clear:both; 	 float: left; width:12.6%; margin-left:12%; margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_8							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_9							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_10							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_11							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_12							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_13							{   clear:both;		 float: left; width:12.6%; margin-left:12%; margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_14							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_15							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_16							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:0px; }
#clients_17							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px; 	min-height:50px;   margin-bottom:0px; }
#clients_18							{   float: left; 	 width:12.6%; margin-left:0%;  margin-top:0px;  min-height:50px;   margin-bottom:30px; }
img 								{ 	float: left; }
#testimonial_1						{   float: left; width:16%; position:relative;  margin-left:12%; margin-top:30px;      min-height:50px;   margin-bottom:20px; }
#testimonial_2						{   float: left; width:16%; position:relative;  margin-left:4%;  margin-top:30px;      min-height:50px;   margin-bottom:20px; }
#testimonial_3						{   float: left; width:16%; position:relative;  margin-left:4%;  margin-top:30px;      min-height:50px;   margin-bottom:20px; }
#testimonial_4						{   float: left; width:16%; position:relative;  margin-left:4%;  margin-top:30px;      min-height:50px;   margin-bottom:100px;}
.inside_quote						{  	display: flex;  display: -webkit-box;      display: -ms-flexbox;   display: -webkit-flex;-webkit-box-align: center;  -webkit-flex-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;	position:absolute;  margin-top:5%;   margin-left:5%; margin-right:5%;  height:45%; overflow:hidden; }
.center_quote						{	align-self: center;  color: #ffffff; font-size: 12px; font-weight: 400;  		}
.quote_author						{	float: left; text-align:left;  margin-left:7px;  margin-top:6px; color: #999999; font-size: 11px; font-weight: 400}
.author_round 						{   clear:both; float: left;    border-radius: 50%;	  overflow: hidden;    width: 50px;    height: 50px;      	}
.author_round img 					{   display: block;  height: 100%;  width: 100%;  min-width: 100%; min-height: 100%;            				}
.section_blue_1						{   float: left; width:100%; background: rgba(118, 130, 139, 1.0);    	min-height:250px; text-align:center; }
.section_blue_txt 					{ 	font-weight: 300;  font-size: 20px;	color: #ffffff; margin-top:60px; display:block;}
.portfolio_button 					{  	margin-top:10px;  display:block;}
.portfolio_button a 				{  	line-height: 4.5;  border-style: solid ; color: #ffffff; border-color: #ffffff; border-width: 1px; font-weight: 400;  font-size: 16px; padding-left:34px;  padding-right:34px;  padding-top:14px; padding-bottom:14px;}
.portfolio_button a:hover 			{  	line-height: 4.5;  border-style: solid ; color: #ffffff; border-color: #ffffff; border-width: 2px; font-weight: 400;  font-size: 16px; padding-left:34px;  padding-right:34px;  padding-top:14px; padding-bottom:14px;}
.section_grey_2						{   float: left; width:100%; background: rgba(82, 90, 94, 1.0);    	min-height:100px; 	text-align: left;  }
#footer_part_1_section_1			{   float: left; width:11%; margin-left:12%;      min-height:50px; margin-top:50px;  margin-bottom:50px;}
#footer_part_1_section_2			{   float: left; width:21%; margin-left:4%;       min-height:50px; margin-top:50px;  margin-bottom:50px;}
#footer_part_1_section_3			{   float: left; width:16%; margin-left:4%;       min-height:50px; margin-top:50px;  margin-bottom:50px;}
#footer_part_1_section_4			{   float: left; width:16%; margin-left:4%;       min-height:50px; margin-top:50px;  margin-bottom:50px;}
.footer_part_1_txt					{   font-weight: 400; 	color: #A1A1A1; font-size: 11px;    }
.footer_part_1_titles				{   font-weight: 700; 	color: #DDDDDD; font-size: 12px;   margin-bottom:20px;  }
.footer_part_2_titles				{   font-weight: 700; 	color: #DDDDDD; font-size: 12px;   margin-bottom:10px;  }
.footer_part_1_address_title		{   clear:both; font-weight: 700; 	color: #DDDDDD; font-size: 14px;   }
.address_icons 						{	margin-bottom:15px;  }
.address_icons_contact img			{	float:none;   vertical-align: middle;		} 
.address_icons_contact,				 
.address_icons_contact a,			
.address_icons_contact a:hover		{	 margin-bottom:25px;          font-weight: 300;     	}
.footer_part_1_txt	a				{   font-weight: 400; 	color: #cccccc; font-size: 11px;    }
.footer_part_1_txt	a:hover			{   font-weight: 400; 	color: #ECE276; font-size: 11px;    }
.snapwidget-widget 					{ 	margin-top:10px;  }
.required 							{ 	width:98%; height:30px; padding-left:2%; margin-bottom:10px; margin-top:10px;     border:0px solid #ccc; background-color: #646D72;    color:#ccc; }
.signup  							{  	margin-bottom:50px; cursor: pointer; -webkit-appearance: none; border-style: solid ; color: #ffffff; border-color: #6C777D; background-color: #4A5256; border-width: 1px; font-weight: 500;  font-size: 12px; padding:12px; }
.fb-like  							{  	margin-top:10px;   }
.copy								{	float: left; margin-left:12%;  margin-top:35px;  color: #A1A1A1; font-size: 10px; font-weight: 500					}
.copy a								{	color: #cccccc; font-size: 10px; font-weight: 500		}
.copy a:hover						{	color: #ECE276; font-size: 10px; font-weight: 500		}
.social_icons						{	float: right;    margin-right:12%;  margin-top:25px;   }
.social_icons	img 				{	margin-left:12px; width:30px; height:30px; }
#content 							{   position: relative;    width: 100%;    top: 0px;    margin-left: auto;    margin-right: auto;    overflow: hidden;    padding-bottom: 80px;	}
#footer 							{  	background-color: #4A5256; 	position: relative;   	width: 100%;    	height: 80px;   	margin-left: auto; 	margin-right: auto;  	margin-top: -80px;   	clear: both;	}



 



/*--------Portfolio-------------*/

.portfolio_index img 					{ 		filter:grayscale(0%)	}
span.project_roll 						{		-o-transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition: -webkit-transform 1s;	background:url(../images/view_project.svg) no-repeat;  width: 100%;	padding-bottom:  51.6%;		background-size: cover;	top:0px;cursor: pointer; position: absolute;   display:block;	  z-index: 10;	opacity: 0;	 }
span.project_roll:hover 				{ 		background-color: #fff; 	opacity: 0.96;	-o-transition-duration: 1s;	-moz-transition-duration: 1s;	}
span.project_roll:visited				{       display:none;       }
.portfolio_index_project_titles 		{		font-weight:300; color: #3A4247; font-size:14px; margin-top:8px; margin-bottom:0px; display: inline-block;  letter-spacing: 0.6px;}.portfolio_page_view						{		margin-top:3px;  margin-right:5px; display: inline-block;  font-weight:500; color: #3A4247;  }
.portfolio_small_bold					{		margin-top:3px;  margin-right:5px; display: inline-block;  font-weight:500; color: #3A4247;  }
.portfolio_back							{  		float: left; 	position: relative; 	width:90%; 	margin-left:5%; 	margin-top:0px;      min-height:3px;   margin-bottom:0px;  }


 

#portfolio_1							{  				float: left; 	position: relative; 	width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_2							{    			float: left; 	position: relative; 	width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_3							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_4							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_5							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_6							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_7							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_8							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_9							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_10							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_11							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_12							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_13							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_14							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_15							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_16							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_17							{   			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_18							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_19							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_20							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_21							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_22							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_23							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_24							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_25							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_26							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_27							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_28							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_29							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_30							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_31							{ clear:both; 	float: left; 	position: relative;		width:22%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_32							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_33							{    			float: left; 	position: relative;		width:22%; 	margin-left:5%; 	margin-top:0px;      min-height:50px;   margin-bottom:30px; text-align: left;		color: #76828B; font-size: 10px; font-weight: 400;  }
#spacer									{ 	 height:40px;   }


/*--------Portfolio Inner Pages-------------*/



#portfolio_inner_1							{  				float: left; 	position: relative; 	width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_2							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_3							{ clear:both; 	float: left; 	position: relative;		width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_4							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_5							{ clear:both;	float: left; 	position: relative; 	width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_6							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_7							{ clear:both; 	float: left; 	position: relative;		width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_8							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;  	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_9							{ clear:both;	float: left; 	position: relative; 	width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_10							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_11							{ clear:both; 	float: left; 	position: relative;		width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_12							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;   color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_13							{ clear:both;	float: left; 	position: relative; 	width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_14							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_15							{ clear:both; 	float: left; 	position: relative;		width:36%; 	margin-left:12%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;	color: #76828B; font-size: 10px; font-weight: 400;  }
#portfolio_inner_16							{    			float: left; 	position: relative; 	width:36%; 	margin-left:4%; 	margin-top:0px;      min-height:50px;   margin-bottom:50px; text-align: left;  	color: #76828B; font-size: 10px; font-weight: 400;  }




/*--------Responsive Flow-------------*/



/*--------100% mob nav-------------*/

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

.top_message								{  	font-size: 18px;   	 }
#burger 	 								{   display:block; }
 
#nav 	 									{   display: none; }
#lets_talk 		 							{   display: none; }
#contact_icon  		 						{   display:block;   }
#mobnavreveal 								{   display: block; }
#welcome									{   width:70%; 		margin-left:15%; 	 }
#services_1									{   width:20%; margin-left:4%;    }
#services_2									{   width:20%; margin-left:4%;    }
#services_3									{   width:20%; margin-left:4%;    }
#services_4									{   width:20%; margin-left:4%;    }
#clients_1									{   width:16%; margin-left:2%;  }
#clients_2									{   width:16%;	 }
#clients_3									{   width:16%;	 }
#clients_4									{   width:16%;	 }
#clients_5									{   width:16%;	 }
#clients_6									{   width:16%;	 }
#clients_7									{   width:16%; margin-left:2%;  }
#clients_8									{   width:16%;	 }
#clients_9									{   width:16%;	 }
#clients_10									{   width:16%;	 }
#clients_11									{   width:16%;	 }
#clients_12									{   width:16%;	 }
#clients_13									{   width:16%; margin-left:2%;  }
#clients_14									{   width:16%;	 }
#clients_15									{   width:16%;	 }
#clients_16									{   width:16%;	 }
#clients_17									{   width:16%;	 }
#clients_18									{   width:16%;	 }
#testimonial_1								{   width:20%; margin-left:4%;       	}
#testimonial_2								{   width:20%; margin-left:4%;        	}
#testimonial_3								{   width:20%; margin-left:4%;     		}
#testimonial_4								{   width:20%; margin-left:4%;      	}
#footer_part_1_section_1					{   width:15%; margin-left:4%; }
#footer_part_1_section_2					{   width:25%; margin-left:4%; }
#footer_part_1_section_3					{   width:20%; margin-left:4%; }
#footer_part_1_section_4					{   width:20%; margin-left:4%; }
.copy										{  	margin-left:4%; 	}
.social_icons								{	margin-right:4%;    }

/*--------Portfolio-------------*/

#portfolio_1,
#portfolio_2,  
#portfolio_3,  
#portfolio_4,  
#portfolio_5, 
#portfolio_6,  
#portfolio_7,  
#portfolio_8,  
#portfolio_9,
#portfolio_10,
#portfolio_11,
#portfolio_12,
#portfolio_13,
#portfolio_14,
#portfolio_15,
#portfolio_16,
#portfolio_17,
#portfolio_18,
#portfolio_19,
#portfolio_20,
#portfolio_21,								
#portfolio_22,
#portfolio_23,
#portfolio_24,
#portfolio_25,
#portfolio_26,
#portfolio_27,
#portfolio_28,
#portfolio_29,
#portfolio_30,
#portfolio_31,
#portfolio_32,
#portfolio_33								{    	width: 28%; 	margin-left:4%; 			}


/*--------Portfolio Inner Pages-------------*/

#portfolio_inner_1,
#portfolio_inner_2,
#portfolio_inner_3,
#portfolio_inner_4,
#portfolio_inner_5,
#portfolio_inner_6,
#portfolio_inner_7,
#portfolio_inner_8,							 
#portfolio_inner_9,
#portfolio_inner_10,
#portfolio_inner_11,
#portfolio_inner_12,
#portfolio_inner_13,
#portfolio_inner_14,
#portfolio_inner_15,
#portfolio_inner_16							{    	width: 44%; 	margin-left:4%; 			}



}






/*--------stacked 2-------------*/


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

#logo 		 								{ 	width: 135px;	height: 135px;		 }
.top_message								{	font-size: 16px; }
.slide__heading 							{   font-size: 8px!important;	}
#welcome									{   width:88%; 		margin-left:6%; 	 }
.section_title								{   font-size: 32px;    }
#services_1									{   width:42%; margin-left:6%; 	margin-bottom:20px;     }
#services_2									{   width:42%; margin-left:4%;  margin-bottom:20px;  	}
#services_3									{   width:42%; margin-left:6%;  clear:both;   			}
#services_4									{   width:42%; margin-left:4%;    }
#testimonial_1								{   width:42%; margin-left:6%;       	}
#testimonial_2								{   width:42%; margin-left:4%;        	}
#testimonial_3								{   width:42%; margin-left:6%;     		}
#testimonial_4								{   width:42%; margin-left:4%;      	}

#footer_part_1_section_1					{   width:42%; margin-left:6%; margin-bottom:20px;}
#footer_part_1_section_2					{   width:42%; margin-left:4%; margin-bottom:20px;}


#footer_part_1_section_3					{   clear:both; width:42%; margin-left:6%; }
#footer_part_1_section_4					{   width:42%; margin-left:4%; }
.copy										{	clear:both; float: none;  text-align:center; font-size: 9px;	 margin-left:0%;	padding-top:3px;	padding-bottom:3px;}
.copy	a									{	font-size: 9px;	 }
.copy	a:hover								{	font-size: 9px;	}
.social_icons	 							{	width:100%;  margin-left:auto; margin-right:auto; text-align:center; margin-top:14px; margin-bottom:14px;   }
.social_icons	 img 						{ 	margin-left:5%; margin-right:5%; float:none; width:40px; height:40px; }
#content 									{   padding-bottom: 86px;}
#footer 									{   height: 86px;  	margin-top: -86px;  }
.slide_dots 		 						{   background-size:2px; }
.portfolio_button_dark a:hover  			{   border-width: 1px;  }
.portfolio_button a:hover  					{   border-width: 1px;  }



/*--------Portfolio-------------*/



#portfolio_1,
#portfolio_2,  
#portfolio_3, 
#portfolio_4, 
#portfolio_5, 
#portfolio_6,  
#portfolio_7,  
#portfolio_8,  
#portfolio_9,
#portfolio_10,
#portfolio_11,
#portfolio_12,
#portfolio_13,
#portfolio_14,
#portfolio_15,
#portfolio_16,
#portfolio_17,
#portfolio_18,
#portfolio_19,
#portfolio_20,
#portfolio_21,								
#portfolio_22,
#portfolio_23,
#portfolio_24,
#portfolio_25,
#portfolio_26,
#portfolio_27,	
#portfolio_28,
#portfolio_29,
#portfolio_30,
#portfolio_31,
#portfolio_32,
#portfolio_33								{    	width:44%; 	margin-left:4%;   	}
#portfolio_3, 
#portfolio_5, 
#portfolio_9, 
#portfolio_11,  
#portfolio_15, 
#portfolio_17, 								
#portfolio_21,
#portfolio_23,							
#portfolio_27,	
#portfolio_29								{		clear:both;			}
#portfolio_4, 
#portfolio_10, 
#portfolio_16,								
#portfolio_22,				
#portfolio_28								{		clear:none;			}
#spacer										{ 		height:2px;  		}
 

}






/*--------stacked 1 mobile-------------*/

@media only screen and (max-width: 570px) 	{
 
#logo 		 								{ 	width: 106px;	height: 106px;		 }
.slide__heading 							{	display: none!important; }
.top_message								{   font-size: 13px; }
#slide_arrow 								{	display:none;	}
#slide img		 							{   width: 200%;  margin-left:-50% }
.slider_pages 								{   margin-left:0%; width:100%;     	}
#services_1,									
#services_2,									
#services_3,									
#services_4									{   width:78%; margin-left:11%;    margin-bottom:40px;  }
.slide_dots 		 						{   background-size:1px; }
.welcome,							
.welcome a,							
.heading_desc,						
#services_1,							
#services_2,							
#services_3,							
#services_4									{   font-size: 12px;}
.mobilenav a:hover 							{   color: #ffffff;     }
.map 		 								{   height:280px; margin-top:-70px;}
#clients_1									{   width:33.3%;	 margin-left:0%; }
#clients_2,									
#clients_3									{   width:33.3%;	   }
#clients_4									{   clear:both; width:33.3%;	margin-left:0%;  }
#clients_5,
#clients_6									{   width:33.3%;	    }
#clients_7									{   clear:both; width:33.3%;	margin-left:0%;  }
#clients_8,
#clients_9									{   width:33.3%;	    }
#clients_10									{   clear:both; width:33.3%;	margin-left:0%;  }
#clients_11,
#clients_12									{   width:33.3%;	    }
#clients_13									{   clear:both; width:33.3%;	margin-left:0%;  }
#clients_14,
#clients_15									{   width:33.3%;	    }
#clients_16									{   clear:both; width:33.3%;	margin-left:0%;  }
#clients_17,
#clients_18									{   width:33.3%;	    }
#testimonial_1,
#testimonial_2,
#testimonial_3,
#testimonial_4								{   width:78%; margin-left:11%;      	}
.center_quote								{	font-size: 14px; font-weight: 300; 	}
#footer_part_1_section_1,					
#footer_part_1_section_2,					
#footer_part_1_section_3					{   width:88%; margin-left:6%; margin-bottom:20px;}
#footer_part_1_section_4					{   width:88%; margin-left:6%; }
 

/*--------Portfolio-------------*/

span.project_roll 							{ 		display:none!important;       }

#portfolio_1,
#portfolio_2,  
#portfolio_3,  
#portfolio_4,  
#portfolio_5, 
#portfolio_6,  
#portfolio_7,  
#portfolio_8,  
#portfolio_9,
#portfolio_10,
#portfolio_11,
#portfolio_12,
#portfolio_13,
#portfolio_14,
#portfolio_15,
#portfolio_16,
#portfolio_17,
#portfolio_18,
#portfolio_19,
#portfolio_20,
#portfolio_21,
#portfolio_22,
#portfolio_23,
#portfolio_24,
#portfolio_25,
#portfolio_26,
#portfolio_27,							
#portfolio_28,
#portfolio_29,
#portfolio_30,
#portfolio_31,
#portfolio_32,
#portfolio_33								{    	width:	92%; 	margin-left:4%; 			}
 
 

 
 
/*--------Portfolio Inner Pages-------------*/

#portfolio_inner_1,
#portfolio_inner_2,
#portfolio_inner_3,
#portfolio_inner_4,
#portfolio_inner_5,
#portfolio_inner_6,
#portfolio_inner_7,
#portfolio_inner_8,
#portfolio_inner_9,
#portfolio_inner_10,
#portfolio_inner_11,
#portfolio_inner_12,
#portfolio_inner_13,
#portfolio_inner_14,
#portfolio_inner_15,
#portfolio_inner_16							{    	width: 92%; 	margin-left:4%; 			}



}
 
 




/*--------Drop Down-------------*/

.menu ul li					{  margin: 0;  padding: 0;  float: left;  position: relative; }
.menu ul li:hover ul		{  display:block;        opacity: 1;    z-index: 98;    position: absolute;    -webkit-animation: fadein 1s; /* Safari and Chrome */    -moz-animation: fadein 1s; /* Firefox */    -ms-animation: fadein 1s; /* Internet Explorer */    -o-animation: fadein 1s; /* Opera */    animation: fadein 1s;}
.menu ul li ul				{  position: absolute;  left: 0;  top: 67px;  display: none;  padding: 0px;}
.menu ul li ul li			{  background: rgba(58, 66, 71, 1.0);  height: 12px;  line-height: 10px;  padding: 20px 10px;    width: 115%; border-style: none solid solid solid; 	border-color: #E0E0E0; 		border-width: 0px;}
.triangle_up  				{  margin-top:-15px;   width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent; border-bottom: 15px solid  rgba(58, 66, 71, 1.0);  margin-left:25px;}
 

@keyframes 			fadein {    from { opacity: 0; }    to   { opacity: 1; }	}

/* Firefox */
@-moz-keyframes 	fadein {    from { opacity: 0; }    to   { opacity: 1; }	}

/* Safari and Chrome */
@-webkit-keyframes 	fadein {    from { opacity: 0; }    to   { opacity: 1; }	}

/* Internet Explorer */
@-ms-keyframes 		fadein {    from { opacity: 0; }    to   { opacity: 1; }	}

/* Opera */
@-o-keyframes 		fadein {    from { opacity: 0; }    to   { opacity: 1; }	}