html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .br { display: block; }  body { background: #fff; color: #083d51; font: normal normal 17px/28px Arial, Helvetica, sans-serif; background-position: center top; } html, body {  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative;  max-width: 1920px;  margin: 0 auto; }   #globaltotop { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 300; display: none; } #globaltotop a { background: rgba(8,61,81, 0.85); display: inline-block;  color: #fff; padding: 10px 15px 5px 15px; border-top-left-radius:12px; border-top-right-radius:12px; text-decoration: none; } #globaltotop a b { display: inline-block; width: 28px; height: 17px; background: url(../_img/to_top_arrow.png); background-repeat: no-repeat; }  @media (max-width: 940px) { } @media (max-width: 740px) {  body {  font: normal normal 16px/26px Arial, Helvetica, sans-serif;   } } @media (max-width: 540px) {  body {  font: normal normal 15px/24px Arial, Helvetica, sans-serif; } } .wrapper--bg1, .container--bg1, .content--bg1 { background-color: #fff; } .wrapper--bg2, .container--bg2, .content--bg2 { background-color: #a4d9f0 } .wrapper--bg3, .container--bg3, .content--bg3 { background-color: rgba(120,32,110, 0.25) } .wrapper--bg4, .container--bg4, .content--bg4 { background: #083d51; } .wrapper--bg5, .container--bg5, .content--bg5 { background: #a9a9a9; } .wrapper--bg_angled_genereric { background-image: url(../_img/angled_generic_BG.png);  background-position: center -130px; } .wrapper--bg_angled_projects { background-image: url(../_img/angled_projects_BG.png);  background-position: center -130px; } .wrapper--bg_angled_procurement { background-image: url(../_img/angled_procurement_BG.png);  background-position: center -130px; background-repeat: no-repeat; background-color: #a7a2cf; } .wrapper--bg_angled_professional { background-image: url(../_img/angled_professional_BG.png);  background-position: center -130px; } .wrapper--bg_angled_precision { background-image: url(../_img/angled_precision_BG.png);  background-position: center -130px; } .wrapper--bgBlueGrad { background: rgb(204,204,204); background: linear-gradient(0deg, rgba(120,32,110, 0.3) 0%, rgba(255,255,255,1) 100%); } .wrapper--bgBlueGradHard { background: rgb(204,204,204); background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(120,32,110, 0.3) 50%); } .wrapper--hidden { display: none; }   .wrapper { margin-bottom: 30px; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 5px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 60px; } .wrapper--mb_xlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge { padding-top: 90px !important; padding-bottom: 90px !important; }  .wrapper--limit_width_half   .content, .wrapper--limit_width_half   .container h1 {  max-width: 705px; } .wrapper--limit_width_third  .content, .wrapper--limit_width_third  .container h1 {  max-width: 465px; } .wrapper--limit_width_quarter  .content, .wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--limit_width_two_thirds  .content, .wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--limit_width_three_quarters .content, .wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--limit_align_center  .content, .wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--limit_align_right  .content, .wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }   .container, .container--medium, .container--large { width: 95%; max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 930px; } .container--large { max-width: 1410px; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--no_gutter .section { margin-left: 0; } .container--no_gutter .section > .column { padding-left: 0; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }  .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px;  }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4; } .column--align_bottom {  align-self: flex-end; }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child { margin-bottom: 0 !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_justify p { text-align: justify; } .content--align_right { text-align: right; }   .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_large { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_xlarge { padding-left: 60px !important; padding-right: 60px !important; } .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; }  .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }  .content--fontcol_1 * { color: #222; } .content--fontcol_2 * { color: #fff; }  .content--limit_690 { max-width: 690px; } .content--limit_650 { max-width: 650px; }  .wrapper--bg4 .content *, .container--bg4 .content *, .content--bg4 *, .wrapper--bg4 .content h3, .container--bg4 .content h3, .content.content--bg4 h3, .wrapper--bg4 .content a:hover, .container--bg4 .content a:hover, .content.content--bg4 a:hover  { color: #fff; }  .content--border_1 { border: 2px solid #d6d6d6; } .content--border_2 { border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; } .content--border_3 { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); }   .content--corners_1 { border-radius: 10px; overflow: hidden; }   @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; }  .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type,  .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_70_30 > .section > .column:first-of-type, .container--two_col_625_375 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type, .container--two_col_30_70 > .section > .column:first-of-type {  width: auto !important; }  .container--four_col > .section {  display: flex;  flex-wrap: wrap;  }  .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } }  @media (max-width: 740px) {  .wrapper--padding_vert_none,  .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal {  padding-top: 0px;  padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large {  padding-top: 45px !important;  padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; }  .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; } } header { background-image: url(../_img/header/header_BG.png); background-position: center top; height: 200px; } header .container { z-index: 300; } #header_prop { height: 200px; display: none; } header.fixed_header { position: fixed;   z-index: 300;   width: 100%; top: -120px; height: 120px; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 0.6; max-width: 1920px; } header.fixed_header.offscreen { top: -120px; opacity: 0.6; } header.fixed_header.onscreen { top: 0;  opacity: 1; box-shadow: 2px 3px 20px 0px rgba(0,0,0,0.5); } header h2 a { display: block; text-indent: -5600px; width: 200px; height: 200px; background-image: url(../_img/header/logo_FULL-grey.png); background-size: auto 140px; background-repeat: no-repeat; background-position: 0 center; } header.fixed_header h2 a { background-image: url(../_img/header/logo_SYMBOL-grey.png); height: 120px; background-size: auto 80px; background-position: 0 center; }  nav#globalnav { position: absolute; right: 0px; top: 110px; } header.fixed_header nav#globalnav { top: 40px; } nav#globalnav > ul > li { display: inline; } nav#globalnav > ul > li > a { display: inline-block; line-height: 90px; color: #999; text-decoration: none;  font-size: 18px; text-transform: uppercase; padding-left: 40px; transition: color 0.2s ease-in-out; } nav#globalnav > ul > li:first-of-type > a { padding-left: 0; } .home  nav#globalnav > ul > li.gn-home > a, .companies nav#globalnav > ul > li.gn-companies > a, .about  nav#globalnav > ul > li.gn-about > a, .team  nav#globalnav > ul > li.gn-team > a, .contact nav#globalnav > ul > li.gn-contact > a, nav#globalnav > ul > li > a:hover { color: #fff; }  nav#globalnav > ul > li > ul { display: none; }  nav#contactnav { position: absolute; right: 0px; top: 35px; color: #999; } header.fixed_header nav#contactnav { top: 10px; }  nav#contactnav > ul > li { display: inline; padding-left: 4px; } nav#contactnav > ul > li.email { padding-left: 10px; padding-right: 10px; } nav#contactnav > ul > li > a { display: inline-block; line-height: 32px; color: #999; transition: color 0.2s ease-in-out; text-decoration: none;  font-size: 16px; } nav#contactnav > ul > li.social a { width: 34px; height: 34px; box-sizing: border-box; text-indent: -6700px; background-size: 32px 32px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.0); transition: border-color 0.2s ease-in-out; opacity: 0.3; } nav#contactnav > ul > li.social a:hover { border-color: rgba(255,255,255,0.5); opacity: 1; } nav#contactnav > ul > li > a:hover { color: #fff; } #open_nav, #close_nav { display: none; }  @media (max-width: 940px) {  #header_prop, header.fixed_header {  height: 0 !important;  display: none !important; }  header {  height: auto;  background: none; } header .container {  top: 0;  position: relative;  height: auto;  width: 100%; } header h2 {  height: 120px;  width: 100%;  background-image: url(../_img/header/mobile_header.png);  background-size: 940px 120px;  }   header h2 a {  height: 120px;  width: 225px;  background: none; } #open_nav {  display: block;  position: absolute;  width: 50px;  height: 40px;  background-image: url(../_img/mob_burger_lines_white.png);  background-repeat:no-repeat;  background-size: 40px auto;  background-position: center center;  right: 16px;  top: 9px;  cursor: pointer;  } #close_nav {  display: block;  color: #fff;  position: absolute;  top: 20px;  right: 20px;  font-size: 60px;  cursor: pointer; }   #main_nav_holder{  height: 0;  width: 0;  position: fixed;  z-index: 301;  left: 50%;  top: 50%;  background-color: rgba(0,0,0, 0.9);  overflow-x: hidden;  transition: 0.3s;  opacity: 0; } #main_nav_holder.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1; }  #main_nav_holder.mob_open nav#globalnav,  #main_nav_holder.mob_open nav#contactnav {  display: block;  position: static;  top: auto; left: auto; right: auto; bottom: auto; }   nav#globalnav ul {  display: block;  position: absolute;  top: 50%;  width: 100%;  text-align: center;  transform: translateY(-70%); } nav#globalnav > ul > li {  display: block;  text-align: center; } nav#globalnav > ul > li > a {  color: #fff;  display: inline;  padding-left: 0 !important;  width: 100%;  text-align: center;  height: auto;  font-size: 6vw;  line-height: 1.8; }   nav#contactnav ul {  display: block;  position: absolute;  bottom: 5%;  width: 100%;  text-align: center; } nav#contactnav > ul > li.tel, nav#contactnav > ul > li.email {  display: block;  text-align: center;  padding: 0; } nav#contactnav > ul > li > a {   line-height: 1.3;  font-size: 4vw;   }   } #page_hero { position: relative; } #page_hero #hero-overlay { width: 100%; min-height: 404px; background-image: url(../_img/page_hero_overlay.png); background-position: center top;  position: absolute; top: 0; z-index: 200; opacity: 0; transition: opacity 0.1s ease-in; } .loaded #page_hero #hero-overlay { opacity: 1; } #page_hero p { position: relative;  margin: 0; min-height: 404px; background-position: center top; } #page_hero p img { display: none; }  .content h1, .content h2 { font-family: 'Roboto', sans-serif; font-weight: 300;  font-size: 3.1em; line-height: 1; margin-bottom: 30px; } .content h2 { line-height: 1.1; } .content p { margin-bottom: 1em; } .mb0 { margin-bottom: 0 !important; } .white { color: #fff; } .black { color: #333; } .light_blue { color: #a5daf1; } .light_green { color: #9ad1c7 !important; } .light_purple { color: #a8a3d0 !important; } .light_pink { color: #d3aacf !important; } .light_brown { color: #f5b360 !important; }  .content a { color: #083d51;  text-decoration: none; } .content a:hover { color: #a4d9f0; }  .content ul.big_tick { list-style: none; } .content ul.big_tick li { background-image: url(../_img/big_tick.png); background-repeat: no-repeat;  background-size: 53px 51px; min-height: 51px; font-size: 1.75em; padding: 15px 0 0 75px; }  .content ul.bullet_white { list-style: none; } .content ul.bullet_white li { background-image: url(../_img/bullet_white.png); background-repeat: no-repeat;  background-size: 18px 15px; background-position: 0 5px; min-height: 18px; font-size: 1em; padding: 0 20px 20px 40px; } .content ul.bullet_white li:last-of-type { padding-bottom: 0; } .content ul.bullet_white.large_text li { font-size: 1.3em; }   #intro .content h1 { color: #78206e;  margin-bottom: 0.8em; } #intro .content h1 strong { color: #78206e;  font-weight: normal; } #intro .content p, #company_intro .content p { font-size: 1.4em; line-height: 1.625; }   .content blockquote { background-image: url(../_img/quote_generic_left.png), url(../_img/quote_generic_right.png); background-position: left top, right bottom; background-repeat: no-repeat, no-repeat; padding: 60px 20px 0px 20px; font-size: 1.4em; line-height: 1.6; font-style: italic; } .content blockquote cite { display: block;  padding-top: 20px; font-size: 0.8em; font-style: normal; color: #083d51; } .content blockquote span { display: none; } .projects .content blockquote { background-image: url(../_img/quote_projects_left.png), url(../_img/quote_projects_right.png); color: #61a29e; } .procurement .content blockquote { background-image: url(../_img/quote_procurement_left.png), url(../_img/quote_procurement_right.png); color: #5d3f63; } .professional .content blockquote { background-image: url(../_img/quote_professional_left.png), url(../_img/quote_professional_right.png); color: #8d3762; } .precision .content blockquote { background-image: url(../_img/quote_precision_left.png), url(../_img/quote_precision_right.png); color: #c17734; }  .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: block; width: auto; height: auto; }   @keyframes bounceIn{  0%{   transform: scale(1.0) rotate(0deg);  } 50%{   transform: scale(1) rotate(-1deg);  }   100%{   opacity: 1;   transform: scale(1) rotate(0deg);  } } .content p.callout img { display: block; width: 100%; height: auto; max-width: 330px; opacity: 0.9; } .content p.callout a:hover img { animation-name: bounceIn; animation-duration: 200ms; animation-timing-function: linear; animation-fill-mode: forwards; }  p.gmap { position: relative; padding-bottom: 45%; height: 0; overflow: hidden; } p.gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }  .contact_details { font-size: 1.4em; } .contact_details tr td { padding: 10px 15px; } .contact_details .contact_icon { color: rgba(120,32,110, 0.7); font-size: 1.4em;  padding-left: 0; width: 55px; }  p.bp_approved { padding-left: 120px; background-image: url(../_img/bp_approved_logo.png); background-repeat: no-repeat; background-position: left center ; background-size: 100px auto;  font-size: 0.9em; line-height: 1.6; padding-top: 5px; padding-bottom: 5px; } .contact #pqqs { margin-top: -30px; } .contact #pqqs .content h2 { font-size: 2.6em; }  #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.7);  display: none; } #overlay_container { display: flex;  height: 100vh; align-items: center; } #overlay_content { background: #fff; padding: 30px; max-width: 930px; box-sizing: border-box; margin: 0 auto; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.3); } #overlay_content #overlay_close { position: absolute; font-size: 2.4em; top: 10px; right: 10px; cursor: pointer; } #overlay_content h2 {  color: #3586a5; font-size: 2em; } @media (max-width: 940px) {  #page_hero #hero-overlay {  min-height: 250px;  background-image: url(../_img/page_hero_overlay_mobile.png);  background-position: left top;  }   #page_hero p {  min-height: 250px;  background-size: cover  }  .content p.callout {  margin: 0 auto;  max-width: 330px;  margin-bottom: 1em;  }   .contact_details {  font-size: 1.2em;  } .contact_details .contact_icon {  font-size: 1.2em;  width: 45px; } } @media (max-width: 740px) { .contact #page_hero p {  background-position: calc(50% + 200px) center; }  #overlay {  position: absolute;  background: transparent; } } @media (max-width: 540px) {  .content h1, .content h2 {  font-size: 2.4em; } .content ul.big_tick li {  background-size: 42px auto;  min-height: 51px;  font-size: 1.4em;  padding: 15px 0 0 65px; } p.gmap {  padding-bottom: 80%; }  .contact_details {  font-size: 1em;  } .contact_details tr td {  padding: 4px 10px;  } .contact_details .contact_icon {  font-size: 1.2em;  width: 30px; }  } @media (max-width: 440px) {  #overlay_container {  display: block;  margin-top: 10px; } } a.twitter { background-image: url(../_shared/_img/social/white/twitter.png); } a.twitter_x { background-image: url(../_shared/_img/social/white/x.png); } a.facebook { background-image: url(../_shared/_img/social/white/facebook.png); } a.linkedin { background-image: url(../_shared/_img/social/white/linkedin.png); } a.instagram { background-image: url(../_shared/_img/social/white/instagram.png); } a.fileicon { display: inline-block; padding-left: 40px; background-size: 32px 32px; min-height: 32px; background-repeat: no-repeat; padding-top: 3px; } a.doc, a.docx { background-image: url(../_shared/_img/file-icons/doc.png); }  footer { min-height: 254px; background-color: rgba(120,32,110, 1);; background-image: url(../_img/footer_generic_BG.png); background-position: center top; background-repeat: no-repeat; margin-bottom: 0 !important; }  footer .container .content > div { height: 100%; min-height: calc(254px - 60px); } footer #globalnav-copy ul, footer #globalnav-copy ul li { background: none; list-style: none;  vertical-align: top; } footer #globalnav-copy > ul { position: relative; } footer #globalnav-copy > ul > li { display: inline-block; margin-right: 30px; font-size: 17px; } footer #globalnav-copy > ul > li:last-of-type { margin-right: 0; } footer #globalnav-copy > ul > li a { text-transform: uppercase; text-decoration: none; } footer #globalnav-copy > ul > li > ul { position: absolute;  top: 40px; } footer #globalnav-copy > ul > li > ul > li { font-size: 15px; line-height: 1.4; }  footer a:hover, #globalnav-copy > ul > li a:hover, #footer-nav a:hover { text-decoration: underline; } #footer-nav { position: absolute; left: 0; bottom: 0; } #footer-nav a { text-decoration: none; text-transform: uppercase; font-size: 12px; } #footer-nav span { display: inline-block; padding: 0 10px; font-size: 15px; } #contactnav-copy { position: absolute; right: 0; bottom: 40px; text-align: left; } #contactnav-copy > ul > li { padding-left: 4px; display: none; } #contactnav-copy > ul > li.social { display: inline; float: left; } #contactnav-copy > ul > li.social a { display: block; width: 34px; height: 34px; text-indent: -62700px; background-size: 32px 32px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.0); transition: border-color 0.2s ease-in-out; } #contactnav-copy > ul > li.social a:hover { border-color: rgba(255,255,255,0.5); } #footer-copyright { position: absolute; right: 0; bottom: 0; font-size: 0.9em; }  footer #globalnav-copy > ul > li a { color: #222; text-transform: none; } #footer-nav { color: #fff; } #footer-nav a { color: #222; } #footer-copyright { color: #fff; }   @media (max-width: 940px) { footer.wrapper .section {  position: relative;  } footer.wrapper .col1 {  margin-bottom: 0 !important  } footer.wrapper .col2 {  display: block;  position: absolute;  right: 0px;  bottom: 15px;  width: 100% !important;  flex: none; } footer .container .col2 .content {  padding: 0; } footer .container .col2 .content > div {  height: auto;  min-height: 0; } #footer-copyright {  color: #fff !important; } footer #contactnav-copy {  bottom: 30px; } footer #globalnav-copy > ul > li {  margin-right: 20px; } } @media (max-width: 800px) { footer {  background-position: -630px top; } footer #globalnav-copy > ul > li {  margin-right: 15px;  font-size: 15px; }  footer #globalnav-copy > ul > li > ul {  top: 40px; } footer #globalnav-copy > ul > li > ul > li {  font-size: 13px;  line-height: 1.4; }  } @media (max-width: 540px) { footer {  min-height: 0; } footer .container .col1 .content > div {  min-height: 180px;  } footer .container {  width: 100%;  } footer.wrapper .col1 .content {  padding: 15px 10px;  } footer #globalnav-copy > ul > li > ul {  display: none; } footer.wrapper .col2 {  bottom: 0;  } footer.wrapper .col2 .content > div {  position: relative;  right: auto;  bottom: auto;  background: #083d51;  height: 120px;  padding-right: 10px; } footer #contactnav-copy,  footer #footer-copyright {  right: 10px;  } footer #footer-copyright {  bottom: 40px;  } footer #contactnav-copy {  bottom: 65px;  } }#business_sectors .content h2 { margin-top: -40px; } #business_sectors { background-position: center -190px; } .projects #open_honest { background-position: center -20px; } .projects #open_honest .content h2 {   margin-top: -40px; } .procurement #certification { background-position: center -80px; } .procurement #certification .content h2 {   margin-top: -40px; } .professional #services_provided { background-position: center -80px; } .professional #services_provided .content h2 {  margin-top: -40px; }  .precision #services_provided .content h2 {  margin-top: -40px; }  @media (max-width: 1200px) {  #business_sectors {  background-position: -340px -190px;  } #business_sectors i.br {  display: none; } #business_sectors .col2 .content {  background: rgba(255,255,255,0.8);  padding: 20px; }  .projects #open_honest {  background-position: -340px -20px;  } .projects #open_honest i.br {  display: none; } .projects #open_honest .col2 .content {  background: #afdad3;  padding: 20px; }  .procurement #certification {  background-position: -340px -80px; }  .procurement #certification i.br {  display: none; } .procurement #certification .col2 .content {  background: #a7a2cf;  padding: 20px; }  .professional #services_provided {  background-position: -440px -80px; }  .professional #services_provided .col2 .content {  background: #d3aacf;  padding: 20px; }  .precision #services_provided {  background-position: -440px -80px; }  .precision #services_provided .col2 .content {  background: #f7d299;  padding: 20px; } }   @media (max-width: 940px) {  #business_sectors {  background-position: -340px -20px;  }  .projects #open_honest {  background-position: -40px 0px;  }  .procurement #certification {  background-position: 0 -80px; }   .professional #services_provided {  background-position: -220px -80px; }   .professional #services_provided i.br {  display: none; }  .precision #services_provided {  background-position: -220px -80px; }   .precision #services_provided i.br {  display: none; } } @media (max-width: 740px) { #business_sectors .content h2 {  margin-top: 0px; } .projects #open_honest {  background-position: -80px 0px;  } .projects #open_honest .content h2 {  margin-top: 0px; } .procurement #certification .content h2 { margin-top: 0px; } .professional #services_provided .content h2 { margin-top: 0px; } .precision #services_provided .content h2 { margin-top: 0px; } }