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; background-repeat: no-repeat; } 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; } mark {  background-color: yellow;  color: black; } table { border-spacing: 0; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  :root { --fortem_blue: rgba(52,195,224, 1); --fortem_blue_80: rgba(52,195,224, 0.80); --fortem_blue_60: rgba(52,195,224, 0.60); --fortem_blue_40: rgba(52,195,224, 0.40); --fortem_blue_20: rgba(52,195,224, 0.20); --fortem_blue_15: rgba(52,195,224, 0.15); --fortem_blue_10: rgba(52,195,224, 0.10);   --fortem_teal: rgba(0,90,102, 1); --fortem_teal_80: rgba(0,90,102, 0.80); --fortem_teal_60: rgba(0,90,102, 0.60); --fortem_teal_40: rgba(0,90,102, 0.40); --fortem_teal_20: rgba(0,90,102, 0.20); --fortem_teal_15: rgba(0,90,102, 0.15); --fortem_teal_10: rgba(0,90,102, 0.10);  --tangerine: rgba(245, 130, 32, 1); --wd_yellow: rgba(253, 195, 0, 1); --light_plum: rgba(158, 32, 94, 1); --magenta: rgba(236, 0, 140, 1);  --violet: rgba(91,95, 170, 1); --green: rgba(0, 168, 136, 1); --lilac: rgba(188, 149, 196, 1); --sky_blue: rgba(74, 129, 194, 1);   --black:  #231f20; } body { background: #fff; color: var(--black); font: normal normal 17px/25px "Open Sans", sans-serif; font-weight: 400; line-height: 1.5; background-image: url(../_img/body_BG_tight.png);  background-position:center; background-repeat: repeat-y; } html, body{  min-height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } html.iframe #content { padding-bottom: 0; } body {  position: relative; } body .overlay, body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.5);  backdrop-filter: blur(5px) saturate(100%);  display: none; } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; } body {  position: relative;  max-width: 1920px;  margin: 0 auto; }  .hidden { display: none; } .align_right { text-align: right !important; } .align_center { text-align: center !important; } .center_item { margin: 0 auto; } .floatright, .float_right { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .grecaptcha-badge {  visibility: hidden; } .notreq { display: none; } .allcaps { text-transform: uppercase; }   @media (max-width: 940px) { body {  background: #fff;  } .no_940 {  display: none;  } html, body {  font-size: 16px;  line-height: 1.5; } } @media (max-width: 740px) { .no_740 {  display: none !important; } } @media (max-width: 390px) { html, body {  font-size: 15px;  line-height: 1.5; }  }  .wrapper {   width: 96%;   max-width: 1410px;   margin: 0 auto;   position: relative; margin-bottom: 60px; } .wrapper--bg { padding: 30px; } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_medium { margin-bottom: 60px; } .wrapper--mb_large { margin-bottom: 90px; } .wrapper--mb_xl { margin-bottom: 120px; } .wrapper--ptpb_normal { padding-top: 30px;  padding-bottom: 30px; } .wrapper--ptpb_medium { padding-top: 60px;  padding-bottom: 60px; }   .container { max-width: 1410px; margin: 0 auto; } .container--bg { padding: 30px; } .container--bottom_border { padding-bottom: 60px;  border-bottom: 1px solid var(--fortem_teal_40); } .container--align_right, .col--align_right { margin-left: auto; margin-right: 0; } .container--align_left { margin-left: 0; margin-right: auto; } .grid--g11 { max-width: 1290px; } .grid--g10 { max-width: 1170px; } .grid--g9 { max-width: 1050px; } .grid--g8 { max-width: 930px; } .grid--g7 { max-width: 810px; } .grid--g6 { max-width: 690px; } .grid--g5 { max-width: 570px; } .grid--g4 { max-width: 450px; } .grid--g3 { max-width: 330px; } .grid--g2 { max-width: 210px; }  .multicol { display: grid; } .multicol--2 { grid-template-columns: 1fr 1fr;   column-gap: 30px; row-gap: 30px; } .multicol--3 { grid-template-columns: 1fr 1fr 1fr;   column-gap: 30px;  row-gap: 30px; } .multicol--4 { grid-template-columns: 1fr 1fr 1fr 1fr;   column-gap: 30px;  row-gap: 30px; } .multicol--6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;   column-gap: 30px;  row-gap: 30px; } .multicol--2-1 {   grid-template-columns: 2fr 1fr;   column-gap: 30px; row-gap: 30px; } .multicol--5-3 {   grid-template-columns: 5fr 3fr;   column-gap: 30px; row-gap: 30px; } .multicol--3-5 {   grid-template-columns: 3fr 5fr;   column-gap: 30px; row-gap: 30px; } .multicol--1-2 {   grid-template-columns: 1fr 2fr;   column-gap: 30px; row-gap: 30px; } .multicol--6-5 {   grid-template-columns: 6fr 5fr;   column-gap: 30px; row-gap: 30px; } .multicol--1-2-1, .multicol--3-6-3 {   grid-template-columns: 1fr 2fr 1fr;   column-gap: 30px; row-gap: 30px; } .multicol--3-8 {   grid-template-columns: 330px 1fr;   column-gap: 30px; row-gap: 30px; }  .gutter-medium { column-gap: 40px; } .gutter-none { column-gap: 0; } .gutter-small { column-gap: 15px; row-gap: 15px; } .gutter-small_20 { column-gap: 20px; row-gap: 20px; } .gutter-large { column-gap: 60px; } .gutter-xl { column-gap: 80px; } .gutter-xxl { column-gap: 80px; }   .col.with_background { background-size: cover;  background-repeat: no-repeat; background-position: center; }  .col.align_vert_center { display: flex; align-items: center;  }  .content--align_center { text-align: center; }  .content > h2:last-child, .content > h3:last-child, .content > p:last-child, .content > hr:last-child, .content > ul:last-child, .content >  ol:last-child, .content > table:last-child, .content > .video:last-child { margin-bottom: 0 !important; }  @media(max-width: 940px) { .multicol--5-3, .multicol--3-5 {   grid-template-columns: 1fr 1fr;  } } @media (max-width: 740px) {  .col.with_background, .col.with_video_background {  padding-top: 50%;  } .col.with_video_background {  padding-top: 60%; }   .multicol.multicol--2, .multicol.multicol--2-1, .multicol.multicol--1-2, .multicol--3-5, .multicol--5-3 {  grid-template-columns: 1fr;   } .multicol.multicol--2 > :nth-child(1) {   } .multicol.multicol--switch_order > :nth-child(1) {  order: 2;  }  .multicol.multicol--switch_order > :nth-child(2) {  order: 1;   } } @media(max-width: 540px) {  .wrapper {  width: 94%;  margin-bottom: 30px; } .wrapper--bg {  padding: 30px;  } .wrapper--mb_none {  margin-bottom: 0;  } .wrapper--mb_normal {  margin-bottom: 30px;  } .wrapper--mb_medium {  margin-bottom: 30px;  } .wrapper--mb_large {  margin-bottom: 45px;  } .wrapper--mb_xl {  margin-bottom: 60px;  }  .wrapper--ptpb_medium {  padding-top: 30px;  padding-bottom: 30px;  } .wrapper--bg {  padding: 20px;  } .container--bottom_border {  padding-bottom: 30px;  } }   .bg--teal { background-color: var(--fortem_teal); } .bg--teal_40 { background-color: var(--fortem_teal_40); } .bg--teal_20 { background-color: var(--fortem_teal_20); } .bg--teal_15 { background-color: var(--fortem_teal_15); } .bg--teal_10 { background-color: var(--fortem_teal_10); } .bg--blue { background-color: var(--fortem_blue); } .bg--blue_40 { background-color: var(--fortem_blue_40); } .bg--blue_20 { background-color: var(--fortem_blue_20); } .bg--blue_15 { background-color: var(--fortem_blue_15); } .bg--blue_10 { background-color: var(--fortem_blue_10); } .bg--wd_yellow { background-color: var(--wd_yellow); }  .col--white { color: #fff !important; } .col--black { color: var(--black) !important; } .col--blue { color: var(--fortem_blue) !important; } .col--teal { color: var(--fortem_teal) !important; } .col--wd_yellow { color: var(--wd_yellow) !important; }:root {  --header_height: 185px; }  #header_and_nav { margin-bottom: 0; } header { height: var(--header_height); position: static; } #header_prop { display: none; height: var( --header_height); } header .container { height: var(--header_height); display: flex; justify-content: space-between; background: #fff; position: static; }  header h2 a { margin-left: calc(-1 * (120px - 38px)); margin-top: 10px; display: block; width: 220px; height: 120px; text-indent: -4560px; background-image: url(../_img/fortem_logo_220.png); background-position: 0 center; background-repeat: no-repeat;   }  #globalnav { font-weight: 600; position: relative; z-index: 20; } #globalnav .gn_container > ul:after {   content: "";   display: table; } #globalnav .gn_container > ul { position: relative;  float: left; } #globalnav .gn_container > ul:after {   clear: both; }  .fixed_header #header_and_nav { position: fixed;  width: 100%;  z-index: 1000; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; top: -140px; opacity: 0; max-width: none; max-width: 1410px; left: 50%; transform: translateX(-50%); background: #fff; } .fixed_header #header_and_nav .container { margin-left: auto; margin-right: auto; max-width: 1410px; } .fixed_header #header_and_nav.onscreen { top: 0;  opacity: 1; box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4); } .fixed_header #header_and_nav header, .fixed_header #header_and_nav header .container { height: 90px; height: 70px; } .fixed_header #header_and_nav header h2 a {  width: 220px; height: 70px; background-size: auto 50px; background-image: url(../_img/fortem_logo_symbol.png); margin: 0; background-position: 30px center; } .fixed_header #header_and_nav #globalnav nav > ul.gn > li > a { line-height: 90px; line-height: 70px; }  .fixed_header #header_and_nav #globalnav nav ul.gn li ul { top: 70px; }   #globalnav ul.gn { list-style: none; margin: 0; display: block; } #globalnav ul.gn li { display: block; float: left; position: relative; } #globalnav ul.gn li a {  color: var(--black); font-size: 17px; line-height: 27px; text-decoration: none; }  #globalnav nav > ul.gn > li { padding-top: 0;  padding-bottom: 0;  } #globalnav nav > ul.gn > li > a { display: block; line-height: var(--header_height); padding-left: 20px; padding-right: 20px; } .services #globalnav nav  > ul.gn > li.gn-services > a, .approach #globalnav nav  > ul.gn > li.gn-approach > a, .credentials #globalnav nav > ul.gn > li.gn-credentials > a, .supply_chain #globalnav nav > ul.gn > li.gn-supply_chain > a, .careers #globalnav nav  > ul.gn > li.gn-careers > a, .tenants #globalnav nav  > ul.gn > li.gn-tenants > a, #globalnav nav > ul.gn > li:hover > a { color: var(--fortem_blue); }  #globalnav nav ul.gn li ul { display: none; min-width: 300px; position: absolute; z-index: 120;  left: 20px;  left: 7px; background-color: var(--fortem_blue_60); background-color: rgba(255,255,255,0.6); top: 130px; backdrop-filter: blur(15px) saturate(200%); box-shadow: 5px 5px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 5px; } #globalnav nav ul.gn li ul li { text-transform: none; } #globalnav nav ul.gn li ul a { display: block; padding: 7px 15px; font-size: 0.93em; font-weight: 400; color: var(--black); transition: all 0.1s ease-in-out; } #globalnav nav ul.gn li ul li:hover a { padding-left: 20px; padding-right: 10px; color: var(--fortem_blue); }  #globalnav nav > ul.gn > li.gn-news > a { padding-left: 0; padding-right: 0; } #globalnav nav > ul.gn > li.gn-contacts > a { padding-left: 60px; padding-right: 0; } #globalnav .gn-contacts a span, #globalnav .gn-news a span { height: 36px; line-height:36px; display: inline-block; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #globalnav .gn-news a span {  background-color: var(--fortem_teal); padding-left: 40px; padding-right: 20px; color: #fff; } #globalnav .gn-contacts a span {   position: relative; left: 20px; background-color: var(--fortem_blue);   color: white; padding-left: 20px; padding-right: 20px;   transform: skew(-18deg);   z-index: 2; } #globalnav .gn-contacts a span strong {   display: block;   transform: skew(18deg); } #globalnav ul li ul li { clear: both; display: block; width: 100%; }  @media(max-width: 1425px) { header .container {  margin-left: auto;  margin-right: auto;  max-width: none; } header h2 a {  margin-left: 0; } } @media(max-width: 1355px) { #globalnav nav > ul.gn > li.gn-contacts > a {  padding-left: 10px; } } @media(max-width: 1290px) { #globalnav nav > ul.gn > li.gn-contacts, #globalnav nav > ul.gn > li.gn-news  {  display: none; }   #globalnav nav ul li.gn-tenants ul {  right: 0px;  left: auto; } #globalnav nav ul.gn li ul {  min-width: 220px; } #globalnav nav ul.gn li ul li a {  white-space: nowrap;  } }  @media(max-width: 1070px) {  #header_and_nav {  width: 100%; } header {  position: relative;  } header h2 a {  margin-left: 1vw; }  #togglemenu {  position: absolute;  width: 46px;  height: 36px;  background: var(--fortem_blue) url(../_img/mob_burger_lines_white.png) center center no-repeat;  right: 16px;  top: 20px;  cursor: pointer;  z-index: 40; }   #globalnav {  width: 100%;  position: absolute;  font-weight: 400;  display: none;  height: auto;  z-index: 2000; }  .mob_open #globalnav {  top: 140px;  opacity: 1;   left: 0;  display: block; }  #globalnav nav {  width: 100%;  background: #fff;  height: auto;  display: block; } #globalnav nav.container > ul {  margin-left: 0; }  #globalnav ul.gn li {  float: none; }   #globalnav nav ul.gn li ul {  left: 0px; }  #globalnav nav > ul.gn > li > a {  line-height: 40px;  padding-left: 0px;  padding-right: 40px; } #globalnav nav > ul.gn > li:last-of-type a {  padding-right: 0; }   #globalnav nav > ul.gn > li > a {  padding-top: 4px;  padding-bottom: 4px;  font-size: 15px;  border-bottom: 1px solid var(--fortem_blue);  padding-left: 88px;  transition: none;  color: var(--black) !important;  font-weight: 600; }   #globalnav nav ul.gn li ul {  display: none;  visibility: visible;  opacity: 1;  left: auto;  position: relative;  margin-top: -10px;  top: 0;  background: #fff;  backdrop-filter: none;  box-shadow: none;  border-bottom-right-radius: 0;  } #globalnav nav ul.gn li ul a, #globalnav nav > ul.gn > li.gn-news > a, #globalnav nav > ul.gn > li.gn-contacts > a {  font-size: 15px;  color: var(--black);  padding: 7px 0 7px 88px;  } #globalnav nav ul.gn li ul li:hover a {  color: #000;  padding: 7px 0 7px 90px; }   #globalnav nav > ul.gn > li.gn-contacts, #globalnav nav > ul.gn > li.gn-news  {  display: block; }  #globalnav .gn-contacts a span, #globalnav .gn-news a span {  height: auto;  line-height: auto;  display: inline-block;  font-size: inherit;  font-weight: inherit;  text-transform: none; } #globalnav .gn-news a span {  background-color: inherit;  padding-left: 0;  padding-right: 0;  color: inherit; } #globalnav .gn-contacts a span {  background-color: inherit;  padding-left: 0;  padding-right: 0;  color: inherit;  position: static;  left: auto;  transform: none; }  #globalnav .gn-contacts a span strong {  display: inline;  transform: none;  font-weight: inherit; } }.main_heading { height: calc(360px - 38px); position: relative; top: -38px; margin-bottom: calc(-38px + 60px); z-index: 11; } .main_heading .container { background: #fff; position: relative; } .main_heading .content { height: 284px; margin-top: 38px; display: flex; justify-content: space-between; position: relative; } .main_heading .content h1, .main_heading .content h2 { width: 350px;  padding-top: 0.5em; color: var(--fortem_teal); text-transform: uppercase; font-weight: 700; font-size: 1.6em; margin-bottom: 0.3em; line-height: 1.2; position: relative; z-index: 3; } .main_heading .content .text p { font-size: 1.35em; padding-right: 20px; } .main_heading .content .text { width: 290px; } .main_heading .content .photo { margin: 0;  width: 1000px; } .main_heading .content .photo p { margin-left: auto; margin-right: 0; text-align: right; position: static; max-width: 935px; } .main_heading .content .photo p.img_to_bg { padding-top: 0; margin-bottom: 0; height: 284px; background-image: none;  } .main_heading .content .photo p.img_to_bg img { display: none; } .main_heading .content .photo span { display: block; background-image: url(../_img/headings/arrow_left_360.png); width: 208px; height: 360px; position: absolute; top: -38px; } .main_heading .cut_outs { position: absolute; z-index: 21; left: 0; bottom: 0; width: 360px; height: 210px; background-position: right bottom; background-size: contain; } @media(max-width: 1425px) { .main_heading .container {  margin-left: auto;  margin-right: auto;  max-width: none; } .main_heading .content h1, .main_heading .content h2 {  padding-left: 82px;  padding-top: 0;  font-size: 1.6em;  margin-bottom: 0.3em;  line-height: 1.2;  } } @media(max-width: 1410px) {  .main_heading {  height: 322px;  top: -38px;  margin-bottom: 22px;   height: calc((322 / 1410) * 100vw);  top: calc((-38 / 1410) * 100vw);  margin-bottom: calc((22 / 1410) * 100vw);  }  .main_heading .content {  height: 284px;  margin-top: 38px;   height: calc((284 / 1410) * 100vw);  margin-top: calc((38 / 1410) * 100vw);  } .main_heading .content h1, .main_heading .content h2 {  width: 350px;  width: calc((350 / 1410) * 100vw);   } .main_heading .content .text {  width: 290px;  width: calc((290 / 1410) * 100vw); }  .main_heading .content .photo {  width: 1000px;  width: calc((1000 / 1410) * 100vw); } .main_heading .content .photo p {  margin-left: auto;  margin-right: 0;  text-align: right;  max-width: calc((935 / 1410) * 100vw); } .main_heading .content .photo p.img_to_bg {  height: calc((284 / 1410) * 100vw); }  .main_heading .content .photo span {  width: calc((208 / 1410) * 100vw);  height: calc((360 / 1410) * 100vw);  background-size: auto calc((360 / 1410) * 100vw);  top: calc((-38 / 1410) * 100vw); }  .main_heading .cut_outs {  left: calc((100 / 1410) * 100vw);  width: calc((360 / 1410) * 100vw);  height: calc((210 / 1410) * 100vw); } }  @media(max-width: 1250px) { .main_heading .content h1, .main_heading .content h2 {  font-size: 23px; }  } @media(max-width: 1100px) { .main_heading .content h1, .main_heading .content h2 {  padding-left: 0;  font-size: 21px; }  }  @media(max-width: 740px) { .main_heading, .main_heading .content .photo p.img_to_bg {  height: 25vw; }  .main_heading {  margin-bottom: 30px;  top: -30px;  } .main_heading .content {  display: block;  height: auto;  margin-top: 0;  position: static; } .main_heading .content h1, .main_heading .content h2, .main_heading .content .text {  width: auto; } .main_heading .cut_outs {  display: none; } .main_heading .content .photo span {  display: none;  }  .main_heading .content .photo {  width: 100%; } .main_heading .content .photo p.img_to_bg {  width: 100%;  max-width: none;  margin-left: 0;  margin-right: 0;   }  } .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 1.5em; } .content .mb_none { margin-bottom: 0; } .content .mb_tight { margin-bottom: 0.75rem; } .content .mb_normal { margin-bottom: 1.5rem !important; } .content .mb_medium { margin-bottom: 2rem !important; } .content .mb_large, .mb_large { margin-bottom: 3rem !important; } .pt_large { padding-top: 3rem; }  .content h1, .content h2.like-h1 { font-weight: 500; font-size: 2em; line-height: 1.2; color: var(--fortem_teal); margin-bottom: 1em; } .content h2 { font-weight: 700; font-size: 1.4em; line-height: 1.2; color: var(--fortem_blue); margin-bottom: 0.7em; } .content h2.font_size--large { font-size: 1.7em; }  .fw-400 { font-weight: 400 !important; } .font-size--normal { font-size: 1em; } .font-size--larger { font-size: 1.15em; }  .content a { color: var(--fortem_blue); text-decoration: underline; } .content a:hover { color: var(--black); } .content a.subtle { text-decoration: none; }  .content img { max-width: 100%; height: auto; } .content img.mw--400 { max-width: 400px; } .content img.mw--300 { max-width: 300px; } .content img.mw--200 { max-width: 200px; } .float_right img { padding-left: 20px; } @media (max-width: 440px) { .content img.mw--400 {  max-width: 100%;  } } .img_to_bg {   position: relative;   width: 100%;   padding-top: 66.67%;   overflow: hidden; } .img_to_bg img {   display: none; } .img_to_bg.with_background {   background-size: cover;   background-position: center; }  .img_to_col_bg { display: none; }  .content p.button { display: inline-block; } .content p.alignright.button { display: block; } .content p.button + p.button { margin-left: 6px; } .content p.button input, .content p.button a { border: none; display: inline-block; background: var(--fortem_blue); color: #fff; text-decoration: none; padding: 7px 15px 7px 15px !important; transition: all 0.2s ease-in-out; cursor: pointer; font-weight: 500; border-radius: 6px; } .content p.button input:hover, .content p.button a:hover { background: var(--black); }  .content p.button.button--wd_yellow a { background: var(--wd_yellow); color: var(--black); } .content p.button.button--wd_yellow a:hover { background:var(--black);  color: var(--wd_yellow); } .content p.button.button--blue_to_orange a { background: var(--fortem_blue); color: var(--black); } .content p.button.button--blue_to_orange a:hover { background:var(--tangerine);  color: var(--black); }  .content p.button.large a, .content p.button.large span { font-size: 1.2em; padding: 10px 18px 10px 18px !important; } .content p.button.xlarge a, .content p.button.xlarge span{ font-size: 1.4em; padding: 12px 24px 12px 24px !important; }  hr, .content hr { clear: both; height: 0px; border: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid var(--fortem_teal_40); } .content .willmott_dixon { border-color: #ffc10e; } .content hr.subtle { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: var(--fortem_teal_40); } .content hr.thick { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: var(--red); } .content hr.invis { border: none; }  .content ul { list-style: none; margin-left: 0px; } .content ul li { list-style: none;  background-image: url(../_img/list_bullet.svg); background-size: 12px auto; padding-left: 25px; background-position: 0 5px; padding-top: 1px; padding-bottom: 1em; } .content ol { margin-left: 20px; } .content ul.tight li { padding-bottom: 0.5em; }  .content .icon_list li { background-repeat: no-repeat; background-position: 0 center; padding-left: 100px;  background-size: 80px 80px; padding-top: 18px; padding-bottom: 18px; font-size: 1.1em; }   .content .feature_list ul li { background-image: url(../_img/list_bullet.svg) !important; background-repeat: no-repeat; background-position: 0 15px; padding-left: 40px;  background-size: 24px auto; padding-top: 15px; padding-bottom: 15px; }  .content div.video { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; margin-bottom: 24px; } .content div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }   .content table tr td, .content table tr th { text-align: left;  vertical-align: top; padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type , .content table.bordered tr td:first-of-type, .content table.bordered tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type, .content table.bordered tr td:last-of-type, .content table.bordered tr th:last-of-type  { padding-right: 0 !important; } .content table.layout tr:first-of-type td, .content table.layout tr:first-of-type th, .content table.bordered tr:first-of-type td, .content table.bordered tr:first-of-type th { padding-top: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding-left: 7px;  padding-right: 7px; }  .content table.bordered tr td, .content table.bordered tr th { border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; } .content table.light_bg { background: rgba(255,255,255,0.3); } .content table.dark_bg { background: rgba(0,0,0,0.3); }  .content table.spacing--large tr td, .content table.spacing--large tr th { padding-top: 7px; padding-bottom: 7px; } .content table.spacing--large tr:first-of-type td, .content table.spacing--large tr:first-of-type th { padding-top: 15px; } .content table.spacing--large tr:last-of-type td, .content table.spacing--large tr:last-of-type th { padding-bottom: 15px; } .content table.spacing--large.bordered tr:last-of-type td, .content table.spacing--large.bordered tr:last-of-type th { padding-bottom: 7px; } .content table.spacing--large.light_bg tr td, .content table.spacing--large.light_bg tr th, .content table.spacing--large.dark_bg tr td, .content table.spacing--large.dark_bg tr th { padding-left: 25px; padding-right: 25px; }  .content table.spacing--xlarge tr td, .content table.spacing--xlarge tr th { padding-top: 10px; padding-bottom: 10px; } .content table.spacing--xlarge tr:first-of-type td, .content table.spacing--xlarge tr:first-of-type th { padding-top: 20px; } .content table.spacing--xlarge tr:last-of-type td, .content table.spacing--xlarge tr:last-of-type th { padding-bottom: 20px; } .content table.spacing--xlarge.bordered tr:last-of-type td, .content table.spacing--xlarge.bordered tr:last-of-type th { padding-bottom: 10px; } .content table.spacing--xlarge.light_bg tr td, .content table.spacing--xlarge.light_bg tr th, .content table.spacing--xlarge.dark_bg tr td, .content table.spacing--xlarge.dark_bg tr th { padding-left: 30px; padding-right: 30px; } .content table tr.smallprint td, .content table tr td.smallprint { border: 0; font-size: 12px; color: #777; } .content--align_center table { margin-left: auto; margin-right: auto; }  .content .accred_logos_inline { display: flex;  flex-wrap: wrap; } .content .accred_logos_inline p { margin-right: 20px;  margin-bottom: 20px; } .content .accred_logos_inline p img { display: block; max-height: 100px; width: auto; }  .content--align_center .accred_logos_inline { justify-content: center; } .content--align_center .accred_logos_inline p { margin-left: 10px;  margin-right: 10px; }  .aclo--bordered p { box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2); }  .content .accred_logos_inline.aclo--larger p { margin-right: 30px;  margin-bottom: 30px; } .content .accred_logos_inline.aclo--larger p img { display: block; max-height: 120px; width: auto; } .content--align_center .accred_logos_inline.aclo--larger p { margin-left: 15px;  margin-right: 15px; } .content .accred_logos_inline.aclo--larger p.wide_accred img { width: 390px; height: auto; }  @media (max-width: 740px) { .wrapper.accred_logo_wrapper .content h2 {  text-align: center;  } .accred_logos_inline {  justify-content: center;  } .content .accred_logos_inline p, .content .accred_logos_inline.aclo--larger p {  margin-right: 10px;  margin-left: 10px;  margin-bottom: 20px; }  .content .accred_logos_inline.aclo--larger p.wide_accred img {  width: 380px;  height: auto; } } @media(max-width: 470px) { .content .accred_logos_inline.aclo--larger p img {  max-height: 100px; } .aclo--bordered p {  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); }  .content .accred_logos_inline p.wide_accred img, .content .accred_logos_inline.aclo--larger p.wide_accred img {  width: 320px;  height: auto; } } @media(max-width: 740px) {  #approach_it .content.mb_large {  margin-bottom: 20px !important; } }.replace_w_image { display: inline-block; position: relative;   color: transparent;  width: auto;   height: 1.8em;  padding-top: 5px;  background-size: contain; } #replace_driving_improvements { background-image: url(../_img/text/Driving-Improvements.png);  font-size: 1.3em; display: block; } #replace_association { background-image: url(../_img/text/Association.png);  font-size: 1.3em; padding-top: 6px; } #replace_growing_our_own { background-image: url(../_img/text/Growing-our-own.png);  font-size: 1.3em; padding-top: 6px; } #replace_working_in_the_home { background-image: url(../_img/text/Working-in-the-Home.png);  font-size: 1.3em; display: block; } #replace_exciting_opportunities { background-image: url(../_img/text/Exciting-opportunities-at-all-levels.png);  font-size: 1.3em; display: block; } @media(max-width: 500px) { #replace_driving_improvements {  font-size: 7vw;   } #home_intro_wrapper .content h1 {  font-size: 7vw; } }  #workstreams_heading { display: none; } #work_streams { background-color: var(--fortem_teal); padding-top: 45px; padding-bottom: 45px; } .workstream {  display: none; } .workstream.active {  display: block; } .workstream_inner { display: grid; grid-template-columns: 1fr 1fr;   column-gap: 30px; row-gap: 30px; } .ws_photo { display: none; } .ws_photo_placeholder img { display: block; } .ws_text_content { text-align: center; } .content .ws_text_content { color: #fff; } .content .ws_text_content h2 { color: #fff; font-weight: 400; font-size: 1.6em; border-bottom: 1px solid var(--fortem_blue); margin-bottom: 10px; padding-bottom: 10px; } .content .ws_text_content p.button { margin-bottom: 0; } .ws_nav_master { display: none; } .ws_nav {   display: flex;   justify-content: center;   align-items: center;   gap: 10px;  margin-bottom: 10px; } .ws_nav div { text-align: center; text-indent:-4500px; width: 160px; height: 160px; background-size: contain; background-position: center; transition: transform 0.1s ease-in-out; cursor: pointer; opacity: 0.5; } .ws_nav div:hover { transform: scale(1.1); } .ws_nav div.active {   transform: scale(1.4);   opacity: 0.9;   z-index: 1; }  @media(max-width: 1200px) { #work_streams {  padding-top: 0;  padding-bottom: 0;  background: #fff; } .ws_nav {  display: none;  } #work_streams .content {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  gap: 20px; } .workstream {  display: block;  padding-bottom: 0;  padding-top: 0;;  background-color: var(--fortem_teal);  border-radius: 6px; } .workstream_inner {  display: block;  height: 100%; } .content .ws_photo {  display: block;  margin-bottom: 10px; } .ws_photo_placeholder img {  display: none;  } .ws_text_content {  text-align: center;  height: 100%;  position: relative;  padding-bottom: 50px; } .content .ws_text_content h2 {  color: #fff;  border-bottom: none;  font-size: 1.2em;  margin: 0;  padding: 15px 10px; } .content .ws_text_content p.desc {  font-size: 0.9em;  padding: 0 10px; } .content .ws_text_content p.button {  position: absolute;  bottom: 20px;  left: 50%;  transform: translateX(-50%);  white-space: nowrap; } } @media(max-width: 740px) { #workstreams_heading {  display: block;  text-align: center;  color: var(--fortem_blue);  font-size: 1.7em;  margin-bottom: 0.7em; }  #work_streams .content {  grid-template-columns: 1fr;  gap: 20px; } .workstream {  max-width: 600px;  margin: 0 auto; } }   #why_partner .multicol { padding-top: 60px; } #why_partner .multicol .col { border-radius: 5px; position: relative; padding: 70px 20px 50px 20px; transition: all 0.1s ease-in-out; } #why_partner .multicol .col:hover { transform: scale(1.1,1.1) } #why_partner .multicol .col .wp-icon { position: absolute; width: 90px; height: 90px; background: #fff; top: -45px; left: 50%; transform: translateX(-50%); border-radius: 100px; background-repeat: no-repeat; background-position: center; background-size: auto 50px; } #why_partner .multicol .col.wp-award { background: #e68020; } #why_partner .multicol .col.wp-award .wp-icon { background-image: url(../_img/icons/award.png); }  #why_partner .multicol .col.wp-asset { background: #5a5ea7; } #why_partner .multicol .col.wp-asset .wp-icon { background-image:url(../_img/icons/home.png); }  #why_partner .multicol .col.wp-multiple { background: #9c205f; } #why_partner .multicol .col.wp-multiple .wp-icon { background-image: url(../_img/icons/multiple.png); }  #why_partner .multicol .col.wp-it { background: #ffbf0e; } #why_partner .multicol .col.wp-it .wp-icon { background-image: url(../_img/icons/cloud.png); } #why_partner .multicol  a { display: block; text-decoration: none; } #why_partner .multicol .content h3 { color: #fff; font-weight: normal; font-size: 1.4em; line-height: 1.2; } @media(max-width: 1260px) { #why_partner .gutter-xxl {  column-gap: 40px; } } @media(max-width: 1030px) { #why_partner .gutter-xxl {  column-gap: 20px; } #why_partner .multicol .content h3 {  font-size: 2vw; } } @media(max-width: 740px) { #why_partner {  width: 90%; } #why_partner .multicol--4 {  grid-template-columns: 1fr 1fr;  row-gap: 60px;  } #why_partner .multicol .content h3 {  font-size: 1.4em; } #why_partner .multicol .col:hover {  transform: scale(1.05,1.05) } } @media(max-width: 540px) { #why_partner .multicol .content h3 {  font-size: 1.2em; } } @media(max-width: 420px) { #why_partner .multicol--4 {  row-gap: 40px;  } #why_partner .multicol .col {  padding: 50px 20px 30px 20px; }  #why_partner .multicol .col .wp-icon {  width: 60px;  height: 60px;  top: -30px;  background-size: auto 33.33px; } #why_partner .multicol .content h3 {  font-size: 1.1em; } }   #callout_teasers { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 30px; } .callout_teaser { position: relative;  background: var(--black); overflow-anchor: none; } .callout_teaser a { display: block; color: #fff; text-decoration: none; } .ct_text { position: absolute; z-index: 3; bottom: 0; width: 100%;  padding: 20px; background-color: var(--fortem_teal_80); backdrop-filter: blur(15px) saturate(200%); padding-right: 60px; overflow: hidden; } .ct_text h3 { font-weight: 400; font-size: 1.2em; line-height: 1.2; } .ct_text p.ct_summary { display: none; padding: 15px 0 5px 0; font-size: 0.9em; color: var(--white); } .ct_decoration { width: 40px; background-color: var(--black); position: absolute; right: -40px; height: 100%;  top: 0; background-image: url(../_img/arrow_right_white.png); background-size: auto 24px; background-position: -100px center; transition: all 0.7s ease-in-out; } .ct_decoration span { display: none; } .callout_teaser a:hover .ct_decoration { right: 0; background-position: center center; }  .callout_teaser a .ct_image { opacity: 1; transition: opacity 0.3s ease-in-out; } .callout_teaser a:hover .ct_image { opacity: 0.8; }  @media(max-width: 740px) { body:not(#home) .ct_text h3 {  font-size: 1.1em; } body:not(#home) .ct_text {  padding: 10px 15px;  padding-right: 60px;  } } @media(max-width: 640px) { body:not(#home) #callout_teasers {  column-gap: 20px;  row-gap: 20px; } body:not(#home) .ct_text {  padding: 10px 15px; } body:not(#home) .callout_teaser a .ct_decoration {  display: none; } } @media(max-width: 540px) { body:not(#home) .ct_text h3 {  font-size: 2.8vw; } }  @media(max-width: 740px) { #home #callout_teasers {  grid-template-columns: 1fr; } #home .callout_teaser {  position: relative;  background: rgba(255,255,255,0);  overflow-anchor: none;  } #home .callout_teaser a {  display: grid;  grid-template-columns: 1fr 1fr;  column-gap: 0px;  row-gap: 30px;  background-color: var(--fortem_teal_15); }  #home .ct_text {  position: static;  padding: 20px;  background-color: rgba(255,255,255,0);  backdrop-filter: none;  overflow: auto;  color: var(--black); } #home .ct_text h3 {  font-weight: 700;  font-size: 1.2em;  line-height: 1.2;  color: var(--black);  margin-bottom: 0.5em; } #home .ct_text p.ct_summary {  display: block;  padding: 0;  font-size: 0.9em;  color: var(--black);  padding-bottom: 10px; }   .callout_teaser a .ct_image {  padding-top: 0;  height: 100%;  background-color: #000;  }  .ct_decoration {  width: auto;  background-color: transparent;  position: static;  height: auto;  background-image: none;  transition: all 0.3s ease-in-out; } .ct_decoration span {  display: inline-block;  font-size: 0.9em;  background: var(--fortem_blue);  color: #fff;  text-decoration: none;  line-height: 1;  padding: 5px 10px 5px 10px;  transition: all 0.2s ease-in-out;  cursor: pointer;  font-weight: 500;  border-radius: 6px; } }   #testimonials_carousel { width: 100%; min-width: 0; height: 100%; } #testimonials_carousel {   position: relative;   overflow: hidden; } #testimonials_carousel .slick-list {   overflow: hidden;   position: relative; } .testimonial-wrapper {   position: relative;   margin-bottom: 31px; } .testimonial-wrapper { opacity: 0.3; } #testimonials_carousel .quote p, #testimonials_carousel .person > div { filter: blur(3px); } .testimonial-wrapper.slick-active { opacity: 1; } #testimonials_carousel .testimonial-wrapper.slick-active .quote p, #testimonials_carousel .testimonial-wrapper.slick-active .person > div { filter: blur(0px); }  #testimonials_carousel .testimonial {   position: relative;   background: #fff;   box-sizing: border-box;   height: 100%; margin-left: 30px; margin-right: 30px; } #testimonials_carousel .testimonial span.dec {   display: block;   position: absolute;   width: 33px;   height: 31px;   background-image: url(../_img/testimonials_speech.png);   bottom: -28px;   left: 55%;   z-index: 40; } #testimonials_carousel .quote { text-align: left;  padding: 20px; border: 3px solid var(--fortem_teal); border-top-left-radius: 15px;  border-bottom-left-radius: 15px; } #testimonials_carousel .quote p { margin-bottom: 0; } #testimonials_carousel .quote p::before { content: "“"; } #testimonials_carousel .quote p::after { content: "”"; } #testimonials_carousel .person { text-align: left;  padding: 20px 10px 0 10px; background: var(--fortem_teal); border-right: 1px solid rgba(0,0,0,0); border: 3px solid var(--fortem_teal); border-top-right-radius: 15px;  border-bottom-right-radius: 15px; color: #fff;  font-size: 0.7em; } #testimonials_carousel .person .name { font-size: 1.4em;  line-height: 1.4; margin-bottom: 3px; } #testimonials_carousel .person .job_title { font-size: 1.1em;  line-height: 1.2; } #testimonials_carousel .person .org { font-size: 0.9em; text-transform: uppercase;  margin-top: 15px; } #testimonials_carousel_prev, #testimonials_carousel_next { margin-bottom: 31px; position: absolute; width: calc(20% - 30px); z-index: 3; bottom: 0; background: var(--fortem_teal_10); } #testimonials_carousel_prev { left: 0; } #testimonials_carousel_next { right: 0; } #testimonials_carousel_prev { border-top-right-radius: 15px;  border-bottom-right-radius: 15px; } #testimonials_carousel_next { border-top-left-radius: 15px;  border-bottom-left-radius: 15px; } #testimonials_carousel_prev_trigger, #testimonials_carousel_next_trigger { position: absolute; width: 100%; height: 100%; background-size: 40px auto; background-repeat: no-repeat; text-indent: -5600px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s ease-in-out; } #testimonials_carousel_prev_trigger:hover, #testimonials_carousel_next_trigger:hover { opacity: 1; } #testimonials_carousel_prev_trigger { background-image: url(../_img/arrow_left_teal.png); background-position: right 30px center; } #testimonials_carousel_next_trigger { background-image: url(../_img/arrow_right_teal.png); background-position: 30px center; } @media (max-width: 740px) { #testimonials_carousel_prev, #testimonials_carousel_next {  display: none;  } } @media (max-width: 740px) { .testimonial.multicol.multicol--2-1 {  display: block;  } #testimonials_carousel .quote {  padding: 20px;  border: 3px solid var(--fortem_teal);  border-top-left-radius: 15px;  border-top-right-radius: 15px;  border-bottom-left-radius: 0; } #testimonials_carousel .person {  padding: 10px 20px;  border-top-right-radius: 0;  border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px; } #testimonials_carousel .person .org {  margin-top: 3px; } #testimonials_carousel .testimonial span.dec {  background-image: url(../_img/testimonials_speech_teal.png);  left: 65%; } }  #case_studies_widget .cs_title_wrapper {   position: absolute;   top: 50%;   left: 0;   transform: translateY(-50%);  z-index: 3; } #case_studies_widget .cs_photo { position: relative; } #case_studies_widget .cs_title_90 {   display: inline-block;   transform: rotate(-90deg);   font-size: 40px;   color: #fff;   font-weight: 500;   text-transform: uppercase; position: relative;   left: -50%; } #case_studies_widget .cs_photo .decoration { position: absolute;   bottom: 0;  left: 0; z-index: 2; width: 400px; height: 100%; background-image: url(../_img/case_studies_widget_BG.png); background-position: 0 bottom; } .cs_text_content { display: flex;  flex-direction: column;  justify-content: center;  padding-top: 30px; padding-bottom: 30px; } .cs_text_content h3 { font-size: 2em; line-height: 1.2; font-weight: 400; color: var(--fortem_teal); margin-bottom: 0.15em; }  .cs_text_content .timescale { font-size: 1.4em; color: #fff; font-weight: 600; margin-bottom: 0.3em; } .cs_text_content .decoration { height: 100%; width: 190px; background-image: url(../_img/arrow_right_teal.png); background-size: auto 90px; display: block; position: absolute; right: 60px; opacity: 0; top: 50%; transform: translateY(-50%); background-position: right 30px center; transition: all 0.1s ease-in-out; } .cs_text_content:hover .decoration { right: 0px; opacity: 1; } .cs_text_content p.button a { background: var(--fortem_teal); } .cs_text_content:hover p.button a { background: #fff; color: var(--fortem_teal); } @media (max-width: 1410px) { #case_studies_widget .cs_title_90 {  left: -65px;  font-size: 35px; } } @media (max-width: 1240px) {  .cs_text_content .decoration {  display: none;  } } @media (max-width: 1100px) { #case_studies_widget .gutter-large {  column-gap: 30px; } #case_studies_widget .grid--g4 {  padding-right: 30px; } } @media (max-width: 940px) { #case_studies_widget .gutter-large {  column-gap: 20px; } #case_studies_widget .grid--g4 {  padding-right: 20px; } #case_studies_widget .cs_photo .decoration {  width: 75px;  background: var(--fortem_blue); } } @media (max-width: 740px) { #case_studies_widget .multicol--2 {  row-gap: 0px; } #case_studies_widget .cs_title_wrapper {  position: static;  transform: none; } #case_studies_widget .cs_title_90 {  display: inline-block;  transform: none;  font-size: 1.5em;  font-weight: 700;  position: static;  left: auto;  background-color: var(--fortem_blue_80);  padding: 5px 20px; } #case_studies_widget .cs_text_content {  border-left: none;  padding: 20px 20px 0px 20px; } #case_studies_widget .grid--g4 {  max-width: none;  padding-right: 0; } #case_studies_widget .cs_photo .decoration {  display: none;  } } @media (max-width: 540px) { #case_studies_widget .cs_title_90 {  font-size: 1.2em;  padding: 3px 20px;  border-bottom: 3px solid rgba(255,255,255,0.4); } } .ln_grid {  display: grid;  grid-template-columns: 2fr 1fr;  grid-template-rows: 1fr 1fr;   gap: 30px;   height: 100%;   } .ln_grid__left {  grid-column: 1;   grid-row: 1 / span 2;  } .ln_grid__top-right {  grid-column: 2;   grid-row: 1; } .ln_grid__bottom-right {  grid-column: 2;   grid-row: 2; } .ln_grid__left .content, .ln_grid__left .content .blog_teaser, .ln_grid__top-right .content, .ln_grid__bottom-right .content, .content .blog_teaser_small, .content .blog_teaser_small a { height: 100%;  text-align: left; }  .content .blog_teaser { position: relative;  background: var(--black); overflow-anchor: none; } .content .blog_teaser a { display: block; color: #fff; text-decoration: none; } .content .blog_teaser .blog_text { position: absolute; z-index: 3; bottom: 0; width: 100%;  padding: 20px; background-color: var(--fortem_teal_80); backdrop-filter: blur(15px) saturate(200%); padding-right: 60px; overflow: hidden; } .content .blog_teaser .blog_text h3 { font-weight: 400; font-size: 1.2em; line-height: 1.2; } .content .blog_teaser .blog_text p.blog_summary {  padding: 15px 0 5px 0; font-size: 0.9em; color: #fff; margin-bottom: 0 !important; } .content .blog_decoration { width: 40px; background-color: var(--black); position: absolute; right: 0; background-position: center center;  height: 100%;  top: 0; background-image: url(../_img/arrow_right_white.png); background-size: auto 24px; } .content .blog_teaser a .blog_image { opacity: 1; transition: opacity 0.3s ease-in-out; margin-bottom: 0 !important; padding: 0; position: absolute; z-index:2; bottom: 0; height: 100%; width: 100%; } .content .blog_teaser a:hover .blog_image { opacity: 0.8; }  .content .blog_teaser_small a { display: block; text-decoration: none; font-size: 0.9em; line-height: 1.4; position: relative; } .blog_teaser_small .blog_text { padding: 30px 70px 30px 30px; } .content .blog_teaser_small a .blog_image { display: none; } .content .blog_teaser_small a h3 { font-weight: 600; font-size: 1.3em; line-height: 1.2;  margin-bottom: 0.3em;  } .content .blog_teaser_small p { margin-bottom: 0 !important; } .content .blog_teaser_small .blog_decoration { right: 0; background-image: url(../_img/arrow_right_white.png); background-size: auto 24px; background-position: center center;  transition: all 0.7s ease-in-out; }  .ln_grid__top-right  { background: var(--fortem_teal); } .ln_grid__top-right .content a { color: #fff; }  .ln_grid__bottom-right  { background: var(--white); border-top: 2px solid var(--fortem_teal); border-bottom: 2px solid var(--fortem_teal); } .ln_grid__bottom-right .content a { color: var(--fortem_teal); }  @media(max-width: 1200px) { .blog_teaser_small p.blog_summary {  display: none;  } } @media(max-width: 940px) { .ln_grid {  display: block; } .content .blog_teaser, .ln_grid__top-right {  background: #fff;  } .content .blog_teaser, .content .blog_teaser_small {  padding-bottom: 10px;  border-bottom: 1px solid var(--fortem_blue);  margin-bottom: 10px;  } .content .blog_teaser a, .content .blog_teaser_small a {  display: grid;  grid-template-columns: 2fr 1fr;   column-gap: 30px;  row-gap: 30px;  font-size: 0.9em; } .content .blog_teaser a .blog_text, .content .blog_teaser_small a .blog_text {  background-color: #fff;  position: static;  color: #000;  padding: 0; }  .content .blog_teaser a div.blog_image, .content .blog_teaser_small a div.blog_image {  display: block;  position: relative;  ; }  .content .blog_teaser a p.blog_image, .content .blog_teaser_small a p.blog_image {  display: block;  position: absolute;  height: 100%;  width: 100%;  padding: 0 }  .content .blog_teaser .blog_text p.blog_summary, .content .blog_teaser_small .blog_text p.blog_summary {  display: block;  color: #000;  padding: 10px 0 5px 0;  font-size: 1em; }  .content .blog_decoration {  display: none;  }  .content .blog_teaser .blog_text h3, .content .blog_teaser_small .blog_text h3 {  font-weight: 400;  font-size: 1.2em;  line-height: 1.2;  } .ln_grid__bottom-right  {  border: none; } }  @media(max-width: 540px) { .content .blog_teaser a p.blog_image, .content .blog_teaser_small a p.blog_image {  height: auto;  aspect-ratio: 1 / 1; }  } .our_clients { column-gap: 30px; row-gap: 30px; } .content .client { background-color: var(--fortem_teal_10); padding: 20px; position: relative; padding-bottom: 100px; height: 100%; } .content .client h3 { font-size: 1.3em;  font-weight: 400; color: var(--fortem_teal); margin-bottom: 8px; } .client .icons { display: flex;  margin-bottom: 0; position: absolute; bottom: 0; } .client .button { margin-bottom: 0; position: absolute; bottom: 20px; right: 20px; } .client .icons span { height: 100px; width: 80px;  background-size: auto 100px; background-position: center; display: block; text-indent: -4500px; } .content .client table tr td:first-of-type { text-transform: uppercase; font-size: 0.75em; vertical-align: top;  padding-top: 4px !important;  font-weight: 500; } .content .client table tr:first-of-type td { border-bottom: 1px solid rgba(0,0,0,0.2); } .content .client table tr:last-of-type td { border-bottom: none !important; }  .client .icons span { height: 100px; width: 80px;  background-size: auto 100px; background-position: center; display: block; text-indent: -4500px; } .client .icons span.retrofit { background-position: left center; background-image: url(../_img/streams/retrofit-teal-100.png); width: 85px; } .client .icons span.repairs { background-position: center; background-image: url(../_img/streams/repairs-teal-100.png); width: 78px; } .client .icons span.capital_works { background-position: right center; background-image: url(../_img/streams/capital_works-teal-100.png); width: 85px; } @media(max-width: 1030px) and (min-width: 741px) { .client .button {  margin-top: -10px;  position: static; } .content .client {  padding-bottom: 115px; } } @media(max-width: 490px) { .client .button {  margin-top: -10px;  position: static; } .content .client {  padding-bottom: 115px; } .our_clients {  row-gap: 20px;  } }   .tesimonials_wrapper { display: grid; grid-template-columns: 1fr 1fr;   column-gap: 30px; row-gap: 30px;  margin-bottom: 60px; } .tesimonials_wrapper .testimonial { display: flex; flex-direction: column; justify-content: space-between; border-radius: 10px; box-shadow: 0 0 0 2px var(--fortem_teal); position: relative; margin-bottom: 20px; } .tesimonials_wrapper .testimonial::after {   content: '';   position: absolute; width: 1px; height: 1px;   left: 80%;  bottom: -20px;   border-width: 20px;   border-style: solid;   border-color: transparent var(--fortem_teal) transparent transparent;  transform: rotate(45deg); } .tesimonials_wrapper .testimonial .quote { padding: 20px;  } .tesimonials_wrapper .testimonial .quote p { margin-bottom: 0;  } .tesimonials_wrapper .testimonial .quote p::before { content: "“"; } .tesimonials_wrapper .testimonial .quote p::after { content: "”"; } .tesimonials_wrapper .testimonial .person { padding: 10px 20px; background: var(--fortem_teal); color: #fff;   border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } .tesimonials_wrapper .testimonial .person .name { margin-bottom: 5px; } .tesimonials_wrapper .testimonial .person .job_title { font-size: 0.75em;  line-height: 1.2; } .tesimonials_wrapper .testimonial .person .org { font-size: 0.75em; text-transform: uppercase;  margin-top: 2px; } @media(max-width: 740px) { .tesimonials_wrapper {   column-gap: 20px; } .tesimonials_wrapper .testimonial::after { left: 60%;  } } @media(max-width: 540px) { .tesimonials_wrapper {  grid-template-columns: 1fr; } }   .framework { box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2);  padding: 20px; transition: all 0.1s ease-in-out; } .framework .logo img { margin: 0 auto;  display: block;  } .content .framework h3 { font-size: 1.1em; font-weight: 500;  line-height: 1.3; margin-bottom: 10px; } .content .framework p { margin-bottom: 0;  font-size: 0.9em; } .framework:hover { transform: scale(1.05); } @media(max-width: 940px) { #frameworks.multicol--3 {  grid-template-columns: 1fr 1fr;  } } @media(max-width: 740px) { #frameworks.multicol--3 {  column-gap: 20px;  row-gap: 20px; } } @media(max-width: 540px) { #frameworks.multicol--3 {  grid-template-columns: 1fr;  column-gap: 20px;  row-gap: 20px;  max-width: 370px;  margin: 0 auto;  } }  #our_values .col { border-radius: 5px; } #our_values .content { text-align: center; } #our_values .content h2 { border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; padding: 30px 20px; margin-bottom: 0; } #our_values .content p { padding: 30px 20px; font-size: 1.05em; } #our_values #value-courage { background: #f6d0ad; } #our_values #value-courage h2 { background: #e68020; } #our_values #value-care { background: #c2c4df; } #our_values #value-care h2 { background: #5a5ea7; } #our_values #value-respect { background: #dbadc4; } #our_values #value-respect h2 { background: #9c205f; } @media (max-width: 940px) { #our_values .gutter-medium {  column-gap: 20px; } } @media (max-width: 650px) and (min-width: 541px) { #our_values .content h2 {  border-top-left-radius: 5px;  border-top-right-radius: 5px;  color: #fff;  padding: 20px 14px;  margin-bottom: 0;  font-size: 1.1em; } #our_values .content p {  padding: 20px 14px;  font-size: 0.95em; } } @media (max-width: 540px) { #our_values .multicol--3 {  grid-template-columns: 1fr;  max-width: 365px;  margin: 0 auto; }  }   #sustainability_targets { display: grid; grid-template-columns: 1fr;  grid-auto-rows: 1fr;  } #sustainability_targets > div { display: grid; grid-template-columns: 160px 1fr; margin-bottom: 20px; }  #sustainability_targets > div div.icon {  background-size: contain;  background-position: 0 bottom; }  #sustainability_targets #st-planet .icon { background-image: url(../_img/logos/for_planet.png);  background-color: #00a888; } #sustainability_targets #st-community .icon { background-image: url(../_img/logos/for_communities.png);  background-color: #5a5eab; } #sustainability_targets #st-homes .icon { background-image: url(../_img/logos/for_homes.png);  background-color: #f6861f; }  #sustainability_targets > div div.text {  padding: 20px;  padding-bottom: 30px; } #sustainability_targets #st-planet { background-color: #b3e5dc; } #sustainability_targets #st-community { background-color: #cecfe6; } #sustainability_targets #st-homes { background-color: #fcdbbc; } #sustainability_targets div h2 { color: var(--black);  font-weight: 400; margin-bottom: 10px; } #sustainability_targets div p { margin-bottom: 0; }  #stats .stats { color: #fff; } #stats .stat { text-align: center; } #stats .stat .number { font-size: 35px; line-height: 35px; font-weight: 600;  padding-bottom: 5px; } #stats .stat .object { font-size: 15px; line-height: 19px; } @media (max-width: 1410px) { #stats .stat .number {  font-size: calc((35 / 1410) * 100vw);  line-height: calc((35 / 1410) * 100vw); }  #stats .stat .object {  font-size: calc((15 / 1410) * 100vw);  line-height: calc((19 / 1410) * 100vw); } } @media (max-width: 740px) { #sustainability_stats_wrapper #stats .multicol {  grid-template-columns: 1fr 1fr 1fr;  row-gap: 50px; } #sustainability_stats_wrapper #stats .stat .number {  font-size: calc((60 / 1410) * 100vw);  line-height: calc((60 / 1410) * 100vw); }  #sustainability_stats_wrapper #stats .stat .object {  font-size: calc((35 / 1410) * 100vw);  line-height: calc((40 / 1410) * 100vw); } } @media (max-width: 540px) { #sustainability_stats_wrapper #stats .multicol {  row-gap: 20px; } }  .content h3.awards_name { font-size: 1.1em; padding-bottom: 10px; } .content ul.awards_list li { background-image: url(../_img/icons/awards/shortlisted.png); background-position: 0px 4px; background-size: 30px auto; padding: 8px 0 10px 45px; } .content ul.awards_list li.winner { background-image: url(../_img/icons/awards/winner_filled.png);  background-position: -5px 0; background-size: 40px auto; } @media(max-width: 740px) { #credentials_awards main .multicol--2-1 .content img.mw--300 {  max-width: 200px;  } } @media(max-width: 600px) { #credentials_awards main .multicol--2-1  {   grid-template-columns: 1fr;  } #credentials_awards main .multicol--2-1 .content img.mw--300 {  max-width: 100%;  } } .content ul#tenant_work_types li { position: relative; padding: 25px 25px 25px 100px; box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2);  margin-bottom: 30px; background: none; } .content ul#tenant_work_types li:last-of-type { margin-bottom: 0; } .content ul#tenant_work_types p { margin: 0; } .content ul#tenant_work_types li span { background-size: 80px auto; background-position: 0 0; position: absolute;  left: 5px; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; }  .content ul#tenant_work_types li#tw-repairs span { background-image: url(../_img/icons/tenants/repairs.png); } .content ul#tenant_work_types li#tw-planned span { background-image: url(../_img/icons/tenants/planned-works.png); } .content ul#tenant_work_types li#tw-project span { background-image: url(../_img/icons/tenants/project-works.png); background-size: 65px auto; background-position: 10px 5px; } .content ul#tenant_work_types li#tw-retrofitting span{ background-image: url(../_img/icons/tenants/retrofitting.png); } .content ul#tenant_work_types li#tw-compliance span { background-image: url(../_img/icons/tenants/compliance-works.png); } @media (max-width: 740px) { .content ul#tenant_work_types li {  box-shadow: none;  margin-bottom: 0px; } }  #policies_list .policy { border: 1px solid #ccc;  box-shadow: 3px 3px 7px 0px rgba(0,0,0,0); transition: all 0.3s ease-in-out; } #policies_list .policy:hover { border: 1px solid #aaa;  box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2); } #policies_list .policy img { display: block; opacity: 0.7; transition: all 0.3s ease-in-out; } #policies_list .content a { text-decoration: none;  background: #fff; display: block; transition: all 0.3s ease-in-out; } #policies_list .content .p-text { padding: 20px; background: #fff;  } #policies_list .content .p-text time { color: var(--black); } #policies_list .content a:hover { color: var(--fortem_blue); } @media(max-width: 740px) { #policies_list .multicol {  column-gap: 20px;  row-gap: 20px;  } } @media(max-width: 640px) { #policies_list .multicol {  grid-template-columns: 1fr 1fr;  } } @media(max-width: 540px) { #policies_list .multicol {  grid-template-columns: 1fr;  max-width: 300px;  margin: 0 auto; } }  #tenant_contacts .t-contact { border: 1px solid #ccc; padding : 20px;  position: relative; padding-bottom: 50px; box-shadow: 3px 3px 7px 0px rgba(0,0,0,0); transition: all 0.1s ease-in-out; } #tenant_contacts .t-contact h3 { font-size: 1.2em; font-weight: 600; line-height: 1.2; transition: all 0.2s ease-in-out; } #tenant_contacts .t-contact p { font-size: 0.9em; } #tenant_contacts .t-contact p.button { margin-bottom: 0; position: absolute; bottom: 20px; opacity: 0; transition: all 0.3s ease-in-out; } #tenant_contacts .t-contact p.button a { padding: 5px 10px 5px 10px !important; } #tenant_contacts .t-contact:hover { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); } #tenant_contacts .t-contact:hover h3 { color: var(--fortem_blue); } #tenant_contacts .t-contact:hover p.button { opacity: 1; } @media(max-width: 740px) { #tenant_contacts .multicol {  grid-template-columns: 1fr 1fr 1fr;  } } @media(max-width: 600px) { #tenant_contacts .multicol {  grid-template-columns: 1fr 1fr;  column-gap: 15px;  row-gap: 15px; } } @media(max-width: 400px) { #tenant_contacts .multicol {  grid-template-columns: 1fr;  column-gap: 15px;   } }  .wrapper.career_flightpath { width: 100%; } .career_flightpath .person { background: #34c3e0; width: 330px; height: 210px; border-radius: 10px; overflow: hidden; } .career_flightpath .person img { display: block; }  .fp_container { display: grid;   grid-template-columns: 90px 690px 90px;   column-gap: 30px; } .fp_slides { width: 690px; height: 210px; min-width: 0; position: relative; overflow: hidden; } .fp { width: 210px !important; height: 210px !important; background: #fff; border-radius: 10px; margin-right: 30px; } .fp .year { padding: 70px 20px 0px 20px; font-size: 1.05em; font-weight: 600; } .fp .role { padding: 0px 20px 0px 20px; font-size: 0.9em; line-height: 1.3; } .fp_container .prev_trigger, .fp_container .next_trigger { width: 100%; height: 100%; background-size: 40px auto; background-repeat: no-repeat; text-indent: -5600px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s ease-in-out; } .fp_container .prev_trigger:hover, .fp_container .next_trigger:hover { opacity: 1; } .fp_container .prev_trigger { background-image: url(../_img/arrow_left_teal.png); background-position: center center; } .fp_container .next_trigger { background-image: url(../_img/arrow_right_teal.png); background-position: center center; } .fp_container .prev_trigger.slick-disabled, .fp_container .next_trigger.slick-disabled { opacity: 0.1; cursor: default; }  @media(max-width: 1350px) { .career_flightpath .container {  max-width: 930px;  margin: 0 auto;  } .career_flightpath .multicol, .fp_container {  grid-template-columns: 1fr;  } .career_flightpath .person {  background: #34c3e0;  width: auto;  height: 210px;  border-radius: 10px;  overflow: hidden; } .fp_slides, .fp {  position: static;  width: auto !important;  height: auto !important;  margin-right: 0; }  .fp_slides {  display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  column-gap: 20px;  row-gap: 20px;  margin-top: 20px; } .fp {  aspect-ratio: 1/1;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;  padding: 20px;  }  .fp .year, .fp .role {  padding: 0;  }  .fp_container .prev_trigger, .fp_container .next_trigger {  display: none;  } }  @media(max-width: 765px) { .fp_slides {  grid-template-columns: 1fr ;  max-width: 450px;  width: 100% !important;   margin-left: auto;  margin-right: auto; } .fp {  aspect-ratio: auto;  width: 100% !important;  }  }  #branch_locations { display: grid; grid-template-columns: 1fr 1fr;   column-gap: 20px; row-gap: 20px; } #branch_locations .branch { border: 1px solid #ccc; padding: 20px; border-radius: 6px; } #branch_locations .branch h3 { color: var(--fortem_blue);  font-size: 1.1em; line-height: 1.2; padding-bottom: 5px; } #branch_locations .branch p { margin-bottom: 0; } @media(max-width: 440px) { #branch_locations {  grid-template-columns: 1fr;  row-gap: 0; } #branch_locations .branch {  border : none;  border-bottom: 1px solid #ccc;  padding: 20px 0;  border-radius: 0; } } footer { padding-top: 100px; } footer .wrapper { margin-bottom: 0;  width: 100%; } #footer_1 { background: var(--fortem_teal_15);  padding-top: 60px; padding-bottom: 40px; } #footer_1 .container { display: grid; grid-template-columns: 210px 930px;   column-gap: 30px;  position: relative; } #footer_logo img { margin-left: calc(-1 * (120px - 38px)); } #footer_1_nav nav > ul.gn { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;   column-gap: 15px; } #footer_1_nav nav > ul.gn li.gn-contacts, #footer_1_nav nav > ul.gn li.gn-news { display: none; } #footer_1_nav nav li a { text-decoration: none;  color: var(--fortem_teal); } #footer_1_nav nav > ul.gn > li { font-weight: 700; line-height: 1.2; display: block; } #footer_1 nav > ul.gn > li > ul.gn > li {   font-weight: normal;  padding-top: 10px; font-size: 0.9em; } #footer_1_nav nav li a:hover { text-decoration: underline;  color: var(--black); }  #footer_1 .tertiary_nav { padding-top: 50px; } #footer_1 .tertiary_nav ul {   list-style: none; font-size: 0.70em; font-weight: 500;   padding: 0;   margin: 0;   display: flex;   flex-wrap: wrap;   gap: 0.5em; } #footer_1 .tertiary_nav ul li {   position: relative; } #footer_1 .tertiary_nav ul li::after {   content: '|';   margin-left: 0.4em; } #footer_1 .tertiary_nav ul li:last-child::after {   content: ''; }  #footer_1_extra_nav { position: absolute; right: 120px; bottom: 50px; } #footer_1_extra_nav ul { display: flex; } #footer_1_extra_nav ul li { padding-left: 7px; } #footer_1_extra_nav ul li a { text-decoration: none; display: block; color: var(--fortem_teal); border-radius: 4px; } #footer_1_extra_nav ul li a.f-button { background: #fff; line-height: 32px; padding: 0 10px; font-size: 0.8em; font-weight: bold;  transition: all 0.3s ease-in-out; } #footer_1_extra_nav ul li a.f-button:hover { background: var(--fortem_teal); color: #fff; }  #footer_2 { border-top: 2px solid #fff; background-color: var(--fortem_teal);  padding: 38px 0; } #footer_2 .certification_logos { display: flex;  justify-content: space-between; }  #footer_3 { background-color: #f2f2f2; padding: 30px 0; } #footer_3 p, #footer_3 a { text-decoration: none;  color: var(--black); font-size: 0.9em; }   @media(max-width: 1425px) { #footer_1 .container, #footer_2 .container, #footer_3 .container {  display: block;  max-width: none;  padding-left: 30px;  padding-right: 30px; } #footer_logo {  display: none; } #footer_1_extra_nav {  right: 30px; } }  @media (max-width: 1200px) { #footer_2 .certification_logos img {  max-height: 60px;  width: auto; } }  @media (max-width: 980px) { #footer_2 {  padding: 20px 0; } #footer_2 .certification_logos img {  max-height: 40px;  width: auto; } } @media (max-width: 740px) { footer {  padding-top: 60px; } #footer_1 .container, #footer_2 .container, #footer_3 .container {  padding-left: 20px;  padding-right: 20px; }  #footer_1_nav nav > ul.gn {  grid-template-columns: 1fr 1fr 1fr ; column-gap: 15px;  row-gap: 30px;  padding-bottom: 40px; } #footer_1_extra_nav {  bottom: 80px;  right: auto;  left: 20px; } #footer_2 .certification_logos {  flex-wrap: wrap;  } #footer_2 .certification_logos img {  margin: 3px;  } } @media (max-width: 540px) { footer {  padding-top: 45px; } #footer_1_nav nav > ul.gn > li {  font-size: 0.9em; } } #home #hero #cutout_1 {   background-image: url(../_img/cut-outs/experts.webp); } #home #hero #cutout_2 {   background-image: url(../_img/cut-outs/every_home_matters.webp); } #home #hero #cutout_3 {   background-image: url(../_img/cut-outs/capital_works_v2.webp); } #home #hero #cutout_4 {   background-image: url(../_img/cut-outs/repairs.webp); } #home #hero #cutout_5 {   background-image: url(../_img/cut-outs/retrofit_v2.webp); }  #services-retrofit #hero .cut_outs { background-image: url(../_img/cut-outs/retrofit_3.webp); } #services-repairs #hero .cut_outs { background-image: url(../_img/cut-outs/repairs_2.webp); } #services-capital_works #hero .cut_outs { background-image: url(../_img/cut-outs/capital_works_2.webp); } #services-experts #hero .cut_outs { background-image: url(../_img/cut-outs/experts_2.webp); }  .cut_outs.co--default { background-image: url(../_img/cut-outs/capital_works.webp); } .cut_outs.co--youth { background-image: url(../_img/cut-outs/youth.webp); } .cut_outs.co--men { background-image: url(../_img/cut-outs/men.webp); } .cut_outs.co--careers { background-image: url(../_img/cut-outs/careers_v2.webp); } .cut_outs.co--tenants { background-image: url(../_img/cut-outs/every_home_matters.webp); } .cut_outs.co--hull { background-image: url(../_img/cut-outs/hull.webp); } .cut_outs.co--smiling_team { background-image: url(../_img/cut-outs/smiling_team.webp); } .icongrid .icon_grid-item { text-align: center; background: #fff; padding: 20px; aspect-ratio: 1 / 1;  box-shadow: 0 0 10px rgba(0,0,0,0.15); font-weight: 600; } .icongrid .icon_grid-item span { display: block; padding: 27%;  height: 0; background-size: contain; background-position: center; }  .icon--tangerine {   filter: brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(3967%) hue-rotate(1deg) brightness(102%) contrast(107%); }  .icon--wd_yellow {   filter:brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(3967%) hue-rotate(1deg) brightness(102%) contrast(107%); }  .icon--light_plum {   filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(2158%) hue-rotate(307deg) brightness(95%) contrast(95%); }  .icon--magenta {  filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(7308%) hue-rotate(315deg) brightness(92%) contrast(106%); }  .icon--violet {  filter: brightness(0) saturate(100%) invert(35%) sepia(81%) saturate(416%) hue-rotate(199deg) brightness(89%) contrast(85%); }  .icon--green {  filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(1556%) hue-rotate(142deg) brightness(94%) contrast(101%); }  .icon--lilac {   filter: brightness(0) saturate(100%) invert(80%) sepia(6%) saturate(2529%) hue-rotate(229deg) brightness(82%) contrast(85%); }  .icon--sky_blue {   filter: brightness(0) saturate(100%) invert(47%) sepia(95%) saturate(324%) hue-rotate(172deg) brightness(85%) contrast(88%); }  .icon--elemental_replacement { background-image:url(../_img/icons/capital-works/elemental_replacement.png) !important; } .icon--kitchens { background-image:url(../_img/icons/capital-works/kitchens.png) !important; } .icon--bathroom { background-image:url(../_img/icons/capital-works/bathroom.png) !important; } .icon--roofing { background-image:url(../_img/icons/capital-works/roofing.png) !important; } .icon--windows_doors { background-image:url(../_img/icons/capital-works/windows_doors.png) !important; } .icon--complex_projects { background-image:url(../_img/icons/capital-works/complex_projects.png) !important; } .icon--high_rise { background-image:url(../_img/icons/capital-works/high_rise.png) !important; }  .icon--ewi { background-image:url(../_img/icons/retrofit/ewi.png) !important; } .icon--solar { background-image:url(../_img/icons/retrofit/solar.png) !important; } .icon--heat_pump { background-image:url(../_img/icons/retrofit/heat_pump.png) !important; } .icon--ventilation { background-image:url(../_img/icons/retrofit/ventilation.png) !important; } .icon--gas_electric { background-image:url(../_img/icons/retrofit/gas_electric.png) !important; } .icon--insulation { background-image:url(../_img/icons/retrofit/insulation.png) !important; }  .icon--247 { background-image:url(../_img/icons/repairs/247.png) !important; } .icon--voids { background-image:url(../_img/icons/repairs/voids.png) !important; } .icon--damp { background-image:url(../_img/icons/repairs/damp.png) !important; } .icon--compliance { background-image:url(../_img/icons/repairs/compliance.png) !important; } .icon--fire_safety { background-image:url(../_img/icons/repairs/fire_safety.png) !important; } .icon--gas_servicing { background-image:url(../_img/icons/repairs/gas_servicing.png) !important; } .icon--electric_testing { background-image:url(../_img/icons/repairs/electric_testing.png) !important; } .icon--contact { background-image:url(../_img/icons/repairs/contact.png) !important; }  .icon--building { background-image:url(../_img/icons/trades/building.png) !important; } .icon--plumbing { background-image:url(../_img/icons/trades/plumbing.png) !important; } .icon--scaffolding { background-image:url(../_img/icons/trades/scaffolding.png) !important; } .icon--painting { background-image:url(../_img/icons/trades/painting.png) !important; } .icon--damp_proofing { background-image:url(../_img/icons/trades/damp_proofing.png) !important; } .icon--flooring { background-image:url(../_img/icons/trades/flooring.png) !important; } .icon--retrofit { background-image: url(../_img/streams/retrofit-teal.png); } .icon--repairs { background-image: url(../_img/streams/repairs-teal.png); } .icon--capital_works { background-image: url(../_img/streams/capital_works-teal.png); } .icon--retrofit-white { background-image: url(../_img/streams/retrofit-white.png); } .icon--repairs-white { background-image: url(../_img/streams/repairs-white.png); } .icon--capital_works-white { background-image: url(../_img/streams/capital_works-white.png); }   .icon--retrofit-100 { background-image: url(../_img/streams/retrofit-teal-100.png); } .icon--repairs-100 { background-image: url(../_img/streams/repairs-teal-100.png); } .icon--capital_works-100 { background-image: url(../_img/streams/capital_works-teal-100.png); } .icon--retrofit-white-100 { background-image: url(../_img/streams/retrofit-white-100.png); } .icon--repairs-white-100 { background-image: url(../_img/streams/repairs-white-100.png); } .icon--capital_works-white-100 { background-image: url(../_img/streams/capital_works-white-100.png); }   .content a.fileicon { display: inline-block; background-size: 45px 45px; min-height: 45px; background-repeat: no-repeat; padding-top: 3px; } .content .download_notes { position: relative; top: -0.8em; display: inline-block; font-size: 0.8em; line-height: 1; color: #5f5f5f; } .content a.fileicon, .content .download_notes { padding-left: 55px; }  .content a.pdf { background-image: url(../_shared/_img/file-icons/pdf.png) } .content a.xls, .content a.xlsx { background-image: url(../_shared/_img/file-icons/xls.png); } .content a.doc, .content a.docx { background-image: url(../_shared/_img/file-icons/doc.png); } .content a.ppt, .content a.pptx { background-image: url(../_shared/_img/file-icons/ppt.png); } .content a.png { background-image: url(../_shared/_img/file-icons/png.png); } .content a.jpeg, .content a.jpg { background-image: url(../_shared/_img/file-icons/jpg.png); } .content a.gif { background-image: url(../_shared/_img/file-icons/gif.png); } .content a.eps { background-image: url(../_shared/_img/file-icons/eps.png); } .content a.ics { background-image: url(../_shared/_img/file-icons/ics.png); } .content a.txt { background-image: url(../_shared/_img/file-icons/txt.png); } .content a.zip { background-image: url(../_shared/_img/file-icons/zip.png); }  a.icon32 { width: 32px; height: 32px; display: inline-block; text-indent: -3456px; background-size: 32px 32px; } a.icon32.facebook { background-image: url(../_shared/_img/social/facebook.png); } a.icon32.twitter { background-image: url(../_shared/_img/social/twitter.png); } a.icon32.linkedin { background-image: url(../_shared/_img/social/linkedin.png); } a.icon32.youtube { background-image: url(../_shared/_img/social/youtube.png); } a.icon32.instagram { background-image: url(../_shared/_img/social/instagram.png); } a.icon32.googleplus { background-image: url(../_shared/_img/social/googleplus.png); }  @media(max-width: 1035px) { .icongrid--4.multicol--4 {  grid-template-columns: 1fr 1fr 1fr; column-gap: 30px;  row-gap: 30px; }  } @media(max-width: 940px) { .icongrid .icon_grid-item {  padding: 20px;  font-size: 0.9em;  line-height: 1.3; }   } @media(max-width: 740px) { .icongrid--4.multicol--4 { column-gap: 20px;  row-gap: 20px; }  } @media(max-width: 650px) {   .icongrid--4.multicol--4 {  grid-template-columns: 1fr 1fr 1fr; column-gap: 10px;  row-gap: 10px; }   .icongrid .icon_grid-item {  padding: 15px;  font-size: 2vw;  line-height: 1.3; } }.cta_callout { max-width: 500px; margin-bottom: 1.5em;  border-radius: 10px; overflow: hidden; margin-top: 1.5em; } .cta_callout.cta--texty a, .cta_callout.cta--bold a { position: relative; display: block; padding: 20px; background: var(--fortem_blue); color: #fff; text-decoration: none; transition: all 0.2s ease-in-out;  } .cta_callout.cta--texty a span, .cta_callout.cta--bold a span {   content: "";   position: absolute;   top: 0;   right: 0;   width: 50px;   height: 100%;   background: #000; border-left: 2px solid #fff; background-color: var(--tangerine); transition: all 0.2s ease-in-out; } .cta_callout.cta--texty a span i, .cta_callout.cta--bold a span i { position: absolute; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); left: 0; background-image: url(../_img/arrow_right_white.png); background-size: 25px auto; background-repeat: no-repeat; background-position: center; transition: all 0.2s ease-in-out; } .cta_callout.cta--texty a:hover, .cta_callout.cta--bold a:hover { background-color: var(--fortem_teal); } .cta_callout.cta--texty a:hover span, .cta_callout.cta--bold a:hover span { background: var(--fortem_blue); } .cta_callout.cta--texty a:hover span i, .cta_callout.cta--bold a:hover span i { left: 2px; }  .cta_callout.cta--texty a h3, .cta_callout.cta--texty a p, .cta_callout.cta--bold a h3 { margin-bottom: 0;  padding-right: 70px; } .cta_callout.cta--texty a h3 { font-size: 1.4em;  padding-bottom: 5px; line-height: 1.4; } .cta_callout.cta--texty a p { line-height: 1.5; } .cta_callout.cta--bold a h3 { font-size: 1.3em;  padding-bottom: 0; line-height: 1.4; } .cta_callout.cta--image a, .cta_callout.cta--image img { display: block; } .cta_callout.cta--image { background: #000; } .cta_callout.cta--image img { transition: all 0.3s ease-in-out; } .cta_callout.cta--image a:hover img { opacity: 0.8; }