@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i&display=swap');
html { margin:0 !important;  padding:0 !important; }
body {background-color: #FFFFFF;	font-family: Lato, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0 !important; padding: 0 !important; border:0;
	background-image: url('/images/structural/swirl-scientific-tint.svg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 10%;
	background-size: 100%;
	  }
h1 { letter-spacing: .02em;	font-size: 2em; text-align: center;}
h2 {letter-spacing: .02em;font-size: 1.2em; text-align: left; }
h3 {letter-spacing: .02em;font-size: 1.2em; text-align: left;}
p { color: #6F6F6F; line-height: 150%; text-align: justify;}
ul { color: #6F6F6F; line-height: 150%;}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }
#container { background-image: none; background-color:transparent; margin:0; width:100%;  min-height: 15em;}
#control_panel { background-color: transparent; /*height: 158px;*/ height: 57px; width: 100%; top:0; cursor: pointer; }
#control_panel_drop { background-color: #DADADA; height: 120px; width: 100%; z-index: 200; position: relative; }
#control_panel_trigger { background-color: #176DB5; -webkit-box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9);
	 -moz-box-shadow: 0px 4px 4px 4px #666; box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9); height: 45px;  z-index: 10;position: relative;  }
#control_panel_trigger #menu_icon { max-width: 36px; margin-top: 8px;}
#control_logo_link	 { float: left; margin: 0.2em  0 0 1em; max-width:135px; width:50%; }
#logo	 { float: left; margin: 0.2em  0 0 1em; max-width:180px; width:50%; }
#content { width: 90%; margin: 1em auto; max-width: 1024px; }
#content_inner { max-width: 1024px; margin: auto; }
#header { margin-top: 0.5em;  position: relative;  }
.header_image { position: relative; clear: both; }
.header_image img { width: 100%; }
/*.header_image .byline { position: absolute; top: 30px; left: 6%; font-size: 1.4em; color: #FFFFFF; font-weight: bold; width: 55%; }
.header_image .byline { position: relative; font-size: 1.0em; color: #000000; font-weight: bold; width: 90%; margin: 0.5em; z-index: 400; }*/
.header_background { background-repeat: no-repeat; background-position: bottom center; background-size: cover;  }
.header_background img {width: 100%;display: block; margin:0; min-height: 100px;}
/*.byline { position: relative; font-size: 1.2em; color: #6F6F6F; font-weight: bold; width: 90%; margin: 1em auto; z-index: 400; }*/
.byline { position: absolute; font-size: 1.0em; color: #FFFFFF; font-weight: bold; width: 90%; margin: 1em auto; z-index: 400; top: 0px; left: 10px; width: 70%;  }
#bodycopy {clear: both; line-height: 1.5em; max-width: 95%; text-align: justify; margin: auto; padding: 1em;}
#bodycopy a { }
#menu_icon {float: right; margin: 0.3em 1em 0 0em; max-width:100%; width: 35px; }


nav { }
#menu { max-width:1000px; width: 100%; }
#menu_trigger { background-color:transparent; position: absolute; right: 20px; top: 10px; display: none; cursor:pointer; }
#menu_trigger img { max-width: 80%;}
#menu_inner { clear: both; width: 100%;}
#menu ul { float: left; padding: 0%; width: 100%; list-style-type: none; font-size: 0.9em; font-weight: bold; background-color: #176DB5;}
#menu li { float: left; margin: 0; padding: 10px 0 10px 4%; background-color: transparent; width: 96%; border-top: 1px solid #ffffff;}
#menu li:first-child { border-top: none;}
#menu li a { color: #ffffff;  text-decoration: none;}
#menu li a:hover { color: #dddddd; text-decoration: none;}
#menu li.withdrop { cursor:pointer; background-image:url('/images/structural/menu-arrow.png'); background-repeat: no-repeat; background-position: right 20px; color: #ffffff;}
#menu li.withdrop:hover { color: #dddddd; text-decoration: none;}
#menu li ul { width: 95%;border-top: none;}
#menu li ul li {  float: left; clear: both; margin: 0em 0; padding: 5px 0 5px 10px;border-top: none; } 
#menu li ul li a { color: #ffffff; }
#menu li.live ul li a { color: #ffffff; }
#menu li.live ul li a:hover { color: #dddddd; }
#menu li.live ul li.live a { color: #dddddd;  }
#menu li ul li i { color: #dddddd; font-size: 1.5em; }
#menu li ul li.second { margin: 0.5em 0 0 0; border-top: none; }
#menu li ul li.third { margin: 0.1em 0 0.1em 3em; font-size: 0.9em;border-top: none; list-style-image:  url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='6' r='3' fill='%23ffffff' /%3E%3C/svg%3E"); }

#menu .menu_gap {display: none; }
#menu .sub_menu { display: none; }

#content .logo_box { width: 15%; text-align: center; float: left; margin: 0;}
#content .logo_box img { max-width: 100%;}

/* old navigation
#navigation { margin: 10px 6% 2% 0; float: right;  } 
#navigation ul { list-style: none; padding: 0; margin: 0 auto; } 
#navigation li { float: left; font-size: 0.9em; padding: 0 0 0 1em; }
#navigation li a { color: #176DB5; text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }
#navigation li.login { padding: 0 1em 0 1em; background-color: #C6C6C6; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -o-border-radius: 0.5em; -khtml-border-radius: 0.5em; margin-left: 1em; }
#navigation li.login a { color: #FFFFFF; }
#navigation li.login a:hover { color: #176DB5; text-decoration: none;}
.navigation2 { float: left; margin: 0% 2% 2% 2%; border-left: 1px solid black; clear: both; }
.navigation2.start { margin: 0% 2% 2% 2%; }
.navigation2 h2 { margin: 0 1em; color: #0765db; }
.navigation2 h2.scientific { color: #5BB6A2; }
.navigation2 h2.engineering { color: #75538B; }
.navigation2 h2.environmental { color: #1F9EC4; }
.navigation2 a {color: #6F6F6F; text-decoration: none; }
.navigation2 a:hover {color: #6F6F6F; text-decoration: underline; }
.navigation2 ul { margin-top: 0.2em; list-style: none; color: #6F6F6F; }
.navigation2 li.subtrigger { cursor: pointer; color: #6F6F6F; }
.navigation2 li ul { margin-top: 0em; list-style: none; color: #6F6F6F; }
*/

#intro { float: left; width: 100%;}
#intro p { color: #6F6F6F; font-size: 1.0em; text-align: justify;}

#left_column { float:left; width: 100%; } 
#left_column a { text-decoration: none; color: #176DB5; } 
#left_column a:hover { text-decoration: underline; } 
#left_column a.group { color: #176DB5; } 
#left_column a.engineering { color: #75538B; } 
#left_column a.scientific { color: #5BB6A2; } 
#left_column a.environmental { color: #1F9EC4; } 

#content ul {list-style-image: url("data:image/svg+xml,%3Csvg width='10' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='6' r='5' fill='%23176DB5' /%3E%3C/svg%3E"); }

#full_column { float:left; width: 100%; } 
#full_column a { text-decoration: none; color: #176DB5; } 
#full_column a:hover { text-decoration: underline; } 
#full_column a.group { color: #176DB5; } 
#full_column a.engineering { color: #75538B; } 
#full_column a.scientific { color: #5BB6A2; } 
#full_column a.environmental { color: #1F9EC4; } 
#full_column h1 { color: #176DB5; }
#full_column img {max-width: 100%;}
#content #full_column .intro, #content #left_column .intro { color: #6F6F6F; font-weight: bold; font-size: 1.2em; text-align: justify; }
.title_box { float: left; width: 90%; padding: 0.5em 1em;  background-color: #176DB5; background-image: url('/images/structural/white-div-arrow.png'); background-repeat: no-repeat; background-position: right top; }
#content h2 { font-size: 2rem;}
#content h3 { font-size: 1.25rem; color: #176db5; margin: 1em 0 0.2em 0;}
#content h3+p { margin-top: .2em;}
#content h4 { font-size: 1rem;}
#content h2 + h3 { margin: 0 0 0.5em 0;}
#content h2.with_sub { margin-bottom: 0;}
#content .title_box h1 { color: #FFFFFF; width: 70%; text-align: left; padding: 0; margin: 0; font-size: 1.5em;}
#content h2.sub_title  {font-size: 2em; text-transform: uppercase; letter-spacing: 0.3em; font-weight: 200; margin:0 0 0 0; max-width: 70%;}
#content .logo_box { width: 30%; text-align: left; float: left; margin: 10px 0 0 0;}
#content .logo_box img { max-width: 100%;}

#content .full_column a { text-decoration: none; color: #176DB5; } 
#content .full_column a:hover { text-decoration: underline; } 

#content .split_right_column {float: left; width: 100%; text-align: center;}
#content .split_left_column {float: left; width: 100%;}
#content .split_right_column img { max-width: 100%; margin-top: 20px; }

.boxed_content {padding: 0.5em 1em; background-color: #E7F0F7; float: left; border-radius: 10px; border: 1px solid #176DB5; margin: 0.5em 0 1em 0;}

.boxed_content p {font-style: italic;margin: 0; padding:0;}

/* old right column stuff */
#right_column { float:left; width: 95%; margin: 0 0 2em 0; }
dl { margin: 1em; padding-top: 1em; }
dt { font-size: 1em; font-weight: bold; margin: 0.5em 0 0 0;}
dd { color: #6F6F6F; font-size: 0.85em; font-weight: normal; margin: 0; line-height: 1.25em;}
.key_fact_header { width: 100%; margin:0; padding: 0; float: left;}
#content #right_column .key_fact_header h3 {color: #fff; margin: 0.2em 0.5em; text-align: center; letter-spacing: 0.2em;}
.right_box_header { width: 90%; margin: 5%; float: left;}
#right_column h4 { font-size: 1em; font-weight: bold; margin: 0.3em 0.5em; float: left; clear: both;}
.right_box_header h4 {  color: #FFF; }
#right_column p.caption { font-size: .85em; font-style:italic; margin: 0 0 0 1em; float: left; clear: both;}
#right_column p.side_text { font-size: .8em; margin: 0 0.5em 2em 1em; float: left; clear: both; line-height: 120%;}

#right_column_50 { float:left; width: 95%; margin: 0 0 2em 0; }

.right_image_holder { float: left; width:100%; text-align: center;  margin: 0.2em 0 1em 0; }
.right_image_holder img { margin: 0em auto 0 auto; max-width: 285px; width: 95%; }
.right_image_holder a.zoom  { cursor: url('../images/structural/zoom.png'), pointer; }

/* new right column stuff */

#right_column_v2 { float:left; width: 95%; margin: 0 0 2em 0; }
#content #right_column_v2 img { max-width: 100%; border: 1px #CCC solid; }
#content #right_column_v2 p.caption { font-size: .85em; font-style:italic; margin: 0 0 0 1em; float: left; clear: both;}
#content #right_column_v2 p.snippet { font-size: 1.5em; margin: 2em 0; font-weight: 300; float: left; clear: both; color: #176DB5; text-align: center;}
#content #left_column h4 { color: #6F6F6F; margin: 0;}
#content #left_column h4 + p { margin-top: 0; }
#content #right_column_v2 p.resources_link { font-size: 1.2em; margin: 2em 0; font-weight: 300; float: left; clear: both; color: #333; text-align: left;}
#content #right_column_v2 p.resources_link a {text-decoration: none; color: #176DB5; }
#content #right_column_v2 p.resources_link a:hover {text-decoration: underline; color: #0D416C; }

/* end right column */

#client_login { float: right; margin: 5% 6% 2% 0; }
#client_login li { float: left; font-size: 0.9em; padding: 0.1em 1em; background-color: #C6C6C6; display: block; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -o-border-radius: 0.5em; -khtml-border-radius: 0.5em; }
#client_login ul { list-style: none; padding: 0em; margin: -0.1em auto; }
#client_login li a { color: #FFFFFF; text-decoration: none; }
#client_login li a:hover { text-decoration: underline; }


#search { position: absolute; top: 1em; right: 6%; }
#search input { border: 1px #C6C6C6 solid; background-color: #FFFFFF; font-size: 0.9em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -o-border-radius: 0.5em; -khtml-border-radius: 0.5em; }
#control_panel_drop a img:hover { border-bottom: 1px #FFFFFF solid; }

#footer
{
	clear: both;
	border-top: 2px #176DB5 solid;
	background-color: #C6C6C6;
	margin: 0.5em 0 0 0;
	min-height: 1.5em;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0.5em 1em 0.5em 1em;
}
#footer #bottom_menu_links { clear: both; }
#footer #copyright_notice { clear: both;}
#footer p
{
	font-size: 0.75em; margin: 0; color: #FFFFFF;
}
#footer p.smallprint
{
	font-size: 0.67em; margin: 0.5em 0 0 0;
}
#footer p.smallprint a
{
	color: #FFFFFF; text-decoration: none; font-size: 1.4em;
}
#footer p.smallprint a:hover
{
 	text-decoration: underline;
}
#footer_insert {max-width: 1024px; }

.clear_both {clear: both;}
.clear_full { float: left; width:100%; clear: both; }
.high2em { height: 2em; }
.blue_text { color: #176DB5; }

#cookie_control { position: fixed;
	left:0;
	bottom: 0;
	 -webkit-box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9);
	 -moz-box-shadow: 0px 4px 4px 4px #666; 
	 box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9);
 	 
 	width: 100%;
	background-color: white;
	background-image: url('../images/structural/cookie-bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	display: none;
}	
#cookie_bar_room { height: 50px; display: none; }	
#cookie_control .cookie_bar { margin: 10px 20px; }
#cookie_control .bar_left { float: left; }
#cookie_control .bar_right { float: right; }
#cookie_control .cookie_bar p { margin: 0; font-size: 0.85em; }
#cookie_control .cookie_bar a { color: #004268; text-decoration: none; }
#cookie_control .cookie_bar a:hover { text-decoration: underline; }
#cookie_control .cookie_bar p img {margin: 0 1em; vertical-align: middle; }
#cookie_dismiss { cursor: pointer; }

/* home page extras */
#news_holder { clear:both; margin: 1em auto; width: 100%; max-width: 345px; min-width: 250px; background-color: #FFFFFF; }
#news { background-color: #FFFFFF; border: 1px solid #176DB5; }
#news #header_tape { background-color: #176DB5; color: #FFFFFF; font-size: 1em; padding: 0.2em 1em; font-style: italic; font-weight: bold; }
#news #header_tape a { color: #FFFFFF; text-decoration: none; }
#news #scroller li {font-size: 0.8em; padding-top: 0.2em; }
#news #scroller li span.news_title {  font-size: 1rem; color:#176DB5; }
#scientific_enter { background-color: #176DB5; height: 1.25em; }
#engineering_enter { background-color: #176DB5; height: 1.25em; }
#environmental_enter { background-color: #176DB5; height: 1.25em; }
#scientific_box { border: 1px solid #5BB6A2; background-image: url('/images/structural/box-1-v3.jpg'); background-repeat: no-repeat; background-position: center -12px; }
#engineering_box { border: 1px solid #75538B; background-image: url('/images/structural/box-2-v2.jpg'); background-repeat: no-repeat; background-position: center top; }
#environmental_box { border: 1px solid #1F9EC4; background-image: url('/images/structural/box-3-v3.jpg'); background-repeat: no-repeat; background-position: center -15px; }
.section_box_holder {  margin: 1em auto 1em auto; width: 100%; max-width: 345px; background-color: #FFFFFF; clear: both; }
.section_box_holder_last {  margin: 1em auto 2em auto; width: 100%; max-width: 345px;  background-color: #FFFFFF;}
.section_box { background-color: #FFFFFF; min-height: 10em; padding: 0.5em; }
.small-logo { width: 100%; height: auto; max-width: 190px; }
/*.click_span { height: 100%; width:100%; z-index: 20; top:0; left: 0; }*/
a.click_span { display: block; height: 100%; width:100%; z-index: 20; }
#icon_holder {float: left; width: 100%; margin-bottom: 20px; text-align: center;}
#icon_holder .icon_item {float: left; width: calc(100% / 2); text-align: center; min-height: 140px;}

#content #full_column h1 {font-size: 1.5em;}

/* global-client related */
.casestudies h2 { margin: 0 0 0 1em; }
.casestudies h4 { margin: 0 0 0 1em; }
area {  outline: none; }
.client_list { float: left; width: 90%; margin: 0 1em;}
.client_list ul {  font-size: 0.85em; color: #6F6F6F; }
#map_holder { float: left; width: 100%; }
#side_info { float: left; width: 90%; }

.big_spacer { height: 300px;}

.news_notification
{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle fill='%23f00' cx='5' cy='5' r='5' width='100%' height='100%'/></svg>");
	background-repeat: no-repeat;
	background-position: 6px 12px;
}
#social_icon {cursor: pointer;}
#sharing_block {display:none; }
#sharing_block #sh_block_blackout {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #333; opacity: 0.65; }
#sharing_block #sh_block_content { z-index: 2;}
#sharing_block #sh_block_content h2 { text-align: center; font-size:1.5em; color: #176DB5; font-weight: 300; margin-top: 10px; }
#sharing_block .close_sharing_block { position: absolute; right: 10px; top: 10px; cursor: pointer;}
#sharing_block .share_icon { float: left; width: 35%; }
#sharing_block .share_icon:nth-child(odd) { margin:5px 5% 0 10%; }
#sharing_block .share_icon:nth-child(even) { margin:5px 10% 0 5%;  }
#sharing_block .share_icon img { max-width: 100%; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); -moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}


#left_column h1 { color: #176DB5; text-align: left; margin: 0;}
h2 { color: #176DB5; }
.intro_text { color: #176DB5; margin-top: 0; }
#right_column { background-color: #D0E1F0;}
dt { color: #176DB5; }
.key_fact_header { background-color: #176DB5; }
#navigation a.live { color: #000000; }
.right_box_header { background-color: #176DB5; }
#right_column h4 { color: #176DB5; }
.blue_tint { background-color: #D0E1F0;}
#ofs_url {width:50%; float: right; text-align: right; margin:10px 50px; color: #fff; text-transform: uppercase; font-size: 1em; letter-spacing: 0.3em;}