/*General Styles*/

body {

	font-family: 'fira_sansbook';

}



h3 {

	font-size: 18px;

}



h4 {

	font-size: 24px;

}



a {

	font-family: 'fira_sansbook';

}



a:hover {

	text-decoration: none;

}



/*Header Styles*/

.header {

	background: #022440;

	color: white;

}



.logo {

	padding-top: 8px;

	padding-bottom: 5px;

	padding-left: 10px;



}



.main-nav {

	position: relative;

	z-index: 10;

}



.main-nav > ul {

	text-align: center;

	position: relative;

}



.main-nav ul > li {

	display: inline-block;

	font-size: 14px;

	padding: 0px 3.5%;

	border-right: 1px solid #0b3e69;

	line-height: 13px;

	position: relative;

	margin-top: 25px;

	/*text-align: center;*/

	vertical-align: middle;

}



.main-nav ul > li:first-child {

	padding-left: 0;

}



.main-nav ul > li:last-child {

	border-right: none;

}



.main-nav ul > li a {

	color: white;

	text-transform: uppercase;

	vertical-align: middle;

	height: 30px;

	display: block;

}



.main-nav ul > li a:hover {

	color: #1c7ac9;

	text-decoration: none;

}



.main-nav ul > li ul.sub-menu {

	display: none;

	top: 0;

	left: 0;

	padding: 40px 0 0 0;

	position: absolute;

	width: 200px;

	z-index: 1000; 



}



.main-nav ul > li:hover > ul.sub-menu {

	display: block;

}



/*.main-nav ul > li ul.sub-menu.active {

	display: block;

}*/



.main-nav ul > li ul.sub-menu li {

	background: #2979bf;

	border: none;

	float: left;

	margin: 0;

	padding: 0px 10px;

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.main-nav ul > li ul.sub-menu li a {

	border: none;

	border-bottom: 1px solid rgba(255,255,255,0.2);

	float: left;

	height: auto;

	line-height: 125%;

	padding: 10px 0;

	text-align: left;

	width: 100%;

}



.main-nav ul > li ul.sub-menu li a:hover {

	color: #022440;

}



.main-nav ul > li ul.sub-menu li:last-child a {

	border: none;

}



.container {

	max-width: 960px;

}



.header.container {

	max-width: 1078px;

}



/*Slider*/

.sliding-banner.container {

	max-width: 980px;

	height: 430px;

	margin-bottom: 40px;

}



/*Timeline*/



.decade {

	width: 20%;

	overflow: hidden;

}



.evolution-node {

	margin-top: -50px;

}



.evolution-node.container {

	max-width: 980px;

}



.title {

	text-transform: uppercase;

	text-align: center;

}



ul.evolution-timeline li {

	float: left;

	position: relative;

	margin-bottom: 20px;

}



ul.evolution-timeline li img {

	

}



ul.evolution-timeline li span {

	position: absolute;

	bottom: 0px;

	right: 15px;

	color: #ffffff;

	font-size: 66px;

	text-shadow: 2px 2px 3px #000000;

}



/*Content Nav*/



.content-nav  ul {

	padding-left: 0px;

}



.content-nav  ul li {

	float: left; 

	margin-right: 16px;

	text-align: center;

	text-transform: uppercase;

}



.content-nav ul li:last-child {

	margin-right: 0;

}



.content-nav ul li h3 {

	margin-top: 10px;

}



/*Projects Nav*/



.projects-nav h2 {

	text-transform: uppercase;

}



.project-item img {

	float: left;

	width: 100%;

	margin-bottom: 10px;

}



.project-item h4 {

	font-size: 16px;

	text-align: center;

	line-height: 20px;

}



.see-all {

	float: right;

	margin-top: 20px;

	margin-bottom: 40px;

}



.see-all a {

	font-size: 16px;

	color: #2979bf;

	font-weight: bold;

	text-decoration: underline;

	font-family: 'questaregular';

	margin-right: 5px;

}



.all-projects h2 {

	margin-bottom:20px;

}



.all-projects h4 {

	color: #1c7ac9;

	margin-bottom: 15px;

}



.all-projects ul {

	margin-bottom: 30px;

}



.all-projects ul li a {

	font-family: 'fira_sansbook';

}



.tahoe h2 {

	margin-top: 0;

}



.tahoe h4 {

	margin-bottom: 5px;

}



.commercial-item {

	min-height: 437px;

	position: relative;

}



.commercial-item a {

	position: absolute;

	right: 15px;

	bottom: 0;

}



/*Footer*/



.footer {

	background: #022440;

	text-align: center;

	height: 70px;

	bottom: 0;

}



.footer p {

	color: #79889b;

	font-size: 15px;

	padding: 28px 0 10px 0;

	line-height: 125%;



}



.copy-symbol {

	position: relative;

	bottom: -4px;

}



/*Lightbox*/

.decade-modal {

	display: none;

	padding: 5px 20px;

}



.decade-modal h4 {

	margin-bottom: 20px;

	padding-bottom: 15px;

	border-bottom: 1px solid #c3c7cb;

	font-size: 24px;

}



.decade-modal p {

	font-family: 'fira_sansbook';

	margin-bottom: 20px;	

}



.decade-modal span {

	display: block;

	margin: 0 auto;

	width: 80px;

}



.decade-modal img {

		margin-bottom: 10px;

	}







/* INNER PAGE - COMPANY*/



.photo-wide {

	margin-top: 20px;

}



.inner-row > .project-item {

	margin-bottom: 30px;

}



.inner > .inner-row > .project-item {

	

	padding: 0;

	margin-bottom: 0;

}



.project-item p, .inner p, .projects p, .project-intro p, .decade-modal p {

	color: #000000;

	font-size: 16px;

	margin-top: 0;

	font-family: 'fira_sansbook';

}



.inner > .inner-row  {

	padding: 0 20px;

}



.inner ul {

	padding-left: 0;

}



.inner ul li {

	color: #000000;

	font-size: 16px;

	font-family: 'fira_sansbook';

	line-height: 12px;

	vertical-align: middle;

	height: 24px;

}



.inner ul li span {

	height: 21px;

  	float: left;

  	display: inline-block;



}



img.bullet {

	width: 9px;

	margin-right: 10px;

}



.inner h2 {

	text-transform: none;

	margin-bottom: 20px;

}



.inner > .inner-row h4 {

	color: #1c7ac9;

}



.inner > .inner-row p {

	margin-bottom: 30px;

}



.inner > .inner-row p span {

	font-family: 'fira_sansbook';

}





/* INNER PAGE - MANAGEMENT TEAM*/



.team h4 {

	margin-bottom: 0px;

	margin-top: 0;

}



.team em {

	display: block;

	font-size: 17px;

	margin-bottom: 10px;

}



.team1  {

	padding-left: 0;

	margin-bottom: 15px;

}



/* INNER PAGE - STRATEGIC PARTNERS*/



.strategic a {

	color: #1c7ac9;

}



/* INNER PAGE - PRESS & AWARDS*/



.dates {

	margin-bottom: 20px;

}







.dates p span {

	font-family: 'fira_sansbook';

}



/* INNER PAGE - CONTACT*/



.contact h2 {

	font-size: 45px;

}



.contact_info p  {

	padding-bottom: 278px;

	font-size: 22px;

}



.contact_info p span {

	font-family: 'fira_sansbook';

}







/* INNER PAGE - GRID*/



.grid h4 {

	text-align: left;

	color: #012f56;

	font-size: 16px;

	margin-bottom: 5px;

	font-family: 'fira_sansbook';

}



.project-item div {

	min-height: 343px;

}



.project-intro p {

	font-size: 16px !important;

}



.grid p {

	font-size: 14px;

}



.more-link {

	color: #2979bf;

	font-size: 16px;

	margin-top: 0;

	font-weight: bold;

	text-decoration: underline;

	font-family: 'questaregular';

	text-align: right;

	float: right;

	bottom: 0;

}







/* INNER PAGE - PROJECTS*/



.projects > .inner-row  {

	padding: 0 20px;

	margin-bottom: 5px;

	text-transform: none;

}



.project-slider {

	margin-top: 20px;

}





.projects {

	margin-top: -40px;

	margin-bottom: 30px;

}



.projects h2 {

	text-transform: none;

	

}



.project-page h2 {

	margin-top: -10px;

}



.projects h3 {

	color: #1c7ac9;

	font-weight: 600;

	margin-bottom: 20px;

	margin-top: 10px;

	line-height: 24px;

}



.project-page span {

	font-size: 24px;

	margin-bottom: 20px;

	margin-top: 20px;

	display: block;

	font-family: 'fira_sansbold';

	color: #337ab7;

}



.project-page b {

	font-family: 'fira_sansbold';

}



.tahoe span {

	margin-top: -20px;

}



.project-page span a {

	font-family: 'fira_sansbold';

}



.control {

	width: 200px;

	margin: 0 auto;

	padding-top: 30px;

}



.control a {

	font-size: 16px;

	

	font-family: 'fira_sansbold';

}



.static-img {

	margin-top: 20px;

	margin-bottom: 60px;

	height: auto;

}



.david-p {

	margin-top: -10px;

	margin-bottom: 50px;

}



.david-p p {

	margin-top: 5px;

	font-size:13px;

}



/* Responsive 1200*/

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

  	.main-nav ul li {

		padding: 0px 3%;

	}

	.container {

		padding-left: 0;

	}



	.bx-wrapper .bx-next {

	right: -40px !important;

}



	ul.evolution-timeline {

		padding-right: 0;

	}



	ul.evolution-timeline li {

		margin-bottom: 0;

	}



	.content-nav ul {

		overflow: hidden;

		padding-left: 10px;

	}



}



/* Responsive 992*/

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



	.logo {

		display: block;

		float: none;

		margin: 0 auto;

		

	}



	.main-nav ul {

		width: 100%;

		text-align: center;

		padding: 0;	

	}



  	.main-nav ul li {

		padding: 0px 3% !important;

		float: none;

		display: inline-block;

		font-size: 15px !important;

		margin-top: 40px;

	}

	.main-nav ul li:first-child {

		padding-left: 10px !important;

	}

	.main-nav ul > li ul.sub-menu {

		padding-top: 40px;

	}



	.decade span {

		font-size: 50px !important;

	}



	.sliding-banner.container {

		height: auto;

		margin-bottom: 0;

	}

}







/* Responsive 768*/

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



	.header {

		

		text-align: center;

	}



	.logo {

		display: block;

		float: none;

		margin: 0 auto;

	}



	.main-nav ul {

		width: 100%;

		padding: 0;	

	}



  	.main-nav ul li {

		padding: 0px 5%;

		font-size: 18px;

	}



	.main-nav ul li:first-child {

		padding-left: 78px;

	}



	.main-nav ul > li ul.sub-menu {

		padding-top: 40px;

	}



	.bx-controls-direction {

		display: none;

	}



	.decade span {

		font-size: 40px !important;

	}



	.projects-nav {

		padding-left: 10px;

	}



	.project-item {

		width: 100%;

		float: left;

	}



	.all-projects ul li {

		line-height: 20px;

		display: inline-block;

		height: auto;

	}



	.all-projects ul li span {

		height: 21px;

		display: inline-block;

		float: left;

	}



	.lines {

		height: 41px !important;

	}



	.inner ul li {

		line-height: 20px;

	}



	

}







/* Responsive 576*/

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



	.logo {

		display: block;

		float: none;

		margin: 0 auto;

	}



	.main-nav ul {

		width: 100%;

	}



	.content-nav ul {

  		margin-top: 20px;

	}



  	.content-nav ul li {

  		margin-right: 10px;

  		width: 46.6%;

  		margin-bottom: 10px;

  		overflow: hidden;

	}

	.project-item {

		width: 100%;

	}



	.inner ul li {

		line-height: 20px;

	}

}





/* Responsive 442*/

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



	.logo {

		display: block;

		float: none;

		margin: 0 auto;

	}



	.main-nav ul {

		width: 100%;

	}



  	.main-nav ul li {

		padding: 0px 4% !important;

		font-size: 12px !important;

		margin-top: 25px;

	}



	.decade span {

		font-size: 30px !important;

	}



	.all-projects ul li {

		line-height: 20px;

	}



	.inner ul li {

		line-height: 1.3;

		margin-bottom: 9px;

  		

  		display: inline-block;

	}



	.footer {

		height: auto;

	}



}





/* FONTS*/

@font-face {

    font-family: 'questaregular';

    src: url('../fonts/2-questa_regular-webfont.eot');

    src: url('../fonts/2-questa_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/2-questa_regular-webfont.woff2') format('woff2'),

         url('../fonts/2-questa_regular-webfont.woff') format('woff'),

         url('../fonts/2-questa_regular-webfont.ttf') format('truetype'),

         url('../fonts/2-questa_regular-webfont.svg#questaregular') format('svg');

    font-weight: normal;

    font-style: normal;

}