@charset "UTF-8";
@font-face {
  font-family: 'Futura Bold';
  src: url("../fonts/FuturaStd-bold.eot"), url("../fonts/FuturaStd-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-bold.woff") format("woff"), url("../fonts/FuturaStd-bold.ttf") format("truetype"), url("../fonts/FuturaStd-bold.svg#FuturaStd-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Futura Light';
  src: url("..//fonts/FuturaStd-light.eot"), url("../fonts/FuturaStd-light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-light.woff") format("woff"), url("../fonts/FuturaStd-light.ttf") format("truetype"), url("../fonts/FuturaStd-light.svg#FuturaStd-light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Futura Book';
  src: url("../fonts/FuturaStd-book.eot"), url("../fonts/FuturaStd-book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-book.woff") format("woff"), url("../fonts/FuturaStd-book.ttf") format("truetype"), url("../fonts/FuturaStd-book.svg#FuturaStd-book") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "shell-icons";
  src: url("../fonts/shell-icons--2018-01-09.eot");
  src: url("../fonts/shell-icons--2018-01-09.eot?#iefix") format("embedded-opentype"), url("../fonts/shell-icons--2018-01-09.woff") format("woff"), url("../fonts/shell-icons--2018-01-09.ttf") format("truetype"), url("../fonts/shell-icons--2018-01-09.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Futura Bold", Arial, sans-serif; }

.hide-it {
  width: 0px !important;
  height: 0px !important;
  overflow: hidden; }

.search-area .hide-it {
  position: absolute; }

.absolute-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.absolute-position {
  position: absolute; }

.relative-position {
  position: relative; }

.nobr {
  white-space: nowrap; }

video::-webkit-media-text-track-container {
  font-size: 0px;
  background: transparent; }

video::-webkit-media-text-track-background {
  font-size: 0px;
  background: transparent; }

video::-webkit-media-text-track-display {
  font-size: 0px;
  background: transparent; }

video::cue {
  font-size: 0px;
  background: transparent; }

.pos-b-1 {
  bottom: 1.5rem !important; }

.pos-b-2 {
  bottom: 2rem !important; }

.pos-b-3 {
  bottom: 2.5rem !important; }

.pos-b-4 {
  bottom: 3rem !important; }

.pos-b-5 {
  bottom: 70px !important; }

.pos-b-6 {
  bottom: 140px !important; }

.pos-b-p25 {
  bottom: 25%; }

.my-5 {
  margin-top: 70px;
  margin-bottom: 70px; }

.zi-150 {
  position: relative;
  z-index: 150; }

.overflow-hidden {
  overflow: hidden !important; }

.vertical-align-this {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.pos-rel {
  position: relative; }

.pos-abso {
  position: absolute; }

.border-dark {
  border-color: #404040 !important; }

.hide {
  display: none !important; }

.img-full {
  width: 100%;
  height: auto; }

.no-padding {
  padding: 0; }

.no-padding-x {
  padding-left: 0;
  padding-right: 0; }

.no-padding-y {
  padding-top: 0;
  padding-bottom: 0; }

.dark-bgcolor .row div * {
  color: #fff; }

.section-diag-strike {
  position: relative;
  overflow: hidden; }
  .section-diag-strike > * {
    position: relative;
    z-index: 1; }

.section-diag-strike-visible {
  position: relative; }
  .section-diag-strike-visible > * {
    position: relative;
    z-index: 1; }

.section-diag-strike::after,
.section-diag-strike-visible::after {
  content: " ";
  background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, #fff 0, #fff 25px);
  width: 290px;
  height: 250%;
  position: absolute;
  top: -75%;
  right: 27%;
  transform: rotate(45deg);
  z-index: 0;
  opacity: .4; }

.section-diag-strike-ltr::after,
.section-diag-strike-visible-ltr::after {
  transform: rotate(-45deg);
  right: 0; }

.section-diag-strike-lilac::after {
  background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, #d4c1d6 0, #d4c1d6 25px); }

.section-diag-strike-orange::after {
  background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, #f7cf9b 0, #f7cf9b 25px); }

.width97:hover::after {
  width: 97% !important; }

.panel-light-grey-bg {
  background: #F7F7F7; }

.panel-yellow-bg {
  background: #FBCE07; }

.panel-red-bg {
  background: #DD1D21; }

[class*="icon--"]:before {
  font-size: 1.875rem;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "shell-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body .icon--burger:before {
  content: "\e602"; }

body .icon--plus:before {
  content: "\e618"; }

body .icon--min:before {
  content: "\e613"; }

body .icon--close:before {
  content: "\e606"; }

body .icon--backward:before {
  content: "\e601"; }

body .icon--forward:before {
  content: "\e607"; }

body .icon--backtotop:before {
  content: "\e600"; }

body .icon--play:before {
  content: "\e617"; }

body .icon--like:before {
  content: "\e60d"; }

body .icon--mail:before {
  content: "\e611"; }

body .icon--link:before {
  content: "\e60e"; }

body .icon--calendar:before {
  content: "\e603"; }

body .icon--search:before {
  content: "\e620"; }

body .icon--funnel:before {
  content: "\e60a"; }

body .icon--camera:before {
  content: "\e604"; }

body .icon--lubricants:before {
  content: "\e610"; }

body .icon--marine:before {
  content: "\e612"; }

body .icon--fuels:before {
  content: "\e608"; }

body .icon--notes:before {
  content: "\e614"; }

body .icon--paper:before {
  content: "\e615"; }

body .icon--wifi:before {
  content: "\e62e"; }

body .icon--card:before {
  content: "\e605"; }

body .icon--graduates:before {
  content: "\e60b"; }

body .icon--lists:before {
  content: "\e60f"; }

body .icon--tiles:before {
  content: "\e62d"; }

body .icon--tags:before {
  content: "\e62b"; }

body .icon--id:before {
  content: "\e60c"; }

body .icon--pictures:before {
  content: "\e616"; }

body .icon--windows:before {
  content: "\e62f"; }

body .icon--fullscreen:before {
  content: "\e609"; }

body .icon--job-area:before {
  content: "\e632"; }

body .icon--globe:before {
  content: "\e634"; }

body .icon--home:before {
  content: "\e633"; }

body .icon--app:before {
  content: "\e635"; }

body .icon--locator:before {
  content: "\e636"; }

body .icon--signpost:before {
  content: "\e637"; }

body .icon--power:before {
  content: "\e638"; }

body .icon--gas:before {
  content: "\e639"; }

body .icon--printer:before {
  content: "\e900"; }

body .icon--tools:before {
  content: "\e901"; }

body .icon--payment:before {
  content: "\e902"; }

body .icon--coins:before {
  content: "\e903"; }

body .icon--train:before {
  content: "\e904"; }

body .icon--index:before {
  content: "\e905"; }

body .icon--swap:before {
  content: "\e906"; }

body .icon--download:before {
  content: "\e907"; }

body .icon--piechart:before {
  content: "\e908"; }

body .icon--bargraph:before {
  content: "\e909"; }

body .icon--book:before {
  content: "\e90a"; }

body .icon--zoomin:before {
  content: "\e90b"; }

body .icon--zoomout:before {
  content: "\e90c"; }

body .icon--compare:before {
  content: "\e90d"; }

body .icon--up:before {
  content: "\e90e"; }

body .icon--down:before {
  content: "\e90f"; }

body .icon--refresh:before {
  content: "\e910"; }

body .icon--check:before {
  content: "\e911"; }

body .icon--overlay:before {
  content: "\e912"; }

body .icon--settings:before {
  content: "\e913"; }

body .icon--fastbackward:before {
  content: "\e98e"; }

body .icon--fastforward:before {
  content: "\e98f"; }

body .icon--fastup:before {
  content: "\e990"; }

body .icon--fastdown:before {
  content: "\e991"; }

body .icon--expand:before {
  content: "\e992"; }

body .icon--collapse:before {
  content: "\e993"; }

body .icon--more:before {
  content: "\e994"; }

body .icon--pencil:before {
  content: "\e995"; }

body .icon--paperclip:before {
  content: "\e996"; }

body .icon--locked:before {
  content: "\e997"; }

body .icon--unlocked:before {
  content: "\e998"; }

body .icon--star:before {
  content: "\e999"; }

body .icon--comment:before {
  content: "\e99a"; }

body .icon--chat:before {
  content: "\e99b"; }

body .icon--phone:before {
  content: "\e99c"; }

body .icon--share:before {
  content: "\e99d"; }

body .icon--mailread:before {
  content: "\e99e"; }

body .icon--shoppingcart:before {
  content: "\e99f"; }

body .icon--shoppingcartin:before {
  content: "\e9a0"; }

body .icon--picture:before {
  content: "\e9a1"; }

body .icon--audioon:before {
  content: "\e9a2"; }

body .icon--audiomute:before {
  content: "\e9a3"; }

body .icon--upload:before {
  content: "\e9a4"; }

body .icon--file:before {
  content: "\e9a5"; }

body .icon--checkmarkbox:before {
  content: "\e9a6"; }

body .icon--checkmark:before {
  content: "\e9a7"; }

body .icon--clock:before {
  content: "\e9a8"; }

body .icon--alarm:before {
  content: "\e9a9"; }

body .icon--alarmoff:before {
  content: "\e9aa"; }

body .icon--exclamation:before {
  content: "\e9ab"; }

body .icon--question:before {
  content: "\e9ac"; }

body .icon--information:before {
  content: "\e9ad"; }

body .icon--graph:before {
  content: "\e9ae"; }

body .icon--arrowdown:before {
  content: "\e9af"; }

body .icon--arrowup:before {
  content: "\e9b0"; }

body .icon--map:before {
  content: "\e9b1"; }

body .icon--cursor:before {
  content: "\e9b2"; }

body .icon--bluetooth:before {
  content: "\e9b3"; }

body .icon--globallocal:before {
  content: "\e914"; }

body .icon--bin:before {
  content: "\e915"; }

body .icon--eye:before {
  content: "\e916"; }

body .icon--service:before {
  content: "\e918"; }

body .icon--products:before {
  content: "\e919"; }

body .icon--motorsports:before {
  content: "\e91a"; }

body .icon--interview:before {
  content: "\e91b"; }

body .icon--news:before {
  content: "\e91c"; }

body .icon--online-test:before {
  content: "\e91d"; }

body .icon--product-car:before {
  content: "\e619"; }

body .icon--product-motor:before {
  content: "\e61b"; }

body .icon--product-van:before {
  content: "\e61f"; }

body .icon--product-truck:before {
  content: "\e61e"; }

body .icon--product-tractor:before {
  content: "\e61d"; }

body .icon--product-escavator:before {
  content: "\e61a"; }

body .icon--product-plant:before {
  content: "\e61c"; }

body .icon--product-marine:before {
  content: "\e630"; }

body .icon--product-aviation:before {
  content: "\e631"; }

body .icon--product-tankertruck:before {
  content: "\e9b4"; }

body .icon--social-youtube:before {
  content: "\e62a"; }

body .icon--social-twitter:before {
  content: "\e627"; }

body .icon--social-facebook:before {
  content: "\e621"; }

body .icon--social-linkedin:before {
  content: "\e625"; }

body .icon--social-instagram:before {
  content: "\e624"; }

body .icon--social-google:before {
  content: "\e623"; }

body .icon--social-flickr:before {
  content: "\e622"; }

body .icon--social-weibo:before {
  content: "\e628"; }

body .icon--social-renren:before {
  content: "\e626"; }

body .icon--social-youku:before {
  content: "\e629"; }

body .icon--social-vk:before {
  content: "\e917"; }

body .icon--tags-filled:before {
  content: "\e62c"; }

:root {
  font-size: 16px; }

body {
  font-family: "Futura Book";
  color: #404040; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Futura Bold", Arial, sans-serif; }

h1 {
  font-size: 3rem;
  line-height: 4rem;
  color: #404040; }

h2 {
  margin: 0;
  font-size: 1.375rem !important;
  line-height: 1.575rem !important; }

h3 {
  font-size: 2.5rem;
  line-height: 3rem; }

h4 {
  font-size: 2rem;
  line-height: 2.8rem; }

h5 {
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-bottom: 20px;
  font-family: "Futura Book"; }

p.stand-first {
  font-size: 1.35rem;
  line-height: 1.8rem;
  margin-bottom: 20px;
  font-family: "Futura Light"; }

p, td {
  font-family: Arial, sans-serif;
  color: #404040;
  font-size: 0.937rem;
  line-height: 1.4rem;
  margin-bottom: 10px; }

a:hover {
  text-decoration: none; }

a:focus {
  outline: dotted 1px #404040 !important; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #404040; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #404040; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #404040; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #404040; }

ul.list {
  list-style-type: none;
  margin: 0 0 20px 15px;
  padding: 0; }
  ul.list li {
    position: relative;
    font-size: 0.937rem;
    line-height: 1.3rem;
    font-family: Arial, sans-serif;
    margin-bottom: 10px; }
    ul.list li:before {
      content: "";
      position: absolute;
      display: block;
      top: 8px;
      left: -15px;
      width: 8px;
      height: 8px;
      background: #404040; }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
@media (min-width: 576px) {
  h1 {
    font-size: 3.4rem;
    line-height: 4.2rem; }
  h2 {
    font-size: 1.375rem !important;
    line-height: 1.575rem !important; }
  .hero--intro h3 {
    margin: 0 0 30px 0;
    font-size: 1.7875rem;
    line-height: 2.3rem; }
  h3 {
    font-size: 3rem;
    line-height: 3.7rem; }
  h4 {
    font-size: 2.5rem;
    line-height: 3.4rem; }
  h5 {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 30px; }
  p.stand-first {
    font-size: 1.58rem;
    line-height: 2rem;
    margin-bottom: 30px; }
  p, td {
    font-size: 0.95rem;
    line-height: 1.25rem; }
  ul.list li {
    font-size: 0.95rem;
    line-height: 1.3rem; }
    ul.list li:before {
      top: 8px;
      left: -15px;
      width: 8px;
      height: 8px; } }

/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
@media (min-width: 768px) {
  h1 {
    font-size: 3.8rem;
    line-height: 4.4rem; }
  h2 {
    font-size: 1.375rem !important;
    line-height: 1.575rem !important; }
  .hero--intro h3 {
    margin: 0 0 30px 0;
    font-size: 2.275rem;
    line-height: 2.85rem; }
  h3 {
    font-size: 3.4rem;
    line-height: 4.3rem; }
  h4 {
    font-size: 2.8rem;
    line-height: 3.6rem; }
  h5 {
    font-size: 1.5rem;
    line-height: 2rem; }
  p.stand-first {
    font-size: 1.8rem;
    line-height: 2.2rem; }
  p, td {
    font-size: 1.01rem;
    line-height: 1.4rem;
    margin-bottom: 15px; }
  ul.list li {
    font-size: 1.01rem;
    line-height: 1.4rem; }
    ul.list li:before {
      top: 8px;
      left: -15px;
      width: 8px;
      height: 8px; } }

/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
@media (min-width: 992px) {
  h1 {
    font-size: 4.3rem;
    line-height: 5.3rem; }
  .stat_box .stat {
    font-size: 2.5rem !important;
    line-height: 3rem !important; }
  h2 {
    font-size: 1.375rem !important;
    line-height: 1.575rem !important; }
  .hero--intro h3 {
    margin: 0 0 30px 0;
    font-size: 2.7625rem;
    line-height: 3rem; }
  h3 {
    font-size: 3.8rem;
    line-height: 4.6rem; }
  h4 {
    font-size: 3.1rem;
    line-height: 3.8rem; }
  h5 {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  p.stand-first {
    font-size: 2.03rem;
    line-height: 2.2rem; }
  p, td {
    font-size: 1.07rem !important;
    line-height: 1.4rem !important;
    margin-bottom: 15px; }
  ul.list li {
    font-size: 1.07rem;
    line-height: 1.5rem; }
    ul.list li:before {
      top: 8px;
      left: -15px;
      width: 8px;
      height: 8px; } }

/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
@media (min-width: 1200px) {
  h1 {
    font-size: 5rem;
    line-height: 5.8rem; }
  .stat_box .stat {
    font-size: 3.125rem !important;
    line-height: 3.625rem !important; }
  h2 {
    font-size: 1.625rem !important;
    line-height: 2.165rem !important; }
  .hero--intro h3 {
    margin: 0 0 3.5rem 0;
    font-size: 3.25rem;
    line-height: 3.5rem; }
  h3 {
    font-size: 4.4rem;
    line-height: 4.9rem; }
  h4 {
    font-size: 3.1rem;
    line-height: 3.8rem; }
  h5 {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  p.stand-first {
    font-size: 2.25rem;
    line-height: 2.9rem; }
  p, td {
    font-size: 1.07rem !important;
    line-height: 1.4rem !important;
    margin-bottom: 20px; }
  ul.list li {
    font-size: 1.125rem;
    line-height: 1.6rem; }
    ul.list li:before {
      top: 8px;
      left: -15px;
      width: 8px;
      height: 8px; } }

p.buttons-holder {
  position: relative;
  left: 0;
  right: 0;
  margin: 1rem 0 0;
  text-align: center;
  width: 100%; }
  p.buttons-holder .link-grid-bg {
    position: relative;
    display: block;
    max-width: 80%; }

a.cta-link {
  position: relative;
  padding-right: 25px;
  margin-top: 20px;
  display: inline-block;
  color: #DD1D21;
  font-family: "Futura Bold", Arial, sans-serif; }
  a.cta-link:after {
    content: "\e607";
    font-family: "shell-icons";
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    transition: all 0.5s; }
  a.cta-link:hover:after {
    right: -5px; }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
@media (min-width: 576px) {
  p.buttons-holder {
    position: relative;
    left: 0;
    right: 0;
    margin: 1rem 0 0; }
    p.buttons-holder .link-grid-bg {
      position: relative;
      display: block;
      max-width: 80%; }
  .link-grid-bg {
    margin: 20px auto 0px;
    max-width: 400px; } }

/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
@media (min-width: 768px) {
  p.buttons-holder {
    position: absolute;
    left: 0;
    right: 0;
    margin: 1rem 0 0;
    bottom: -7.8rem; }
    p.buttons-holder .link-grid-bg {
      position: relative;
      display: inline-block; }
  .link-grid-bg {
    padding: 30px 30px;
    margin: 0px 20px 0px;
    display: inline-block; } }

/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
Extra large devices (large desktops, 1200px and up)
===================================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: "shell-icons" !important;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: "\e601"; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: "\e607"; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
.mainWrapper {
  max-width: 1300px; }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
nav {
  font-family: Arial, sans-serif;
  position: absolute;
  max-width: 100%;
  background: #fff;
  z-index: 999;
  max-height: 0px;
  overflow: hidden;
  transition: max-height .5s; }
  nav ul {
    padding: 0;
    margin-bottom: 0; }
    nav ul li {
      list-style: none;
      border-right: 0px;
      position: relative;
      padding: 0px 0 !important;
      border-bottom: 1px solid #D9D9D9;
      font-size: 12px; }
      nav ul li:last-of-type {
        border-right: 0px solid #D9D9D9; }
      nav ul li a {
        padding: 13px 10px;
        height: 100%;
        text-align: center;
        font-weight: bold;
        justify-content: center;
        color: #404040;
        position: relative;
        overflow: hidden; }
        nav ul li a::before {
          transition: all .5s;
          position: absolute;
          content: " ";
          bottom: -3px;
          width: 100%;
          height: 3px;
          background: #008443; }
        nav ul li a:hover, nav ul li a:focus {
          color: #404040; }
          nav ul li a:hover::before, nav ul li a:focus::before {
            position: absolute;
            content: " ";
            bottom: 0;
            width: 100%;
            height: 3px;
            background: #008443; }
        nav ul li a.active {
          background: #008443;
          color: #fff; }
  nav.menu-open {
    max-height: 9999px; }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
@media (min-width: 992px) {
  nav {
    position: relative;
    max-width: none;
    background: #fff;
    z-index: 999;
    max-height: none;
    overflow: hidden; }
    nav ul li {
      margin: 0;
      border: 1px solid #D9D9D9;
      padding: 0px 0 !important; }
      nav ul li:last-of-type {
        border-right: 1px solid #D9D9D9; } }

/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
/* ==================================================================================
 Default styles
 ==================================================================================== */
.mainWrapper {
  margin: 0 auto; }

nav.order-2 {
  order: 1; }

main.order-1 {
  order: 2; }

a.menu_activator {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #404040;
  z-index: 99999; }

main#controller_container {
  overflow: hidden;
  /* Animations go here */ }
  main#controller_container p, main#controller_container td {
    font-family: 'Futura Book'; }
  main#controller_container p.bold {
    font-family: 'Futura Bold'; }
  main#controller_container p.XXL {
    font-family: 'Futura Bold';
    font-size: 30px !important;
    line-height: normal !important;
    color: #008443; }
  main#controller_container > .row {
    display: none;
    padding: 45px 20px;
    position: relative; }
    main#controller_container > .row.link_tab_DrivingCarbonNeutral {
      padding: 0; }
      main#controller_container > .row.link_tab_DrivingCarbonNeutral .row {
        padding: 45px 20px;
        background: url("../images/petrol_station_cars2.png") no-repeat scroll 0 100%/70% transparent; }
    main#controller_container > .row.active {
      display: flex; }
    main#controller_container > .row > div {
      position: relative; }
  main#controller_container .link_tab_Home h2, main#controller_container .link_tab_Home h3 {
    color: #DD1D21;
    margin-bottom: 20px; }
  main#controller_container .link_tab_Home {
    background-image: none; }
  main#controller_container .link_tab_Benefits .arrow-container.d-flex {
    display: none !important; }
  main#controller_container .link_tab_Benefits img.arrow.arrow2 {
    width: 130px; }
  main#controller_container .link_tab_Benefits img.arrow.arrow3 {
    position: absolute;
    width: 130px;
    bottom: 45%;
    left: 5%; }
  main#controller_container .link_tab_Benefits img.arrow.arrow4 {
    width: 130px;
    display: none; }
  main#controller_container .link_tab_OurInvestment .arrow_darkGreen {
    max-width: 60px;
    margin: 30px 0; }
  main#controller_container .link_tab_OurInvestment .arrow-container .arrow_darkGreen {
    max-width: 80px; }
  main#controller_container .link_tab_OurInvestment .arrow-container-4 {
    display: none !important; }
  main#controller_container .link_tab_CarbonCredits {
    background-image: none; }
    main#controller_container .link_tab_CarbonCredits .coin1,
    main#controller_container .link_tab_CarbonCredits .coin8,
    main#controller_container .link_tab_CarbonCredits .coin12 {
      filter: blur(0.08rem); }
    main#controller_container .link_tab_CarbonCredits .coin7,
    main#controller_container .link_tab_CarbonCredits .coin4,
    main#controller_container .link_tab_CarbonCredits .coin6,
    main#controller_container .link_tab_CarbonCredits .coin10 {
      filter: blur(0.065rem); }
    main#controller_container .link_tab_CarbonCredits .coin4,
    main#controller_container .link_tab_CarbonCredits .coin11 {
      filter: blur(0.05rem); }
    main#controller_container .link_tab_CarbonCredits .coin2,
    main#controller_container .link_tab_CarbonCredits .coin5 {
      filter: blur(0.035rem); }
  main#controller_container .link_tab_ReforestationPartnerships {
    background: url("../images/map_background2.jpg") no-repeat scroll 100% 100% #E5F2EC; }
    main#controller_container .link_tab_ReforestationPartnerships .text_tree_split {
      overflow: hidden;
      margin-top: -15px;
      margin-bottom: 30px; }
      main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .left {
        float: left;
        width: 100%; }
      main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right {
        float: left;
        width: 100%;
        margin-top: 10px; }
        main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right .trees_row {
          justify-content: flex-start;
          margin-left: 0; }
          main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right .trees_row.trees_variant_1 {
            margin-left: 15px;
            margin-bottom: 5px; }
          main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right .trees_row img {
            margin-right: 4px;
            width: 11%; }
    main#controller_container .link_tab_ReforestationPartnerships .trees_3 {
      display: inline-block;
      overflow: hidden; }
      main#controller_container .link_tab_ReforestationPartnerships .trees_3 img {
        float: left;
        margin-right: 5px; }
  main#controller_container .link_tab_DrivingCarbonNeutral {
    background: url("../images/carbon_neutral_background.jpg") no-repeat scroll 100% 100%/100% #E5F2EC;
    padding-bottom: 20px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image {
      padding-bottom: 40%;
      position: relative;
      flex: 0 0 80%; }
      main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit {
        position: absolute;
        transform: scale(1);
        transition: all 2s; }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit img {
          -webkit-backface-visibility: hidden;
          -ms-transform: translateZ(0);
          /* IE 9 */
          -webkit-transform: translateZ(0);
          /* Chrome, Safari, Opera */
          transform: translateZ(0);
          image-rendering: -moz-crisp-edges;
          /* Firefox */
          image-rendering: -o-crisp-edges;
          /* Opera */
          image-rendering: -webkit-optimize-contrast;
          /* Webkit (non-standard naming) */
          image-rendering: crisp-edges;
          -ms-interpolation-mode: nearest-neighbor;
          /* IE (non-standard property) */
          filter: blur(0); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.ZOOM_carbon_credit.zoom {
          transform: scale(0.9); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin1 {
          top: 0%;
          width: 80px;
          height: 80px;
          right: 115px;
          filter: blur(0.05rem); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin2 {
          top: 3%;
          width: 60px;
          height: 60px;
          right: 265px;
          filter: blur(0.08rem); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin3 {
          top: 14%;
          width: 70px;
          height: 70px;
          right: 400px;
          filter: blur(0.065rem); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin4 {
          top: 15%;
          width: 100px;
          height: 100px;
          right: 530px; }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin5 {
          top: 27%;
          width: 50px;
          height: 50px;
          right: 300px;
          filter: blur(0.08rem); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin6 {
          top: 40%;
          width: 50px;
          height: 50px;
          right: 600px;
          filter: blur(0.08rem); }
        main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin7 {
          filter: blur(0.035rem); }
  main#controller_container .link_tab_ReforestationPartnerships {
    padding-bottom: 250px; }
    main#controller_container .link_tab_ReforestationPartnerships .trees_row.left_2 {
      margin-left: 34px; }
    main#controller_container .link_tab_ReforestationPartnerships .trees_row.left_1 {
      margin-left: 17px; }
    main#controller_container .link_tab_ReforestationPartnerships .trees_row img {
      opacity: 0;
      transition: .5s;
      float: left;
      margin-right: 4px; }
      main#controller_container .link_tab_ReforestationPartnerships .trees_row img.visible {
        opacity: 1; }
  main#controller_container .arrow-container,
  main#controller_container .arrow-container-4 {
    overflow: hidden; }
    main#controller_container .arrow-container img.arrow_darkGreen,
    main#controller_container .arrow-container-4 img.arrow_darkGreen {
      position: relative;
      top: -250px;
      transition: all .3s; }
      main#controller_container .arrow-container img.arrow_darkGreen.size,
      main#controller_container .arrow-container-4 img.arrow_darkGreen.size {
        top: 0;
        opacity: 0; }
        main#controller_container .arrow-container img.arrow_darkGreen.size.enter.size1, main#controller_container .arrow-container img.arrow_darkGreen.size.exit.size1,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.enter.size1,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.exit.size1 {
          opacity: 1; }
        main#controller_container .arrow-container img.arrow_darkGreen.size.enter.size2, main#controller_container .arrow-container img.arrow_darkGreen.size.exit.size2,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.enter.size2,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.exit.size2 {
          opacity: .8; }
        main#controller_container .arrow-container img.arrow_darkGreen.size.enter.size3, main#controller_container .arrow-container img.arrow_darkGreen.size.exit.size3,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.enter.size3,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.exit.size3 {
          opacity: .7; }
        main#controller_container .arrow-container img.arrow_darkGreen.size.enter.size4, main#controller_container .arrow-container img.arrow_darkGreen.size.exit.size4,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.enter.size4,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.exit.size4 {
          opacity: .6; }
        main#controller_container .arrow-container img.arrow_darkGreen.size.enter.size5, main#controller_container .arrow-container img.arrow_darkGreen.size.exit.size5,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.enter.size5,
        main#controller_container .arrow-container-4 img.arrow_darkGreen.size.exit.size5 {
          opacity: .1; }
      main#controller_container .arrow-container img.arrow_darkGreen.enter,
      main#controller_container .arrow-container-4 img.arrow_darkGreen.enter {
        top: 0; }
      main#controller_container .arrow-container img.arrow_darkGreen.exit,
      main#controller_container .arrow-container-4 img.arrow_darkGreen.exit {
        top: 0; }
  main#controller_container .arrow-container.coinstack img.stack {
    max-width: 120px; }
  main#controller_container .arrow-container-4.footprints .size2 {
    width: 9%; }
  main#controller_container .arrow-container-4.footprints .size3 {
    width: 8%; }
  main#controller_container .arrow-container-4.footprints .size4 {
    width: 7%; }
  main#controller_container .arrow-container-4.footprints .size5 {
    width: 6%; }
  main#controller_container .carbon_credit,
  main#controller_container .ZOOM_carbon_credit {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 100%; }
    main#controller_container .carbon_credit .face,
    main#controller_container .ZOOM_carbon_credit .face {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      backface-visibility: hidden; }
    main#controller_container .carbon_credit .heads,
    main#controller_container .ZOOM_carbon_credit .heads {
      background: url(../images/coin.svg) no-repeat 0 0/100% transparent;
      z-index: 2;
      transform: rotateY(0deg); }
    main#controller_container .carbon_credit .tails,
    main#controller_container .ZOOM_carbon_credit .tails {
      background: url(../images/coin.svg) no-repeat 0 0/100% transparent;
      z-index: 1;
      transform: rotateY(180deg); }
    main#controller_container .carbon_credit.coinPOWER,
    main#controller_container .ZOOM_carbon_credit.coinPOWER {
      background: url(../images/coin_power.svg) no-repeat 50% 50%/221px transparent;
      width: 260px;
      height: 166px;
      animation-name: none !important; }
    main#controller_container .carbon_credit:after,
    main#controller_container .ZOOM_carbon_credit:after {
      content: "";
      position: absolute;
      top: -110%;
      left: -210%;
      width: 200%;
      height: 200%;
      opacity: 0;
      transform: rotate(30deg);
      background: rgba(255, 255, 255, 0);
      background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%); }
    main#controller_container .carbon_credit.shine:after,
    main#controller_container .ZOOM_carbon_credit.shine:after {
      opacity: 1;
      top: -30%;
      left: -30%;
      transition-property: left, top, opacity;
      transition-duration: 0.7s, 0.7s, 0.15s;
      transition-timing-function: ease; }
    main#controller_container .carbon_credit.spin,
    main#controller_container .ZOOM_carbon_credit.spin {
      text-align: center;
      line-height: 50px;
      animation-name: rotateCoin;
      animation-iteration-count: 1;
      animation-timing-function: linear;
      animation-duration: 1s;
      transform: rotateY(0deg);
      transform-style: preserve-3d; }

@keyframes rotateCoin {
  0% {
    transform: rotate3d(0, 1, 0, 0deg); }
  50% {
    transform: rotate3d(0, 1, 0, 180deg); }
  100% {
    transform: rotate3d(0, 1, 0, 360deg); } }

@keyframes hoverUpDown {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  main#controller_container img.arm {
    animation-name: hoverUpDown;
    animation-duration: 3s;
    animation-iteration-count: 1; }
  main#controller_container .link_tab_Benefits img.arrow {
    transform: translateY(0);
    animation-name: hoverUpDown;
    animation-duration: 3s;
    animation-iteration-count: 1; }
    main#controller_container .link_tab_Benefits img.arrow.arrow2 {
      animation-duration: 5s; }
    main#controller_container .link_tab_Benefits img.arrow.arrow3 {
      animation-duration: 4s; }
  main#controller_container .globe {
    width: 230px; }
    main#controller_container .globe .spinning_globe {
      width: 220px;
      height: 220px;
      background: url("../images/NBS_Spinning_Globe_v2_0.gif") #003c88;
      border-radius: 100%;
      background-size: 100%;
      margin-top: -15px;
      margin-left: -20px; }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 992px))
 ==================================================================================== */
@media (min-width: 576px) and (max-width: 991px) {
  main#controller_container .link_tab_ReforestationPartnerships .trees_row {
    max-width: 600px; }
    main#controller_container .link_tab_ReforestationPartnerships .trees_row img {
      width: 11%; } }

/* ==================================================================================
 Small devices (landscape phones, 576px and up ((to 768px))
 ==================================================================================== */
@media (min-width: 576px) {
  main#controller_container .link_tab_Benefits img.arrow.arrow3 {
    width: 130px;
    bottom: 10%;
    left: 0%; }
  main#controller_container .link_tab_Benefits img.arrow.arrow4 {
    display: block;
    position: absolute;
    left: 21%;
    top: 6%; }
  main#controller_container .link_tab_OurInvestment .arrow-container {
    display: none !important; }
  main#controller_container .link_tab_OurInvestment .arrow-container-3 {
    margin-top: 100px; }
  main#controller_container .link_tab_OurInvestment .arrow-container-4 {
    display: flex !important; }
  main#controller_container .link_tab_ReforestationPartnerships {
    padding-bottom: 0px; } }

/* ==================================================================================
Medium devices (tablets, 768px and up (to 992px))
===================================================================================== */
/* ==================================================================================
Large devices (desktops, 992px and up)
===================================================================================== */
@media (min-width: 992px) {
  a.menu_activator {
    display: none; }
  nav.order-2 {
    order: 2; }
  main.order-1 {
    order: 1; }
  main#controller_container .link_tab_DrivingCarbonNeutral .background-image {
    flex: 0 0 100%; }
  main#controller_container .link_tab_ReforestationPartnerships {
    background: url("../images/map_background2.jpg") no-repeat scroll 100% 100% #E5F2EC; }
    main#controller_container .link_tab_ReforestationPartnerships .text_tree_split {
      overflow: hidden;
      margin-top: -15px;
      margin-bottom: 0px; }
      main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .left {
        width: 35%; }
      main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right {
        width: 65%; }
  main#controller_container .align-content-bottom {
    transform: translateY(375px); }
  main#controller_container p.XXL {
    font-size: 45px !important; }
  main#controller_container .row:not(.row_split) {
    min-height: 650px;
    max-height: 650px; }
    main#controller_container .row:not(.row_split) p {
      margin-bottom: 10px; }
  main#controller_container .link_tab_Home h2,
  main#controller_container .link_tab_Home h3 {
    font-size: 40px !important; }
  main#controller_container .link_tab_Benefits .arrow-container.d-flex {
    display: flex !important; }
  main#controller_container .link_tab_Benefits img.arrow {
    position: absolute; }
    main#controller_container .link_tab_Benefits img.arrow.arrow1 {
      bottom: 12%;
      right: auto;
      top: auto;
      left: 20%; }
    main#controller_container .link_tab_Benefits img.arrow.arrow2 {
      animation-duration: 15s;
      bottom: 5%;
      right: 20%; }
    main#controller_container .link_tab_Benefits img.arrow.arrow3 {
      animation-duration: 7s;
      left: 12%;
      top: 20%; }
    main#controller_container .link_tab_Benefits img.arrow.arrow4 {
      display: none; }
  main#controller_container .link_tab_CarbonCredits .carbon_credit {
    position: absolute; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin1 {
      top: 50%;
      width: 50px;
      height: 50px; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin2 {
      top: 30%;
      width: 100px;
      height: 100px;
      left: 20%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin3 {
      top: 70%;
      width: 110px;
      height: 110px;
      left: 25%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin4 {
      top: 50%;
      width: 80px;
      height: 80px;
      left: 60%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin5 {
      top: 25%;
      width: 90px;
      height: 90px;
      left: 80%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin6 {
      top: 75%;
      width: 70px;
      height: 70px;
      left: 70%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin7 {
      top: 5%;
      width: 70px;
      height: 70px;
      left: 10%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin8 {
      top: 5%;
      width: 45px;
      height: 45px;
      left: 70%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin9 {
      top: 10%;
      width: 120px;
      height: 120px;
      left: 25%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin10 {
      top: 25%;
      width: 70px;
      height: 70px;
      left: 55%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin11 {
      top: 20%;
      width: 80px;
      height: 80px;
      left: 80%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coin12 {
      top: 59%;
      width: 50px;
      height: 50px;
      left: 20%; }
    main#controller_container .link_tab_CarbonCredits .carbon_credit.coinPOWER {
      background: url(../images/coin_power.svg) no-repeat 50% 50%/221px transparent;
      top: 31%;
      width: 285px;
      height: 166px;
      left: -7%; }
  main#controller_container .link_tab_OurInvestment .arrow-container {
    display: flex !important; }
  main#controller_container .link_tab_ReforestationPartnerships .trees_3 {
    display: none !important; }
  main#controller_container .link_tab_ReforestationPartnerships .trees_row img {
    margin-right: 0px; }
  main#controller_container .link_tab_ReforestationPartnerships .text_tree_split .right .trees_row img {
    margin-right: 4px;
    width: 30px; }
  main#controller_container .link_tab_DrivingCarbonNeutral .background-image {
    padding-bottom: 0%; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin1 {
      top: 30%;
      width: 80px;
      height: 80px;
      right: 230px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin2 {
      top: 0%;
      width: 60px;
      height: 60px;
      right: 320px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin3 {
      top: 25%;
      width: 70px;
      height: 70px;
      right: 465px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin4 {
      top: 41%;
      width: 100px;
      height: 100px;
      right: 485px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin5 {
      top: 40%;
      width: 50px;
      height: 50px;
      right: 350px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin6 {
      top: 40%;
      width: 50px;
      height: 50px;
      right: 600px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin7 {
      top: 14%;
      width: 90px;
      height: 90px;
      right: 350px; }
    main#controller_container .link_tab_DrivingCarbonNeutral .background-image .ZOOM_carbon_credit.coin8 {
      top: 0%;
      width: 120px;
      height: 120px;
      right: 500px; }
  main#controller_container .link_tab_DrivingCarbonNeutral img.arm {
    margin-left: -120px; } }

/* ==================================================================================
 Extra large devices (large desktops, 1200px and up)
 ===================================================================================== */
@media (min-width: 1200px) {
  main#controller_container .link_tab_Benefits img.arrow.arrow1 {
    bottom: 23%;
    right: auto;
    top: auto;
    left: 20%; }
  main#controller_container .link_tab_Benefits img.arrow.arrow2 {
    animation-duration: 15s;
    bottom: 5%;
    right: 20%; }
  main#controller_container .link_tab_Benefits img.arrow.arrow3 {
    animation-duration: 7s;
    left: 12%;
    top: 20%; }
  main#controller_container .link_tab_ReforestationPartnerships .trees_3 {
    display: inline-block !important; }
  main#controller_container .link_tab_ReforestationPartnerships .trees_row img {
    margin-right: 4px; } }

/*** IE ONLY ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  nav ul li a::before {
    display: none; } }

.text-primary {
  color: #FBCE07; }

.text-secondary {
  color: #DD1D21; }

.text-success {
  color: #008443; }

.text-danger {
  color: #DD1D21; }

.text-warning {
  color: #eb8705; }

.text-dark {
  color: #404040; }

.text-light {
  color: #D9D9D9; }

.text-white {
  color: #fff; }
  .text-white p {
    color: #fff; }

.panel--red {
  background: #DD1D21 !important;
  color: #fff; }

.panel--yellow {
  background: #FBCE07 !important; }

.panel--white {
  background: #fff; }

.panel--very-pale-grey {
  background: #F7F7F7 !important; }

.dark-bgcolor {
  color: #fff !important; }

.light-bgcolor {
  color: #404040 !important; }

.bgcolor-yellow {
  background: #FBCE07 !important; }

.bgcolor-red {
  background: #DD1D21 !important; }

.bg-color-backgroundGreen {
  background: #e5f2ec !important; }