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

html, body{
	margin:0;
	padding:0;	
	font-size:10px;
}
body { 
  background: url('../images/bg-bridge.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family:'Open Sans', Arial, Helvetica, sans-serif
}

section{
	display:block;	
}
#main{
	padding:2.5%;
}
nav{
	text-align:right;
	font:1.4em/1em 'Open Sans', Arial, Helvetica, sans-serif;
	color:#FFF;
}
nav a{
	outline:none !important;
}

nav a:link, a:visited{
	color:#FFF;
	text-decoration:none;
}
nav a:hover, a:active{
	color:#bb3b38;
	text-decoration:underline;
}

#logo{
	width:30%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
	margin:2.5%;
}



/* Magnific Popup CSS http://dimsemenov.com/plugins/magnific-popup/ */
.popup-block {
	max-width: 960px;
	padding:20px;
	background-color: #e5e6e7;
	text-align: left;
	margin: 40px auto;
	position: relative;
	font:1.5em 'Open Sans', Arial, Helvetica, sans-serif;
	color:#666;
}

.popup-block h1, .popup-block h2{
	margin-bottom:25px;
}

.popup-block h2{
	margin-top:35px;
    font-size:24px;
}

.popup-block p{
	line-height:1.5;
    margin-bottom:20px;
}

.xlink{
    display:block;
    position:absolute;
    z-index:1000;
    right:0;
    top:0;
    outline:none;
    font:28px Arial;
    line-height:44px;
    text-decoration:none !important;
    width:44px;
    height:44px;
    color:#CCC !important;
    text-align:center;
    opacity:0.65;
}
.xlink:hover{
    text-decoration:none !important;
    color:#666 !important;
}

#contact_container{

}

#contact_container h2{
	font-size: 30px;
	color: #f27920;
	/*color: #bb3b38;*/
	border-bottom: 1px solid #666;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#contact_container .row{
	margin-bottom:10px;	
}

#contact_container p{
	margin-bottom:20px;
}

#contact_container p a:link, #contact_container p a:visited{
	color:#000;
	text-decoration:underline;
}

#contact_container p a:hover, #contact_container p a:active{
	color:#000;
	text-decoration:underline;
}

.col-contactDetails{
	font-size:24px;
	color:#666;
}

.col-contactDetails a{
	color:#666;
}

/* overlay at start */
.mfp-bg{
	background: #666;
}


.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.col--teamMember {
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#666666;
	padding-bottom:20px;
}

.col--teamMember .team_name {
	display:block;
	font:15px/19px Georgia, "Times New Roman", Times, serif !important;
	color:#333 !important;
	padding-top:16px !important;
}

.col--teamMember .team_phone {
	display:block;
	font:12px/18px Georgia, "Times New Roman", Times, serif !important;
}

.col--teamMember a {
	display:block;
	font:normal 12px/18px Georgia, "Times New Roman", Times, serif;
}

.col--teamMember a:link, .col--teamMember a:visited {
	text-decoration:none;
	color:#333;
}

.col--teamMember a:hover, .col--teamMember a:active {
	text-decoration:none;
	color:#04456a;
}

.map_container {
	padding:0 0 35px 0;
}
.map_container a {
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	text-decoration:none;
	background: url(/images/contactmap.png) no-repeat 0px 0px;
	background-size:cover;
}


.col-lightboxFooter {
	font:10px/13px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#999999;
}
.footerlogo {
	float:left;
	position:relative;
	top:-8px;
	width:250px;
}
#footernav {
	padding:3px 0px 20px 0px;
	width:155px;
	float:right;
}
.col-lightboxFooter a:link {
	color:#999999;
	text-decoration:none;
}
.col-lightboxFooter a:visited {
	color:#999999;
	text-decoration:none;
}
.col-lightboxFooter a:hover {
	color:#cccccc;
	text-decoration:none;
}
.col-lightboxFooter a:active {
	color:#999999;
	text-decoration:none;
}

.lightboxContent-hidden{
	display:none;	
}


/*tablet horizontal*/
@media screen and (max-width: 1024px) {  
	#logo{
		width:40%;
	}
}
/*tablet vertical*/
@media screen and (max-width: 728px) {  
	#logo{
		width:60%;
	}
} 
/*smartphone */
@media screen and (max-width: 568px) {  
	nav{
		text-align:center;
		font:1.7em/1em Arial, Helvetica, sans-serif;
	}
	.col-contactDetails{
		font-size:18px;
	}
	.footerlogo {
		width:90%;
		padding-top:40px;
	}
} 
@media screen and (max-width: 320px) {  
	#logo{
		width:90%;
	}
	
} 
/*misc styles*/
.clear{
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}