@font-face {   font-family: 'Gilroy Light';   src: url('fonts/gilroy-light-webfont.woff2') format('woff2'),  url('fonts/gilroy-light-webfont.woff') format('woff');   font-weight: normal;   font-style: normal; } @font-face {   font-family: 'Gilroy Extrabold';   src: url('fonts/gilroy-extrabold-webfont.woff2') format('woff2'),  url('fonts/gilroy-extrabold-webfont.woff') format('woff');   font-weight: normal;   font-style: normal; }  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; } .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; } .notreq { display: none; } .grecaptcha-badge {  visibility: hidden; }  body { background: #fff; color: #182c54; font-family: 'Gilroy Light', sans-serif;  font-size: 24px; line-height: 1.5; font-weight: normal; 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) {  body {  font-size: 22px;  line-height: 1.5;   } } @media (max-width: 740px) {  body {  font-size: 21px;  line-height: 1.5;   } } @media (max-width: 540px) {  body {  font-size: 18px;  line-height: 1.5; } }  .wrapper--bg_grey, .container--bg_grey, .content--bg_grey { background-color: #f4f4f4; }  .wrapper { margin-bottom: 30px; } .wrapper--hidden { display: none; }  .wrapper--shadowed {   position:relative;   box-shadow:0 0px 30px rgba(0, 0, 0, 0.2); } .wrapper--shadowed_darker {   position:relative;   box-shadow:0 0px 40px rgba(0, 0, 0, 0.3); }  .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--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container h1 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container h1 {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_quarter  .content, .wrapper--full.wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container {  max-width: 1410px; } .container, .container--medium { width: 90%; max-width: 1410px;  margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 1170px; } .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--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_xlarge .section { margin-left: -90px; } .container--gutter_xlarge .section > .column { padding-left: 90px; }   .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .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.content_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; } .content--padding_horiz_xxlarge { padding-left: 90px !important; padding-right: 90px !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--limit_690 { max-width: 690px; } .content--limit_650 { max-width: 650px; }  .limit_width_half { max-width: 705px;  margin-left: auto; margin-right: auto; } @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; } } #close_nav { display: none; } header #header_and_nav { display: flex;  height: 215px; } #header_prop { height: 215px; display: none; } .subnav #header_prop { height: 290px; } header h2 { margin-left: -58px; } header h2 a { display: block; width: 390px; height: 215px; background-image: url(../_img/mml_logo.png); background-repeat: no-repeat; background-position: 0 center; text-indent: -4500px; } #globalnav { flex: 1; } #globalnav ul { list-style: none; display: flex; height: 100%; align-items: flex-end; justify-content: flex-end; } #globalnav ul li { height: 95px; } #globalnav > ul > li a { display: block; text-decoration: none; text-transform: uppercase; color: #182c54; font-size: 25px; padding: 25px 25px; } #globalnav > ul > li a:hover, #globalnav > ul > li.active a { color: #1d71b8; } #globalnav > ul > li.active a { font-family: "Gilroy Extrabold", sans-serif; } #globalnav > ul > li:last-of-type a { padding-right: 0; } #globalnav ul li ul { display: none; }  #portal { position: absolute; top: 40px; right: 0; } #portal a { display: inline-block; background: linear-gradient(90deg, rgb(242,144,0) 0%, rgb(229,52,42) 100%);  text-decoration: none; text-transform: uppercase; font-family: "Gilroy Extrabold", sans-serif; font-size: 1.1em; color: #fff; padding: 0 0.8em; line-height: 2; } #nav_swish { position: absolute; background-image: url(../_img/nav_swish.png); background-position: right 0; height: 20px; width: 100%; top: 212px; z-index: 10; }  #subnav { background: #f4f4f4; display: none; } body.subnav #subnav { display: block; } #subnav ul { padding-top: 5px; height: 75px; list-style: none; display: flex; align-items: center; justify-content: space-between; } #subnav ul li { flex-shrinK: 1; flex-grow: 1;  text-align: center; } #subnav ul li a { font-size: 20px; font-family: "Gilroy Extrabold", sans-serif; color: #1d71b8; text-transform: uppercase; text-decoration: none; display: block; } #subnav ul li.active a { background: linear-gradient(90deg, rgb(242,144,0) 0%, rgb(229,52,42) 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }  header.fixed_header { position: fixed;   z-index: 300;   width: 100%; top: -90px; height: 90px; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 0.6; background: #fff; max-width: 1920px; overflow: hidden; } header.fixed_header #header_and_nav { height: 90px; } header.fixed_header.offscreen { top: -90px; opacity: 0.6; } header.fixed_header.onscreen { top: 0;  opacity: 1; box-shadow: 2px 3px 20px 0px rgba(0,0,0,0.2); } header.fixed_header h2 { margin-left: -20px } header.fixed_header h2 a { display: block; width: 220px; height: 90px; background-image: url(../_img/mml_logo.png); background-repeat: no-repeat; background-position: 0 center; background-size: auto 70px; } header.fixed_header #globalnav { flex: 1; } header.fixed_header #globalnav > ul { list-style: none; display: flex; height: 100%; align-items: flex-end; justify-content: flex-end; } header.fixed_header #globalnav ul li { height: 90px; } header.fixed_header #globalnav > ul > li a { font-size: 22px; } header.fixed_header #portal { display: none; } @media (max-width: 1340px) { header h2 {  flex-basis: 33%;  flex-shrink:1; } header h2 a {  width: 100%;  height: 175px;  background-size: contain;  background-position: left bottom; } #subnav ul li a {  font-size: 18px; } } @media (max-width: 1240px) { header h2 {  margin-left: -40px;  } #globalnav ul li {  flex-shrink: 1; } #globalnav > ul > li a {  font-size: 20px;  padding: 25px 20px; } header.fixed_header #globalnav > ul > li a {  font-size: 20px; } #portal a {  font-size: 20px;  color: #fff;  padding: 0 0.8em;  line-height: 2; } #subnav .container {  width: 96%;  } #subnav ul li a {  font-size: 17px; } } @media (max-width: 1040px) { header #header_and_nav {  width: 96%;  } header h2 {  margin-left: 0; } #globalnav > ul > li a {  font-size: 20px;  padding: 25px 10px; } #subnav ul li a {  font-size: 16px; } }  @media (max-width: 940px) { header {  position: fixed;  width: 100%;  background: rgba(255,255,255,0.97);  z-index: 101; } .mob-active-header header {  position: absolute;  } header #header_and_nav, #header_prop, .subnav #header_prop {  display: block;  height: 90px; } header h2 a {  width: 200px;  height: 80px;  background-size: contain;  background-position: left bottom; }   #nav_swish {  position: absolute;  background-image: url(../_img/nav_swish.png);  background-position: center bottom;  height: 14px;  width: 100%;  top: 90px;  z-index: 10; } #subnav {  display: none !important; }  #togglemenu {  display: block;  position: absolute;  width: 55px;  height: 40px;  background-color: rgba(24,44,84,1);  background-image: url(../_img/mob_burger_lines_white.png);  background-repeat:no-repeat;  background-size: 35px auto;  background-position: center center;  right: 16px;  top: 12px;  cursor: pointer;  z-index: 12; } #globalnav {  display: block;  width: 100%;  position: absolute;   z-index: 100;  background: rgba(29,113,184,0.95); } #globalnav ul {  display: block;  height: 100%; } #globalnav ul li {  height: auto; } #globalnav > ul > li a {  display: block;  text-decoration: none;  text-transform: uppercase;  color: #fff;  font-size: 22px;  padding: 10px 20px;  border-bottom: 1px solid rgba(255,255,255,0.3);   } #globalnav > ul > li a:hover, #globalnav > ul > li.active a {  color: #fff; } #globalnav > ul > li.active a {  font-family: "Gilroy Light", sans-serif;  }  #globalnav ul li ul {  display: none;  border-bottom: 1px solid rgba(255,255,255,0.6);  padding: 10px 0; } #globalnav ul li.gn-market-sectors, #globalnav ul li.gn-services {  background-image: url(../_img/arrow_down.png);  background-position: right 20px top 15px;  background-repeat: no-repeat;  background-size: 30px auto; }  #globalnav > ul > li > ul > li a {  display: block;  text-decoration: none;  text-transform: none;  color: #fff;  font-size: 18px;  padding: 8px 20px;  border: none; }   #portal {  position: static;  top: 0;  right: auto;  margin-left: 20px;  margin-bottom: 20px;  display: none; } #portal a {  display: inline-block;  background: linear-gradient(90deg, rgb(242,144,0) 0%, rgb(229,52,42) 100%);  text-decoration: none;  text-transform: uppercase;  font-size: 1.1em;  color: #fff;  padding: 0 0.8em;  line-height: 2; }  } .content h1 { font-weight: normal; color: #182c54; font-size: 2em; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 0.075em; } .content h2 { font-weight: normal; color: #182c54; color: #224496; font-size: 1.6em; margin-bottom: 1em; } .content h2.uppercase { text-transform: uppercase; letter-spacing: 0.075em; }  .wrapper--about_intro { padding: 150px 0 40vh 0; } .wrapper--market-sectors { padding: 150px 0; } .wrapper--services_top { padding: 150px 0 100px 0; } .wrapper--contact_intro { padding: 150px 0 0 0; }  .content p, .content ul { margin-bottom: 1.5em; } .mb_xxsmall { margin-bottom: 0.2em !important; } .mb_xsmall { margin-bottom: 0.6em !important; } .mb_small { margin-bottom: 0.8em !important; } .mb_normal { margin-bottom: 1em !important; } .mb_large { margin-bottom: 1.9em !important; } .mb_xlarge { margin-bottom: 2.6em !important; } .mb_xxlarge { margin-bottom: 4em !important; } .content a { color: #1d71b8; } .content a:hover { color: #222; } .content strong { font-weight: 600; } .fw_300 { font-weight: 300; } .fw_400 { font-weight: 400; } .fw_500 { font-weight: 500; } .fw_600 { font-weight: 600; } .content ul { margin-left: 24px; } .content ul li { line-height: 1.3; padding-bottom: 0.5em; }  .mb30 { margin-bottom: 30px; }  .content.content--white { color: #fff; } .content h2.h2--white { color: #fff; }  .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: block; width: auto; height: auto; }  .content p.image_right { float: right; margin: 0; padding: 0 0 20px 20px; } .content p.image_left { float: left; margin: 0; padding: 0 20px 20px 0px; } .content p.image_left.newline { clear: both; } .content p.image_right img, .content p.image_left img, .content p.image_full img { display: block; } hr.spacer { opacity: 0; } hr.spacer_1 { margin-bottom: 1em; } hr.spacer_2 { margin-bottom: 2em; } hr.spacer_3 { margin-bottom: 3em; } hr.spacer_4 { margin-bottom: 4em; }  .content p.button { display: inline-block; margin-top: 1em; } .content p.button a, .content p.button input[type='submit'] { border: none; display: inline-block; background: linear-gradient(90deg, rgb(242,144,0) 0%, rgb(229,52,42) 100%);  font-family: "Gilroy Extrabold", sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; padding: 0.3em 1.2em !important; cursor: pointer; transition: opacity 1s ease-in-out; } .content p.button a:hover { background: #000; } .content p.button.read_more a { } .content p.button.read_more.read a { opacity: 0; } .content p.button.read_more.read:hover a { opacity: 1; background: linear-gradient(90deg, rgb(242,144,0) 0%, rgb(229,52,42) 100%); }  .content section.dialog { background-color: #ececec; background-image: url(../_shared/_img/dialogue/dialog_BG.png); background-repeat: no-repeat; background-position: right 0px; border-radius: 2px; margin-bottom: 24px; cursor: pointer; position: relative; opacity: 0.85; text-align: left; } .content section.dialog.permanent { background: #ececec; opacity: 1; cursor: default; } .content section.dialog i { position: absolute; left: 20px; top: 35px; width: 48px; height: 48px;  } .content section.dialog.confirm i { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } .content section.dialog.error i { background-image: url(../_shared/_img/dialogue/dialog_error.png); } .content section.query i { background-image: url(../_shared/_img/dialogue/dialog_query.png); } .content section.dialog.report i { background-image: url(../_shared/_img/dialogue/dialog_info.png); } .content section.dialog:hover { opacity: 1; } .content section.dialog p { padding: 40px 30px 40px 80px; margin: 0; color: #000; } .content section.dialog p b { font-weight: 400; color: #000; font-size: 1.2em; padding-bottom: 2px; display: block; } .fadingOut {  transition:opacity 0.6s linear;   opacity:0 !important; }   #temp_portal_msg { display: flex; position: fixed; top: 0; right: 0; width: 0; height: 0; z-index: 100; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); transition: all 0.3s ease-out; opacity: 0; } #temp_portal_msg.active { display: flex; width: 100%; height: 100%; opacity: 1;  } #temp_portal_msg section { flex: 1; width: 92%; max-width: 700px; }  @media (max-width: 940px) { .wrapper--about_intro, .wrapper--market-sectors, .wrapper--services_top, .wrapper--contact_intro {  padding-top: 100px; } } @media (max-width: 740px) { .wrapper--about_intro, .wrapper--market-sectors, .wrapper--services_top, .wrapper--contact_intro {  padding-top: 50px; }  } .wrapper--case_study .container { padding: 3.6em 1.3em; margin-top: 220px; } .wrapper--case_study .container .column, .wrapper--case_study .container .column .content, .wrapper--case_study .container .column .content > div { z-index: 0; } .wrapper--case_study  .content { padding: 1.3em; color: #fff; } .wrapper--case_study  .content h3 { font-family: "Gilroy Extrabold", sans-serif; font-size: 1.2em; font-weight: normal; text-transform: uppercase; } .wrapper--case_study  .content h4 { font-family: "Gilroy Extrabold", sans-serif; font-size: 1.1em; font-weight: normal; text-transform: uppercase; padding-top: 0.5em; background-image: url(../_img/gradient_heading_underline_white.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 3px; display: inline-block; padding-bottom: 3px; margin-bottom: 0.3em; } .wrapper--case_study  .content ul { margin: 0;  margin-bottom: 2em; padding-top: 0.5em; } .wrapper--case_study  .content ul li { padding: 10px 0; list-style: none; background-image: url(../_img/cog_bullet_white.png); background-repeat: no-repeat; background-position: left 12px; padding-left: 45px; } .wrapper--case_study  .content p i { display: block; font-style: oblique; }  .cs_logo { position: absolute;  top: -130px; right: 2.6em; background-repeat: no-repeat; background-size: 250px auto; z-index: 8; height: 250px; width: 250px; } .wrapper--case_study.cog_left .cs_logo { left: 2.6em; right: auto; } .wrapper--case_study.dark.cog_right .cs_logo { background-image: url(../_img/cog_darkblue_right.png); } .wrapper--case_study.light.cog_right .cs_logo { background-image: url(../_img/cog_lightblue_right.png); } .wrapper--case_study.dark.cog_left .cs_logo { background-image: url(../_img/cog_darkblue_left.png); } .wrapper--case_study.light.cog_left .cs_logo { background-image: url(../_img/cog_lightblue_left.png); } .cs_logo img { width: 145px; border-radius: 150px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  } .wrapper--case_study.light .container { background-color: #1d71b8; } .wrapper--case_study.dark .container { background-color: #182c54; }  @media (max-width: 1180px) { .wrapper--case_study  .content {  padding: 1.3em 1em;  font-size: 0.9em; } .wrapper--case_study  .content h3 {  font-size: 0.9em; } .wrapper--case_study  .content h4 {  font-size: 0.9em; } .wrapper--case_study  .content ul li {  background-position: left 10px; } }  @media (max-width: 940px) { .wrapper--case_study .container {  margin-top: 120px; }  .cs_logo {  top: -80px;  background-size: 160px auto;  height: 160px;  width: 160px;  right: 5vw; } .cs_logo img {  width: 100px;  border-radius: 100px; } .wrapper--case_study .col1 {  margin-bottom: 0;  } .wrapper--case_study .col1 .content {  padding-top: 0;  padding-bottom: 0;  font-size: 1em; } .wrapper--case_study .col1 .content h3, .wrapper--case_study .col1 .content h4 {  font-size: 1em; } .wrapper--case_study  .content ul li {  background-position: left 8px; } } @media (max-width: 540px) { .wrapper--case_study .container {  margin-top: 100px; } .cs_logo {  top: -60px;  background-size: 120px auto;  height: 120px;  width: 120px; } .cs_logo img {  width: 70px;  border-radius: 79px; } .wrapper--case_study  .content ul li {  background-size: 20px 20px;  background-position: left 11px;  padding-left: 32px; }  }#totop { display: none; } footer { background-color: #182c54; height: 170px;  border-top: 60px solid #fff; box-sizing:content-box; } footer .container { display: flex; height: 170px; } footer p { width: 50%; align-self: flex-start; padding-top: 35px; } footer p a img { display: block; width: 270px; height: auto; } footer #footernav { flex: 1; align-self: center; } footer #footernav ul { display: flex; justify-content: space-between; } footer #footernav ul li ul { display: none; } footer #footernav ul li a { display: block; color: #fff; font-family: "Gilroy Extrabold", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 17px; text-align: center; padding: 50px 20px 0 20px; font-weight: 400; opacity: 0.85; transition: all 0.2s ease-in-out; } footer #footernav ul li a:hover { opacity: 1;  color: #f18a03; }  #cta_slider { position: relative; overflow: hidden; width: 100%; height: 90px; margin-top: 100px;  } #cta_slider a { display: block; position: absolute; height: 90px; width: 350px; text-indent: -5600px; background-image: url(../_img/cta.png); background-size:auto 90px; background-repeat: no-repeat; transition: transform 1.2s cubic-bezier(0, 0.55, 0.45, 1); } #cta_slider.offscreen a { transform: translateX(100%); } #cta_slider.onscreen a{ left: 50%; transform: translateX(-50%); }  #footer2 { background-color: #182c54; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.3); } #footer2 ul { list-style: none; } #footer2 ul li { display: inline-block; padding-right: 10px; font-size: 0.6em;  } #footer2 ul li a { display: inline-block; color: #fff; opacity: 0.5; text-decoration: none;  text-transform: uppercase; transition: opacity 0.2s ease-out; } #footer2 ul li a:hover { opacity: 1; } #footer2 li b { padding-left: 10px; display: inline-block;  color: #fff !important;  font-weight: normal; opacity: 0.6; font-size: 1.1em; }  @media (max-width: 1380px) {  footer p {  width: 30%; } footer #footernav ul {  justify-content: flex-end;  }  } @media (max-width: 1240px) { footer .container {  width: 96%; } } @media (max-width: 940px) { footer, footer .container {  height: 90px; } footer p {  width: 25%;  padding-top: 15px; } footer p a img {  width: 150px;  height: auto; } footer #footernav ul li a {  font-size: 17px;  padding: 20px 10px 5px 10px; } } @media (max-width: 740px) { footer {  border-top-width: 80px; } footer #footernav ul li.gn-market-sectors, footer #footernav ul li.gn-services {  display: none;  }  #footer2 li b {  display: none;  } } @media (max-width: 540px) { footer {  border-top-width: 50px; } footer #footernav ul li.gn-about, footer #footernav ul li.gn-contact {  display: none;  } #totop {  display: block;  text-align: right;  padding-right: 15px;   } #totop a {  display: inline-block;  color: #fff;  text-decoration: none;  font-size: 16px;  background-image: url(../_img/arrow_up.png);  background-size: 24px auto;  line-height: 32px;  background-repeat: no-repeat;  background-position: left center;  padding-left: 32px;   }  } @media (max-width: 440px) {  #cta_slider {  height: 77px;  margin-top: 100px; } #cta_slider a {  height: 77px;  width: 300px;  background-size:auto 77px; } }