@charset "UTF-8";
@import url("https://fast.fonts.net/lt/1.css?apiType=fspg&c=987cd6a6-0818-4d04-beca-c99df9a66bef&fontids=124"); /* FS Joey Light */
@import url("https://fast.fonts.net/lt/1.css?apiType=fspg&c=987cd6a6-0818-4d04-beca-c99df9a66bef&fontids=127"); /* FS Joey Regular */
@import url("https://fast.fonts.net/lt/1.css?apiType=fspg&c=987cd6a6-0818-4d04-beca-c99df9a66bef&fontids=126"); /* FS Joey Medium */
@font-face {
  font-family: "FS_Joey_Regular";
  src: url("/fonts/FSJoeyWeb-Regular.woff2") format("woff2"), url("/fonts/FSJoeyWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: "FS_Joey_Light";
  src: url("/fonts/FSJoeyWeb-Light.woff2") format("woff2"), url("/fonts/FSJoeyWeb-Light.woff") format("woff");
}
@font-face {
  font-family: "FS_Joey_Medium";
  src: url("/fonts/FSJoeyWeb-Medium.woff2") format("woff2"), url("/fonts/FSJoeyWeb-Medium.woff") format("woff");
}
/*.chrome img{
  image-rendering: -webkit-optimize-contrast;
  @include mobile{
    image-rendering: auto;
  }
}*/
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #001a37;
}

a {
  color: inherit;
  text-decoration: none;
  touch-action: manipulation;
}

h1 {
  font-size: 50px;
  margin: 30px 0;
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
@media only screen and (max-width: 760px) {
  h1 {
    font-size: 40px !important;
  }
}

h2 {
  font-size: 40px;
  margin: 40px 0 30px;
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 46px;
}
@media only screen and (max-width: 760px) {
  h2 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
}

h3 {
  font-size: 22px;
  margin: 40px 0 20px;
  color: #001a37;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  line-height: 28px;
}
@media only screen and (max-width: 760px) {
  h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

p {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 28px;
  color: #575757;
}
@media only screen and (max-width: 760px) {
  p {
    font-size: 16px;
    line-height: 24px;
  }
}
p.intro {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 60px;
}
p.fsJoey {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 28px;
}
p.fsJoey strong {
  color: #001a37;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  font-size: 22px;
}

q::before {
  content: open-quote;
}

q::after {
  content: close-quote;
}

.col {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.col.col_1-2 {
  width: 50%;
}

.big {
  font-size: 50px;
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 60px;
}
@media only screen and (max-width: 760px) {
  .big {
    font-size: 30px;
    line-height: 40px;
  }
}

.header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 499;
  border-bottom: 1px solid #f1f1f1;
  font-size: 0;
  height: auto;
  margin: 0 auto;
  background: #ffffff;
  box-sizing: border-box;
  position: fixed;
}
@media only screen and (max-width: 900px) {
  .header {
    height: 80px;
    position: fixed;
  }
}
.header .menuToggle {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: top;
  z-index: 100;
  display: none;
}
@media only screen and (max-width: 900px) {
  .header .menuToggle {
    left: 20px;
    top: 25px;
    display: block;
  }
}
.header .menuToggle .menuI {
  transition: 0.4s ease;
  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
  position: absolute;
  height: 2px;
  width: 25px;
  background: #001a37;
}
.header .menuToggle .menuI.topI {
  top: 1px;
}
.header .menuToggle .menuI.middleI {
  top: 11px;
}
.header .menuToggle .menuI.bottomI {
  top: 21px;
  width: 15px;
}
.header .topNav {
  display: inline-block;
  width: calc(100% - 346px);
  vertical-align: middle;
  /*@include media(max-width, 1300px) {
    width: calc(100% - 220px);
    text-align: right;
    > ul {
      text-align: right !important;
      > li {
        padding: 14px !important;
      }
    }
  }*/
}
@media only screen and (max-width: 900px) {
  .header .topNav {
    display: none;
  }
}
.header .topNav > ul {
  display: block;
  text-align: center;
  width: 100%;
}
.header .topNav > ul > li {
  display: inline-block;
  padding: 38px 20px 32px;
  cursor: pointer;
}
.header .topNav > ul > li:hover > a {
  color: #dc001d;
}
.header .topNav > ul > li:hover > .subNav {
  visibility: visible;
  opacity: 1;
  top: 88px;
  transition: top 0s, opacity 0.3s 0.3s, visibility 0.3s;
}
.header .topNav > ul > li > a {
  font-size: 18px;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  line-height: 18px;
  display: block;
  cursor: pointer;
  transition: all 0.3s, 0.3s ease;
}
.header .topNav > ul > li .subNav {
  border-top: 1px solid #f1f1f1;
  width: 100%;
  height: auto;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
  top: -9999px;
  z-index: -1;
  visibility: hidden;
  display: flex;
  background-color: #ffffff;
  padding: 30px 0;
  box-sizing: border-box;
  opacity: 0;
  height: 330px;
  box-shadow: 0 0.2rem 0.25rem rgba(0, 0, 0, 0.2);
  transition: top 0s 0.3s, opacity 0.3s, visibility 0s 0.3s;
  /*&.smallerWidth{
    max-width: 720px;
    ul{
      width:40% !important;
    }
    .navImageContainer{
      width:60% !important;
    }
  }*/
}
.header .topNav > ul > li .subNav .minimise {
  display: none;
}
.header .topNav > ul > li .subNav .navImageContainer {
  width: 40%;
  display: inline-block;
  text-align: left;
  margin: 0 0;
  padding: 0 30px;
  right: 0;
  position: absolute;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s;
}
.header .topNav > ul > li .subNav .navImageContainer.active {
  opacity: 1;
}
.header .topNav > ul > li .subNav .navImageContainer .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 170px;
  width: 100%;
  background-color: #f1f1f1;
  position: relative;
}
.header .topNav > ul > li .subNav .navImageContainer .icon {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.header .topNav > ul > li .subNav .navImageContainer p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  border-left: 1px solid #9c9c98;
  padding-left: 10px;
}
.header .topNav > ul > li .subNav ul {
  width: 30%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 0;
  padding: 0 0 0 30px;
  position: relative;
  box-sizing: border-box;
}
.header .topNav > ul > li .subNav ul > li {
  display: block;
  border-bottom: 1px solid #9c9c98;
  padding: 15px 15px 15px 0;
  box-sizing: border-box;
}
.header .topNav > ul > li .subNav ul > li.expands > a:after {
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 10px;
  background-image: url(../images/icons/arrow-right.svg);
  opacity: 0;
  right: 0;
  top: 0;
  width: 10px;
  height: 15px;
  position: absolute;
  transition: all 0.3s ease;
}
.header .topNav > ul > li .subNav ul > li.expands:hover > a:after {
  opacity: 1;
}
.header .topNav > ul > li .subNav ul > li:last-child {
  border-bottom: none;
}
.header .topNav > ul > li .subNav ul > li:hover > a {
  color: #dc001d;
}
.header .topNav > ul > li .subNav ul > li > a {
  font-size: 14px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 14px;
  display: block;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.header .topNav > ul > li .subNav ul > li > ul.nestedMenu {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
}
.header .topNav > ul > li .subNav ul > li > ul.nestedMenu > li {
  border-bottom: none;
  padding: 15px 0 5px;
}
.header .topNav > ul > li .subNav ul > li > ul.nestedMenu > li > a {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.header .topNav > ul > li .subNav ul > li:hover > ul.nestedMenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.header .topNav > ul > li .subNav ul > li:hover > ul.nestedMenu > li > a {
  opacity: 1;
}
.header .logo {
  position: relative;
  display: inline-block;
  padding: 13px 20px 15px 0;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 900px) {
  .header .logo {
    display: block;
    padding: 11px 10px 11px 0;
  }
}
.header .logo img {
  height: 58px;
  /*@include ipad {
    width: 150px;
  }*/
}
.header .right {
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 35px;
}
@media only screen and (max-width: 900px) {
  .header .right {
    display: none;
  }
}
.header .right a {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #001a37;
  margin-left: 25px;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
}
.header .right a img {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
.header .right a.langLink {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #001a37;
  border: 2px solid #001a37;
  box-sizing: border-box;
  padding: 8px 20px;
  border-radius: 24px;
  transition: color 0.3s ease, background 0.3s ease;
}
.header .right a.langLink:hover {
  color: #ffffff;
  background: #001a37;
}
.header .right a.searchLink span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-size: 40px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../images/icons/search-close.png");
}
.header .right a.searchLink.close span {
  background-position: -23px 0;
}
.header .right form {
  display: inline-block;
}
.header .right form input {
  border: none;
  width: 200px;
  margin-right: 10px;
  display: inline-block;
  font-size: 12px;
  color: #001a37;
  padding: 10px 20px 7px;
  border-radius: 20px;
  box-sizing: border-box;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  outline: none;
  background: url("/images/icons/search.svg") no-repeat scroll 95% 7px;
  background-color: #f1f1f1;
  padding-right: 40px;
}

.overlayNav {
  background: #ffffff;
  color: #001a37;
  display: none;
  z-index: 500;
  transition: transform 0.5s ease-in-out;
  transform: translate3d(-100%, 0, 0);
}
.overlayNav.open {
  transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 900px) {
  .overlayNav {
    display: block;
  }
}
.overlayNav .closeOverlayNav {
  position: absolute;
  top: 25px;
  left: 20px;
  cursor: pointer;
}
.overlayNav .closeOverlayNav img {
  height: 20px;
  width: 20px;
}
.overlayNav .inner {
  height: 100vh;
}
.overlayNav .inner > ul {
  padding: 80px 20px;
  min-height: 100vh;
  box-sizing: border-box;
}
.overlayNav .inner > ul > li {
  font-size: 22px;
  line-height: 22px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  border-bottom: 1px solid #dc001d;
  padding: 15px 0;
}
.overlayNav .inner > ul > li a {
  cursor: pointer;
  display: block;
}
.overlayNav .inner > ul > li .subNav {
  background: #ffffff;
  color: #001a37;
  padding: 80px 25px;
  transition: transform 0.3s ease-in-out;
  transform: translate3d(-100%, 0, 0);
  box-sizing: border-box;
}
.overlayNav .inner > ul > li .subNav.open {
  transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 900px) {
  .overlayNav .inner > ul > li .subNav {
    z-index: 501;
  }
}
.overlayNav .inner > ul > li .subNav .minimise {
  border-bottom: 1px solid #dc001d;
  display: block;
  padding: 15px 0;
}
.overlayNav .inner > ul > li .subNav .minimise > p {
  font-size: 22px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  color: #001a37;
}
.overlayNav .inner > ul > li .subNav .minimise img {
  float: right;
  width: 30px;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper {
  padding: 0 0;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > p {
  font-size: 18px;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
  color: #001a37;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper.image {
  display: none;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul {
  display: block;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #001a37;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li a {
  font-size: 18px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 30px;
  display: block;
  cursor: pointer;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li a:hover {
  color: #dc001d;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li > ul.nestedMenu {
  display: block;
  width: 100%;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li > ul.nestedMenu > li {
  border-bottom: none;
  padding: 5px 0 5px;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper > ul > li > ul.nestedMenu > li > a {
  display: block;
  font-size: 14px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 25px;
}
.overlayNav .inner > ul > li .subNav .navigationWrapper .navImageContainer {
  display: none;
}

.overlayNav,
.overlayNav .subNav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
}
.overlayNav.open,
.overlayNav .subNav.open {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.searchBar {
  background: #f0f0f0;
  top: 89px;
  width: 100%;
  position: fixed;
  z-index: 498;
  opacity: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -200px, 0);
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-out;
}
.searchBar.open {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.searchBar.adjust {
  top: 91px;
}
.searchBar form {
  padding: 15px 30px;
  box-sizing: border-box;
  font-size: 0;
}
.searchBar form ::-webkit-input-placeholder {
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.searchBar form :-moz-placeholder {
  /* Firefox 18- */
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.searchBar form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.searchBar form :-ms-input-placeholder {
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.searchBar form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;
  -webkit-text-fill-color: #001a37;
}
.searchBar form input {
  background: transparent;
  border: none;
  box-sizing: border-box;
  outline: none;
  display: inline-block;
  font-size: 16px;
  padding: 10px 6px 8px;
  width: calc(100% - 24px);
  color: #001a37;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.searchBar form button {
  border: none;
  background: none;
  display: inline-block;
  position: relative;
  top: 10px;
  cursor: pointer;
  padding: 0;
  float: right;
}
.searchBar form button img {
  width: 18px;
}

.button {
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  font-size: 12px;
  padding: 8px 20px 6px;
  border-radius: 20px;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: 0.4px;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  border: 1px solid;
  cursor: pointer;
  outline: none;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  background: transparent;
  color: #001a37;
  border-color: #001a37;
}
.button:hover {
  background: #001a37;
  color: #ffffff;
}
.button.bigButton {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 18px;
  padding: 15px 40px 12px;
  border-radius: 25px;
  text-transform: none;
}
@media only screen and (max-width: 760px) {
  .button.bigButton {
    font-size: 12px;
    padding: 8px 20px 7px;
    border-radius: 20px;
    text-transform: uppercase;
  }
}
.button.grey {
  background: #f0f0f0;
  color: #001a37;
  border-color: #f0f0f0;
}
.button.grey:hover {
  color: #ffffff;
  background: #001a37;
  border-color: #001a37;
}
.button.blue {
  background: #33c2e6;
  color: #ffffff;
  border-color: #33c2e6;
}
.button.blue:hover {
  color: #33c2e6;
  background: transparent;
}
.button.orange {
  background: #fc9b43;
  color: #ffffff;
  border-color: #fc9b43;
}
.button.orange:hover {
  color: #fc9b43;
  background: transparent;
}
.button.red {
  background: #fb6c66;
  color: #ffffff;
  border-color: #fb6c66;
}
.button.red:hover {
  color: #fb6c66;
  background: transparent;
}
.button.green {
  background: #addb50;
  color: #ffffff;
  border-color: #addb50;
}
.button.green:hover {
  color: #addb50;
  background: transparent;
}
.button.yellow {
  background: #fed330;
  color: #ffffff;
  border-color: #fed330;
}
.button.yellow:hover {
  color: #fed330;
  background: transparent;
}
.button.white {
  background: #ffffff;
  color: #001a37;
  border-color: #ffffff;
}
.button.white:hover {
  background: #001a37;
  border-color: #001a37;
  color: #ffffff;
}
.button.navy {
  background: #001a37;
  color: #ffffff;
  border-color: #001a37;
}
.button.navy:hover {
  background: #ffffff;
  color: #001a37;
}
.button.purple {
  background: #b281c2;
  color: #ffffff;
  border-color: #b281c2;
}
.button.purple:hover {
  color: #b281c2;
  background: transparent;
}
.button.totusRed {
  background: #dc001d;
  color: #ffffff;
  border-color: #dc001d;
}
.button.totusRed:hover {
  color: #dc001d;
  background: transparent;
}
.button.navyOutline {
  background: transparent;
  color: #001a37;
  border-color: #001a37;
}
.button.navyOutline:hover {
  background: #001a37;
  color: #ffffff;
}
.button.redOutline {
  background: transparent;
  color: #dc001d;
  border-color: #dc001d;
}
.button.redOutline:hover {
  background: #dc001d;
  color: #ffffff;
}

.headerWrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.navigationWrapper {
  width: 100%;
  max-width: 1000px;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  text-align: left;
}

.wrapper {
  width: 100%;
  max-width: 1400px;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.wrapper.smallWrapper {
  max-width: 1060px;
}
@media only screen and (max-width: 760px) {
  .wrapper {
    padding: 0 20px;
  }
}
.wrapper .overview {
  width: 100%;
  max-width: 1000px;
  margin: 0 0 120px 0;
}
.wrapper .overview.spaceTop {
  margin-top: 120px;
}
.wrapper .overview.lessSpaceBottom {
  margin-bottom: 60px;
}
.wrapper .overview.fullWidth {
  margin: 120px auto;
  max-width: none;
}
.wrapper .overview.spaceIn {
  box-sizing: border-box;
  padding: 0 25px;
}
.wrapper .overview.shorter {
  max-width: 880px;
}
@media only screen and (max-width: 760px) {
  .wrapper .overview {
    margin: 0 0 60px 0;
  }
  .wrapper .overview.spaceTop {
    margin: 60px 0;
  }
  .wrapper .overview.lessSpaceBottom {
    margin-bottom: 30px;
  }
}
.wrapper .overview h2 {
  margin-top: 0;
}
.wrapper .overview.center h2 {
  max-width: 100%;
}
.wrapper .overview ul li {
  font-size: 22px;
  line-height: 32px;
}
.wrapper .overview p {
  margin: 30px 0;
  color: #575757;
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (max-width: 760px) {
  .wrapper .overview p {
    font-size: 18px;
    line-height: 28px;
  }
}
.wrapper .overview p strong {
  color: #001c36;
  font-weight: bold;
}
.wrapper hr {
  margin: 60px auto;
  background: #575757;
  border: 0;
  height: 1px;
}

.hero {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-top: 90px;
}
@media only screen and (max-width: 760px) {
  .hero {
    height: 300px;
    margin-top: 80px;
  }
}
.hero:after {
  content: "";
  background-color: rgba(87, 87, 87, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hero .videoHolder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.hero .videoHolder video {
  width: 100%;
}
.hero .wrapper {
  height: 500px;
}
@media only screen and (max-width: 760px) {
  .hero .wrapper {
    height: 300px;
  }
}
.hero h1 {
  top: 50%;
  position: absolute;
  transform: translate(0%, -50%);
  font-size: 76px;
  z-index: 2;
  margin: 0;
  color: #ffffff;
}
@media only screen and (max-width: 760px) {
  .hero h1 {
    font-size: 40px;
  }
}
.hero h1.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 768px;
  width: 100%;
}
.hero h1.dark {
  color: #001a37;
}

.homeHero {
  height: auto;
  min-height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding-top: 90px;
}
@media only screen and (max-width: 760px) {
  .homeHero {
    padding-top: 80px;
  }
}
.homeHero:after {
  background-color: rgba(87, 87, 87, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.homeHero:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  height: 150px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}
.homeHero .screen {
  width: 100%;
  max-width: 1400px;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 760px) {
  .homeHero .screen {
    padding: 0 20px;
  }
}
.homeHero .screen.screen1 {
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
  height: 100%;
  display: none;
}
.homeHero .screen.screen1 h1 {
  box-sizing: border-box;
  padding: 0 30px;
  color: #ffffff;
  position: absolute;
  top: auto;
  bottom: 240px;
  left: 0;
  max-width: 600px;
}
.homeHero .screen.screen2 {
  position: relative;
}
.homeHero .screen.screen2 .inner {
  box-sizing: border-box;
}
.homeHero .screen.screen2 h1 {
  position: relative;
  top: auto;
  color: #001a37;
  max-width: 600px;
  padding: 40px 30px 0 0;
  margin: 0px;
}

.boxes {
  font-size: 0;
  padding: 30px 0 0;
  box-sizing: border-box;
  margin: 0 -10px;
}
@media only screen and (max-width: 760px) {
  .boxes {
    margin-top: 10px;
    padding-bottom: 40px;
  }
}
.boxes .oneBox {
  background: #ffffff;
  width: calc(33.33% - 20px);
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin: 10px;
  box-shadow: 0 0.2rem 0.25rem rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1200px) {
  .boxes .oneBox {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 760px) {
  .boxes .oneBox {
    width: calc(100% - 20px);
  }
}
.boxes .oneBox h2 {
  margin: 0 0 0 0px;
  font-size: 24px;
  color: #001a37;
  width: 100%;
  z-index: 2;
}
.boxes .oneBox .image {
  width: 100%;
  height: 170px;
  z-index: 1;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.boxes .oneBox .image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(87, 87, 87, 0.3);
  z-index: 1;
}
.boxes .oneBox .image img {
  width: 70px;
  position: absolute;
  bottom: -35px;
  right: 20px;
  z-index: 2;
}
.boxes .oneBox .text {
  box-sizing: border-box;
  padding: 20px 20px 20px;
  min-height: 170px;
}
@media only screen and (max-width: 760px) {
  .boxes .oneBox .text {
    min-height: 120px;
  }
}
.boxes .oneBox .text p {
  margin: 0 0 0 0;
  font-size: 14px;
  line-height: 20px;
  width: 85%;
}
.boxes .oneBox .imageHolder .icon {
  width: 70px;
  float: right;
  margin-top: -40px;
  margin-right: -12px;
  z-index: 2;
  position: relative;
}

.breadcrumbBar {
  height: 40px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 760px) {
  .breadcrumbBar {
    height: 20px;
  }
}
.breadcrumbBar.grey {
  background-color: #dc001d;
}
.breadcrumbBar.grey ul.breadcrumb li + li:before {
  color: #ffffff !important;
}
.breadcrumbBar.grey ul.breadcrumb li a {
  color: #ffffff !important;
}
.breadcrumbBar.orange {
  background-color: #fc9b43;
}
.breadcrumbBar.green {
  background-color: #addb50;
}
.breadcrumbBar.red {
  background-color: #fb6c66;
}
.breadcrumbBar.blue {
  background-color: #33c2e6;
}
.breadcrumbBar.yellow {
  background-color: #fed330;
}
.breadcrumbBar.purple {
  background-color: #b281c2;
}
.breadcrumbBar ul.breadcrumb {
  padding: 15px 0 13px;
  list-style: none;
}
@media only screen and (max-width: 760px) {
  .breadcrumbBar ul.breadcrumb {
    display: none;
  }
}
.breadcrumbBar ul.breadcrumb li {
  display: inline;
  font-size: 12px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
@media only screen and (max-width: 760px) {
  .breadcrumbBar ul.breadcrumb li {
    font-size: 12px;
  }
}
.breadcrumbBar ul.breadcrumb li + li:before {
  padding: 8px;
  color: #001a37;
  content: "/ ";
}
@media only screen and (max-width: 760px) {
  .breadcrumbBar ul.breadcrumb li + li:before {
    padding: 4px;
  }
}
.breadcrumbBar ul.breadcrumb li a {
  color: #001a37;
  text-decoration: none;
}
.breadcrumbBar .hex {
  position: absolute;
  right: 30px;
  width: 150px;
  z-index: 2;
  top: 50%;
  position: absolute;
  transform: translate(0%, -50%);
}
@media only screen and (max-width: 768px) {
  .breadcrumbBar .hex {
    width: 120px;
  }
}
@media only screen and (max-width: 760px) {
  .breadcrumbBar .hex {
    width: 80px;
  }
}

.articleWrapper {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 120px;
}
.articleWrapper img {
  width: 100%;
  height: auto;
  margin: 40px 0;
  display: block;
}
.articleWrapper .pageIntro {
  text-align: center;
  margin: 0 auto 120px;
}
@media only screen and (max-width: 760px) {
  .articleWrapper .pageIntro {
    margin: 50px auto;
  }
}
.articleWrapper .pageIntro h1 {
  max-width: 550px;
  margin: 0 auto;
}
.articleWrapper .articleImages {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .articleWrapper .articleImages {
    width: 100%;
  }
}
.articleWrapper .articleImages img,
.articleWrapper .articleImages video {
  width: 100%;
  margin: 0 0 40px;
}
.articleWrapper .articleImages img:last-child,
.articleWrapper .articleImages video:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .articleWrapper .articleImages img,
  .articleWrapper .articleImages video {
    display: none;
    margin-bottom: 30px;
  }
  .articleWrapper .articleImages img:nth-of-type(1),
  .articleWrapper .articleImages video:nth-of-type(1) {
    display: block;
    margin-bottom: 30px;
  }
}
.articleWrapper .mobileImages {
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .articleWrapper .mobileImages {
    display: block;
  }
}
.articleWrapper .mobileImages img {
  width: 100%;
  margin-bottom: 40px;
  margin-bottom: 20px;
}
.articleWrapper .mobileImages img:nth-of-type(1) {
  display: none;
}
.articleWrapper .articleText {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 50px;
}
@media only screen and (max-width: 768px) {
  .articleWrapper .articleText {
    width: 100%;
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 760px) {
  .articleWrapper .articleText {
    padding: 0 0;
  }
}
.articleWrapper h1 {
  font-size: 50px;
  margin: 30px 0;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.articleWrapper h2 {
  margin: 40px 0 30px;
}
.articleWrapper h3 {
  margin: 40px 0 30px;
}
.articleWrapper p {
  font-size: 16px;
  margin-bottom: 20px;
}
.articleWrapper p.intro {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 24px;
  color: #575757;
  margin-bottom: 60px;
}
.articleWrapper p {
  line-height: 28px;
}
.articleWrapper p a {
  text-decoration: underline;
}
.articleWrapper p strong {
  font-weight: 700;
}
.articleWrapper .date {
  margin: 60px auto 20px;
  display: block;
  font-size: 14px;
}
.articleWrapper ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 30px;
}
.articleWrapper ul li {
  margin-bottom: 10px;
  line-height: 28px;
  font-size: 16px;
  color: #575757;
}
.articleWrapper ul li ul {
  margin-top: 10px;
}
.articleWrapper ol {
  list-style: lower-alpha;
  padding-left: 20px;
  margin-bottom: 30px;
}
.articleWrapper ol li {
  margin-bottom: 10px;
  line-height: 28px;
  font-size: 16px;
  color: #575757;
}
@media only screen and (max-width: 760px) {
  .articleWrapper .tableResponsive {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
  }
}
.articleWrapper table {
  margin-top: 40px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  width: 100% !important;
}
.articleWrapper table thead tr td {
  border: solid 1px #001a37;
  padding: 15px;
}
.articleWrapper table tr td {
  border: solid 1px #001a37;
  padding: 15px;
  vertical-align: top;
}
.articleWrapper table tr td p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.articleWrapper table tr th {
  border: solid 1px #001a37;
  padding: 15px;
}

.pageContainer {
  padding-top: 120px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  /*background-image: url("../images/dot-logo-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -25% -25%;
  background-size: 50%;
  background-position: 120% 120%;
  background-size: 50%;*/
}
.pageContainer.grey {
  background: #f0f0f0;
}
.pageContainer .logoBg {
  position: absolute;
  width: 70vw;
  top: -15vw;
  right: -15vw;
  z-index: 0;
}
@media only screen and (max-width: 760px) {
  .pageContainer {
    padding-top: 80px;
  }
}
.pageContainer .statistics {
  margin: 60px auto;
  width: auto;
  display: block;
  position: relative;
}
.pageContainer .statistics h2 {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: solid 1px #001a37;
  position: relative;
}
.pageContainer .statistics .statCol {
  width: 33.33%;
  display: inline-block;
  box-sizing: border-box;
  padding: 60px;
  text-align: center;
}
@media only screen and (max-width: 760px) {
  .pageContainer .statistics .statCol {
    width: 100%;
    padding: 20px 10px;
  }
}
.pageContainer .statistics .statCol p strong {
  margin: 0 0 5px;
  display: block;
}
.pageContainer .statistics .statCol .statIcon {
  position: relative;
  margin-bottom: 30px;
}
.pageContainer .statistics .statCol .statIcon svg {
  width: 100%;
  max-width: 220px;
  height: auto;
  box-sizing: border-box;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.orange {
  stroke: #fc9b43;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.green {
  stroke: #addb50;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.red {
  stroke: #fb6c66;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.blue {
  stroke: #33c2e6;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.yellow {
  stroke: #fed330;
}
.pageContainer .statistics .statCol .statIcon svg .hexColour.purple {
  stroke: #b281c2;
}
.pageContainer .statistics .statCol .statIcon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
}
.pageContainer .mapContainer {
  height: 800px;
  width: 100%;
  margin: 0 auto;
  background: #d0d1d3;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 760px) {
  .pageContainer .mapContainer {
    background-position: bottom right;
    background-size: 125%;
    height: auto;
    padding-bottom: 76%;
  }
}
.pageContainer .mapContainer .overview {
  max-width: 400px;
}
.pageContainer .colContainer {
  width: 100%;
  margin: 120px auto;
}
.pageContainer .colContainer .col_1-2 img {
  max-width: 450px;
}
.pageContainer .col_1-2 {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
@media only screen and (max-width: 760px) {
  .pageContainer .col_1-2 {
    width: 100%;
    padding: 0;
    margin: 60px auto;
  }
}
.pageContainer .col_1-2.left {
  padding: 0 60px 0 0;
}
@media only screen and (max-width: 760px) {
  .pageContainer .col_1-2.left {
    padding: 0;
  }
}
.pageContainer .col_1-2.right {
  padding: 0 0 0 60px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .col_1-2.right {
    padding: 0;
  }
}
.pageContainer .col_1-2 p {
  max-width: 600px;
}
.pageContainer .col_1-2 p.big {
  font-size: 34px;
  line-height: 44px;
}
.pageContainer .col_1-2 p img {
  width: 50px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .col_1-2 p img {
    width: 40px;
  }
}
.pageContainer .col_1-2 p.colourText {
  font-size: 30px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 36px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .col_1-2 p.colourText {
    font-size: 22px;
    line-height: 28px;
  }
}
.pageContainer .col_1-2 p.orange {
  color: #fc9b43;
}
.pageContainer .col_1-2 p.green {
  color: #addb50;
}
.pageContainer .col_1-2 p.red {
  color: #fb6c66;
}
.pageContainer .col_1-2 p.blue {
  color: #33c2e6;
}
.pageContainer .col_1-2 p.yellow {
  color: #fed330;
}
.pageContainer .col_1-2 p.purple {
  color: #b281c2;
}
.pageContainer .col_1-2 img {
  width: 100%;
}
.pageContainer .documentationBox {
  background-color: #001a37;
  background-image: url("/images/documentation-bg.png");
  background-size: cover;
  background-position: top left;
  width: calc(50% - 25px);
  box-sizing: border-box;
  padding: 50px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 50px auto 0;
  border-radius: 25px;
}
.pageContainer .documentationBox.left {
  margin-right: 25px;
}
.pageContainer .documentationBox.right {
  margin-left: 25px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .documentationBox {
    width: 100%;
    margin: 20px auto !important;
  }
}
.pageContainer .documentationBox h1 {
  color: #ffffff;
  margin: 0 0 30px 0;
}
.pageContainer .documentationBox a {
  color: #ffffff;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin: 0 auto;
  text-decoration: underline;
  margin-bottom: 5px;
}
.pageContainer .documentationBox a.button {
  text-decoration: none;
  margin-bottom: 30px;
}
.pageContainer .resourcesTable {
  margin-top: 60px;
}
.pageContainer .resourcesTable h3 {
  color: #dc001d;
  margin-top: 50px;
}
.pageContainer .resourcesTable .resourceRow {
  background: #f0f0f0;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .pageContainer .resourcesTable .resourceRow {
    text-align: center;
  }
}
.pageContainer .resourcesTable .resourceRow p {
  margin: 0;
  display: inline-block;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  color: #001a37;
  line-height: 28px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .resourcesTable .resourceRow p {
    display: block;
  }
}
.pageContainer .resourcesTable .resourceRow p span {
  color: #dc001d;
}
.pageContainer .resourcesTable .resourceRow .button {
  float: right;
}
@media only screen and (max-width: 760px) {
  .pageContainer .resourcesTable .resourceRow .button {
    display: block;
    float: none;
  }
}
.pageContainer div.center {
  margin: 0 auto 60px;
  text-align: center;
}
.pageContainer .centerQuote {
  text-align: center;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.pageContainer .centerQuote span {
  margin: 30px 0;
  position: relative;
  top: -10px;
}
.pageContainer .centerQuote span.openingSpeech {
  top: -10px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .centerQuote span {
    margin: 15px 0;
  }
}
.pageContainer .centerQuote span img {
  width: 30px;
}
.pageContainer .centerQuote p.big {
  margin: 30px 0;
}
@media only screen and (max-width: 760px) {
  .pageContainer .centerQuote p.big {
    margin: 15px 0;
  }
}
.pageContainer .centerQuote p.fsJoey {
  margin: 60px 0 30px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .centerQuote p.fsJoey {
    margin: 30px 0 15px;
  }
}
.pageContainer .centerQuote p.fsJoey strong {
  margin: 0 0 5px;
  display: block;
}
.pageContainer .teamProfile {
  font-size: 0;
  margin: 0 auto;
  width: 100%;
}
.pageContainer .teamProfile .columnLeft {
  width: 50%;
  display: inline-block;
  padding-right: 40px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile .columnLeft {
    width: 100%;
    padding: 0;
  }
}
.pageContainer .teamProfile .columnLeft .thumbnail {
  width: 100%;
  height: auto;
}
.pageContainer .teamProfile .columnLeft .contactDetailsDesktop table p {
  margin: 0 5px 0 0;
}
.pageContainer .teamProfile .columnLeft .contactDetailsDesktop p {
  font-size: 18px;
  margin: 20px 0 20px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 26px;
}
.pageContainer .teamProfile .columnLeft .contactDetailsDesktop .socialIcon {
  height: 20px;
  width: auto;
  margin-right: 15px;
}
.pageContainer .teamProfile .columnLeft .contactDetailsDesktop .button {
  margin-right: 15px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile .columnLeft .contactDetailsDesktop {
    display: none;
  }
}
.pageContainer .teamProfile .columnRight {
  width: 50%;
  display: inline-block;
  padding-left: 40px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile .columnRight {
    width: 100%;
    padding: 40px 0 0;
  }
}
.pageContainer .teamProfile .columnRight .hex {
  width: 300px;
  height: auto;
}
.pageContainer .teamProfile .columnRight .signature {
  height: 65px;
  width: auto;
  margin-bottom: 40px;
}
.pageContainer .teamProfile .columnRight h1 {
  margin: 0;
  font-size: 30px;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  line-height: 34px;
}
.pageContainer .teamProfile .columnRight h2 {
  font-size: 22px;
  line-height: 28px;
  margin-top: 0;
}
.pageContainer .teamProfile .columnRight p.quote {
  font-size: 40px;
  margin: 40px 0;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 44px;
  color: #001a37;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile .columnRight p.quote {
    font-size: 30px;
  }
}
.pageContainer .teamProfile .columnRight p {
  color: #575757;
}
.pageContainer .teamProfile .columnRight .contactDetailsMobile {
  display: none;
}
.pageContainer .teamProfile .columnRight .contactDetailsMobile p {
  font-size: 18px;
  margin: 30px 0 20px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 28px;
  color: #001a37;
}
.pageContainer .teamProfile .columnRight .contactDetailsMobile .socialIcon {
  height: 25px;
  width: auto;
  margin-right: 15px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile .columnRight .contactDetailsMobile {
    display: block;
  }
}
.pageContainer .teamProfile > .hero:after {
  background-color: rgba(87, 87, 87, 0);
}
.pageContainer .teamProfile img.hero {
  width: 100%;
  margin: 100px auto;
  display: block;
}
@media only screen and (max-width: 760px) {
  .pageContainer .teamProfile img.hero {
    margin: 50px auto;
  }
}
.pageContainer .tabNavigation {
  margin: 60px auto;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabNavigation {
    margin: 30px auto;
  }
}
.pageContainer .tabNavigation .button {
  margin-right: 10px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabNavigation .button {
    margin: 5px 10px 5px 0;
  }
}
.pageContainer .tabNavigation .button.active {
  background: #001a37;
  color: #ffffff;
  border-color: #001a37;
}
.pageContainer .tabContent {
  font-size: 0;
  display: none;
}
.pageContainer .tabContent.active {
  display: block;
}
.pageContainer .tabContent h2 {
  margin-top: 0;
}
.pageContainer .tabContent hr {
  margin: 30px auto;
}
.pageContainer .tabContent h3 {
  margin-bottom: 5px;
  margin-top: 0;
}
.pageContainer .tabContent .col_1-4 {
  width: 25%;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  padding: 20px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .col_1-4 {
    width: 100%;
  }
}
.pageContainer .tabContent .col_1-4 img {
  width: 100%;
}
.pageContainer .tabContent .col_1-4 p {
  margin: 0 0 30px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 28px;
}
.pageContainer .tabContent .contactCol {
  width: 30%;
  box-sizing: border-box;
  padding-right: 30px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .contactCol {
    width: 100%;
    padding: 20px 0;
  }
}
.pageContainer .tabContent .contactCol p {
  margin: 0 0 30px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 28px;
}
.pageContainer .tabContent .contactCol .socialIcon {
  width: 20px;
  height: auto;
  margin-right: 15px;
  margin-top: 5px;
}
.pageContainer .tabContent .mapCol {
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  margin: 60px auto;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .mapCol {
    width: 100%;
    padding: 20px 0;
  }
}
.pageContainer .tabContent .mapCol .mapHolder {
  position: relative;
  min-height: 500px;
}
.pageContainer .tabContent .mapCol .mapHolder .map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pageContainer .tabContent .mapCol a p {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: underline;
}
.pageContainer .tabContent .mapCol a p.right {
  float: right;
}
.pageContainer .tabContent .outOfHoursContainer {
  padding: 40px;
  border-radius: 15px;
  background: #f0f0f0;
  width: 100%;
  margin: 60px auto;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .outOfHoursContainer {
    margin: 60px auto;
    padding: 40px 20px;
    text-align: center;
  }
}
.pageContainer .tabContent .outOfHoursContainer > p {
  max-width: 80%;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .outOfHoursContainer > p {
    max-width: 100%;
  }
}
.pageContainer .tabContent .outOfHoursContainer p {
  margin: 5px 0 10px;
}
.pageContainer .tabContent .outOfHoursContainer .clockIcon {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 90px;
  height: auto;
  margin-bottom: 30px;
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .outOfHoursContainer .clockIcon {
    position: relative;
    top: 0;
    left: 0;
  }
}
.pageContainer .tabContent .emailContactsContainer .oneContact {
  width: 33.333%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  padding: 20px 20px 20px 0;
}
@media only screen and (max-width: 768px) {
  .pageContainer .tabContent .emailContactsContainer .oneContact {
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .pageContainer .tabContent .emailContactsContainer .oneContact {
    width: 100%;
    padding: 20px 0;
  }
}
.pageContainer .tabContent .emailContactsContainer .oneContact h3 {
  margin: 0 0 10px;
}

.contactForm {
  margin: 60px auto;
}
.contactForm .col_1-2 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.contactForm .col_1-2:nth-child(1) {
  padding-right: 20px;
}
.contactForm .col_1-2:nth-child(2) {
  padding-left: 20px;
}
@media only screen and (max-width: 760px) {
  .contactForm .col_1-2 {
    width: 100%;
    padding: 0 !important;
    margin: 0 auto;
  }
}
.contactForm label {
  color: #575757;
  font-size: 16px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  padding-bottom: 10px;
}
.contactForm input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
.contactForm input {
  border: none;
  border-bottom: solid 1px #575757;
  font-size: 16px;
  padding: 15px 0;
  width: 100%;
  margin-bottom: 40px;
  color: #001a37;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  -webkit-appearance: none;
  border-radius: 0;
}
.contactForm input:focus {
  outline-color: transparent;
  outline-style: none;
}
.contactForm textarea {
  width: 100%;
  height: 150px;
  border: none;
  border-bottom: solid 1px #575757;
  font-size: 16px;
  padding: 15px 0;
  width: 100%;
  margin-bottom: 40px;
  color: #001a37;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  resize: none;
}
.contactForm textarea:focus {
  outline-color: transparent;
  outline-style: none;
}
.contactForm .disclaimer {
  color: #575757;
  font-size: 12px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  padding-bottom: 30px;
  margin: 0 !important;
  line-height: 1;
}
.contactForm .disclaimer a {
  text-decoration: underline;
}
.contactForm .contactResponse {
  font-size: 22px;
  color: #001a37;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
  line-height: 28px;
  display: block;
  margin-top: 20px !important;
}
.contactForm .contactResponse a {
  text-decoration: underline;
}
.colWrapper {
  margin-left: -20px;
  margin-right: -20px;
}

.staffGrid {
  margin: 100px auto;
  width: 100%;
  display: block;
  position: relative;
}
.staffGrid.homeStaffGrid {
  margin-bottom: 200px;
  margin-top: 0;
}
.staffGrid h2 {
  width: 100%;
  padding-bottom: 0px;
  border-bottom: solid 1px #001a37;
  position: relative;
}
.staffGrid h2.homeTitle {
  border-bottom: 0;
  text-align: center;
}
.staffGrid .staffSlider {
  margin: 60px -25px;
  width: calc(100% + 50px);
  display: block;
  position: relative;
}
@media only screen and (max-width: 760px) {
  .staffGrid .staffSlider {
    margin: 60px auto;
    width: 100%;
  }
}
.staffGrid .staffSlider .staffSlide,
.staffGrid .staffSlider .staffThumb {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 25px;
  text-align: left;
  outline: none;
}
@media only screen and (max-width: 760px) {
  .staffGrid .staffSlider .staffSlide,
  .staffGrid .staffSlider .staffThumb {
    width: 100%;
    padding: 20px 0;
  }
}
.staffGrid .staffSlider .staffSlide .text,
.staffGrid .staffSlider .staffThumb .text {
  position: relative;
}
.staffGrid .staffSlider .staffSlide .button,
.staffGrid .staffSlider .staffThumb .button {
  margin-right: 10px;
}
.staffGrid .staffSlider .staffSlide h4,
.staffGrid .staffSlider .staffThumb h4 {
  text-transform: uppercase;
  color: #575757;
  font-size: 10px;
  letter-spacing: 0.3px;
  font-family: arial;
  margin-top: 20px;
}
.staffGrid .staffSlider .staffSlide p,
.staffGrid .staffSlider .staffThumb p {
  margin-bottom: 12px;
}
.staffGrid .staffSlider .staffSlide p strong,
.staffGrid .staffSlider .staffThumb p strong {
  margin: 18px 0 0px;
  display: block;
}
.staffGrid .staffSlider .staffSlide .imageContainer,
.staffGrid .staffSlider .staffThumb .imageContainer {
  position: relative;
}
.staffGrid .staffSlider .staffSlide .imageContainer img.thumbnail,
.staffGrid .staffSlider .staffThumb .imageContainer img.thumbnail {
  width: 100%;
  height: auto;
}
.staffGrid .staffSlider .staffSlide .imageContainer img.hex,
.staffGrid .staffSlider .staffThumb .imageContainer img.hex {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
}
.staffGrid .staffSlider .staffSlide .hexIcon,
.staffGrid .staffSlider .staffThumb .hexIcon {
  position: absolute;
  top: 30px;
  right: 0px;
}
.staffGrid .staffSlider .staffSlide .hexIcon.orange .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.orange .box1 {
  border-right-color: #fc9b43;
}
.staffGrid .staffSlider .staffSlide .hexIcon.orange .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.orange .box2 {
  background-color: #fc9b43;
}
.staffGrid .staffSlider .staffSlide .hexIcon.orange .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.orange .box3 {
  border-left-color: #fc9b43;
}
.staffGrid .staffSlider .staffSlide .hexIcon.yellow .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.yellow .box1 {
  border-right-color: #fed330;
}
.staffGrid .staffSlider .staffSlide .hexIcon.yellow .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.yellow .box2 {
  background-color: #fed330;
}
.staffGrid .staffSlider .staffSlide .hexIcon.yellow .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.yellow .box3 {
  border-left-color: #fed330;
}
.staffGrid .staffSlider .staffSlide .hexIcon.green .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.green .box1 {
  border-right-color: #addb50;
}
.staffGrid .staffSlider .staffSlide .hexIcon.green .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.green .box2 {
  background-color: #addb50;
}
.staffGrid .staffSlider .staffSlide .hexIcon.green .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.green .box3 {
  border-left-color: #addb50;
}
.staffGrid .staffSlider .staffSlide .hexIcon.red .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.red .box1 {
  border-right-color: #fb6c66;
}
.staffGrid .staffSlider .staffSlide .hexIcon.red .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.red .box2 {
  background-color: #fb6c66;
}
.staffGrid .staffSlider .staffSlide .hexIcon.red .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.red .box3 {
  border-left-color: #fb6c66;
}
.staffGrid .staffSlider .staffSlide .hexIcon.blue .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.blue .box1 {
  border-right-color: #33c2e6;
}
.staffGrid .staffSlider .staffSlide .hexIcon.blue .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.blue .box2 {
  background-color: #33c2e6;
}
.staffGrid .staffSlider .staffSlide .hexIcon.blue .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.blue .box3 {
  border-left-color: #33c2e6;
}
.staffGrid .staffSlider .staffSlide .hexIcon.purple .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.purple .box1 {
  border-right-color: #b281c2;
}
.staffGrid .staffSlider .staffSlide .hexIcon.purple .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.purple .box2 {
  background-color: #b281c2;
}
.staffGrid .staffSlider .staffSlide .hexIcon.purple .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.purple .box3 {
  border-left-color: #b281c2;
}
.staffGrid .staffSlider .staffSlide .hexIcon.navy .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.navy .box1 {
  border-right-color: #001a37;
}
.staffGrid .staffSlider .staffSlide .hexIcon.navy .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.navy .box2 {
  background-color: #001a37;
}
.staffGrid .staffSlider .staffSlide .hexIcon.navy .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.navy .box3 {
  border-left-color: #001a37;
}
.staffGrid .staffSlider .staffSlide .hexIcon.totusRed .box1,
.staffGrid .staffSlider .staffThumb .hexIcon.totusRed .box1 {
  border-right-color: #dc001d;
}
.staffGrid .staffSlider .staffSlide .hexIcon.totusRed .box2,
.staffGrid .staffSlider .staffThumb .hexIcon.totusRed .box2 {
  background-color: #dc001d;
}
.staffGrid .staffSlider .staffSlide .hexIcon.totusRed .box3,
.staffGrid .staffSlider .staffThumb .hexIcon.totusRed .box3 {
  border-left-color: #dc001d;
}
.staffGrid .staffSlider .staffSlide .hexIcon .box1,
.staffGrid .staffSlider .staffThumb .hexIcon .box1 {
  float: left;
  border-right: 5px solid;
  border-top: 8.66px solid transparent;
  border-bottom: 8.66px solid transparent;
}
.staffGrid .staffSlider .staffSlide .hexIcon .box2,
.staffGrid .staffSlider .staffThumb .hexIcon .box2 {
  float: left;
  width: 10px;
  height: 17.33px;
}
.staffGrid .staffSlider .staffSlide .hexIcon .box3,
.staffGrid .staffSlider .staffThumb .hexIcon .box3 {
  float: left;
  border-left: 5px solid;
  border-top: 8.66px solid transparent;
  border-bottom: 8.66px solid transparent;
}

.pageContainer.grey .slick-dots li button {
  background: #ffffff;
}
.pageContainer.grey .slick-dots li.slick-active button {
  background: #001a37;
}

.slick-dots {
  text-align: center;
  position: absolute;
  margin-top: 60px;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .slick-dots {
    margin-top: 20px;
  }
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  background: transparent;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  background: #f0f0f0;
  border: none;
}
.slick-dots li.slick-active button {
  background: #001a37;
}

.slick-arrow {
  bottom: -50px;
}

.slick-prev {
  background: none;
  border: none;
  outline: 0;
  cursor: pointer;
  height: 28px;
  z-index: 9;
  position: absolute;
  left: 25px;
}
.slick-prev img {
  height: 28px;
}
@media only screen and (max-width: 760px) {
  .slick-prev {
    left: 20px;
    bottom: -45px;
  }
}

.slick-next {
  background: none;
  border: none;
  outline: 0;
  cursor: pointer;
  height: 28px;
  z-index: 9;
  position: absolute;
  right: 25px;
  transform: rotate(180deg);
}
.slick-next img {
  height: 28px;
}
@media only screen and (max-width: 760px) {
  .slick-next {
    right: 20px;
    bottom: -45px;
  }
}

.slick-dots {
  text-align: left;
  position: absolute;
  margin-top: 30px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
  width: auto;
}
@media only screen and (max-width: 760px) {
  .slick-dots {
    margin-top: 20px;
  }
}

.footer {
  margin-top: 120px;
}
.footer .wrapper {
  font-size: 0;
  padding: 0 0;
}
.footer .wrapper .ctaContainer {
  margin: 120px auto 120px;
  max-width: 660px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.footer .wrapper .ctaContainer.noSpace {
  margin-top: 120px;
}
.footer .wrapper .ctaContainer h2 {
  margin-top: 0;
}
.footer .wrapper .ctaContainer p {
  font-size: 24px;
  margin: 0 0 40px;
  font-family: "FS_Joey_Light";
  font-weight: 300;
  line-height: 32px;
}
@media only screen and (max-width: 760px) {
  .footer .wrapper .ctaContainer p {
    font-size: 22px;
    line-height: 28px;
  }
}
.footer .wrapper .ctaContainer p strong {
  font-weight: bold;
  color: #001a37;
}
.footer .wrapper .ctaContainer img {
  max-width: 150px;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.footer .wrapper div.left,
.footer .wrapper div.right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.footer .wrapper div.superFooter {
  width: 100%;
  margin-bottom: 40px;
}
.footer .wrapper div.superFooter .oneList {
  display: inline-block;
  padding: 0 30px;
  box-sizing: border-box;
  width: 25%;
  vertical-align: top;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .footer .wrapper div.superFooter .oneList {
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .footer .wrapper div.superFooter .oneList {
    width: 100%;
    padding: 0 20px;
  }
}
.footer .wrapper div.superFooter .oneList p {
  font-size: 22px;
  line-height: 22px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  color: #001a37;
}
.footer .wrapper div.superFooter .oneList > ul {
  display: block;
  border-top: 1px solid #dc001d;
  padding-top: 20px;
}
.footer .wrapper div.superFooter .oneList > ul > li {
  display: block;
  border-bottom: 1px solid #f1f1f1;
}
.footer .wrapper div.superFooter .oneList > ul > li > a {
  font-size: 14px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  line-height: 28px;
  display: block;
  cursor: pointer;
}
.footer .wrapper div.superFooter .oneList > ul > li > a:hover {
  color: #dc001d;
}
.footer .wrapper div.signupForm {
  display: none;
  width: 40%;
  padding-left: 50px;
}
.footer .wrapper div.signupForm p {
  font-size: 12px;
  color: #575757;
}
.footer .wrapper div.signupForm form {
  margin-top: 15px;
}
.footer .wrapper div.signupForm form input {
  background: #f1f1f1;
  border: none;
  width: 240px;
  margin-right: 10px;
  display: inline-block;
  font-size: 10px;
  color: #001a37;
  padding: 8px 20px 7px;
  border-radius: 20px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  outline: none;
}
.footer .bottom {
  padding: 30px 30px;
  border-top: 1px solid #001a37;
  box-sizing: border-box;
  color: #001a37;
  text-align: left;
}
@media only screen and (max-width: 760px) {
  .footer .bottom {
    padding: 30px 20px;
    text-align: center;
  }
}
.footer .bottom .wrapper {
  padding: 0;
}
@media only screen and (max-width: 760px) {
  .footer .bottom .wrapper {
    text-align: center;
  }
}
.footer .bottom .footerLogo img {
  width: 130px;
}
.footer .bottom hr {
  margin: 20px auto 10px;
}
.footer .bottom p,
.footer .bottom ul li {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0;
  display: inline-block;
}
.footer .bottom ul li {
  padding: 0 0 0 15px;
}
.footer .bottom ul li a:hover {
  text-decoration: underline;
}
.footer .bottom .left,
.footer .bottom .right {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media only screen and (max-width: 760px) {
  .footer .bottom .left,
  .footer .bottom .right {
    width: 100%;
  }
}
.footer .bottom .left {
  text-align: left;
}
@media only screen and (max-width: 760px) {
  .footer .bottom .left {
    text-align: center;
  }
}
.footer .bottom .right {
  text-align: right;
}
@media only screen and (max-width: 760px) {
  .footer .bottom .right {
    text-align: center;
    padding-top: 20px;
  }
}

.wasteBoxes {
  font-size: 0;
}
.wasteBoxes > p {
  margin-bottom: 80px;
}
@media only screen and (max-width: 760px) {
  .wasteBoxes > p {
    margin-bottom: 40px;
  }
}
.wasteBoxes .col_1-2 {
  margin: 0 auto 120px;
  vertical-align: top;
}
.wasteBoxes .col_1-2:nth-of-type(odd) {
  padding-right: 30px;
}
.wasteBoxes .col_1-2:nth-of-type(even) {
  padding-left: 30px;
}
@media only screen and (max-width: 760px) {
  .wasteBoxes .col_1-2 {
    padding: 0 !important;
    margin: 0 auto 60px;
  }
}
.wasteBoxes .col_1-2 .image {
  background-color: #575757;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 10px solid;
}
.wasteBoxes .col_1-2 .image:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.wasteBoxes .col_1-2 .image.orange {
  border-color: #fc9b43;
}
.wasteBoxes .col_1-2 .image.yellow {
  border-color: #fed330;
}
.wasteBoxes .col_1-2 .image.green {
  border-color: #addb50;
}
.wasteBoxes .col_1-2 .image.red {
  border-color: #dc001d;
}
.wasteBoxes .col_1-2 .image.blue {
  border-color: #33c2e6;
}
.wasteBoxes .col_1-2 .image.purple {
  border-color: #b281c2;
}

.wasteChild {
  margin: 120px auto;
}
.wasteChild .banner {
  background-color: #575757;
  width: 100%;
  margin-bottom: 80px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.wasteChild .banner:before {
  content: "";
  display: block;
  padding-top: 37.5%;
}
.wasteChild .col_1-2 {
  margin: 0;
  vertical-align: top;
}
.wasteChild .col_1-2 > :first-child {
  margin-top: 0;
}
.wasteChild .col_1-2.left {
  padding-right: 30px;
}
.wasteChild .col_1-2.right {
  padding-left: 30px;
}
@media only screen and (max-width: 760px) {
  .wasteChild .col_1-2 {
    padding: 0 !important;
  }
}
.wasteChild .col_1-2 img {
  width: 100% !important;
  margin-bottom: 40px;
  height: auto;
}
.wasteChild .col_1-2 p strong {
  font-weight: bold;
}

.wasteChild ul,
.serviceGrid ul,
.overview ul,
.sheqBoxes .oneRow .text ul {
  margin-top: 30px;
}
.wasteChild ul li,
.serviceGrid ul li,
.overview ul li,
.sheqBoxes .oneRow .text ul li {
  color: #575757;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
  padding-left: 40px;
  position: relative;
  border-bottom: 1px solid rgba(87, 87, 87, 0.3);
  padding-bottom: 15px;
  box-sizing: border-box;
}
@media only screen and (max-width: 760px) {
  .wasteChild ul li,
  .serviceGrid ul li,
  .overview ul li,
  .sheqBoxes .oneRow .text ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.wasteChild ul li:last-of-type,
.serviceGrid ul li:last-of-type,
.overview ul li:last-of-type,
.sheqBoxes .oneRow .text ul li:last-of-type {
  border-bottom: 0;
}
.wasteChild ul li:before,
.serviceGrid ul li:before,
.overview ul li:before,
.sheqBoxes .oneRow .text ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -1px;
  width: 26px;
  height: 30px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/icons/totus-red-list-hex.svg");
}
.wasteChild.yellow li:before,
.serviceGrid.yellow li:before,
.overview.yellow li:before,
.sheqBoxes .oneRow .text.yellow li:before {
  background-image: url("../images/icons/yellow-list-hex.svg");
}
.wasteChild.orange li:before,
.serviceGrid.orange li:before,
.overview.orange li:before,
.sheqBoxes .oneRow .text.orange li:before {
  background-image: url("../images/icons/orange-list-hex.svg");
}
.wasteChild.green li:before,
.serviceGrid.green li:before,
.overview.green li:before,
.sheqBoxes .oneRow .text.green li:before {
  background-image: url("../images/icons/green-list-hex.svg");
}
.wasteChild.blue li:before,
.serviceGrid.blue li:before,
.overview.blue li:before,
.sheqBoxes .oneRow .text.blue li:before {
  background-image: url("../images/icons/blue-list-hex.svg");
}
.wasteChild.purple li:before,
.serviceGrid.purple li:before,
.overview.purple li:before,
.sheqBoxes .oneRow .text.purple li:before {
  background-image: url("../images/icons/purple-list-hex.svg");
}
.wasteChild.red li:before,
.serviceGrid.red li:before,
.overview.red li:before,
.sheqBoxes .oneRow .text.red li:before {
  background-image: url("../images/icons/red-list-hex.svg");
}

.serviceGrid {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  margin: 120px auto;
}
@media only screen and (max-width: 760px) {
  .serviceGrid {
    margin: 100px auto;
  }
}
.serviceGrid .serviceText,
.serviceGrid .serviceStat {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (max-width: 760px) {
  .serviceGrid .serviceText,
  .serviceGrid .serviceStat {
    width: 100%;
    flex: 0 0 100%;
  }
}
.serviceGrid .serviceText {
  flex: 0 0 60%;
  width: 60%;
  order: 0;
}
@media only screen and (max-width: 760px) {
  .serviceGrid .serviceText {
    width: 100%;
    flex: 0 0 100%;
  }
}
.serviceGrid .serviceText h2 {
  margin-top: 0;
}
.serviceGrid .serviceStat {
  box-sizing: border-box;
  flex: 0 0 40%;
  width: 40%;
  order: 1;
  text-align: right;
}
.serviceGrid .serviceStat .serviceStatContainer {
  width: auto;
  min-width: 220px;
  display: inline-block;
  text-align: left;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage {
  font-size: 100px;
  border-bottom: 4px solid #001a37;
  margin-bottom: 30px;
  display: block;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage.green {
  border-color: #addb50;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage.orange {
  border-color: #fc9b43;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage.red {
  border-color: #fb6c66;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage.purple {
  border-color: #b281c2;
}
.serviceGrid .serviceStat .serviceStatContainer .percentage.blue {
  border-color: #33c2e6;
}
.serviceGrid .serviceStat .serviceStatContainer p {
  color: #001a37;
  max-width: 220px;
}
@media only screen and (max-width: 760px) {
  .serviceGrid .serviceStat {
    order: 1 !important;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    flex: 0 0 100%;
  }
}

.relatedGrid {
  font-size: 0;
  display: block;
}
.relatedGrid h2 {
  margin-top: 0;
}
.relatedGrid hr {
  margin: 30px auto;
}
.relatedGrid h3 {
  margin-bottom: 0;
}
.relatedGrid .col_1-4 {
  width: 25%;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  padding: 20px;
}
@media only screen and (max-width: 760px) {
  .relatedGrid .col_1-4 {
    width: 100%;
  }
}
.relatedGrid .col_1-4 .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 10px solid;
}
.relatedGrid .col_1-4 .image:before {
  content: "";
  display: block;
  padding-top: 60%;
}
.relatedGrid .col_1-4 .image.orange {
  border-color: #fc9b43;
}
.relatedGrid .col_1-4 .image.yellow {
  border-color: #fed330;
}
.relatedGrid .col_1-4 .image.green {
  border-color: #addb50;
}
.relatedGrid .col_1-4 .image.red {
  border-color: #fb6c66;
}
.relatedGrid .col_1-4 .image.blue {
  border-color: #33c2e6;
}
.relatedGrid .col_1-4 .image.purple {
  border-color: #b281c2;
}
.relatedGrid .col_1-4 p {
  font-size: 14px;
  line-height: 20px;
}
.relatedGrid .col_1-4 p.name {
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  color: #001a37;
  margin: 15px 0 5px;
}
@media only screen and (max-width: 760px) {
  .relatedGrid .col_1-4 p.name {
    font-size: 18px;
    line-height: 28px;
  }
}

.homeIntro {
  max-width: 1040px;
  width: 100%;
  margin: 120px auto 0;
}
@media only screen and (max-width: 760px) {
  .homeIntro {
    margin-top: 60px;
  }
}

.loginHolder {
  width: 360px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 30px 40px 30px;
}
@media only screen and (max-width: 760px) {
  .loginHolder {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 760px) {
  .loginHolder {
    width: 300px;
    padding: 20px 30px 20px;
  }
}
.loginHolder .logo {
  left: -100px;
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 760px) {
  .loginHolder .logo {
    left: 0;
    top: -80px;
    width: 80px;
    height: 80px;
  }
}
.loginHolder .loginForm h1 {
  color: #dc001d;
  font-size: 32px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 760px) {
  .loginHolder .loginForm h1 {
    font-size: 24px;
  }
}
.loginHolder .loginForm input {
  font-family: sans-serif;
  width: 100%;
  font-size: 14px;
  color: #000;
  background: rgba(87, 87, 87, 0.05);
  border: none;
  display: block;
  padding: 14px 20px;
  margin-bottom: 20px;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  border-radius: 0;
}
@media only screen and (max-width: 760px) {
  .loginHolder .loginForm input {
    font-size: 13px;
    padding: 12px 18px;
  }
}
.loginHolder .loginForm ::-webkit-input-placeholder {
  color: #000;
  font-family: sans-serif !important;
}
.loginHolder .loginForm :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-family: sans-serif !important;
}
.loginHolder .loginForm ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-family: sans-serif !important;
}
.loginHolder .loginForm :-ms-input-placeholder {
  color: #000;
  font-family: sans-serif !important;
}
.loginHolder .loginForm button {
  font-size: 20px;
  color: #000;
  float: right;
  outline: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  border-bottom: 3px solid;
  padding: 0 0 3px;
  margin: 0;
  cursor: pointer;
}
@media only screen and (max-width: 760px) {
  .loginHolder .loginForm button {
    font-size: 18px;
  }
}
.loginHolder .loginForm .loginResponse {
  color: #000;
  margin-top: 80px;
  font-size: 12px;
  line-height: 20px;
}

.featuredArticle {
  width: 50%;
  position: relative;
  padding: 0 30px 0 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
@media only screen and (max-width: 760px) {
  .featuredArticle {
    width: 100%;
    padding: 0 0 50px;
  }
}
.featuredArticle .featuredArticleInner {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.featuredArticle img {
  width: 100%;
}

.latestArticles {
  width: 50%;
  position: relative;
  padding: 0 0 0 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .latestArticles {
    width: 100%;
    padding: 0;
  }
}
.latestArticles .latestArticlesInner {
  margin-right: -30px;
}
@media only screen and (max-width: 760px) {
  .latestArticles .latestArticlesInner {
    margin-right: 0;
  }
}
.latestArticles .blogItem {
  width: 50%;
  display: inline-block;
  padding: 0 30px 60px 30px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .latestArticles .blogItem {
    width: 100%;
    padding: 25px 0;
  }
}
.latestArticles .blogItem img {
  width: 100%;
}
.latestArticles .blogItem .category {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  color: #575757;
  margin-top: 20px;
  display: block;
}
.latestArticles .blogItem h2 {
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0px;
  margin: 20px 0 15px;
}
.latestArticles .blogItem h3 {
  margin: 20px 0 15px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.latestArticles .blogItem p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

.underlineHeading {
  padding-bottom: 10px;
  border-bottom: solid 1px #575757;
}

.blogGridSection {
  margin: 100px auto;
}
.blogGridSection .blogGridInner {
  margin: 0 -30px;
}
@media only screen and (max-width: 760px) {
  .blogGridSection .blogGridInner {
    margin: 0;
  }
}
.blogGridSection .blogGridInner .blogItem {
  width: 25%;
  display: inline-block;
  padding: 0 30px 60px 30px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .blogGridSection .blogGridInner .blogItem {
    width: 100%;
    padding: 25px 0;
  }
}
.blogGridSection .blogGridInner .blogItem img {
  width: 100%;
}
.blogGridSection .blogGridInner .blogItem .category {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  color: #575757;
  margin-top: 20px;
  display: block;
}
.blogGridSection .blogGridInner .blogItem h2 {
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0px;
  margin: 20px 0 15px;
}
.blogGridSection .blogGridInner .blogItem h3 {
  margin: 20px 0 15px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.blogGridSection .blogGridInner .blogItem p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.twoCta {
  font-size: 0;
  margin-left: -10px;
}
.twoCta .oneCta {
  display: inline-block;
  width: calc(50% - 20px);
  margin: 0 10px;
  background: #001c36;
  color: #ffffff;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 24px;
  box-sizing: border-box;
}
.twoCta .oneCta img {
  position: absolute;
  right: 20px;
  top: 13px;
  height: 42px;
  width: auto;
}

.threeBoxes {
  font-size: 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  text-align: center;
}
.threeBoxes.red .oneBox {
  border-color: #dc001d;
}
.threeBoxes .oneBox {
  width: calc(33.33% - 40px);
  display: inline-block;
  margin: 0 auto 120px;
  vertical-align: top;
  margin: 0 20px 40px;
  border-bottom: 10px solid;
  position: relative;
  vertical-align: top;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.threeBoxes .oneBox:before {
  content: "";
  display: block;
  padding-top: 67.5%;
}
.threeBoxes .oneBox:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(87, 87, 87, 0.3);
}
@media only screen and (max-width: 760px) {
  .threeBoxes .oneBox {
    width: calc(100% - 40px);
    margin: 0 20px 20px;
  }
}
.threeBoxes .oneBox h3,
.threeBoxes .oneBox a {
  color: #ffffff;
  text-align: center;
  z-index: 2;
}
.threeBoxes .oneBox h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 40px;
  top: 45%;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
@media only screen and (max-width: 760px) {
  .threeBoxes .oneBox h3 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}
.threeBoxes .oneBox a {
  display: inline-block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 17.5%;
  font-size: 14px;
  margin: 0;
  width: 140px;
  padding: 10px 10px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  transition: color 0.3s ease, background 0.3s ease;
  font-weight: 600;
}
.threeBoxes .oneBox a:hover {
  background: #ffffff;
  color: #dc001d;
}

.twoBoxes {
  font-size: 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-top: 120px;
}
.twoBoxes.red .oneBox .image {
  border-color: #dc001d;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.twoBoxes.navy .oneBox .image {
  border-color: #001a37;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.twoBoxes > h1,
.twoBoxes h2 {
  font-size: 40px;
  margin-left: 20px;
}
.twoBoxes .oneBox {
  width: calc(50% - 40px);
  display: inline-block;
  margin: 0 auto 120px;
  vertical-align: top;
  margin: 0 20px 40px;
  position: relative;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .twoBoxes .oneBox {
    width: calc(100% - 40px);
    margin: 0 20px 20px;
  }
}
.twoBoxes .oneBox .image {
  width: 100%;
  position: relative;
  border-bottom: 10px solid;
}
.twoBoxes .oneBox .image:before {
  content: "";
  display: block;
  padding-top: 56.5%;
}
@media only screen and (max-width: 760px) {
  .twoBoxes .oneBox .image:before {
    padding-top: 67.5%;
  }
}
.twoBoxes .oneBox .image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(87, 87, 87, 0.3);
}
.twoBoxes .oneBox h3,
.twoBoxes .oneBox a {
  color: #ffffff;
  text-align: center;
  z-index: 2;
}
.twoBoxes .oneBox h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 40px;
  top: 45%;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
@media only screen and (max-width: 760px) {
  .twoBoxes .oneBox h3 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}
.twoBoxes .oneBox a {
  display: inline-block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 25%;
  font-size: 14px;
  margin: 0;
  width: 140px;
  padding: 10px 10px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  transition: color 0.3s ease, background 0.3s ease;
  font-weight: 600;
}
.twoBoxes .oneBox a:hover {
  background: #ffffff;
  color: #dc001d;
}
@media only screen and (max-width: 760px) {
  .twoBoxes .oneBox a {
    bottom: 17.5%;
  }
}
.twoBoxes .oneBox p {
  margin-top: 30px;
}

.slantySlider {
  margin-top: 80px;
}
.slantySlider.noSpaceTop {
  margin-top: 0;
}
.slantySlider .oneSlide {
  font-size: 0;
  overflow: hidden;
  position: relative;
}
.slantySlider .oneSlide .text,
.slantySlider .oneSlide .image {
  display: inline-block;
}
.slantySlider .oneSlide .text {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #001a37;
  width: 45%;
  box-sizing: border-box;
  padding: 80px 50px;
  position: relative;
  z-index: 1;
  min-height: 480px;
}
@media only screen and (max-width: 760px) {
  .slantySlider .oneSlide .text {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
    padding: 40px 40px;
  }
}
.slantySlider .oneSlide .text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 600px 100px 0 0;
  border-color: #001a37 transparent transparent transparent;
  position: absolute;
  top: 0;
  right: -90px;
}
@media only screen and (max-width: 760px) {
  .slantySlider .oneSlide .text:after {
    display: none;
  }
}
.slantySlider .oneSlide .text h2,
.slantySlider .oneSlide .text p,
.slantySlider .oneSlide .text a {
  color: #ffffff;
}
.slantySlider .oneSlide .text .button {
  margin-right: 10px;
}
.slantySlider .oneSlide .text h2 {
  font-size: 32px;
  margin: 0 0 20px;
  padding: 0;
}
.slantySlider .oneSlide .text p {
  margin: 0 0 30px;
  padding: 0;
}
.slantySlider .oneSlide .text .location p {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: auto;
}
.slantySlider .oneSlide .text .location p.left {
  margin-right: 40px;
}
.slantySlider .oneSlide .text a {
  text-align: center;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  width: 140px;
  padding: 10px 10px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  font-weight: 600;
  transition: color 0.3s ease, background 0.3s ease;
}
.slantySlider .oneSlide .text a:hover {
  background: #ffffff;
  color: #e90013;
}
.slantySlider .oneSlide .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 55%;
  position: absolute;
  top: 0;
  left: 45%;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media only screen and (max-width: 760px) {
  .slantySlider .oneSlide .image {
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }
}
.slantySlider .slick-dots {
  text-align: left;
  position: absolute;
  margin-top: 30px;
  margin-left: 3px;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .slantySlider .slick-dots {
    margin-top: 20px;
  }
}
.slantySlider .slick-arrow {
  left: auto;
  bottom: -50px;
}
.slantySlider .slick-arrow img {
  height: 28px;
}
.slantySlider .slick-prev {
  right: 60px;
}
.slantySlider .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.roles {
  margin: 160px 0;
}
@media only screen and (max-width: 760px) {
  .roles {
    margin: 120px 0;
  }
}
.roles .oneRole {
  font-size: 0;
  margin: 40px 0 60px;
}
.roles .oneRole .image,
.roles .oneRole .info {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 760px) {
  .roles .oneRole .image,
  .roles .oneRole .info {
    display: block;
  }
}
.roles .oneRole .image {
  width: 280px;
  height: 280px;
  background: #f0f0f0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 16px;
}
@media only screen and (max-width: 760px) {
  .roles .oneRole .image {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .roles .oneRole .image {
    width: 100%;
    height: 330px;
  }
}
.roles .oneRole .info {
  width: calc(100% - 280px);
  display: inline-block;
  box-sizing: border-box;
  padding-left: 60px;
}
@media only screen and (max-width: 760px) {
  .roles .oneRole .info {
    width: 100%;
    padding-left: 0;
    padding-top: 25px;
  }
}
.roles .oneRole .info h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.roles .oneRole .info p {
  max-width: 860px;
  width: 100%;
}
.roles .oneRole .info .button {
  margin-right: 10px;
}
.roles .oneRole .info .location p {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: auto;
}
@media only screen and (max-width: 760px) {
  .roles .oneRole .info .location p {
    display: block;
  }
}
.roles .oneRole .info .location p.left {
  margin-right: 40px;
}
@media only screen and (max-width: 760px) {
  .roles .oneRole .info .location p.left {
    margin-right: 0;
  }
}

.sheqBoxes {
  margin: 100px auto;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes {
    margin: 60px auto;
  }
}
.sheqBoxes .oneRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  padding: 60px 0;
  box-sizing: border-box;
}
.sheqBoxes .oneRow.first {
  padding-top: 15px;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow {
    padding: 10px 0;
  }
}
.sheqBoxes .oneRow .left,
.sheqBoxes .oneRow .right {
  width: 50%;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow .left,
  .sheqBoxes .oneRow .right {
    width: 100%;
  }
}
.sheqBoxes .oneRow .left {
  order: 1;
}
.sheqBoxes .oneRow .right {
  order: 2;
}
.sheqBoxes .oneRow .text {
  box-sizing: border-box;
  padding: 0 60px;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow .text {
    order: 2;
    padding: 30px 0;
  }
}
.sheqBoxes .oneRow .text h2 {
  font-size: 30px;
  line-height: 38px;
  margin: 0px 0 20px;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow .text h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
.sheqBoxes .oneRow .text ul {
  margin-top: 30px;
}
.sheqBoxes .oneRow .text ul li {
  color: #575757;
  font-size: 16px;
  line-height: 26px;
}
.sheqBoxes .oneRow .text p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow .text p {
    font-size: 14px;
    line-height: 24px;
  }
}
.sheqBoxes .oneRow .text p a {
  color: #dc001d;
}
@media only screen and (max-width: 760px) {
  .sheqBoxes .oneRow .image {
    order: 1;
  }
}
.sheqBoxes .oneRow .image img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-left: 7px solid #dc001d;
}

.fullBanner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
  position: relative;
}
.fullBanner .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1400px;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 auto;
  text-align: center;
}
.fullBanner h1 {
  color: #ffffff;
}

.sheqMore {
  margin-top: 120px;
}
@media only screen and (max-width: 760px) {
  .sheqMore {
    margin-top: 80px;
  }
}
.sheqMore > h2 {
  text-align: center;
}

.homeBoxes {
  margin-top: 120px;
}
.homeBoxes .oneBox {
  margin-bottom: 20px;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
  overflow: hidden;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 8px solid;
}
.homeBoxes .oneBox.moreSpaceBottom {
  margin-bottom: 100px;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.moreSpaceBottom {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 760px) {
  .homeBoxes .oneBox.noSpaceBottom {
    margin-bottom: 0;
  }
}
.homeBoxes .oneBox > a,
.homeBoxes .oneBox .bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homeBoxes .oneBox .bg {
  z-index: 1;
  transform: scale(1);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
}
.homeBoxes .oneBox:hover .bg {
  transform: scale(1.03);
}
.homeBoxes .oneBox .middle {
  z-index: 20;
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  max-width: 768px;
}
.homeBoxes .oneBox .middle h2 {
  color: #ffffff;
  margin: 0 0 15px;
}
.homeBoxes .oneBox .middle p {
  color: #ffffff;
  max-width: 650px;
  margin: 0 auto;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox .middle p {
    display: none;
  }
}
.homeBoxes .oneBox.orange {
  border-color: #fc9b43;
}
.homeBoxes .oneBox.yellow {
  border-color: #fed330;
}
.homeBoxes .oneBox.green {
  border-color: #addb50;
}
.homeBoxes .oneBox.red {
  border-color: #fb6c66;
}
.homeBoxes .oneBox.blue {
  border-color: #33c2e6;
}
.homeBoxes .oneBox.purple {
  border-color: #b281c2;
}
.homeBoxes .oneBox:before {
  content: "";
  display: block;
}
.homeBoxes .oneBox.fullBox {
  min-height: 400px;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.fullBox {
    min-height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  .homeBoxes .oneBox.fullBox {
    min-height: 260px;
  }
}
.homeBoxes .oneBox.fullBox:before {
  padding-top: 40%;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.fullBox .middle h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.homeBoxes .oneBox.halfBox {
  min-height: 300px;
  width: calc(50% - 10px);
  display: inline-block;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.halfBox {
    min-height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  .homeBoxes .oneBox.halfBox {
    min-height: 260px;
  }
}
.homeBoxes .oneBox.halfBox.box1 {
  margin-right: 10px;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.halfBox.box1 {
    margin-right: 0;
  }
}
.homeBoxes .oneBox.halfBox.box2 {
  margin-left: 10px;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.halfBox.box2 {
    margin-left: 0;
  }
}
.homeBoxes .oneBox.halfBox .middle {
  max-width: 400px;
}
.homeBoxes .oneBox.halfBox .middle h2 {
  font-size: 32px;
  line-height: 40px;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.halfBox .middle h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.homeBoxes .oneBox.halfBox:before {
  padding-top: 65%;
}
@media only screen and (max-width: 760px) {
  .homeBoxes .oneBox.halfBox {
    width: 100%;
  }
  .homeBoxes .oneBox.halfBox:before {
    padding-top: 33.33%;
  }
}
.homeBoxes .oneBox.hasOverlay:after {
  content: "";
  background-color: rgba(87, 87, 87, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: background 0.3s ease;
}
.homeBoxes .oneBox.hasOverlay.darker:after {
  background: rgba(0, 0, 0, 0.35);
}
.homeBoxes .oneBox.hasOverlay.darker:hover:after {
  background: rgba(0, 0, 0, 0.25);
}

.homeHalves .row {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 120px 0 120px;
}
@media only screen and (max-width: 760px) {
  .homeHalves .row {
    margin: 60px 0 60px;
  }
}
.homeHalves .row.noSpace {
  margin: 0;
}
.homeHalves .row .image,
.homeHalves .row .text {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 50px;
}
@media only screen and (max-width: 760px) {
  .homeHalves .row .image {
    order: 1;
    width: 100%;
    padding: 0;
  }
}
.homeHalves .row .image img {
  width: 100%;
  height: auto;
}
.homeHalves .row .text {
  text-align: left;
  margin: 0;
}
@media only screen and (max-width: 760px) {
  .homeHalves .row .text {
    order: 2;
    width: 100%;
    padding: 0;
  }
}
.homeHalves .row .text h3 {
  font-size: 24px;
  line-height: 32px;
}
.homeHalves .row .text p.small {
  font-size: 18px;
  line-height: 26px;
}

.homeEvents {
  margin: 0 -25px;
  width: calc(100% + 50px);
}
@media only screen and (max-width: 760px) {
  .homeEvents {
    margin: 0 auto;
    width: 100%;
  }
}
.homeEvents.aboutEvents {
  margin-top: 120px;
}
.homeEvents.spaceBottom {
  margin-bottom: 120px;
}
.homeEvents > h2 {
  text-align: center;
  margin-bottom: 60px;
}
.homeEvents .blogItem {
  width: 33.33%;
  display: inline-block;
  padding: 0 25px 60px 25px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .homeEvents .blogItem {
    width: 100%;
    padding: 25px 0;
  }
}
.homeEvents .blogItem img {
  width: 100%;
}
.homeEvents .blogItem .category {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
  color: #575757;
  margin-top: 20px;
  display: block;
}
.homeEvents .blogItem h2 {
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0px;
  margin: 20px 0 15px;
}
.homeEvents .blogItem h3 {
  margin: 20px 0 15px;
  font-family: "FS_Joey_Regular";
  font-weight: 400;
}
.homeEvents .blogItem p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

.homeStaffSlantySlider {
  margin-top: 80px;
  box-sizing: border-box;
}
.homeStaffSlantySlider.noSpaceTop {
  margin-top: 0;
}
.homeStaffSlantySlider .oneSlide {
  font-size: 0;
  overflow: hidden;
  position: relative;
}
.homeStaffSlantySlider .oneSlide .text,
.homeStaffSlantySlider .oneSlide .image {
  display: inline-block;
}
.homeStaffSlantySlider .oneSlide .text {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #ffffff;
  width: 45%;
  box-sizing: border-box;
  padding: 80px 50px;
  position: relative;
  z-index: 1;
  min-height: 480px;
  margin-left: 55%;
}
@media only screen and (max-width: 760px) {
  .homeStaffSlantySlider .oneSlide .text {
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 40px 40px;
    margin: 0 auto;
    min-height: auto;
    border: solid 1px #575757;
  }
}
.homeStaffSlantySlider .oneSlide .text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 600px 100px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: -90px;
  transform: scaleX(-1);
}
@media only screen and (max-width: 760px) {
  .homeStaffSlantySlider .oneSlide .text:after {
    display: none;
  }
}
.homeStaffSlantySlider .oneSlide .text h2,
.homeStaffSlantySlider .oneSlide .text p,
.homeStaffSlantySlider .oneSlide .text a {
  color: #001a37;
}
.homeStaffSlantySlider .oneSlide .text h2 {
  font-size: 32px;
  margin: 0 0 20px;
  padding: 0;
  border-bottom: none;
}
.homeStaffSlantySlider .oneSlide .text p {
  margin: 0 0 30px;
  padding: 0;
}
.homeStaffSlantySlider .oneSlide .text p.fsJoey {
  color: #575757;
}
.homeStaffSlantySlider .oneSlide .text p.fsJoey strong {
  color: #001a37;
}
.homeStaffSlantySlider .oneSlide .text .location p {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: auto;
}
.homeStaffSlantySlider .oneSlide .text .location p.left {
  margin-right: 40px;
}
.homeStaffSlantySlider .oneSlide .text a {
  text-align: center;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  width: 140px;
  padding: 10px 10px;
  border-radius: 30px;
  border: 1px solid #001a37;
  font-weight: 600;
  background-color: #001a37;
  color: #ffffff;
  transition: color 0.3s ease, background 0.3s ease;
}
.homeStaffSlantySlider .oneSlide .text a:hover {
  background: #ffffff;
  color: #001a37;
}
.homeStaffSlantySlider .oneSlide .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 55%;
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media only screen and (max-width: 760px) {
  .homeStaffSlantySlider .oneSlide .image {
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    position: relative;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.homeStaffSlantySlider .slick-dots {
  text-align: left;
  position: absolute;
  margin-top: 30px;
  margin-left: 3px;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .homeStaffSlantySlider .slick-dots {
    margin-top: 20px;
  }
}
.homeStaffSlantySlider .slick-arrow {
  left: auto;
  bottom: -50px;
}
.homeStaffSlantySlider .slick-arrow img {
  height: 28px;
}
.homeStaffSlantySlider .slick-prev {
  right: 60px;
}
.homeStaffSlantySlider .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.credsGrid {
  margin: 120px auto;
}
.credsGrid.spaceTop {
  margin-top: 160px;
}

.credsSlider {
  margin: 0 -25px;
  width: auto;
  display: block;
  position: relative;
}
@media only screen and (max-width: 760px) {
  .credsSlider {
    margin: 60px auto;
  }
}
.credsSlider .credsSlide {
  width: 33.33%;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 25px;
  text-align: left;
  outline: none;
}
@media only screen and (max-width: 760px) {
  .credsSlider .credsSlide {
    width: 50%;
    padding: 20px 0;
  }
}
.credsSlider .credsSlide .text {
  position: relative;
  margin-top: 20px;
}
.credsSlider .credsSlide p {
  margin-bottom: 12px;
}
.credsSlider .credsSlide p strong {
  margin: 18px 0 0px;
  display: block;
}
.credsSlider .credsSlide .imageContainer {
  position: relative;
}
.credsSlider .credsSlide .imageContainer img.thumbnail {
  width: 100%;
  height: auto;
}

.credsAwards {
  margin: 120px auto 140px;
  font-size: 0;
}
.credsAwards .oneAward {
  box-sizing: border-box;
  padding: 20px 25px;
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
.credsAwards .oneAward img {
  width: 100%;
}

#page_search {
  background: #f0f0f0;
}

.searchContent {
  position: relative;
  margin: 0 auto;
  margin-top: -32px;
  max-width: 1060px;
  padding-bottom: 40px;
  z-index: 9;
}
.searchContent.careersContent {
  margin-top: 0px;
}
.searchContent .searchForm {
  background: #ffffff;
}
.searchContent .searchForm form {
  box-sizing: border-box;
  font-size: 0;
}
.searchContent .searchForm form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
.searchContent .searchForm form input {
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  outline: none;
  display: inline-block;
  font-size: 18px;
  height: 62px;
  vertical-align: top;
  width: calc(100% - 62px);
  color: #575757;
  padding: 0 25px;
}
.searchContent .searchForm form ::-webkit-input-placeholder {
  color: #001a37;
}
.searchContent .searchForm form :-moz-placeholder {
  /* Firefox 18- */
  color: #001a37;
}
.searchContent .searchForm form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #001a37;
}
.searchContent .searchForm form :-ms-input-placeholder {
  color: #001a37;
}
.searchContent .searchForm form button {
  border: none;
  background: none;
  width: 62px;
  height: 62px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background: #dc001d;
  border-radius: 0;
}
.searchContent .searchForm form button img {
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.searchContent .searchResults {
  margin-top: 50px;
}
.searchContent .searchResults .mainTitle {
  font-size: 26px;
  color: #575757;
  display: block;
  padding-bottom: 30px;
}
.searchContent .searchResults .mainTitle span {
  color: #dc001d;
}
.searchContent .searchResults button.accordion {
  background-color: #001a37;
  color: #ffffff;
  cursor: pointer;
  padding: 20px 25px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  border-radius: 0;
  border-bottom: 1px solid #001a37;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}
.searchContent .searchResults button.accordion:hover, .searchContent .searchResults button.accordion.active {
  background-color: #dc001d;
  color: #ffffff;
}
.searchContent .searchResults button.accordion:hover:after, .searchContent .searchResults button.accordion.active:after {
  color: #ffffff;
}
.searchContent .searchResults button.accordion:after {
  content: "+";
  color: #ffffff;
  float: right;
  margin-left: 5px;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
}
.searchContent .searchResults button.accordion.active:after {
  content: "−";
}
.searchContent .searchResults .panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 20px;
}
.searchContent .searchResults .panel ul li {
  font-size: 18px;
}
.searchContent .searchResults .panel ul li.grey {
  background-color: rgba(87, 87, 87, 0.3);
}
.searchContent .searchResults .panel ul li .noResults {
  display: block;
  padding: 24px 25px 22px;
}
.searchContent .searchResults .panel ul li a {
  display: block;
  padding: 24px 25px 22px;
  color: #575757;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}
.searchContent .searchResults .panel ul li a span {
  float: right;
  font-size: 16px;
  color: #dc001d;
  font-family: "FS_Joey_Medium";
  font-weight: 500;
}
.searchContent .searchResults .panel .inner > p {
  padding: 24px 25px 22px;
  line-height: 22px;
}
.searchContent .searchResults .panel .inner .button {
  margin-left: 25px;
  margin-bottom: 30px;
}

.threeStats {
  font-size: 0;
  text-align: center;
}
.threeStats .oneStat {
  width: 33.33%;
  max-width: 320px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 50px;
}
@media only screen and (max-width: 760px) {
  .threeStats .oneStat {
    width: 100%;
    padding-bottom: 30px;
  }
}
.threeStats .oneStat .percentage {
  font-size: 100px;
  border-bottom: 4px solid #001a37;
  margin-bottom: 30px;
  display: block;
}
.threeStats .oneStat .percentage.green {
  border-color: #addb50;
}
.threeStats .oneStat .percentage.orange {
  border-color: #fc9b43;
}
.threeStats .oneStat .percentage.red {
  border-color: #fb6c66;
}
.threeStats .oneStat .percentage.purple {
  border-color: #b281c2;
}
.threeStats .oneStat .percentage.blue {
  border-color: #33c2e6;
}
.threeStats .oneStat p {
  color: #001a37;
  max-width: 220px;
}

.aboutThreeIcons {
  font-size: 0;
  margin: 120px auto;
  text-align: center;
}
.aboutThreeIcons .oneIcon {
  width: 33.33%;
  max-width: 460px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 50px;
}
@media only screen and (max-width: 760px) {
  .aboutThreeIcons .oneIcon {
    width: 100%;
    padding-bottom: 60px;
  }
}
.aboutThreeIcons .oneIcon img {
  width: 250px;
  margin-bottom: 0px;
}
.aboutThreeIcons .oneIcon h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.aboutThreeIcons .oneIcon p {
  font-size: 20px;
  margin-bottom: 20px;
}
.cookieBar {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 420px;
  background: rgba(220, 0, 29, 0.95);
  color: #ffffff;
  padding: 30px 40px;
  box-sizing: border-box;
  font-size: 0;
  z-index: 5000;
  transition: transform 0.6s cubic-bezier(0.32, 0.24, 0.15, 1);
  transform: translateY(300%);
}
.cookieBar.show {
  transform: translateY(0%);
}
@media only screen and (max-width: 760px) {
  .cookieBar {
    text-align: center;
    padding: 30px 20px;
  }
}
.cookieBar .cookieInfo {
  display: inline-block;
  margin-bottom: 15px;
}
@media only screen and (max-width: 760px) {
  .cookieBar .cookieInfo {
    display: block;
    margin-bottom: 15px;
  }
}
.cookieBar .cookieInfo h2 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
}
.cookieBar .cookieInfo p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
  color: #ffffff;
}
@media only screen and (max-width: 900px) {
  .cookieBar .cookieInfo p {
    font-size: 13px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 760px) {
  .cookieBar .cookieInfo p {
    font-size: 12px;
  }
}
.cookieBar .cookieInfo p a {
  text-decoration: underline;
}
.cookieBar .cookieButton {
  display: inline-block;
}
@media only screen and (max-width: 760px) {
  .cookieBar .cookieButton {
    float: none;
    margin-bottom: 5px;
  }
}