@charset "UTF-8";
/*  ---- MAIN RS CSS -------------------------------------------------------
    Author: Simon Allin :: DEC 15
    ---------------------------------------------------------------------  */
/*  ===== COLOR SETTINGS =====================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -color palette for site
    -need to re-factor this system too many colors

*/
body {
  font-family: "Roboto Slab", Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

p {
  margin-top: 0;
}

/* responsive breakpoint tools */
.category-list, .rs-nav__item--breadcrumbs, .rs-nav__item--menu, .rs-nav, .unsub-form__element, .base-form__element {
  *zoom: 1;
}
.category-list:before, .rs-nav__item--breadcrumbs:before, .rs-nav__item--menu:before, .rs-nav:before, .unsub-form__element:before, .base-form__element:before, .category-list:after, .rs-nav__item--breadcrumbs:after, .rs-nav__item--menu:after, .rs-nav:after, .unsub-form__element:after, .base-form__element:after {
  content: " ";
  display: table;
}
.category-list:after, .rs-nav__item--breadcrumbs:after, .rs-nav__item--menu:after, .rs-nav:after, .unsub-form__element:after, .base-form__element:after {
  clear: both;
}

.wrap-text {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

.wrap-links {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*  ---- CUSTOM NORMALIZE CSS -------------------------------------------
    Author: Simon Allin / Fu Tang :: JULY 15
    ---------------------------------------------------------------------  */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* box-sizing: border-box; */
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
body {
  margin: 0;
  padding: 0;
  font: 16px/1.231 "Roboto Slab", Arial, sans-serif;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.231 !important;
}
body input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

*, *:before, *:after {
  /*box-sizing: inherit;*/
}

main,
ul li {
  display: block;
}

/*  ---------------------------------------------------------------------
    #ATOMIC CSS | OOCSS classes 
    ---------------------------------------------------------------------  */
/* * {
  box-sizing: border-box !important;
}
 */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.u-float-none {
  float: none !important;
}

.valign {
  vertical-align: middle;
}

.relative {
  position: relative;
}

.text-color {
  color: #292f33;
}

.break-word {
  overflow-wrap: break-word;
}

.align-right {
  text-align: right;
}

.h-auto {
  height: auto;
}

.alignright {
  float: right;
  margin-left: 24px;
}

.alignleft {
  float: left;
  margin-right: 24px;
}

.divider-bottom {
  border-bottom: 2px solid #E7E7E7;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.a-search-highlight {
  background-color: #F8E71C;
  color: #333;
  font-weight: 700 !important;
  padding: 3px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cloak {
  opacity: 0.5;
}

.cloak-dark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background-color: #666;
  z-index: 10;
}

.cloak {
  opacity: 0.5;
}

.strikethrough {
  text-decoration: line-through;
}

.red {
  color: red;
}

.link {
  color: #00A0DD;
}
.link--mo {
  color: #FF3366;
}
.link--contact {
  color: #00A0DD;
}
.link--feature {
  color: #FF6600;
}

.link--orange, .text--orange {
  color: #FF6600 !important;
}
.link--blue, .text--blue {
  color: #00A0DD;
}
.link--magenta, .text--magenta {
  color: #FF3366 !important;
}
.link--underline, .text--underline {
  text-decoration: underline;
}
.link--no-underline, .text--no-underline {
  text-decoration: none;
}

.rs-nav-menu-product-search-regions__item, .rs-nav-menu-product-search-topics__item, .rs-nav-menu-product-search-news-channels__item {
  float: left;
  padding: 8px;
  margin-right: 6px;
  margin-bottom: 6px;
  background-color: #E7E7E7;
}
.rs-nav-menu-product-search-news-channels__item {
  background-color: #5E9931;
}
.rs-nav-menu-product-search-topics__item {
  background-color: #00A0DD;
}
.rs-nav-menu-product-search-regions__item {
  background-color: #FF6600;
}

.rs-nav-menu-product-search-regions__link, .rs-nav-menu-product-search-topics__link, .rs-nav-menu-product-search-news-channels__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
}

.count {
  font-family: "Mada", Arial, sans-serif;
  font-style: italic;
  color: gray;
}

.count-em {
  font-style: normal;
  letter-spacing: -0.5px;
}
.count-em--font-medium {
  font-weight: 500;
}
.count-em--font-roman {
  font-weight: 400;
}
.count-em--font-light {
  font-weight: 300;
}
.count-em--knock {
  color: #666;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 4rem;
  text-decoration: none;
  color: #333;
}
.close:after {
  content: "✖";
}

.flash-notice {
  font-family: "Mada", Arial, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-style: italic;
  color: gray;
  margin-top: -20px;
}

.margin-top-0 {
  margin-top: 0px;
}

.margin-right-0 {
  margin-right: 0px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-left-0 {
  margin-left: 0px;
}

.negative-margin-top-0 {
  margin-top: -0px;
}

.negative-margin-right-0 {
  margin-right: -0px;
}

.negative-margin-bottom-0 {
  margin-bottom: -0px;
}

.negative-margin-left-0 {
  margin-left: -0px;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-right-0 {
  padding-right: 0px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-left-0 {
  padding-left: 0px;
}

.width-0 {
  width: 0%;
}

.max-width-0 {
  width: 0px;
}

.min-height-0 {
  min-height: 0px;
}

.width-px-0 {
  width: 0px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}

.negative-margin-top-10 {
  margin-top: -10px;
}

.negative-margin-right-10 {
  margin-right: -10px;
}

.negative-margin-bottom-10 {
  margin-bottom: -10px;
}

.negative-margin-left-10 {
  margin-left: -10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.width-10 {
  width: 10%;
}

.max-width-10 {
  width: 10px;
}

.min-height-10 {
  min-height: 10px;
}

.width-px-10 {
  width: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-left-20 {
  margin-left: 20px;
}

.negative-margin-top-20 {
  margin-top: -20px;
}

.negative-margin-right-20 {
  margin-right: -20px;
}

.negative-margin-bottom-20 {
  margin-bottom: -20px;
}

.negative-margin-left-20 {
  margin-left: -20px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

.width-20 {
  width: 20%;
}

.max-width-20 {
  width: 20px;
}

.min-height-20 {
  min-height: 20px;
}

.width-px-20 {
  width: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-right-25 {
  margin-right: 25px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-left-25 {
  margin-left: 25px;
}

.negative-margin-top-25 {
  margin-top: -25px;
}

.negative-margin-right-25 {
  margin-right: -25px;
}

.negative-margin-bottom-25 {
  margin-bottom: -25px;
}

.negative-margin-left-25 {
  margin-left: -25px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-right-25 {
  padding-right: 25px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-left-25 {
  padding-left: 25px;
}

.width-25 {
  width: 25%;
}

.max-width-25 {
  width: 25px;
}

.min-height-25 {
  min-height: 25px;
}

.width-px-25 {
  width: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-left-30 {
  margin-left: 30px;
}

.negative-margin-top-30 {
  margin-top: -30px;
}

.negative-margin-right-30 {
  margin-right: -30px;
}

.negative-margin-bottom-30 {
  margin-bottom: -30px;
}

.negative-margin-left-30 {
  margin-left: -30px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.width-30 {
  width: 30%;
}

.max-width-30 {
  width: 30px;
}

.min-height-30 {
  min-height: 30px;
}

.width-px-30 {
  width: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-left-40 {
  margin-left: 40px;
}

.negative-margin-top-40 {
  margin-top: -40px;
}

.negative-margin-right-40 {
  margin-right: -40px;
}

.negative-margin-bottom-40 {
  margin-bottom: -40px;
}

.negative-margin-left-40 {
  margin-left: -40px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-left-40 {
  padding-left: 40px;
}

.width-40 {
  width: 40%;
}

.max-width-40 {
  width: 40px;
}

.min-height-40 {
  min-height: 40px;
}

.width-px-40 {
  width: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-right-50 {
  margin-right: 50px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-left-50 {
  margin-left: 50px;
}

.negative-margin-top-50 {
  margin-top: -50px;
}

.negative-margin-right-50 {
  margin-right: -50px;
}

.negative-margin-bottom-50 {
  margin-bottom: -50px;
}

.negative-margin-left-50 {
  margin-left: -50px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-left-50 {
  padding-left: 50px;
}

.width-50 {
  width: 50%;
}

.max-width-50 {
  width: 50px;
}

.min-height-50 {
  min-height: 50px;
}

.width-px-50 {
  width: 50px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-right-60 {
  margin-right: 60px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-left-60 {
  margin-left: 60px;
}

.negative-margin-top-60 {
  margin-top: -60px;
}

.negative-margin-right-60 {
  margin-right: -60px;
}

.negative-margin-bottom-60 {
  margin-bottom: -60px;
}

.negative-margin-left-60 {
  margin-left: -60px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-left-60 {
  padding-left: 60px;
}

.width-60 {
  width: 60%;
}

.max-width-60 {
  width: 60px;
}

.min-height-60 {
  min-height: 60px;
}

.width-px-60 {
  width: 60px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-right-70 {
  margin-right: 70px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-left-70 {
  margin-left: 70px;
}

.negative-margin-top-70 {
  margin-top: -70px;
}

.negative-margin-right-70 {
  margin-right: -70px;
}

.negative-margin-bottom-70 {
  margin-bottom: -70px;
}

.negative-margin-left-70 {
  margin-left: -70px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-right-70 {
  padding-right: 70px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-left-70 {
  padding-left: 70px;
}

.width-70 {
  width: 70%;
}

.max-width-70 {
  width: 70px;
}

.min-height-70 {
  min-height: 70px;
}

.width-px-70 {
  width: 70px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-right-75 {
  margin-right: 75px;
}

.margin-bottom-75 {
  margin-bottom: 75px;
}

.margin-left-75 {
  margin-left: 75px;
}

.negative-margin-top-75 {
  margin-top: -75px;
}

.negative-margin-right-75 {
  margin-right: -75px;
}

.negative-margin-bottom-75 {
  margin-bottom: -75px;
}

.negative-margin-left-75 {
  margin-left: -75px;
}

.padding-top-75 {
  padding-top: 75px;
}

.padding-right-75 {
  padding-right: 75px;
}

.padding-bottom-75 {
  padding-bottom: 75px;
}

.padding-left-75 {
  padding-left: 75px;
}

.width-75 {
  width: 75%;
}

.max-width-75 {
  width: 75px;
}

.min-height-75 {
  min-height: 75px;
}

.width-px-75 {
  width: 75px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-right-80 {
  margin-right: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-left-80 {
  margin-left: 80px;
}

.negative-margin-top-80 {
  margin-top: -80px;
}

.negative-margin-right-80 {
  margin-right: -80px;
}

.negative-margin-bottom-80 {
  margin-bottom: -80px;
}

.negative-margin-left-80 {
  margin-left: -80px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-left-80 {
  padding-left: 80px;
}

.width-80 {
  width: 80%;
}

.max-width-80 {
  width: 80px;
}

.min-height-80 {
  min-height: 80px;
}

.width-px-80 {
  width: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-right-90 {
  margin-right: 90px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-left-90 {
  margin-left: 90px;
}

.negative-margin-top-90 {
  margin-top: -90px;
}

.negative-margin-right-90 {
  margin-right: -90px;
}

.negative-margin-bottom-90 {
  margin-bottom: -90px;
}

.negative-margin-left-90 {
  margin-left: -90px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-left-90 {
  padding-left: 90px;
}

.width-90 {
  width: 90%;
}

.max-width-90 {
  width: 90px;
}

.min-height-90 {
  min-height: 90px;
}

.width-px-90 {
  width: 90px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-right-100 {
  margin-right: 100px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-left-100 {
  margin-left: 100px;
}

.negative-margin-top-100 {
  margin-top: -100px;
}

.negative-margin-right-100 {
  margin-right: -100px;
}

.negative-margin-bottom-100 {
  margin-bottom: -100px;
}

.negative-margin-left-100 {
  margin-left: -100px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-right-100 {
  padding-right: 100px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-left-100 {
  padding-left: 100px;
}

.width-100 {
  width: 100%;
}

.max-width-100 {
  width: 100px;
}

.min-height-100 {
  min-height: 100px;
}

.width-px-100 {
  width: 100px;
}

.margin-top-125 {
  margin-top: 125px;
}

.margin-right-125 {
  margin-right: 125px;
}

.margin-bottom-125 {
  margin-bottom: 125px;
}

.margin-left-125 {
  margin-left: 125px;
}

.negative-margin-top-125 {
  margin-top: -125px;
}

.negative-margin-right-125 {
  margin-right: -125px;
}

.negative-margin-bottom-125 {
  margin-bottom: -125px;
}

.negative-margin-left-125 {
  margin-left: -125px;
}

.padding-top-125 {
  padding-top: 125px;
}

.padding-right-125 {
  padding-right: 125px;
}

.padding-bottom-125 {
  padding-bottom: 125px;
}

.padding-left-125 {
  padding-left: 125px;
}

.width-125 {
  width: 125%;
}

.max-width-125 {
  width: 125px;
}

.min-height-125 {
  min-height: 125px;
}

.width-px-125 {
  width: 125px;
}

.margin-top-150 {
  margin-top: 150px;
}

.margin-right-150 {
  margin-right: 150px;
}

.margin-bottom-150 {
  margin-bottom: 150px;
}

.margin-left-150 {
  margin-left: 150px;
}

.negative-margin-top-150 {
  margin-top: -150px;
}

.negative-margin-right-150 {
  margin-right: -150px;
}

.negative-margin-bottom-150 {
  margin-bottom: -150px;
}

.negative-margin-left-150 {
  margin-left: -150px;
}

.padding-top-150 {
  padding-top: 150px;
}

.padding-right-150 {
  padding-right: 150px;
}

.padding-bottom-150 {
  padding-bottom: 150px;
}

.padding-left-150 {
  padding-left: 150px;
}

.width-150 {
  width: 150%;
}

.max-width-150 {
  width: 150px;
}

.min-height-150 {
  min-height: 150px;
}

.width-px-150 {
  width: 150px;
}

.margin-top-175 {
  margin-top: 175px;
}

.margin-right-175 {
  margin-right: 175px;
}

.margin-bottom-175 {
  margin-bottom: 175px;
}

.margin-left-175 {
  margin-left: 175px;
}

.negative-margin-top-175 {
  margin-top: -175px;
}

.negative-margin-right-175 {
  margin-right: -175px;
}

.negative-margin-bottom-175 {
  margin-bottom: -175px;
}

.negative-margin-left-175 {
  margin-left: -175px;
}

.padding-top-175 {
  padding-top: 175px;
}

.padding-right-175 {
  padding-right: 175px;
}

.padding-bottom-175 {
  padding-bottom: 175px;
}

.padding-left-175 {
  padding-left: 175px;
}

.width-175 {
  width: 175%;
}

.max-width-175 {
  width: 175px;
}

.min-height-175 {
  min-height: 175px;
}

.width-px-175 {
  width: 175px;
}

.margin-top-200 {
  margin-top: 200px;
}

.margin-right-200 {
  margin-right: 200px;
}

.margin-bottom-200 {
  margin-bottom: 200px;
}

.margin-left-200 {
  margin-left: 200px;
}

.negative-margin-top-200 {
  margin-top: -200px;
}

.negative-margin-right-200 {
  margin-right: -200px;
}

.negative-margin-bottom-200 {
  margin-bottom: -200px;
}

.negative-margin-left-200 {
  margin-left: -200px;
}

.padding-top-200 {
  padding-top: 200px;
}

.padding-right-200 {
  padding-right: 200px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

.padding-left-200 {
  padding-left: 200px;
}

.width-200 {
  width: 200%;
}

.max-width-200 {
  width: 200px;
}

.min-height-200 {
  min-height: 200px;
}

.width-px-200 {
  width: 200px;
}

.margin-top-400 {
  margin-top: 400px;
}

.margin-right-400 {
  margin-right: 400px;
}

.margin-bottom-400 {
  margin-bottom: 400px;
}

.margin-left-400 {
  margin-left: 400px;
}

.negative-margin-top-400 {
  margin-top: -400px;
}

.negative-margin-right-400 {
  margin-right: -400px;
}

.negative-margin-bottom-400 {
  margin-bottom: -400px;
}

.negative-margin-left-400 {
  margin-left: -400px;
}

.padding-top-400 {
  padding-top: 400px;
}

.padding-right-400 {
  padding-right: 400px;
}

.padding-bottom-400 {
  padding-bottom: 400px;
}

.padding-left-400 {
  padding-left: 400px;
}

.width-400 {
  width: 400%;
}

.max-width-400 {
  width: 400px;
}

.min-height-400 {
  min-height: 400px;
}

.width-px-400 {
  width: 400px;
}

.margin-top-600 {
  margin-top: 600px;
}

.margin-right-600 {
  margin-right: 600px;
}

.margin-bottom-600 {
  margin-bottom: 600px;
}

.margin-left-600 {
  margin-left: 600px;
}

.negative-margin-top-600 {
  margin-top: -600px;
}

.negative-margin-right-600 {
  margin-right: -600px;
}

.negative-margin-bottom-600 {
  margin-bottom: -600px;
}

.negative-margin-left-600 {
  margin-left: -600px;
}

.padding-top-600 {
  padding-top: 600px;
}

.padding-right-600 {
  padding-right: 600px;
}

.padding-bottom-600 {
  padding-bottom: 600px;
}

.padding-left-600 {
  padding-left: 600px;
}

.width-600 {
  width: 600%;
}

.max-width-600 {
  width: 600px;
}

.min-height-600 {
  min-height: 600px;
}

.width-px-600 {
  width: 600px;
}

.container.modal-form-container.width-0 {
  width: 0%;
}

.container.modal-form-container.width-10 {
  width: 10%;
}

.container.modal-form-container.width-20 {
  width: 20%;
}

.container.modal-form-container.width-25 {
  width: 25%;
}

.container.modal-form-container.width-30 {
  width: 30%;
}

.container.modal-form-container.width-40 {
  width: 40%;
}

.container.modal-form-container.width-50 {
  width: 50%;
}

.container.modal-form-container.width-60 {
  width: 60%;
}

.container.modal-form-container.width-70 {
  width: 70%;
}

.container.modal-form-container.width-75 {
  width: 75%;
}

.container.modal-form-container.width-80 {
  width: 80%;
}

.container.modal-form-container.width-90 {
  width: 90%;
}

.container.modal-form-container.width-100 {
  width: 100%;
}

.container.modal-form-container.width-125 {
  width: 125%;
}

.container.modal-form-container.width-150 {
  width: 150%;
}

.container.modal-form-container.width-175 {
  width: 175%;
}

.container.modal-form-container.width-200 {
  width: 200%;
}

.container.modal-form-container.width-400 {
  width: 400%;
}

.container.modal-form-container.width-600 {
  width: 600%;
}

.material-icons {
  color: #737373;
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  -khtml-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.material-icons:hover {
  color: #333;
}

.material-icons:active {
  color: #333;
}

.material-icons:visited {
  color: #666;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.action--tooltip {
  border-bottom: 1px dotted #666;
  padding-bottom: 3px;
}
.action--tooltip-ico {
  background-image: url(svg/ico/ico-info.svg);
  background-repeat: no-repeat;
  background-position: right 2px;
  background-size: 16px;
  padding-right: 22px;
}

.dropdown-trigger {
  vertical-align: middle;
}

.doc-header .material-icons {
  color: gray;
}
.doc-header .material-icons:hover {
  color: #4d4d4d;
}

.loading {
  opacity: 0.3;
}

.spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 15px auto;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #e6e6e6;
  border-right-color: transparent;
  border-radius: 50%;
}
.spinner--center {
  bottom: 0;
  margin: auto;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  width: 90px;
  height: 90px;
  background: transparent url("img/loading/spinner-ccc.gif");
  margin-left: auto;
  margin-right: auto;
}

.loader--pacman {
  background: transparent url("img/loading/pacman.gif");
}

.loader--kitten {
  width: 200px;
  height: 223px;
  background: transparent url("img/loading/loading-cat.gif");
}

.a-rs-product-text {
  font-family: "Mada", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.1px;
}

.new-line {
  display: block;
  clear: both;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}
.overlay--dark {
  display: block;
  visibility: visible;
  background: black;
  background: rgba(0, 0, 0, 0.25);
}

.emphasise {
  font-weight: 700;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spinner_hold {
  position: relative;
}

.loading {
  opacity: 0.3;
  -webkit-transition: opacity 0.2s;
  -khtml-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 15px auto;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #FF6600;
  border-right-color: transparent;
  border-radius: 50%;
}
.spinner--center {
  bottom: 0;
  margin: auto;
}
.spinner--relative-to {
  top: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-ring {
  display: block;
  width: 46px;
  height: 46px;
  margin: 12px auto;
}
.spinner-ring--center {
  bottom: 0;
  margin: auto;
}

.spinner-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #FF6600;
  border-color: #FF6600 transparent #FF6600 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.load {
  height: 6px;
  position: absolute;
  width: 100.5%;
  left: -3px;
  background-color: #b3b3b3;
}
.load--dashboard {
  position: relative;
  width: 100%;
  left: 0;
}
.load-bar {
  position: relative;
  width: 100%;
  height: 6px;
  /*background-color: palette( grey, light_20 );*/
  background-color: transparent;
  opacity: 0.8;
}
.load .bar {
  content: "";
  display: inline;
  position: absolute;
  left: 50%;
  width: 0;
  height: 100%;
  text-align: center;
}
.load .bar:nth-child(1) {
  background-color: #ff8533;
  animation: loading 1s linear infinite;
}
.load .bar:nth-child(2) {
  background-color: #cccccc;
  animation: loading 1s linear 1s infinite;
}
.load .bar:nth-child(3) {
  background-color: #ff8533;
  animation: loading 1s linear 1s infinite;
}
.load--white {
  background-color: transparent;
}
.load--white .load-bar {
  background-color: transparent;
}
.load--white .bar:nth-child(2) {
  background-color: white;
}

@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
@keyframes eyeCatcher {
  100% {
    border-color: #a3a3a3;
  }
  50% {
    border-color: #ff8533;
  }
  0% {
    border-color: #a3a3a3;
  }
}
.v-align {
  vertical-align: middle;
}

.v-align--top {
  vertical-align: top;
}

.cursor-pointer {
  cursor: pointer;
}

.display-inline {
  display: inline;
}

/* calculating font sizes */
/*  ===== TOOLS BORDERS ======================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -mixins for generic border creation


*/
/*  ===== TOOLS LISTS ======================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -mixins specific to lists

*/
/*  ===== TOOLS FOR SEARCH FILTER PANELS =====================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Used for styling search filter panels
    -REF: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-cod

*/
/*  ===== COMMON BREAKPOINT TOOLS ============================================
    Author: Simon Allin | 2017 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    - common tools using mq breakpoints

*/
/*  ======================================================================
    1 - create breaks on parent ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* MIXIN documentation 

    - create @mobile / @desktop... etc modofiers on parent classes
    - $modifier class name = modifier on parent
    - $modify class name = selector to be affected

    -example output : 

        @media (max-width: 34.365em) {
            .c-signpost-nav--no-float\@mobile .c-signpost-nav__item {
                display: block;
                float: none;
                border-right: none; } 
        }

*/
/*  ======================================================================
    2 - create breaks ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* MIXIN documentation 

    - create @mobile / @desktop... etc modofiers

    -example output : 

        @media (max-width: 34.365em) {
            .c-fc-news__block\@mobile {
                display: block;
                float: none;
                border-right: none; } 
        }

*/
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0;
  /* [1] */
  border: 0;
}

/**
 * Reset default blockquote styles
 */
blockquote {
  margin: 0;
}

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
/* stylelint-disable selector-list-comma-newline-after */
/**
 * Consistent indentation for lists.
 */
/* stylelint-enable selector-list-comma-newline-after */
/*  ===== BASE FONT EXTENDERS ================================================
    Author: Simon Allin | 2017 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Placeholders / mixins / classes for base text styles
    -.e- class names can be used directly in the HTML

*/
.unsub-form__email, .unsub-form__title, .rs-sidebar__title, .rs-title__level-2 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.category-list__title, .rs-title__level-3 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.rs-title__level-4 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -1px;
  font-weight: 300;
}

.e-core-heading {
  font-family: "Mada", Arial, sans-serif;
  font-size: 45px;
  font-size: 4.5rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.e-core-heading--level-1 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.e-core-heading--level-2 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.e-core-heading--level-3 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.e-core-heading--level-4 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -1px;
  font-weight: 300;
}

.e-news-title--article-h1 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 38px;
  font-size: 3.8rem;
  letter-spacing: -0.7px;
}
.rs-title__level-2 {
  display: block;
}
.rs-title__level-3 {
  display: block;
}
.rs-title__level-4 {
  display: block;
}
.rs-sidebar__title {
  display: block;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 12px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #d3d3d3;
}

.e-rs-h-reset h1, .e-rs-h-reset h2, .e-rs-h-reset h3, .e-rs-h-reset h4, .e-rs-h-reset h5, .e-rs-h-reset h6 {
  line-height: 1.231;
}
.e-rs-h-reset header {
  z-index: auto;
}

.e-font-thin {
  font-weight: 100 !important;
}

.e-font-light {
  font-weight: 300 !important;
}

.e-font-roman {
  font-weight: 400 !important;
}

.e-font-medium {
  font-weight: 500 !important;
}

.e-font-bold {
  font-weight: 700 !important;
}

.e-font-magenta {
  color: #FF3366;
}
.e-font-blue {
  color: #00A0DD;
}
.e-font-orange {
  color: #FF6600;
}

.e-font-mada {
  font-family: "Mada", Arial, sans-serif;
}

/* stansard article body */
.e-a-body-font {
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 24px 0;
}
.e-a-body-font--lrg {
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.e-font-size-inherit {
  font-size: inherit;
}

.c-heading {
  font-family: "Mada", Arial, sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.3;
  color: #292f33;
}
.c-heading--massive {
  font-size: 80px;
  font-size: 8rem;
}
.c-heading--rs-promo {
  font-size: 50px;
  font-size: 5rem;
  font-weight: 900;
}
.c-heading--prw-promo {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
}
.c-heading--l2 {
  font-size: 26px;
  font-size: 2.6rem;
}
.c-heading--medium {
  font-weight: 500;
}
.c-heading--l3 {
  font-size: 23px;
  font-size: 2.3rem;
}
.c-heading--l4 {
  font-size: 20px;
  font-size: 2rem;
}
.c-heading--l6 {
  font-size: 18px;
  font-size: 1.8rem;
}
.c-heading--rev {
  color: #fff;
}
.c-heading--tape {
  float: left;
  width: auto;
  padding: 24px;
  background: rgba(0, 0, 0, 0.7);
}
.c-heading--tape-sml-padd {
  padding: 12px;
}
.c-heading--tape-mid {
  background: rgba(0, 0, 0, 0.4);
}
.c-heading--tape-rev {
  background: rgba(255, 255, 255, 0.8);
}
.c-heading--magenta {
  color: #FF3366;
}
@media (min-width: 46.25em) {
  .c-heading--hero {
    position: absolute;
    left: 24px;
    bottom: 0;
    max-width: webkit-calc(100% - 330px);
    max-width: -moz-calc(100% - 330px);
    max-width: calc(100% - 330px);
  }
}
@media (min-width: 61.25em) {
  .c-heading--hero\@desktop {
    position: absolute;
    left: 24px;
    bottom: 0;
    max-width: webkit-calc(100% - 330px);
    max-width: -moz-calc(100% - 330px);
    max-width: calc(100% - 330px);
  }
}
@media (min-width: 81.25em) {
  .c-heading--hero\@wide {
    position: absolute;
    left: 24px;
    bottom: 0;
    max-width: webkit-calc(100% - 330px);
    max-width: -moz-calc(100% - 330px);
    max-width: calc(100% - 330px);
  }
}
@media (min-width: 46.25em) {
  .c-heading--hero-ln {
    left: auto;
  }
}
.c-heading--hero-plans {
  text-align: center;
  padding-top: 180px;
  background-image: url(svg/ico/ico-packages.svg);
  background-repeat: no-repeat;
  background-size: 230px;
  background-position: center top;
}
.c-heading--shadow {
  text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.7);
}
.c-heading--slab {
  position: relative;
  margin-bottom: 0;
  padding: 12px;
  float: left;
  width: auto;
  background: #ccc;
}
.c-heading--slab:after {
  content: " ";
  display: block;
  position: absolute;
  right: -80px;
  width: 80px;
  top: 0;
  bottom: 0;
  fill: #ccc;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#ccc" points="240,240 0,240 0,0 "/></g></svg>');
  background-size: cover;
}
.c-heading--slab-magenta {
  color: #fff;
  background-color: #FF3366;
}
.c-heading--slab-magenta:after {
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#FF3366" points="240,240 0,240 0,0 "/></g></svg>');
}
.c-heading--slab-blue {
  color: #fff;
  background-color: #0085B2;
}
.c-heading--slab-blue:after {
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#0085B2" points="240,240 0,240 0,0 "/></g></svg>');
}
.c-heading--slab-grey {
  color: #fff;
  background-color: #666;
}
.c-heading--slab-grey:after {
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#666" points="240,240 0,240 0,0 "/></g></svg>');
}
.c-heading--slab-orange {
  color: #fff;
  background-color: #FF6600;
}
.c-heading--slab-orange:after {
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#FF6600" points="240,240 0,240 0,0 "/></g></svg>');
}
.c-heading--slab-light-grey {
  background-color: #E4E3E3;
}
.c-heading--slab-light-grey:after {
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240"  xml:space="preserve"><g><polygon fill="#E4E3E3" points="240,240 0,240 0,0 "/></g></svg>');
}
.c-heading--html-format ul {
  padding-top: 12px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}

/* base font mixins/extenders */
/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Simple default styles for headings 1 through 6. Anything more opinionated
 * than simple font-size changes should likely be applied via classes (see:
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
 */
/* ==========================================================================
   #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * 1. Ensure tables fill up as much space as possible.
 */
table {
  width: 100%;
  /* [1] */
  font-size: 17px;
  font-size: 1.7rem;
  color: #292f33;
}

th, td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
/**
 * 
 */
.ico-search-nav {
  width: 20px;
  height: 20px;
}
.ico-search-nav--label-right {
  float: left;
  margin-right: 6px;
}

/* icons using background images SVG */
.ico-twitter-bg {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(svg/ico/ico-twitter-actual-34-34.svg);
}

.ico-facebook-bg {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(svg/ico/ico-facebook-actual-34_34.svg);
}

.ico-instagram-bg {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(svg/ico/ico-instagram-34-34.svg.svg);
}

.ico-youtube-bg {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(svg/ico/ico-youtube-actual-34-34.svg);
}

.ico-linkedin-bg {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(svg/ico/ico-linkedin-actual-34-34.svg);
}

.ico-social--lrg {
  width: 40px !important;
  height: 40px !important;
}

.ico-twitter {
  width: 34px;
  height: 34px;
  fill: #55ACEE;
  margin-top: 2px;
  margin-right: 6px;
}
@media (min-width: 46.25em) {
  .ico-twitter--right {
    float: right;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
  }
}
.ico-facebook {
  width: 34px;
  height: 34px;
  fill: #3B5998;
  margin-top: 2px;
  margin-right: 6px;
}
@media (min-width: 46.25em) {
  .ico-facebook--right {
    float: right;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
  }
}
.ico-linkedin {
  width: 34px;
  height: 34px;
  fill: #007BB6;
  margin-top: 2px;
  margin-right: 6px;
}
@media (min-width: 46.25em) {
  .ico-linkedin--right {
    float: right;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
  }
}
.ico-external-link {
  width: 19px;
  height: 18px;
  fill: #666;
  vertical-align: bottom;
  margin-right: 2px;
}
.ico-avatar {
  width: 70px;
  height: 70px;
  fill: #00A0DD;
}
.ico-avatar--small {
  width: 45px;
  height: 45px;
}
.ico-alert {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-alert--right {
  float: right;
}
.ico-alert--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-alert--left {
  float: left;
  display: inline;
}
.ico-alert--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-alert.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-alert.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-dashboard {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-dashboard--right {
  float: right;
}
.ico-dashboard--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-dashboard--left {
  float: left;
  display: inline;
}
.ico-dashboard--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-dashboard.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-dashboard.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-help {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-help--right {
  float: right;
}
.ico-help--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-help--left {
  float: left;
  display: inline;
}
.ico-help--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-help.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-help.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-inbox {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-inbox--right {
  float: right;
}
.ico-inbox--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-inbox--left {
  float: left;
  display: inline;
}
.ico-inbox--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-inbox.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-inbox.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-search {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-search--right {
  float: right;
}
.ico-search--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-search--left {
  float: left;
  display: inline;
}
.ico-search--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-search.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-search.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-send {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-send--right {
  float: right;
}
.ico-send--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-send--left {
  float: left;
  display: inline;
}
.ico-send--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-send.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-send.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-menu {
  width: 100%;
  height: 100%;
  fill: #666666;
}
.ico-menu--right {
  float: right;
}
.ico-menu--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-menu--left {
  float: left;
  display: inline;
}
.ico-menu--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-menu.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-menu.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-menu-my-acc {
  width: 38px;
  height: 38px;
  fill: #666666;
}
.ico-menu-my-acc--right {
  float: right;
}
.ico-menu-my-acc--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-menu-my-acc--left {
  float: left;
  display: inline;
}
.ico-menu-my-acc--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-menu-my-acc.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-menu-my-acc.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-delete {
  width: 24px;
  height: 24px;
  fill: #666666;
  cursor: pointer;
}
.ico-delete--right {
  float: right;
}
.ico-delete--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-delete--left {
  float: left;
  display: inline;
}
.ico-delete--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-delete.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-delete.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-delete--small {
  width: 12px;
  height: 12px;
  fill: #cccccc;
  margin-top: 5px;
}
.ico-delete--small--right {
  float: right;
}
.ico-delete--small--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-delete--small--left {
  float: left;
  display: inline;
}
.ico-delete--small--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-delete--small.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-delete--small.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-delete--white {
  width: 12px;
  height: 12px;
  fill: #FFF;
}
.ico-delete--white--right {
  float: right;
}
.ico-delete--white--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-delete--white--left {
  float: left;
  display: inline;
}
.ico-delete--white--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-delete--white.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-delete--white.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-delete--right {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ico-delete--red {
  fill: #E73A3A;
}
.ico-success {
  width: 24px;
  height: 24px;
  fill: #666666;
  fill: #5E9931;
}
.ico-success--right {
  float: right;
}
.ico-success--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-success--left {
  float: left;
  display: inline;
}
.ico-success--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-success.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-success.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-success--green {
  fill: #5E9931;
}
.ico-services {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-services--right {
  float: right;
}
.ico-services--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-services--left {
  float: left;
  display: inline;
}
.ico-services--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-services.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-services.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-services--hover {
  fill: #fff;
}
.ico-apps {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-apps--right {
  float: right;
}
.ico-apps--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-apps--left {
  float: left;
  display: inline;
}
.ico-apps--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-apps.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-apps.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-apps--hover {
  fill: #fff;
}
.ico-back-link {
  width: 24px;
  height: 24px;
  fill: #666666;
  fill: #FF3366;
}
.ico-back-link--right {
  float: right;
}
.ico-back-link--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-back-link--left {
  float: left;
  display: inline;
}
.ico-back-link--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-back-link.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-back-link.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-settings {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-settings--right {
  float: right;
}
.ico-settings--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-settings--left {
  float: left;
  display: inline;
}
.ico-settings--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-settings.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-settings.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.ico-settings--hover {
  fill: #fff;
}
.ico-drop-down {
  width: 24px;
  height: 24px;
  fill: #666666;
}
.ico-drop-down--right {
  float: right;
}
.ico-drop-down--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-drop-down--left {
  float: left;
  display: inline;
}
.ico-drop-down--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-drop-down.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-drop-down.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.services-pr-trigger--active .ico-drop-down, .services-journo-trigger--active .ico-drop-down, .open .ico-drop-down {
  display: none;
}
@media (min-width: 1152px) {
  .ico-drop-down.not-desktop-feature {
    display: none;
  }
}
.ico-drop-up {
  width: 24px;
  height: 24px;
  fill: #666666;
  display: none;
}
.ico-drop-up--right {
  float: right;
}
.ico-drop-up--right-with-label {
  float: right;
  display: inline;
  margin-left: 5px;
}
.ico-drop-up--left {
  float: left;
  display: inline;
}
.ico-drop-up--left-with-label {
  float: left;
  display: inline;
  margin-right: 5px;
}
.ico-drop-up.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .ico-drop-up.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.services-pr-trigger--active .ico-drop-up, .services-journo-trigger--active .ico-drop-up, .open .ico-drop-up {
  display: inline;
}
@media (min-width: 1152px) {
  .services-pr-trigger--active .ico-drop-up.not-desktop-feature, .services-journo-trigger--active .ico-drop-up.not-desktop-feature, .open .ico-drop-up.not-desktop-feature {
    display: none;
  }
}
.ico-close {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  float: right;
  display: inline;
  fill: #999;
}
.ico-close--fixed-bottom-right {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.ico-tool-search {
  width: 18px;
  height: 18px;
  fill: #666666;
  margin-top: 8px;
  margin-left: 4px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}
.ico-tool-search + span {
  display: none;
}
@media (min-width: 1152px) {
  .ico-tool-search.large-break {
    margin-right: 4px;
  }
  .ico-tool-search.large-break + span {
    display: inline;
  }
}
@media (min-width: 71.875em) {
  .ico-tool-search:not(.large-break) {
    margin-right: 4px;
  }
  .ico-tool-search:not(.large-break) + span {
    display: inline;
  }
}
@media (min-width: 550px) {
  .ico-tool-search.small-break {
    margin-right: 4px;
  }
  .ico-tool-search.small-break + span {
    display: inline;
  }
}
.ico-sort {
  width: 15px;
  height: 19px;
  fill: #666;
}

.ico-facebook {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-facebook__box {
  fill: #3B5998;
}
.ico-facebook__cutout {
  fill: #fff;
}
.ico-linkedin {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-linkedin__box {
  fill: #007BB6;
}
.ico-linkedin__cutout {
  fill: #fff;
}
.ico-googleplus {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-googleplus__box {
  fill: #DC4E41;
}
.ico-googleplus__cutout {
  fill: #fff;
}
.ico-twitter {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-twitter__box {
  fill: #55ACEE;
}
.ico-twitter__cutout {
  fill: #fff;
}
.ico-youtube {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-youtube__box {
  fill: #E62d27;
}
.ico-youtube__cutout {
  fill: #fff;
}
.ico-instagram {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-instagram__cutout {
  fill: #fff;
}
.ico-pinterest {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-pinterest__cutout {
  fill: #fff;
}
.ico-wikipedia {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-wikipedia__cutout {
  fill: #fff;
}
.ico-tumblr {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-tumblr__cutout {
  fill: #fff;
}
.ico-snapchat {
  float: left;
  margin-right: 4px;
  width: 30px;
  height: 30px;
}
.ico-snapchat__cutout {
  fill: #fff;
}
.ico-social--small {
  width: 22px;
  height: 22px;
}
.ico-social--tiny {
  width: 18px;
  height: 18px;
}

.ico-avatar-new {
  float: left;
  width: 26px;
  height: 31px;
  margin-right: 6px;
}

.ico-avatar-group {
  float: left;
  width: 30px;
  height: 34px;
  margin-right: 6px;
}

.ico-padlock {
  float: left;
  width: 42px;
  height: 54px;
}

.js-trigger--hover .ico-services {
  fill: #fff;
}

.ico-sub-level-100 {
  float: left;
  width: 150px;
  height: 150px;
}

.ico-tool-downarrow-select {
  float: left;
  margin: auto 0;
  top: 0;
  bottom: 0;
}

/*  ---------------------------------------------------------------------

    ResponseSource logo system

    1) SETUP

    2) LOGOS

        .logo-RS-MCD
            .logo-RS-MCD--FR  - lang modifiers
            .logo-RS-MCD--DE  - lang modifiers
        .logo-RS-JES
            .logo-RS-JES--FR  - lang modifiers
            .logo-RS-JES--DE  - lang modifiers
            .logo-RS-JES--DE-STACKED - legacy stacked
            .logo-RS-JES--FR-STACKED - legacy stacked
        .logo-RS-FJP
        .logo-RS-PRW

    ---------------------------------------------------------------------  */
/* legacy display */
.logo-RS-FJP--FR, .logo-RS-MCD--DE, .logo-RS-MCD--FR {
  float: left;
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
}

.logo_space h1, #logo_space h1 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.logo-RS {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  background-image: url(svg/RS-315-63.svg);
  background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
  /* .logo.center { margin: 0 auto !important; } */
}
@media (max-width: 550px) {
  .logo-RS {
    width: 286px;
    height: 59px;
    background-size: 286px;
  }
}
.logo-RS--DE {
  background-image: url(svg/RS-DE-318-64.svg);
}
.logo-RS--FOOTER {
  width: 325px;
  height: 70px;
  background-size: 325px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .logo-RS--FOOTER {
    margin: 0;
  }
}
@media (max-width: 550px) {
  .logo-RS--FOOTER {
    width: 286px;
    height: 59px;
    background-size: 286px;
  }
}
.logo-RS--SOLO {
  background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
.logo-RS--SOLO-REV {
  width: 420px;
  background-image: url(svg/brand-logos/responsesource/white-reversed.svg);
}
.logo-RS--NAV {
  width: 50px;
  height: 50px;
  background-size: 34px 34px;
  background-image: url(svg/brand-logos/responsesource/portal/orange-on-transparent.svg);
  padding: 8px;
  background-position: 50%;
  -webkit-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 34.365em) {
  .logo-RS--NAV-tile {
    width: auto;
    background-size: 50px;
    background-position: center center;
  }
}
@media (min-width: 550px) {
  .logo-RS--NAV {
    width: 218px;
    background-size: 210px 34px;
    background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
  }
}
@media (min-width: 550px) {
  .logo-RS--NAV-FR {
    background-size: 180px;
  }
}
.logo-RS--APP-SWITCH {
  width: 218px;
  height: 35px;
  background-size: 210px 34px;
  background-image: url(svg/brand-logos/responsesource/orange-on-transparent.svg);
}
.logo-RS-MCD {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  background-image: url(svg/RS-MCD-315-63.svg);
}
.logo-RS-MCD--FR {
  width: 459px;
  height: 100px;
  background: transparent url(brand-legacy/featuresexec_h1_FR.gif) no-repeat;
}
.logo-RS-MCD--FR-STACKED {
  float: none;
  width: 418px;
  height: 202px;
  background: url(brand-legacy/FE_FR_LOGO_STACKED_408_202.png) no-repeat center center;
}
.logo-RS-MCD--DE {
  width: 428px;
  height: 100px;
  background: transparent url(brand-legacy/featuresexec_h1_DE.gif) no-repeat;
}
.logo-RS-MCD--DE-STACKED {
  float: none;
  width: 312px;
  height: 202px;
  background: url(brand-legacy/FE_DE_LOGO_STACKED_312_202.png) no-repeat center center;
}
.logo-RS-JES {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  background-image: url(svg/RS-JES-315-63.svg);
}
@media (max-width: 550px) {
  .logo-RS-JES {
    width: 286px;
    height: 59px;
    background-size: 286px;
  }
}
.logo-RS-JES--FR {
  background-image: url(svg/RS-315-63.svg);
  /* @include rs-fr-logo;
  width:436px; 
  height:129px; 

  // stacked version

      &-STACKED {
          float:none;
          width: 360px; 
          height: 202px; 
          background: url(brand-legacy/RS_FR_LOGO_STACKED_360_202.png) no-repeat center center;
      } */
}
.logo-RS-JES--DE {
  background-image: url(svg/RS-JES-DE-315-64.svg);
}
.logo-RS-FJP {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  background-image: url(svg/RS-FJP-315-63.svg);
}
@media (max-width: 550px) {
  .logo-RS-FJP {
    width: 286px;
    height: 59px;
    background-size: 286px;
  }
}
.logo-RS-FJP--FR {
  width: 459px;
  height: 100px;
  background: transparent url(brand-legacy/journalist_directory_h1_FR.gif) no-repeat;
}
.logo-RS-FJP--FR-STACKED {
  float: none;
  width: 418px;
  height: 202px;
  background: url(brand-legacy/JD_FR_LOGO_STACKED_418_202.png) no-repeat center center;
}
.logo-RS-FJP--DE {
  background-image: url(svg/RS-FJP-DE-318-64.svg);
}
.logo-RS-PRW {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  background-image: url(svg/RS-PRW-315-63.svg);
}
@media (max-width: 550px) {
  .logo-RS-PRW {
    width: 286px;
    height: 59px;
    background-size: 286px;
  }
}
.logo-RS-MJ {
  display: block;
  width: 420px;
  height: 86px;
  background-size: 420px 86px;
  background-repeat: no-repeat;
  width: 399px;
  height: 81px;
  background-size: 399px 81px;
  background-image: url(svg/RS-MJ-315-63.svg);
  display: block;
  text-indent: -9999px;
}
.logo-RS--center {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  /* top margin for homepage logo */
  .home_page .product_logo {
    margin-top: 15px;
  }
}
/*  ================================================
    SWITCH PORTRAIT TO LANDSCAPE BELOW CERTAIN WIDTH
    ================================================  */
@media only screen and (max-width: 767px) {
  .product_logo.RS.stacked.mob_landscape.lrg, .product_logo.RSINTL_UK.stacked.mob_landscape.lrg {
    width: 414px;
    height: 129px;
    background: transparent url(img/logo/RS_INT_EN_LOGO_LAND_414X129.png) no-repeat;
    margin: 0 0 0 0;
  }

  .product_logo.RS.FR.stacked.mob_landscape.lrg.mobile_landscape, .product_logo.RSINTL_FR.stacked.mob_landscape.lrg {
    width: 436px;
    height: 129px;
    background-image: url(img/logo/RS_INT_FR_LOGO_LAND_436X129.png);
    margin: 0 0 0 0;
  }

  .product_logo.RS.DE.stacked.mob_landscape.lrg.mobile_landscape, .product_logo.RSINTL_DE.stacked.mob_landscape.lrg {
    width: 503px;
    height: 129px;
    background-image: url(img/logo/RS_INT_DE_LOGO_LAND_503X129.png);
    margin: 0 0 0 0;
  }

  .product_logo.SW.stacked.mob_landscape.lrg {
    width: 414px;
    height: 129px;
    background: url(img/logo/SW_EN_LOGO_LAND_414_129.png) no-repeat center center;
    margin: 0 0 0 0;
  }
}
/*  ============
    MOBILE LOGOS
    ============  */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*  ============
      MOBILE LOGOS
      ============  */
  /*  ==
      UK
      ==  */
  .product_logo.RS.stacked.lrg, .product_logo.RSINTL_UK.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .product_logo.RSINTL_UK.stacked.mob_landscape.lrg, .product_logo.RSINTL_UK.landscape.lrg {
    width: 300px;
    height: 79px;
    background-size: 300px;
  }

  .product_logo.RS.stacked.lrg, .product_logo.RSINTL_UK.stacked.lrg {
    width: 286px;
    height: 169px;
    background-size: 286px;
  }

  .product_logo.FE.stacked.lrg, .product_logo.FEM.stacked.lrg {
    width: 286px;
    height: 169px;
    background-size: 286px;
  }

  .product_logo.SW.stacked.lrg {
    width: 286px;
    height: 169px;
    background-size: 286px;
  }

  .product_logo.SW.stacked.mob_landscape.lrg, .product_logo.SW.landscape.lrg {
    width: 300px;
    height: 79px;
    background: url(img/logo/SW_EN_LOGO_LAND_414_129.png) no-repeat center center;
    margin: 0 0 0 0;
    background-size: 300px;
  }

  .product_logo.JD.stacked.lrg, .product_logo.FJD.stacked.lrg {
    width: 286px;
    height: 161px;
    background: url(img/logo/JD_EN_LOGO_STACKED_572_322_X2.png) no-repeat;
    background-size: 286px;
  }

  .product_logo.DWP {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  /*  ==
      FR
      ==  */
  .logo.RS.FR.stacked.lrg, .logo.RSINTL_FR.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .logo.RSINTL_FR.stacked.mob_landscape.lrg, .logo.RSINTL_FR.landscape.lrg {
    width: 300px;
    height: 79px;
    background: transparent url(img/logo/RS_INT_FR_LOGO_LAND_700_157_X2.png) no-repeat;
    background-size: 315px;
  }

  .logo.FE.FR.stacked.lrg, .logo.FEM.FR.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .logo.SW.FR.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .logo.JD.FR.stacked.lrg, .logo.FJD.FR.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  /*  ==
      DE
      ==  */
  .product_logo.RS.DE.stacked.lrg, .product_logo.RSINTL_DE.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .product_logo.FE.DE.stacked.lrg, .product_logo.FEM.DE.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }

  .product_logo.SW.DE.stacked.lrg {
    width: 286px;
    height: 161px;
    background-size: 286px;
  }
}
/*  ===== BUTTON COMPONENT =======================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -core button styling with various variations

    +-------------------------+ 
    |                         |
    |    PRESS THE BUTTON!    |
    |                         |
    +-------------------------+

*/
button {
  margin-top: 0;
  border: none;
}

.button {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  padding: 10px 9px;
  background-color: #5E9931;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.1;
  letter-spacing: normal;
  font-weight: 700;
  color: #FFF;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  *zoom: 1;
}
.button:hover {
  background-color: #467225;
  text-decoration: none;
}
.button.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .button.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.button.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .button.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.button--white {
  background-color: #FFF;
}
.button--white:hover {
  background-color: #e6e6e6;
  color: #FFF;
}
.button--white:focus {
  background-color: #e6e6e6;
  color: #FFF;
}
.button--white--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #FFF;
  color: #FFF;
}
.button--white--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #cccccc;
  color: #cccccc;
}
.button--white:disabled {
  background-color: white;
  cursor: auto;
}
.button--white:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #FFF;
  box-shadow: 0px 0px 6px 0px #FFF;
  box-shadow: inset 0 -4px #e0e0e0;
}
.button--green {
  background-color: #5E9931;
}
.button--green:hover {
  background-color: #467225;
  color: #FFF;
}
.button--green:focus {
  background-color: #467225;
  color: #FFF;
}
.button--green--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #5E9931;
  color: #5E9931;
}
.button--green--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #2f4c18;
  color: #2f4c18;
}
.button--green:disabled {
  background-color: #acd98a;
  cursor: auto;
}
.button--green:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #5E9931;
  box-shadow: 0px 0px 6px 0px #5E9931;
  box-shadow: inset 0 -4px #426b22;
}
.button--magenta {
  background-color: #FF3366;
}
.button--magenta:hover {
  background-color: #ff0040;
  color: #FFF;
}
.button--magenta:focus {
  background-color: #ff0040;
  color: #FFF;
}
.button--magenta--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #FF3366;
  color: #FF3366;
}
.button--magenta--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #cc0033;
  color: #cc0033;
}
.button--magenta:disabled {
  background-color: #ffccd9;
  cursor: auto;
}
.button--magenta:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #FF3366;
  box-shadow: 0px 0px 6px 0px #FF3366;
  box-shadow: inset 0 -4px #f5003d;
}
.button--blue {
  background-color: #00A0DD;
}
.button--blue:hover {
  background-color: #007baa;
  color: #FFF;
}
.button--blue:focus {
  background-color: #007baa;
  color: #FFF;
}
.button--blue--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #00A0DD;
  color: #00A0DD;
}
.button--blue--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #005677;
  color: #005677;
}
.button--blue:disabled {
  background-color: #77d9ff;
  cursor: auto;
}
.button--blue:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #00A0DD;
  box-shadow: 0px 0px 6px 0px #00A0DD;
  box-shadow: inset 0 -4px #0074a0;
}
.button--orange {
  background-color: #FF6600;
}
.button--orange:hover {
  background-color: #cc5200;
  color: #FFF;
}
.button--orange:focus {
  background-color: #cc5200;
  color: #FFF;
}
.button--orange--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #FF6600;
  color: #FF6600;
}
.button--orange--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #993d00;
  color: #993d00;
}
.button--orange:disabled {
  background-color: #ffc299;
  cursor: auto;
}
.button--orange:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #FF6600;
  box-shadow: 0px 0px 6px 0px #FF6600;
  box-shadow: inset 0 -4px #c24e00;
}
.button--red {
  background-color: #E73A3A;
}
.button--red:hover {
  background-color: #d41a1a;
  color: #FFF;
}
.button--red:focus {
  background-color: #d41a1a;
  color: #FFF;
}
.button--red--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #E73A3A;
  color: #E73A3A;
}
.button--red--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #a71414;
  color: #a71414;
}
.button--red:disabled {
  background-color: #f8c2c2;
  cursor: auto;
}
.button--red:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #E73A3A;
  box-shadow: 0px 0px 6px 0px #E73A3A;
  box-shadow: inset 0 -4px #cb1919;
}
.button--grey {
  background-color: #666;
}
.button--grey:hover {
  background-color: #4d4d4d;
  color: #FFF;
}
.button--grey:focus {
  background-color: #4d4d4d;
  color: #FFF;
}
.button--grey--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #666;
  color: #666;
}
.button--grey--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #333333;
  color: #333333;
}
.button--grey:disabled {
  background-color: #b3b3b3;
  cursor: auto;
}
.button--grey:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #666;
  box-shadow: 0px 0px 6px 0px #666;
  box-shadow: inset 0 -4px #474747;
}
.button--socialmedia {
  background-color: #55ACEE;
}
.button--socialmedia:hover {
  background-color: #2795e9;
  color: #FFF;
}
.button--socialmedia:focus {
  background-color: #2795e9;
  color: #FFF;
}
.button--socialmedia--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #55ACEE;
  color: #55ACEE;
}
.button--socialmedia--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #147bc9;
  color: #147bc9;
}
.button--socialmedia:disabled {
  background-color: #e0f0fc;
  cursor: auto;
}
.button--socialmedia:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #55ACEE;
  box-shadow: 0px 0px 6px 0px #55ACEE;
  box-shadow: inset 0 -4px #1d91e8;
}
.button--notification {
  background-color: #666;
}
.button--notification:hover {
  background-color: #4d4d4d;
  color: #FFF;
}
.button--notification:focus {
  background-color: #4d4d4d;
  color: #FFF;
}
.button--notification--rev {
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: #666;
  color: #666;
}
.button--notification--rev:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #333333;
  color: #333333;
}
.button--notification:disabled {
  background-color: #b3b3b3;
  cursor: auto;
}
.button--notification:focus {
  -webkit-box-shadow: 0px 0px 6px 0px #666;
  box-shadow: 0px 0px 6px 0px #666;
  box-shadow: inset 0 -4px #474747;
}
.button--left {
  float: left;
}
.button--right {
  float: right;
}
.button--margin_right {
  margin-right: 8px;
}
.button--margin_top {
  margin-top: 8px;
}
.button--margin_top_xl {
  margin-top: 30px;
}
.button--bottom {
  margin: 10px 0;
}
.button--margin_bottom_xl {
  margin-bottom: 30px;
}
.button--margin_bottom {
  margin-bottom: 8px;
}
.button--font_light {
  font-weight: lighter;
}
.button--font-plus-1 {
  font-size: 18px;
  font-size: 1.8rem;
}
.button--font_sml {
  font-size: 95%;
}
.button--font_s-m {
  font-size: 19px;
  font-size: 1.9rem;
}
.button--font_mid {
  font-size: 21px;
  font-size: 2.1rem;
}
.button--font-lrg {
  font-size: 26px;
  font-size: 2.6rem;
}
.button--font-sml {
  font-size: 16px;
  font-size: 1.6rem;
}
.button--font_lrg {
  font-size: 200%;
}
.button--stacked {
  margin-bottom: 10px;
  display: block;
}
.button--block {
  display: block;
}
.button--w-100 {
  width: 100%;
}
.button--small {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 6px 7px;
}
.button--a-c-view-all {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 6px 7px;
}
.button--add {
  padding: 12px;
  padding-right: 32px;
  background-image: url(svg/ico-plus-actual-17-17.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 17px;
  line-height: 1.3;
}
.button--add-rev {
  padding-left: 36px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: left 3px center;
  background-image: url(svg/ico/btn/ico-add-rev.svg);
}
.button--add-left {
  padding-left: 32px;
  background-image: url(img/button_extensions/mliu_button_add_rev.gif);
  background-repeat: no-repeat;
  background-position: 7px center;
}
.button--black.rev.add {
  background-image: url(img/button_extensions/mliu_button_add.gif);
}
.button--grey.rev.add {
  background-image: url(img/button_extensions/mliu_button_add_grey.gif);
}
.button--grey.rev.add:hover {
  background-image: url(img/button_extensions/mliu_button_add_grey_hover.gif);
}
.button--link {
  padding-right: 32px;
  background-image: url(img/button_extensions/mliu_button_link_rev.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
.button--black.rev.link {
  background-image: url(img/button_extensions/mliu_button_link.gif);
}
.button--refresh {
  padding-right: 32px;
  background-image: url(img/button_extensions/mliu_button_refresh_rev.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
.button--view {
  padding-right: 34px;
  background-image: url(img/button_extensions/mliu_button_view_rev.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
.button--rss {
  padding-right: 32px;
  background-image: url(img/button_extensions/mliu_button_rss_rev.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.button--live-chat {
  padding-left: 32px;
  background-image: url(svg/ico/btn/ico-btn-live-chat.svg);
  background-repeat: no-repeat;
  background-position: left 8px center;
}
.button--tick {
  padding-left: 36px;
  background-image: url(svg/ico/btn/ico-btn-tick.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: left 8px center;
}
.button--light-grey--rev {
  color: gray;
  border-color: gray;
}
.button--folders {
  padding: 9px 12px 9px 30px;
  background-image: url(svg/ico/ico-view-more-drk.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 15px;
  font-size: 1.5rem;
}
.button--ico-contact {
  padding-left: 36px;
  background-image: url(svg/ico/btn/ico-btn-contact-us.svg);
  background-repeat: no-repeat;
  background-position: left 3px center;
}
.button--ico-contact--grey {
  background-image: url(svg/ico/btn/ico-btn-contact-us-grey.svg);
}
.button--ico-direct-line {
  padding-left: 36px;
  background-image: url(svg/ico/btn/ico-btn-direct-line.svg);
  background-repeat: no-repeat;
  background-position: left 3px center;
}
.button--ico-download {
  padding-left: 24px;
  background-image: url(svg/ico/btn/ico-download.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: left 3px center;
}
.button--rs-bar {
  margin-top: 8px;
  padding: 9px 8px;
  margin-right: 8px;
}
.button--rs-search:before {
  content: "Go";
}
@media (min-width: 1152px) {
  .button--rs-search:before {
    content: "Search";
  }
}
.button--search {
  padding-left: 33px;
  background-image: url(svg/ico/ico-button-search.svg);
  background-repeat: no-repeat;
  background-position: 8px 9px;
  background-size: 22px;
}
.button.button--font-lrg.button--search {
  background-position: left 10px center;
  padding-left: 36px;
  background-size: 19px;
}

.avatar-acc-mgr {
  width: 150px;
  height: 150px;
  background-image: url(svg/ico/avatar/ico-avatar-acc-mgr.svg);
  background-repeat: no-repeat;
  background-size: 150px;
}

.button--low_key {
  border-color: #CCCCCC;
  background-color: #E7E7E7;
  color: #666;
}

.button--low_key:hover {
  background-color: #cecece;
}

.button--simple {
  background: transparent;
  border: none;
  color: #666;
}

.button--simple:hover {
  background: transparent;
  border: none;
  box-shadow: 0 0 0 #999;
  text-decoration: underline;
}

.button--transparent {
  background-color: transparent;
  color: #666;
  border: none;
}

.button--transparent:hover {
  background-color: transparent;
  color: #666;
  border: none;
  text-decoration: underline;
}

.show-contacts {
  float: right;
  display: inline;
  font-weight: lighter;
}
@media (min-width: 550px) {
  .show-contacts {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    padding: 10px 9px;
    background-color: #5E9931;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1;
    letter-spacing: normal;
    font-weight: 700;
    color: #FFF;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    *zoom: 1;
    border-color: #CCCCCC;
    background: #E7E7E7;
    color: #666;
    font-weight: lighter;
    font-size: 108%;
  }
  .show-contacts:hover {
    background-color: #467225;
    text-decoration: none;
  }
  .show-contacts:hover {
    background-color: #cecece;
  }
}

input[type=checkbox] {
  width: auto;
  margin-right: 10px;
}

.unsub-form__element, .base-form__element {
  margin-bottom: 20px;
}

.unsub-form__element--last, .base-form__element--last {
  margin-bottom: 0;
}

.rs-form {
  *zoom: 1;
  padding-bottom: 15px;
}
.rs-form:before, .rs-form:after {
  content: " ";
  display: table;
}
.rs-form:after {
  clear: both;
}

.rs-input__text {
  height: 35px;
  padding: 8px;
  float: left;
  display: inline;
  font-family: HelveticaNeueW01-47LtCn_692689;
  font-size: 22px;
  font-size: 2.2rem;
  width: webkit-calc(100% - 45px);
  width: -moz-calc(100% - 45px);
  width: calc(100% - 45px);
}
@media (min-width: 1152px) {
  .rs-input__text {
    width: webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);
  }
}

.filter-input {
  width: 100%;
  height: 100%;
  padding: 0px;
  display: block;
  border: none;
}
.filter-input:focus {
  outline: 0;
}

.filter-input-wrapper {
  height: auto;
  border-width: 2px;
  border-radius: 3px;
  border-color: #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  font-size: 17px;
  font-size: 1.7rem;
}

.c-checkbox {
  height: auto;
  width: 100%;
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
  line-height: 1.3 !important;
}
.c-checkbox:last-of-type {
  margin-bottom: 0;
}
.c-checkbox input[type=checkbox] {
  display: none;
}
.c-checkbox input[type=checkbox] + label span {
  -webkit-transition: border 0.2s;
  -khtml-transition: border 0.2s;
  -moz-transition: border 0.2s;
  -ms-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #DDD;
  border-radius: 2px;
}
.c-checkbox input[type=checkbox] + label span:before {
  display: block;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  content: " ";
}
.c-checkbox input[type=checkbox] + label:hover span {
  border-color: #767676;
}
.c-checkbox input[type=checkbox]:checked + label span {
  border: 2px solid #00A0DD;
  background: #00A0DD;
  border-radius: 2px;
}
.c-checkbox input[type=checkbox]:checked + label span:before {
  content: "";
  background-image: url(svg/Material/check-tick-white.svg);
  color: #FFF;
  margin-left: -3px;
  margin-top: -3px;
}
.c-checkbox input[type=checkbox]:indeterminate + label span {
  border: 2px solid #767676;
}
.c-checkbox input[type=checkbox]:indeterminate + label span:before {
  content: "";
  border-top: 1px solid #666;
  width: 10px;
  height: 10px;
  margin: 8px auto 0 auto;
}
.c-checkbox--inline {
  width: auto;
  display: inline-block;
}

.c-checkbox-row {
  *zoom: 1;
  margin-bottom: 6px;
}
.c-checkbox-row:before, .c-checkbox-row:after {
  content: " ";
  display: table;
}
.c-checkbox-row:after {
  clear: both;
}
.c-checkbox-row:last-of-type {
  margin-bottom: 0;
}

.c-checkbox-label {
  padding-left: 23px;
  line-height: 1.3 !important .c-checkbox-label --x;
  line-height-width: webkit-calc(100% - 20px);
  line-height-width: -moz-calc(100% - 20px);
  line-height-width: calc(100% - 20px);
}
.c-checkbox-label--large {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.base-form__label {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 6px;
}
.base-form__input {
  width: 100%;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  border: solid 2px #DDDDDD;
}
.base-form__textarea textarea {
  height: 200px;
  margin-bottom: 20px;
}
.base-form__select {
  width: 100%;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  border: solid 2px #DDDDDD;
}
.c-range {
  margin-top: 16px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 4px;
}

.c-range__label {
  position: relative;
  text-align: right;
  float: left;
  width: webkit-calc((100% - 4px)  / 4);
  width: -moz-calc((100% - 4px)  / 4);
  width: calc((100% - 4px)  / 4);
}
.c-range__label:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  background-color: #666;
  right: 0;
  top: -12px;
}
@media (max-width: 46.24em) {
  .c-range__label--increment {
    color: #fff;
  }
}

.input-range {
  -webkit-appearance: none;
  width: 100%;
}
.input-range:focus {
  outline: none;
}
.input-range:focus::-webkit-slider-runnable-track {
  background: #d9d9d9;
}
.input-range:focus::-ms-fill-lower {
  background: #b3b3b3;
}
.input-range:focus::-ms-fill-upper {
  background: #d9d9d9;
}
.input-range::-webkit-slider-runnable-track {
  background: #e6e6e6;
  height: 7px;
  border: none;
}
.input-range::-moz-range-track {
  background: #e6e6e6;
  height: 7px;
  border: none;
}
.input-range::-ms-track {
  background: #e6e6e6;
  height: 7px;
  border: none;
  color: transparent;
}
.input-range::-ms-fill-lower {
  background: #cccccc;
  border: none;
}
.input-range::-ms-fill-upper {
  background: #e6e6e6;
  border: none;
}
.input-range::-webkit-slider-thumb {
  height: 18px;
  width: 10px;
  background: #b3b3b3;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  margin-top: -5.5px;
}
.input-range::-moz-range-thumb {
  height: 18px;
  width: 10px;
  background: #b3b3b3;
  cursor: pointer;
  border: none;
  border-radius: 0;
  border: none;
}
.input-range::-ms-thumb {
  height: 18px;
  width: 10px;
  background: #b3b3b3;
  cursor: pointer;
  border: none;
  margin-top: 0;
}

/*  ---------------------------------------------------------------------
    ResponseSource logo system

    1) SETUP

    2) LOGOS

---------------------------------------------------------------------  */
.rs-footer {
  font-family: "Mada", Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5rem;
  background: #333;
}
.rs-footer ul {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}
@media (min-width: 768px) {
  .rs-footer ul {
    border-bottom: none;
  }
}
.rs-footer ul li {
  margin-bottom: 5px;
}
.rs-footer ul li a {
  color: #FFF;
  font-size: 112%;
  text-decoration: none;
}
@media (min-width: 768px) {
  .rs-footer__section {
    float: left;
    display: inline;
    width: webkit-calc(33.3333333333% - 10px);
    width: -moz-calc(33.3333333333% - 10px);
    width: calc(33.3333333333% - 10px);
  }
  .rs-footer__section--4-cols {
    width: webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .rs-footer__section:not(first-of-type), .rs-footer__section:not(last-of-type) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .rs-footer__section:last-of-type {
    float: right;
  }
}
.rs-footer__section p {
  font-size: 93%;
}
.rs-footer__section:last-of-type ul {
  border-bottom: none;
}
.rs-footer__section--tel {
  text-align: center;
}
@media (min-width: 768px) {
  .rs-footer__section--tel {
    text-align: left;
    float: right;
    display: inline;
  }
}
.rs-footer__section--tel .phone {
  display: block;
  margin: 7px 0px;
  text-decoration: none;
  font-family: "Mada", Arial, sans-serif;
  font-size: 160%;
  color: #666;
  font-weight: 500;
}
.rs-footer__section--tel .phone:hover {
  text-decoration: none;
}
.rs-footer__section--tel p {
  margin: 6px 0 0 0;
  color: gray;
}
.rs-footer__section--FR {
  padding-top: 10px;
}
.rs-footer__section--FR .phone span {
  font-size: 8px;
  font-size: 0.8rem;
}
.rs-footer__section--strapline a {
  display: block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .rs-footer__section--strapline {
    width: 49%;
    float: left;
    display: inline;
  }
}
.rs-footer__title {
  display: block;
  padding-top: 24px;
  margin-bottom: 12px;
  color: white;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 500;
}
.rs-footer--legal {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: white;
}
.rs-footer__telephone {
  float: right;
  display: inline;
  color: #333;
  text-decoration: none;
}
.rs-footer__telephone--login {
  color: #666;
  text-decoration: none;
}
.rs-footer__email {
  float: right;
  display: inline;
  color: #333;
  text-decoration: none;
}

/*  ===================
    FOOTER MOBILE LOGOS
===================  */
body.set_width nav, body.set_width .footer.one {
  min-width: 1080px;
}

.wrapper--FE {
  padding: 0 4%;
  width: 990px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .wrapper--4-cols .footer__section--support {
    width: 27%;
  }
  .wrapper--4-cols .footer__section--twitter {
    width: 23%;
  }
  .wrapper--4-cols .footer__section--facebook {
    width: 25%;
  }
  .wrapper--4-cols .footer__section--dwpub {
    width: 21%;
  }
}
@media (min-width: 1152px) {
  .wrapper {
    width: 1026px;
    /* 1140px - 10% for margins */
    margin: 0 auto;
  }
}

/* 
#FE .wrapper {   width: auto; 
        margin: 0 auto; }
 */
/*  ---------------------------------------------------------------------
    #form | . = core class | -- modifiers
    ---------------------------------------------------------------------  */
.unsub-form__message {
  font-family: "Mada", Arial, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
  border: 2px solid;
  padding: 10px;
  margin-bottom: 20px;
}

.unsub {
  color: #333333;
  font-size: 16px;
  min-height: 100%;
}
.unsub-body {
  background: #f7f7f7;
}
.unsub-form {
  margin-top: 50px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 40px;
}
@media (min-width: 768px) {
  .unsub-form {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}
.unsub-form__title {
  margin-bottom: 30px;
}
.unsub-form__email {
  margin-bottom: 30px;
}
.unsub-form__label {
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
}
.unsub-form__input {
  width: 100%;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  border: solid 2px #DDDDDD;
}
.unsub-form__para {
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
}
/*  ---------------------------------------------------------------------
    #EXCEPTION | . = core class | -- modifiers
    ---------------------------------------------------------------------  */
.exception {
  background: #e7e7e7;
}
.exception-503 {
  background: #fff;
  position: relative;
  padding: 40px;
  color: #333;
}
@media (min-width: 768px) {
  .exception-503 {
    width: 80%;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
  }
}
.exception-503__img {
  width: 400px;
  margin-top: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .exception-503__img {
    float: left;
  }
}
.exception-503__title {
  font-family: "Mada", Arial, sans-serif;
  font-size: 70px;
  font-size: 7rem;
  letter-spacing: -1px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .exception-503__title {
    text-align: right;
  }
}
.exception-503__message {
  font-family: "Mada", Arial, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
  color: #666;
}
@media (min-width: 768px) {
  .exception-503__message {
    text-align: right;
  }
}
.exception-503__help {
  margin-top: 30px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
  text-align: right;
}
.exception-503 a, .exception-503 .phone {
  color: #FF6600;
}

/*  ---------------------------------------------------------------------
    ResponseSource Nav system

    1) SETUP

    2) APP MENU

---------------------------------------------------------------------  */
.rs-nav-menu-product-search-regions, .rs-nav-menu-product-search-topics, .rs-nav-menu-product-search-news-channels {
  padding-left: 0;
  margin: 0;
}

@media (min-width: 1152px) {
  .rs-nav-menu-dropdown__group, .rs-nav-menu-product-about__group, .rs-nav-menu-product-search__group {
    padding-top: 15px;
    padding-bottom: 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    *zoom: 1;
  }
  .rs-nav-menu-dropdown__group:before, .rs-nav-menu-product-about__group:before, .rs-nav-menu-product-search__group:before, .rs-nav-menu-dropdown__group:after, .rs-nav-menu-product-about__group:after, .rs-nav-menu-product-search__group:after {
    content: " ";
    display: table;
  }
  .rs-nav-menu-dropdown__group:after, .rs-nav-menu-product-about__group:after, .rs-nav-menu-product-search__group:after {
    clear: both;
  }
}
.rs-nav-menu-dropdown__group:last-of-type, .rs-nav-menu-product-about__group:last-of-type, .rs-nav-menu-product-search__group:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.rs-nav-menu-dropdown__group--no-title, .rs-nav-menu-product-about__group--no-title {
  padding-top: 0;
}

.rs-nav-menu-dropdown-list__item, .rs-nav-menu-product-about-journo__item, .rs-nav-menu-product-about-pr__item, .rs-nav-menu-product-search-channels__item {
  margin-bottom: 10px;
}
.rs-nav-menu-dropdown-list__item:last-of-type, .rs-nav-menu-product-about-journo__item:last-of-type, .rs-nav-menu-product-about-pr__item:last-of-type, .rs-nav-menu-product-search-channels__item:last-of-type {
  margin-bottom: 0;
}

.user__logout, .user__link, .services-rscompany-list__link {
  display: block;
  height: 50px;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 22px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 300;
  text-decoration: none;
  color: #333;
  outline: 0;
}
.user__logout:hover, .user__link:hover, .services-rscompany-list__link:hover {
  text-decoration: underline;
}

.services-rscompany__title, .services-jobs__title, .services-journo__title, .services-pr__title {
  text-align: left;
  font-family: "Mada", Arial, sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: -0.4px;
  font-weight: 500;
  color: #FF6600;
  margin-bottom: 12px;
}

.services-jobs__group-title, .services-journo__group-title, .services-pr__group-title {
  text-align: left;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #333;
}

.services-jobs__group, .services-journo__group, .services-pr__group {
  margin-bottom: 24px;
}

body.noscroll {
  width: 100%;
  position: fixed;
  overflow-y: scroll;
}

.rs-nav {
  line-height: 1.231;
  background-color: #e6e6e6;
  height: 50px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
}
.rs-nav--app {
  height: 51px;
}
.rs-nav * {
  box-sizing: border-box;
}
.rs-nav--large-margin {
  margin-bottom: 50px;
}
@media (min-width: 1152px) {
  .rs-nav__item {
    height: 50px;
  }
}
.rs-nav__item--menu {
  width: 317px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -317px;
  background-color: white;
  z-index: 1;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@media (min-width: 1152px) {
  .rs-nav__item--menu {
    width: auto;
    height: auto;
    position: static;
    background-color: transparent;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #ccc;
    float: right;
    display: inline;
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.rs-nav__item.s-show {
  right: -17px;
  overflow-y: scroll;
}
.rs-nav__item--breadcrumbs {
  width: auto;
  float: left;
  display: inline;
}
.rs-nav__item--trigger {
  width: 50px;
  height: 49px;
  background: #fff;
  padding: 8px;
  float: right;
  display: inline;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}
.rs-nav__item--trigger:hover {
  background-color: #f1f1f1;
}
@media (min-width: 1152px) {
  .rs-nav__item--trigger {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-product {
    float: left;
  }
}
.rs-nav-menu-product__item {
  -webkit-transition: none;
  -khtml-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  display: block;
}
.rs-nav-menu-product__item:first-child {
  padding-top: 15px;
}
.rs-nav-menu-product__item.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__item.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__item {
    position: relative;
    float: left;
    display: inline;
  }
  .rs-nav-menu-product__item:first-child {
    padding-top: 0;
  }
}
.rs-nav-menu-product__title {
  display: block;
  height: 50px;
  text-decoration: none;
  color: #333;
  outline: 0;
  cursor: pointer;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 22px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.rs-nav-menu-product__title:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__title {
    position: relative;
    float: left;
    display: inline;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .rs-nav-menu-product__title:hover {
    text-decoration: none;
  }
  .rs-nav-menu-product__title:hover {
    text-shadow: 0px 0px #666;
    background-color: #f1f1f1;
    height: 49px;
  }
}
.rs-nav-menu-product__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.rs-nav-menu-product__title.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__title.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-product__title.js-trigger-rs-nav {
    padding-right: 0px;
  }
  .rs-nav-menu-product__title.open {
    background: #FF6600;
    color: #fff;
    height: 50px;
  }
  .rs-nav-menu-product__title.open > svg {
    fill: #ffffff;
  }
}
.rs-nav-menu-product-search {
  padding-right: 20px;
  padding-left: 50px;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search {
    position: absolute;
    top: 60px;
    right: -1px;
    background: #fff;
    border: 2px solid #9A9A9A;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search {
    width: 700px;
  }
}
.rs-nav-menu-product-search__group.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search__group.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.rs-nav-menu-product-search__group-title {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  margin-bottom: 15px;
}
.rs-nav-menu-product-search-channels {
  margin: 0;
  padding-left: 0;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search-channels__item {
    float: left;
    width: auto;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.rs-nav-menu-product-search-channels__title {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search-channels__title {
    display: inline;
  }
}
.rs-nav-menu-product-search-channels__title:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-search-channels__title {
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
  }
}
.rs-nav-menu-product-about {
  padding-right: 20px;
  padding-left: 50px;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about {
    position: absolute;
    top: 60px;
    right: -1px;
    background: #fff;
    border: 2px solid #9A9A9A;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about {
    width: 300px;
  }
}
.rs-nav-menu-product-about-pr {
  padding-left: 0;
}
.rs-nav-menu-product-about-pr__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about-pr__link {
    display: inline;
  }
}
.rs-nav-menu-product-about-pr__link:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about-pr__link {
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
  }
}
.rs-nav-menu-product-about-journo {
  padding-left: 0;
}
.rs-nav-menu-product-about-journo__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about-journo__link {
    display: inline;
  }
}
.rs-nav-menu-product-about-journo__link:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-product-about-journo__link {
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
  }
}
.rs-nav-menu-utils {
  padding-top: 15px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ccc;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils {
    padding-top: 0;
    margin-top: 0;
    float: left;
    height: 49px;
    background: #fff;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #ccc;
  }
}
.rs-nav-menu-utils__item {
  display: block;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils__item {
    position: relative;
    float: left;
    display: inline;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #ccc;
  }
}
.rs-nav-menu-utils__title {
  display: block;
  height: 50px;
  text-decoration: none;
  color: #333;
  outline: 0;
  cursor: pointer;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 22px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.rs-nav-menu-utils__title:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils__title {
    position: relative;
    float: left;
    display: inline;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .rs-nav-menu-utils__title:hover {
    text-decoration: none;
  }
  .rs-nav-menu-utils__title:hover {
    text-shadow: 0px 0px #666;
    background-color: #f1f1f1;
    height: 49px;
  }
}
.rs-nav-menu-utils__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.rs-nav-menu-utils__title.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils__title.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.rs-nav-menu-utils__title--services.not-mobile-feature, .rs-nav-menu-utils__title--settings.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils__title--services.not-mobile-feature, .rs-nav-menu-utils__title--settings.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.rs-nav-menu-utils__title--back-link {
  color: #FF3366;
}
.rs-nav-menu-utils__title.open {
  background: #FF6600;
  color: #fff;
  height: 50px;
}
.rs-nav-menu-utils__title.open > svg {
  fill: #ffffff;
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils-services {
    width: 600px;
    padding-left: 20px;
    z-index: 1;
  }
}
@media (min-width: 1152px) and (min-width: 1152px) {
  .rs-nav-menu-utils-services {
    position: absolute;
    top: 60px;
    right: -1px;
    background: #fff;
    border: 2px solid #9A9A9A;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils-services.pr-only {
    width: 350px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils-services.journ-only {
    width: 350px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-utils-settings {
    width: 350px;
    padding-left: 20px;
    right: 0;
  }
}
@media (min-width: 1152px) and (min-width: 1152px) {
  .rs-nav-menu-utils-settings {
    position: absolute;
    top: 60px;
    right: -1px;
    right: 0px;
    background: #fff;
    border: 2px solid #9A9A9A;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
.rs-nav-menu-user {
  background-color: #e6e6e6;
  *zoom: 1;
  padding-top: 12px;
  padding-right: 22px;
  padding-bottom: 12px;
  padding-left: 22px;
}
.rs-nav-menu-user:before, .rs-nav-menu-user:after {
  content: " ";
  display: table;
}
.rs-nav-menu-user:after {
  clear: both;
}
.rs-nav-menu-user.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .rs-nav-menu-user.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.rs-nav-breadcrumb {
  float: left;
  height: 49px;
  width: auto;
}
.rs-nav-breadcrumb__title {
  display: block;
  height: 50px;
  text-decoration: none;
  color: #333;
  outline: 0;
  cursor: pointer;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 22px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  padding-top: 14px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -0.4px;
  font-weight: normal;
}
.rs-nav-breadcrumb__title:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-breadcrumb__title {
    position: relative;
    float: left;
    display: inline;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .rs-nav-breadcrumb__title:hover {
    text-decoration: none;
  }
}
.rs-nav-breadcrumb__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .rs-nav-breadcrumb__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.rs-nav-breadcrumb__title.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .rs-nav-breadcrumb__title.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
.rs-nav-breadcrumb--company {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #ccc;
  background: #fff;
}
@media (max-width: 61.24em) {
  .rs-nav-breadcrumb--my-acc {
    display: none;
  }
}
.rs-item__services {
  width: 600px;
  left: -600px;
  border: 2px solid #9A9A9A;
}

.rs-nav-menu-dropdown {
  padding-right: 20px;
  padding-left: 50px;
}
@media (min-width: 1152px) {
  .rs-nav-menu-dropdown {
    position: absolute;
    top: 60px;
    right: -1px;
    background: #fff;
    border: 2px solid #9A9A9A;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
@media (min-width: 1152px) {
  .rs-nav-menu-dropdown {
    width: 300px;
  }
  .rs-nav-menu-dropdown--width-400 {
    width: 400px;
  }
  .rs-nav-menu-dropdown--width-500 {
    width: 500px;
  }
}

.rs-nav-menu-dropdown-list {
  padding-left: 0;
}

.rs-nav-menu-dropdown-list__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .rs-nav-menu-dropdown-list__link {
    display: inline;
  }
}
.rs-nav-menu-dropdown-list__link:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .rs-nav-menu-dropdown-list__link {
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
  }
}

.services-pr {
  display: none;
  opacity: 0;
  padding-right: 22px;
  padding-left: 22px;
}
.services-pr.s-show {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .services-pr {
    display: block;
    opacity: 1;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1152px) {
  .services-pr {
    float: left;
    display: inline;
    width: 50%;
  }
}
.services-pr--single-col {
  float: none;
  width: 100%;
}
.services-pr.pr-only {
  float: none;
  width: 100%;
}
.services-pr.journ-only {
  display: none;
}
.services-pr__title {
  margin-right: 10px;
}
.services-pr__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .services-pr__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.services-pr-list {
  margin-left: 0;
  padding-left: 0;
}
.services-pr-list__item {
  padding-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
  text-align: left;
}
@media (min-width: 1152px) {
  .services-pr-list__item {
    margin-bottom: 6px;
  }
}
.services-pr-list__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .services-pr-list__link {
    display: inline;
  }
}
.services-pr-list__link:hover {
  text-decoration: underline;
}
.services-journo {
  display: none;
  opacity: 0;
  padding-right: 22px;
  padding-left: 22px;
}
.services-journo.s-show {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .services-journo {
    display: block;
    opacity: 1;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1152px) {
  .services-journo {
    float: right;
    display: inline;
    width: webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);
    padding-left: 40px;
  }
}
.services-journo__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .services-journo__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.services-journo.pr-only {
  display: none;
}
.services-journo.journ-only {
  float: none;
  width: 100%;
  padding-left: 0;
}
.services-journo-list {
  margin-left: 0;
  padding-left: 0;
}
.services-journo-list__item {
  padding-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
  text-align: left;
}
@media (min-width: 1152px) {
  .services-journo-list__item {
    margin-bottom: 6px;
  }
}
.services-journo-list__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .services-journo-list__link {
    display: inline;
  }
}
.services-journo-list__link:hover {
  text-decoration: underline;
}
.services-jobs {
  display: none;
  opacity: 0;
  padding-right: 22px;
  padding-left: 22px;
}
.services-jobs.s-show {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .services-jobs {
    display: block;
    opacity: 1;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1152px) {
  .services-jobs {
    float: right;
    display: inline;
    width: webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);
    padding-left: 40px;
  }
}
.services-jobs__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .services-jobs__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.services-jobs.pr-only {
  width: 100%;
  float: none;
  padding-left: 0;
}
.services-jobs.journ-only {
  width: 100%;
  float: none;
  padding-left: 0;
}
.services-jobs-list {
  padding-left: 0;
  margin-left: 0;
}
.services-jobs-list__item {
  padding-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
  text-align: left;
}
@media (min-width: 1152px) {
  .services-jobs-list__item {
    margin-bottom: 6px;
  }
}
.services-jobs-list__link {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 6px;
  color: #00A0DD;
  display: block;
  text-decoration: none;
}
@media (min-width: 1152px) {
  .services-jobs-list__link {
    display: inline;
  }
}
.services-jobs-list__link:hover {
  text-decoration: underline;
}
.services-rscompany {
  width: 100%;
  clear: both;
}
@media (min-width: 1152px) {
  .services-rscompany {
    padding-right: 22px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
  }
}
.services-rscompany__title {
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.services-rscompany__title.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .services-rscompany__title.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.services-rscompany-list {
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.services-rscompany-list:before, .services-rscompany-list:after {
  content: " ";
  display: table;
}
.services-rscompany-list:after {
  clear: both;
}
@media (min-width: 1152px) {
  .services-rscompany-list {
    padding-top: 15px;
  }
}
.services-rscompany-list__item {
  padding-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
  text-align: left;
}
@media (min-width: 1152px) {
  .services-rscompany-list__item {
    margin-bottom: 6px;
  }
}
@media (min-width: 1152px) {
  .services-rscompany-list__item {
    width: 50%;
    float: left;
    display: inline;
  }
}
@media (min-width: 1152px) {
  .services-rscompany-list__link {
    height: auto;
    font-family: "Mada", Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    padding-top: 15px;
    color: #00A0DD;
    text-decoration: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .services-rscompany-list__link:hover {
    text-decoration: underline;
  }
}
.services-rscompany-list.journ-only .services-rscompany-list__item {
  width: 100%;
  float: none;
  display: block;
}
.services-rscompany-list.pr-only .services-rscompany-list__item {
  width: 100%;
  float: none;
  display: block;
}
.services-pr-trigger, .services-journo-trigger, .services-jobs-trigger {
  display: block;
  height: 50px;
  text-decoration: none;
  color: #333;
  outline: 0;
  cursor: pointer;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 22px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.4px;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
}
.services-pr-trigger:hover, .services-journo-trigger:hover, .services-jobs-trigger:hover {
  text-decoration: underline;
}
@media (min-width: 1152px) {
  .services-pr-trigger, .services-journo-trigger, .services-jobs-trigger {
    position: relative;
    float: left;
    display: inline;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .services-pr-trigger:hover, .services-journo-trigger:hover, .services-jobs-trigger:hover {
    text-decoration: none;
  }
  .services-pr-trigger:hover, .services-journo-trigger:hover, .services-jobs-trigger:hover {
    text-shadow: 0px 0px #666;
    background-color: #f1f1f1;
    height: 49px;
  }
}
.services-pr-trigger.not-mobile-feature, .services-journo-trigger.not-mobile-feature, .services-jobs-trigger.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .services-pr-trigger.not-mobile-feature, .services-journo-trigger.not-mobile-feature, .services-jobs-trigger.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.services-pr-trigger.not-desktop-feature, .services-journo-trigger.not-desktop-feature, .services-jobs-trigger.not-desktop-feature {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .services-pr-trigger.not-desktop-feature, .services-journo-trigger.not-desktop-feature, .services-jobs-trigger.not-desktop-feature {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 1152px) {
  .services-pr-trigger, .services-journo-trigger, .services-jobs-trigger {
    display: none;
    opacity: 0;
  }
}

.user {
  text-decoration: none;
  color: #333;
  outline: 0;
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
@media (min-width: 1152px) {
  .user__group {
    padding-bottom: 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
  }
}
.user__avater {
  width: 48px;
  background-color: white;
  float: left;
  display: inline;
  *zoom: 1;
  margin-right: 10px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
}
.user__avater:before, .user__avater:after {
  content: " ";
  display: table;
}
.user__avater:after {
  clear: both;
}
@media (min-width: 1152px) {
  .user__avater {
    border: none;
  }
}
.user__name {
  font-family: "Mada", Arial, sans-serif;
  font-size: 23px;
  font-size: 2.3rem;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.user__company {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  font-weight: normal;
}
@media (min-width: 1152px) {
  .user__company {
    color: #666;
  }
}
.user__avater.not-mobile-feature, .user__name.not-mobile-feature, .user__company.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .user__avater.not-mobile-feature, .user__name.not-mobile-feature, .user__company.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
.user__link {
  display: block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.user__link.not-mobile-feature {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .user__link.not-mobile-feature {
    display: block;
    opacity: 1;
  }
}
@media (min-width: 1152px) {
  .user__link {
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    margin-bottom: 12px;
    height: auto;
  }
  .user__link:first-of-type {
    margin-top: 12px;
  }
  .user__link:last-of-type {
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .user__logout {
    text-align: right;
    color: #333;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 10px;
    font-family: "Mada", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    font-weight: 300;
  }
}
.user__utilities {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ccc;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.js-dropdown-rs-nav {
  z-index: 1;
  display: none;
  opacity: 0;
}
.js-dropdown-rs-nav--mobile-show {
  display: block;
  opacity: 1;
}
@media (min-width: 1152px) {
  .js-dropdown-rs-nav--mobile-show {
    display: none;
    opacity: 0;
  }
}
.js-dropdown-rs-nav--desktop-show {
  display: none;
  opacity: 0;
}
@media (min-width: 1152px) {
  .js-dropdown-rs-nav--desktop-show {
    display: block;
    opacity: 1;
  }
}
.js-dropdown-rs-nav.open {
  display: block;
  opacity: 1;
}

/* for the logged in account dropdown links */
.c-user-acc-card {
  color: #292f33;
  padding: 10px 24px 10px 24px;
}
@media (min-width: 1152px) {
  .c-user-acc-card {
    padding: 0;
  }
}

.c-user-acc-card__header {
  color: #333;
  text-align: left;
}
@media (min-width: 1152px) {
  .c-user-acc-card__header {
    padding: 0;
  }
}

.c-user-acc-card__user {
  margin-bottom: 8px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.4px;
  font-weight: 400;
}

.c-user-acc-card__company {
  padding-bottom: 10px;
  margin: 0 0 0 0;
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: #999;
}

.c-user-acc-card__links {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  padding: 12px 0;
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
@media (min-width: 1152px) {
  .c-user-acc-card__links {
    margin: 0 0 18px 0;
  }
}

.c-user-acc-card__links-item {
  margin-bottom: 10px;
  color: #292f33;
}
.c-user-acc-card__links-item:last-of-type {
  margin-bottom: 0;
}

.c-user-acc-card__meta {
  float: left;
  width: webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
}

.c-user-acc-card__avatar {
  float: right;
  margin-bottom: 8px;
}

/* for the logged in account dropdown links */
.acc_header {
  color: #333;
  text-align: left;
  margin: 24px;
}

.rs-feature-intro {
  font-family: "Mada", Arial, sans-serif;
  position: relative;
  min-height: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 4px solid;
  background: url(/css/site_core/img/backgrounds/hot_send_2016.jpg) center center;
  background-size: cover;
}
.rs-feature-intro .wrapper {
  position: relative;
}
.rs-feature-intro__panel {
  box-sizing: border-box;
  background: black;
  background: rgba(0, 0, 0, 0.35);
  font-size: 25px;
  font-size: 2.5rem;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .rs-feature-intro__panel {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .rs-feature-intro__panel--left {
    margin-right: 40px;
  }
  .rs-feature-intro__panel--2-col {
    width: webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);
    float: left;
    display: inline;
  }
}
.rs-feature-intro__large-title {
  font-weight: 700;
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
  padding-top: 0;
  margin-top: 0;
}
@media (min-width: 768px) {
  .rs-feature-intro__large-title {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 34px;
  }
}
.rs-feature-intro__title {
  font-weight: 700;
  margin: 0;
  color: #fff;
  font-size: 2.2rem;
}
@media (min-width: 768px) {
  .rs-feature-intro__title {
    font-size: 2.8rem;
  }
}
.rs-feature-intro__info {
  color: #fff;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .rs-feature-intro__info {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 20px;
  }
}
.rs-feature-intro__more-link {
  color: #fff;
}

/*  ---------------------------------------------------------------------
    ResponseSource system messages

    1) SETUP

    2) NOTICE

---------------------------------------------------------------------  */
.system-message {
  box-sizing: border-box;
  width: 100%;
  padding: 25px;
  border-bottom: 1px solid #ccc;
  z-index: 4;
  background: #fff;
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #FF6600;
  text-align: center;
}
.system-message > a:hover {
  text-decoration: underline;
}

#RS .system-message {
  margin-bottom: 0px;
  overflow: hidden;
}

#RS .system-message--impersonation {
  margin-top: 0;
}

/* digest note for PRW delivery option */
.digest-note {
  display: none;
}

/*  ===== TAG COMPONENT =======================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -for anything that needs styling like a tag
        -labels
        -categories
        -types
    - includes tag with action icon


    +------------+  +-----------+  +-----------+
    |            |  |           |  |           |
    |   TAG 1    |  |   TAG 2   |  |   TAG 2   |
    |            |  |           |  |           |
    +------------+  +-----------+  +-----------+

*/
.c-tag {
  font-family: "Mada", Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 4px 8px;
  float: left;
  display: inline;
  border: 1px solid #cccccc;
  line-height: 1.6;
}
.c-tag--magenta {
  border: 1px solid #FF3366;
  color: #FF3366;
}
.c-tag--magenta:hover {
  color: #FF3366;
  transition: 0s;
  text-decoration: underline;
}
.c-tag--magenta-solid {
  background-color: #FF3366;
  color: #FFF;
  border: none;
  font-weight: 500;
}
.c-tag--orange {
  border: 1px solid #FF6600;
  color: #FF6600;
}
.c-tag--orange:hover {
  color: #FF6600;
  transition: 0s;
  text-decoration: underline;
}
.c-tag-fill--magenta {
  border: 1px solid rgba(255, 51, 102, 0.08);
  background-color: rgba(255, 51, 102, 0.08);
  color: #FF3366;
}
.c-tag-fill--magenta:hover {
  background-color: white;
  border-color: #FF3366;
  text-decoration: none;
}
.c-tag-fill--orange {
  border: 1px solid rgba(255, 102, 0, 0.08);
  background-color: rgba(255, 102, 0, 0.08);
  color: #FF6600;
}
.c-tag-fill--orange:hover {
  background-color: white;
  border-color: #FF6600;
  text-decoration: none;
}
.c-tag-fill--blue {
  border: 1px solid rgba(0, 160, 221, 0.08);
  background-color: rgba(0, 160, 221, 0.08);
  color: #0088CA;
}
.c-tag-fill--blue:hover {
  background-color: white;
  border-color: #0088CA;
  text-decoration: none;
}
.c-tag-fill--blue-bold {
  color: #FFF;
  background: #00A0DD;
  border-color: #00A0DD;
}
.c-tag-fill--blue-bold:hover {
  border-color: #44cbff;
  color: #44cbff;
  transition: 0s;
  color: #FFF;
}
.c-tag--sml {
  font-size: 12px;
  font-size: 1.2rem;
}
.c-tag--blue {
  color: #00A0DD;
  border: 1px solid #00A0DD;
}
.c-tag--blue:hover {
  color: #00A0DD;
  transition: 0s;
  text-decoration: underline;
}
.c-tag--blue-rev {
  color: #FFF;
  background: #00A0DD;
  border-color: #00A0DD;
}
.c-tag--blue-rev:hover {
  border-color: #008ec4;
  background: #008ec4;
  color: #44cbff;
  transition: 0s;
  color: #FFF;
}
.c-tag--magenta-rev {
  color: #FFF;
  background: #FF3366;
  border-color: #FF3366;
}
.c-tag--magenta-rev:hover {
  border-color: #ff99b3;
  background: #ff1a53;
  color: #ff99b3;
  transition: 0s;
  color: #FFF;
}
.c-tag--grey {
  background: #cccccc;
  color: #666;
  border: none;
}
.c-tag--grey:hover {
  color: #FF3366;
  transition: 0s;
}
.c-tag--alone {
  margin-right: 0;
  margin-bottom: 0;
}
.c-tag--small {
  font-size: 10px;
  font-size: 1rem;
  padding: 0px 3px;
}
.c-tag--medium {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 2px 4px;
}
.c-tag--lrg {
  font-size: 16px;
  font-size: 1.6rem;
}
.c-tag--xl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.c-tag--cc {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  border-color: #FF3366;
  color: #FF3366;
  margin-bottom: 0;
}
.c-tag--fc {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  border-color: #FF6600;
  color: #FF6600;
  margin-bottom: 0;
}
.c-tag--trial {
  margin-left: 6px;
  margin-top: -8px;
  margin-bottom: 0;
  border-color: #5E9931;
  color: #5E9931;
  padding: 3px;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  max-height: 26px;
}
.c-tag--tick {
  border: 2px solid #ccc;
  padding-left: 36px;
  background-image: url(svg/ico/btn/ico-btn-tick.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left 8px center;
}
.c-tag--max {
  max-width: 100%;
}
.c-tag--ico-delete {
  float: right;
  background-repeat: no-repeat;
  background-image: url(svg/ico/ico-close-grey.svg);
  background-position: left top;
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 6px;
}
.c-tag--ico-delete--magenta {
  background-image: url(svg/ico/ico-close-magenta.svg);
}

/*  ==========================================================================
    Extends tag to draw border ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-tag-draw {
  background: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  position: relative;
  -webkit-animation: fadeInFromNone 1s ease-out forwards;
  -khtml-animation: fadeInFromNone 1s ease-out forwards;
  -moz-animation: fadeInFromNone 1s ease-out forwards;
  -ms-animation: fadeInFromNone 1s ease-out forwards;
  -o-animation: fadeInFromNone 1s ease-out forwards;
  animation: fadeInFromNone 1s ease-out forwards;
}
.c-tag-draw::before, .c-tag-draw::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  width: 0;
  height: 0;
}
.c-tag-draw::before {
  top: 0;
  left: 0;
  -webkit-animation: drawBorderTopThenRight 0.5s ease-out forwards;
  -khtml-animation: drawBorderTopThenRight 0.5s ease-out forwards;
  -moz-animation: drawBorderTopThenRight 0.5s ease-out forwards;
  -ms-animation: drawBorderTopThenRight 0.5s ease-out forwards;
  -o-animation: drawBorderTopThenRight 0.5s ease-out forwards;
  animation: drawBorderTopThenRight 0.5s ease-out forwards;
  -webkit-animation-delay: 0.5s;
  -khtml-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.c-tag-draw::after {
  bottom: 0;
  right: 0;
  -webkit-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
  -khtml-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
  -moz-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
  -ms-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
  -o-animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
  animation: drawBorderBottomThenLeft 0.5s ease-out forwards;
}

@keyframes drawBorderBottomThenLeft {
  0% {
    width: 0%;
    height: 0%;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 100%;
    height: 0%;
    border-bottom-color: #FF3366;
    border-left-color: transparent;
  }
  100% {
    height: 100%;
    width: 100%;
    border-bottom-color: #FF3366;
    border-left-color: #FF3366;
  }
}
@keyframes drawBorderTopThenRight {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 100%;
    height: 0%;
    border-top-color: #FF3366;
    border-right-color: transparent;
  }
  100% {
    height: 100%;
    width: 100%;
    border-top-color: #FF3366;
    border-right-color: #FF3366;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/*  ==========================================================================
    Container for tags ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-tag-container--top-border {
  border-top: 2px dotted #d3d3d3;
  border-top-width: 3px;
  margin-bottom: 24px;
  padding: 12px 0 12px 0;
}
@media (min-width: 46.25em) {
  .c-tag-container--left-border {
    border-left-width: 3px;
    border-left: 2px dotted #d3d3d3;
    padding-left: 24px;
  }
}

/*  ==========================================================================
    Border box to create tag style ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*  ==========================================================================
    Category ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.category-list {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .category-list {
    float: right;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    overflow: auto;
  }
}
.category-list__title {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .category-list__title {
    float: left;
    display: inline;
    width: 170px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.category-list__block {
  display: block;
  float: none;
}
.category-list__item {
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  float: left;
  display: inline;
  border: 1px solid #cccccc;
  background: white;
}
.category-list__item--hidden {
  display: none;
}
.category-list__item.s-show {
  display: block;
}
.category-list__item--title {
  width: 100%;
  border: none;
}
@media (min-width: 550px) {
  .category-list__item--title {
    width: auto;
  }
}
.category-list__link {
  float: left;
}
.category-list--widget {
  width: 45%;
  max-height: 400px;
}
.category-list__toggle {
  cursor: pointer;
  position: relative;
  right: 4px;
}
.category-list__toggle:hover {
  color: #333;
}
.category-list__toggle > i {
  position: relative;
  left: 4px;
  top: 6px;
}
.category-list__toggle--hide {
  display: none;
}

/*  ---------------------------------------------------------------------
    #SWITCH LIST | .c-switch-list = core class | -- modifiers
    ---------------------------------------------------------------------  */
.c-switch__set {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  list-style-type: none;
  border-width: 2px 0;
  border-style: solid;
  border-color: #666;
  color: #292f33;
}
.c-switch__row {
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 1px dotted #d3d3d3;
  margin-bottom: 0 !important;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .c-switch__row--2-col {
    width: 50%;
    width: webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    float: left;
  }
  .c-switch__row--2-col:nth-child(odd) {
    margin-right: 15px !important;
  }
  .c-switch__row--2-col:nth-child(even) {
    margin-left: 15px !important;
  }
}
.c-switch__row:first-of-type {
  border-top: none;
}
.c-switch__row:last-of-type {
  border-bottom: none;
}
.c-switch__row-label {
  float: left;
  width: 50%;
  padding-top: 8px;
  width: webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
}
.c-switch__toggle {
  position: relative;
  display: inline-block !important;
  width: 60px;
  height: 34px;
  float: right;
  cursor: pointer;
  margin-bottom: 0 !important;
  /* Hide default HTML checkbox */
}
.c-switch__toggle input {
  display: none;
}
.c-switch__toggle-label {
  margin-right: 12px;
  margin-top: 4px;
  color: #666;
  float: left;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 500;
}
.c-switch__toggle-label--small {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 4px;
}
.c-switch__toggle-label--margin-top-10 {
  margin-top: 10px;
}
.c-switch__toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FF3366;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.c-switch__toggle-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.c-switch__toggle input:checked + .c-switch__toggle-slider {
  background-color: #5E9931;
}
.c-switch__toggle input:focus + .c-switch__toggle-slider {
  box-shadow: 0 0 1px #2196F3;
}
.c-switch__toggle input:checked + .c-switch__toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.c-switch__toggle-text {
  position: absolute;
  color: #fff;
  z-index: 1;
  top: 7px;
}
.c-switch__toggle-text--on {
  display: none;
  left: 6px;
}
.c-switch__toggle-text--off {
  right: 6px;
  display: block;
}
.c-switch__toggle-text--off-DE {
  right: 2px;
}
.c-switch__toggle input:checked ~ .c-switch__toggle-text--off {
  display: none;
}
.c-switch__toggle input:checked ~ .c-switch__toggle-text--on {
  display: block;
}

.c-pause-toggle {
  position: relative;
  display: inline-block !important;
  float: right;
  cursor: pointer;
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  *zoom: 1;
  /* Hide default HTML checkbox */
}
.c-pause-toggle:before, .c-pause-toggle:after {
  content: " ";
  display: table;
}
.c-pause-toggle:after {
  clear: both;
}
.c-pause-toggle input {
  display: none !important;
}
.c-pause-toggle input:checked + .c-pause-toggle__button {
  background-color: #FF3366;
  border-color: #FF3366;
}
.c-pause-toggle input:focus + .c-pause-toggle__button {
  box-shadow: 0 0 1px #2196F3;
}
.c-pause-toggle input:checked ~ .c-pause-toggle__button .c-pause-toggle__text--off {
  display: none;
}
.c-pause-toggle input:checked ~ .c-pause-toggle__button .c-pause-toggle__text--on {
  display: block;
  color: #FFF;
}

.c-switch__toggle--ios {
  border-radius: 50%;
  width: 64px;
  height: 36px;
}

.c-switch__toggle--ios .c-switch__toggle-slider {
  border-radius: 20px;
  background: #f8f8f8;
  box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
}

.c-switch__toggle--ios .c-switch__toggle-slider:before {
  bottom: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
}

.c-switch__toggle--ios input:checked + .c-switch__toggle-slider {
  background: #4cd864;
  box-shadow: inset 0 0 0 20px #35db5f, 0 0 0 2px #35db5f;
}

.c-switch__toggle--ios input:checked + .c-switch__toggle-slider:before {
  box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  left: 4px;
}

.c-switch__toggle--ios.c-switch__toggle--ios-small {
  margin-top: -1px;
  width: 42px;
  height: 22px;
}

.c-switch__toggle--ios.c-switch__toggle--ios-small .c-switch__toggle-slider:before {
  width: 22px;
  height: 22px;
}

.c-switch__toggle--ios.c-switch__toggle--ios-small input:checked + .c-switch__toggle-slider:before {
  left: -5px;
}

.c-switch__toggle--left {
  float: left;
}

.c-pause-toggle__button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 3px solid #666;
}

.c-pause-toggle__text {
  padding: 8px;
  padding-left: 24px;
  z-index: 1;
  top: 7px;
  width: 100%;
  text-align: center;
}
.c-pause-toggle__text::before {
  content: " ";
  position: absolute;
  left: 10px;
  top: 14px;
  width: 12px;
  height: 16px;
  border-right: 4px solid #666;
  border-left: 4px solid #666;
}
.c-pause-toggle__text--on {
  display: none;
}
.c-pause-toggle__text--on::before {
  content: " ";
  position: absolute;
  width: 12px;
  height: 16px;
  border-top: 8px solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 8px solid transparent;
  border-right: none;
}
.c-pause-toggle__text--off {
  display: block;
}

.c-pause-toggle__input[type=text] {
  font-size: 20px;
  font-size: 2rem;
  width: 120px;
  padding: 9px;
}

.o-form-title {
  margin-top: 0;
}
.o-form-title--level-2 {
  font-family: "Mada", Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
  color: #292f33;
}

.c-form__block {
  margin-bottom: 40px;
  overflow: auto;
}
.c-set {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  color: #292f33;
}
.c-set--2px-border {
  border-width: 2px 0;
  border-style: solid;
  border-color: #666;
}
.c-set__row {
  margin-bottom: 0 !important;
  font-family: "Mada", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 1px dotted #d3d3d3;
  padding-top: 10px;
  padding-bottom: 10px;
}
.c-set__row--2-col {
  margin: 0;
}
.c-set__row--2-col:nth-last-child(-n+2) {
  border-color: #fff;
}
@media (min-width: 768px) {
  .c-set__row--2-col {
    float: left;
    width: 50%;
  }
}

/*  ==========================================================================
     tool 2 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* old version - from MCD */
.toggle-switch {
  position: relative;
  margin: 20px 0px;
  *zoom: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: left;
  display: inline;
}
.toggle-switch:before, .toggle-switch:after {
  content: " ";
  display: table;
}
.toggle-switch:after {
  clear: both;
}
@media (min-width: 768px) {
  .toggle-switch {
    margin: 10px 0px;
    float: right;
    display: inline;
  }
}
.toggle-switch__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.6rem;
}
.toggle-switch__bezel {
  position: relative;
  float: right;
  display: inline;
  width: 100px;
  overflow: hidden;
  cursor: pointer;
  border: 4px solid #5E9931;
}
.toggle-switch__bezel--off {
  border-color: #FF3366;
}
.toggle-switch__checkbox {
  display: none !important;
}
.toggle-switch__checkbox:checked + .toggle-switch__bezel .toggle-switch__inner {
  margin-left: 0;
}
.toggle-switch__checkbox:checked + .toggle-switch__bezel .toggle-switch__switch {
  right: 0px;
}
.toggle-switch__inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.2s ease-in 0s;
}
.toggle-switch__inner:before, .toggle-switch__inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 45px;
  padding: 0;
  line-height: 46px;
  color: white;
  box-sizing: border-box;
  background-clip: padding-box;
}
.toggle-switch__inner:before {
  content: "On";
  padding-left: 13px;
  background-color: #5E9931;
}
.toggle-switch__inner:after {
  content: "Off";
  padding-right: 13px;
  background-color: #FF3366;
  color: #fff;
  text-align: right;
}
.toggle-switch__switch {
  display: block;
  width: 45px;
  margin: 0px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px;
  transition: all 0.2s ease-in 0s;
}

/*  ---------------------------------------------------------------------
    Breadcrumb component
    ---------------------------------------------------------------------  */
/* DOCUMENT INFORMATION

    -for simple breadcrumb navigation trail e.g.
        Home > News > Category > Page Title

*/
.c-breadcrumb {
  width: 100%;
}

.c-breadcrumb__item {
  float: left;
  margin-right: 6px;
  padding-right: 12px;
  position: relative;
  list-style-type: none;
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.c-breadcrumb__item:before {
  display: none;
}

.c-breadcrumb__item--parent {
  position: relative;
}
.c-breadcrumb__item--parent:after {
  content: url(../../svg/ico-arrow-right-content-path.svg);
  position: absolute;
  width: 9px;
  height: 12px;
  right: 0px;
  top: 1px;
}
.c-breadcrumb__item--parent:last-child {
  padding-right: 0;
}
.c-breadcrumb__item--parent:last-child:after {
  content: "";
}

.c-breadcrumb__link {
  text-decoration: none;
  padding-bottom: 6px;
}
.c-breadcrumb__link:hover {
  border-bottom: 2px solid #FF3366;
}

/*  ===== HIGHLIGHT COMPONENT ================================================
    Author: Simon Allin | 2017 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Use for adding text highlight boxes on pages

    +----------------------------+ 
    |                            |
    |    ~~~~~~~~~~~~~~~~~~~~    |
    |    ~~~~~~~~~~~~~~~~~~~~    |
    |    ~~~~~~~~~~~~~~~~~~~~    |
    |                            |
    +----------------------------+

*/
.c-highlight {
  border: 2px solid #ccc;
  background: #F9F9F9;
  padding: 15px;
  color: #292f33;
  margin-bottom: 24px;
  font-family: "Mada", Arial, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #292f33;
}
.c-highlight--pink {
  border-color: #ff668c;
}
.c-highlight--error {
  color: #FF3366;
  border-color: #FF3366;
}
.c-highlight--success {
  border-color: #5E9931;
}
.c-highlight--tick {
  border-color: #77B847;
  background-image: url(svg/ico/ico-success-62-62.svg);
  background-repeat: no-repeat;
  padding-bottom: 80px;
  background-position: center bottom 12px;
}
.c-highlight--font-lrg {
  font-size: 20px;
  font-size: 2rem;
}
.c-highlight > p:last-of-type {
  margin-bottom: 0;
}
.c-highlight--control-margin * {
  margin-top: 0;
  margin-bottom: 12px;
}

.c-highlight__text--small {
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.2px;
}

.highlight-panel {
  font-family: "Mada", Arial, sans-serif;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 28px;
  padding: 20px;
  text-align: center;
}
.highlight-panel h2 {
  font-family: "Mada", Arial, sans-serif;
}
.highlight-panel__bold {
  font-weight: 700;
}
.highlight-panel--text-left {
  text-align: left;
}
.highlight-panel--yellow {
  border: 3px solid #FF6600;
  background-color: #fff6f0;
  color: #FF6600;
}
.highlight-panel--yellow h2 {
  color: #FF6600;
}
.highlight-panel--green {
  border: 3px solid #83AC44;
  background-color: #f1f6e9;
  color: #83AC44;
}
.highlight-panel--green h2 {
  color: #83AC44;
}
.highlight-panel--red {
  border: 3px solid #FF3366;
  background-color: white;
  color: #FF3366;
}
.highlight-panel--red h2 {
  color: #FF3366;
}
.highlight-panel--blue {
  border: 3px solid #00A0DD;
  background-color: #f7fdff;
  color: #00A0DD;
}
.highlight-panel--blue h2 {
  color: #00A0DD;
}
.highlight-panel--grey {
  border: 3px solid #999999;
  background-color: #f2f2f2;
}
.highlight-panel--grey h2 {
  color: #999999;
}

/*  ===== RELEASE / ENQUIRY LIST =============================================
    Author: Simon Allin | August 2017 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Use for listing releases / enquiries on a page

   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ¦ Date  ¦  Title  ¦  Category ¦
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ¦ Date  ¦  Title  ¦  Category ¦
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ¦ Date  ¦  Title  ¦  Category ¦
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~              

*/
/*  ======================================================================
    local settigns / mixins etc ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*  ======================================================================
    component ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.c-rel-enq-list {
  margin-bottom: 24px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.c-rel-enq-list__item {
  *zoom: 1;
  border-left: 3px solid #ff6699;
  padding-left: 6px;
  margin-bottom: 3px;
}
.c-rel-enq-list__item:before, .c-rel-enq-list__item:after {
  content: " ";
  display: table;
}
.c-rel-enq-list__item:after {
  clear: both;
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__item {
    padding-left: 0;
  }
}
.c-rel-enq-list__item--simple {
  border-bottom: 1px solid #cccccc;
}
.c-rel-enq-list__item--simple:first-of-type {
  border-top: 1px solid #cccccc;
}
.c-rel-enq-list__item--meta {
  background-color: rgba(51, 51, 51, 0.05);
}
.c-rel-enq-list__item--meta:first-child {
  border-right: 1px solid #cccccc;
}
.c-rel-enq-list__item a:hover {
  text-decoration: none;
}
.c-rel-enq-list__item a:hover .c-rel-enq-list__title {
  background-color: rgba(51, 51, 51, 0.05);
}

.c-rel-enq-list__element {
  color: #666;
  padding: 12px 0;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__element {
    padding: 12px;
  }
}
.c-rel-enq-list__element--meta {
  padding: 6px 0;
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__element--meta {
    padding: 6px 12px;
  }
}
.c-rel-enq-list__element--meta:nth-child(2) {
  border-left: 1px solid #cccccc;
}
.c-rel-enq-list__element--meta + a:hover {
  color: #FF3366;
  transition: 0s;
}
.c-rel-enq-list__element--link {
  color: #00A0DD;
}
.c-rel-enq-list__element--link:hover {
  color: #FF3366;
  transition: 0s;
}

.c-rel-enq-list__date {
  background-color: rgba(51, 51, 51, 0.05);
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__date {
    display: inline-block;
    width: 130px;
    text-align: center;
  }
}

.c-rel-enq-list__type {
  background-color: rgba(51, 51, 51, 0.05);
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__type {
    display: inline-block;
    width: 100px;
    text-align: center;
  }
}

.c-rel-enq-list__title {
  width: 100%;
  display: block;
  color: #333;
  background-color: #D6D6D6;
}
@media (min-width: 61.25em) {
  .c-rel-enq-list__title {
    display: inline-block;
    width: auto;
    max-width: webkit-calc(100% - (150px + 40px));
    max-width: -moz-calc(100% - (150px + 40px));
    max-width: calc(100% - (150px + 40px));
  }
}
.c-rel-enq-list__title > a {
  color: #333;
}
.c-rel-enq-list__title > a:hover {
  color: #FF3366;
  transition: 0s;
}

.c-simple-list {
  border-top: 1px solid #ccc;
}

.c-simple-list__item {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}

/*  ======================================================================
    new search result set ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* master settings */
.c-rslt-set {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Mada", Arial, sans-serif;
}
.c-rslt-set--enq-full {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}

/* row */
.c-rslt-set__r {
  border-bottom: 1px solid #ccc;
}
.c-rslt-set__r--click {
  cursor: pointer;
}
.c-rslt-set__r--click:hover {
  background: #f8f8f8;
}
.c-rslt-set__r--selected {
  background: #f1f1f1;
}
.c-rslt-set__r--selected:hover {
  background: #f1f1f1;
}
.c-rslt-set__r--flex {
  display: flex;
  flex-wrap: wrap;
}
.c-rslt-set__r > a {
  width: 100%;
}
.c-rslt-set__r > a:hover {
  text-decoration: none;
}

/* row heading */
.c-rslt-set__rh {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}

/* row division */
.c-rslt-set__rd {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  float: left;
}
.c-rslt-set__rd--date-time {
  width: 200px;
}
.c-rslt-set__rd--mo {
  width: 30%;
}
.c-rslt-set__rd--title {
  width: webkit-calc(100% - (  30%  +  200px ));
  width: -moz-calc(100% - (  30%  +  200px ));
  width: calc(100% - (  30%  +  200px ));
}
.c-rslt-set__rd--p-title {
  width: webkit-calc(100% - (  30%  +  60px ));
  width: -moz-calc(100% - (  30%  +  60px ));
  width: calc(100% - (  30%  +  60px ));
}
.c-rslt-set__rd--p-title-txt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.c-rslt-set__rd--replies {
  width: 30px;
}

.c-rslt-set__r--flex .c-rslt-set__rd {
  flex: 0 0 auto;
}

.c-rslt-set__rd--img {
  float: left;
  width: 60px;
}
.c-rslt-set__rd--img > img {
  width: 100%;
}

.c-rslt-set--enq-full .c-rslt-set__rd {
  padding-top: 17px;
  padding-bottom: 17px;
  float: left;
}
.c-rslt-set--enq-full .c-rslt-set__rd--title {
  font-weight: 700;
}
.c-rslt-set--enq-full .c-rslt-set__rd--title-min-width {
  min-width: 150px;
}
.c-rslt-set--enq-full .c-rslt-set__rd--date-time {
  width: 130px;
}
.c-rslt-set--enq-full .c-rslt-set__rd--mo {
  width: 20%;
}
.c-rslt-set--enq-full .c-rslt-set__rd--title {
  width: webkit-calc(100% - (  20%  +  130px  * 4));
  width: -moz-calc(100% - (  20%  +  130px  * 4));
  width: calc(100% - (  20%  +  130px  * 4));
}

.o-row__division {
  font-size: 0;
  display: inline-block;
  width: 100%;
}

.o-rd-parent-break-setting {
  width: 100%;
}
@media (min-width: 34.375em) {
  .o-rd-parent-break-setting\@mobile .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@mobile .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}
@media (min-width: 46.25em) {
  .o-rd-parent-break-setting\@tablet .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@tablet .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}
@media (min-width: 52.5em) {
  .o-rd-parent-break-setting\@medium .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@medium .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}
@media (min-width: 61.25em) {
  .o-rd-parent-break-setting\@desktop .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@desktop .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}
@media (min-width: 71.875em) {
  .o-rd-parent-break-setting\@desktop-wide .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@desktop-wide .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}
@media (min-width: 81.25em) {
  .o-rd-parent-break-setting\@wide .o-rd--1\/12 {
    width: 8.3333333333%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--2\/12 {
    width: 16.6666666667%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--3\/12 {
    width: 25%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--4\/12 {
    width: 33.3333333333%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--5\/12 {
    width: 41.6666666667%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--6\/12 {
    width: 50%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--7\/12 {
    width: 58.3333333333%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--8\/12 {
    width: 66.6666666667%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--9\/12 {
    width: 75%;
  }
  .o-rd-parent-break-setting\@wide .o-rd--10\/12 {
    width: 83.3333333333%;
  }
}

/*  ===== CONTENT DIVIDES ====================================================
    Author: Simon Allin | 2018 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Placeholders / mixins / classes for base text styles
    -.e- class names can be used directly in the HTML

*/
.c-divider {
  width: 100%;
  height: 2px;
  background-color: #e6e6e6;
  margin-bottom: 96px;
}

/* ==========================================================================
   #CLEARFIX
   ========================================================================== */
/**
 * Attach our clearfix mixin to a utility class.
 */
.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1 {
  width: 100% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-1\/1 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/2 {
  width: 50% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-1\/2 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/2 {
  width: 100% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-2\/2 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/3 {
  width: 33.3333333333% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 33.3333333333% !important;
}

.u-pull-1\/3 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/3 {
  width: 66.6666666667% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 66.6666666667% !important;
}

.u-pull-2\/3 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/3 {
  width: 100% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-3\/3 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/4 {
  width: 25% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 25% !important;
}

.u-pull-1\/4 {
  position: relative !important;
  right: 25% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/4 {
  width: 50% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-2\/4 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/4 {
  width: 75% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 75% !important;
}

.u-pull-3\/4 {
  position: relative !important;
  right: 75% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/4 {
  width: 100% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-4\/4 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/5 {
  width: 20% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 20% !important;
}

.u-pull-1\/5 {
  position: relative !important;
  right: 20% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/5 {
  width: 40% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 40% !important;
}

.u-pull-2\/5 {
  position: relative !important;
  right: 40% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/5 {
  width: 60% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 60% !important;
}

.u-pull-3\/5 {
  position: relative !important;
  right: 60% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/5 {
  width: 80% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 80% !important;
}

.u-pull-4\/5 {
  position: relative !important;
  right: 80% !important;
  left: auto !important;
  /* [1] */
}

.u-5\/5 {
  width: 100% !important;
}

/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-5\/5 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 34.375em) {
  .u-1\/1\@mobile {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@mobile {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@mobile {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@mobile {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@mobile {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@mobile {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@mobile {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@mobile {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@mobile {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@mobile {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@mobile {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@mobile {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@mobile {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@mobile {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@mobile {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@mobile {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@mobile {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@mobile {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@mobile {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
@media (min-width: 46.25em) {
  .u-1\/1\@tablet {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@tablet {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@tablet {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@tablet {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@tablet {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@tablet {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@tablet {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@tablet {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@tablet {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@tablet {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@tablet {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@tablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@tablet {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@tablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@tablet {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@tablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@tablet {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@tablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@tablet {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
@media (min-width: 52.5em) {
  .u-1\/1\@medium {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@medium {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@medium {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@medium {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@medium {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@medium {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@medium {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@medium {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@medium {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@medium {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@medium {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@medium {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@medium {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@medium {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@medium {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@medium {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@medium {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@medium {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@medium {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@medium {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@medium {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@medium {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@medium {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@medium {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@medium {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@medium {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@medium {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@medium {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@medium {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@medium {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@medium {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
@media (min-width: 61.25em) {
  .u-1\/1\@desktop {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@desktop {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@desktop {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@desktop {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@desktop {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@desktop {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@desktop {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@desktop {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@desktop {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@desktop {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@desktop {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@desktop {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@desktop {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@desktop {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@desktop {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@desktop {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@desktop {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@desktop {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@desktop {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
@media (min-width: 71.875em) {
  .u-1\/1\@desktop-wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@desktop-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@desktop-wide {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@desktop-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@desktop-wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@desktop-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@desktop-wide {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@desktop-wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@desktop-wide {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@desktop-wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@desktop-wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@desktop-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@desktop-wide {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@desktop-wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@desktop-wide {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@desktop-wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@desktop-wide {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@desktop-wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@desktop-wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@desktop-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@desktop-wide {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@desktop-wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@desktop-wide {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@desktop-wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@desktop-wide {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@desktop-wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@desktop-wide {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@desktop-wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@desktop-wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@desktop-wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@desktop-wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
@media (min-width: 81.25em) {
  .u-1\/1\@wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/1\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-1\/1\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/2\@wide {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/2\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-1\/2\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/2\@wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/2\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-2\/2\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/3\@wide {
    width: 33.3333333333% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }

  .u-pull-1\/3\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/3\@wide {
    width: 66.6666666667% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }

  .u-pull-2\/3\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/3\@wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-3\/3\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/4\@wide {
    width: 25% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }

  .u-pull-1\/4\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/4\@wide {
    width: 50% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }

  .u-pull-2\/4\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/4\@wide {
    width: 75% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }

  .u-pull-3\/4\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/4\@wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-4\/4\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }

  .u-1\/5\@wide {
    width: 20% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-1\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }

  .u-pull-1\/5\@wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }

  .u-2\/5\@wide {
    width: 40% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-2\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }

  .u-pull-2\/5\@wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }

  .u-3\/5\@wide {
    width: 60% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-3\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }

  .u-pull-3\/5\@wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }

  .u-4\/5\@wide {
    width: 80% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-4\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }

  .u-pull-4\/5\@wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }

  .u-5\/5\@wide {
    width: 100% !important;
  }

  /**
  * 1. Reset any leftover or conflicting `left`/`right` values.
  */
  .u-push-5\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }

  .u-pull-5\/5\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}
/*  ===== GUTTER UTILITY =====================================================
    Author: Simon Allin | 2017 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Use for adding gutters to pages

         ¦               ¦
    ⟶⟶¦               ¦⟵⟵
    ⟶⟶¦               ¦⟵⟵
    ⟶⟶¦               ¦⟵⟵
    ⟶⟶¦               ¦⟵⟵       
    ⟶⟶¦               ¦⟵⟵ 
    ⟶⟶¦               ¦⟵⟵ 
         ¦               ¦

*/
.u-gutter-large {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.u-gutter-huge {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.u-gutter-massive {
  padding-left: 192px !important;
  padding-right: 192px !important;
}

.u-gutter-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 34.365em) {
  .u-gutter-large-none\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-gutter-huge-none\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-gutter-massive-none\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-gutter-none-none\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-gutter-large-none\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-gutter-huge-none\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-gutter-massive-none\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-gutter-none-none\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-gutter-large-none\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-gutter-huge-none\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-gutter-massive-none\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-gutter-none-none\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-gutter-large-none\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-gutter-huge-none\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-gutter-massive-none\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-gutter-none-none\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-gutter-large-none\@desktop-wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-gutter-huge-none\@desktop-wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-gutter-massive-none\@desktop-wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-gutter-none-none\@desktop-wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-gutter-large-none\@wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-gutter-huge-none\@wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-gutter-massive-none\@wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-gutter-none-none\@wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Redefine all of our basic heading styles against utility classes so as to
 * allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 * but we want it to be sized like an H1:
 *
 *   <h2 class="u-h1"></h2>
 *
 */
.u-h1 {
  font-size: 36px !important;
  font-size: 2.25rem !important;
  line-height: 1.3333333333 !important;
}

.u-h2 {
  font-size: 28px !important;
  font-size: 1.75rem !important;
  line-height: 1.7142857143 !important;
}

.u-h3 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
}

.u-h4 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}

.u-h5 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 1.3333333333 !important;
}

.u-h6 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   #SPACING
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding {}
 *   .u-padding-right-none {}
 */
/* stylelint-disable string-quotes */
.u-padding {
  padding: 24px !important;
}

.u-padding-tiny {
  padding: 6px !important;
}

.u-padding-small {
  padding: 12px !important;
}

.u-padding-large {
  padding: 48px !important;
}

.u-padding-huge {
  padding: 96px !important;
}

.u-padding-xxl {
  padding: 144px !important;
}

.u-padding-none {
  padding: 0 !important;
}

.u-padding-top {
  padding-top: 24px !important;
}

.u-padding-top-tiny {
  padding-top: 6px !important;
}

.u-padding-top-small {
  padding-top: 12px !important;
}

.u-padding-top-large {
  padding-top: 48px !important;
}

.u-padding-top-huge {
  padding-top: 96px !important;
}

.u-padding-top-xxl {
  padding-top: 144px !important;
}

.u-padding-top-none {
  padding-top: 0 !important;
}

.u-padding-right {
  padding-right: 24px !important;
}

.u-padding-right-tiny {
  padding-right: 6px !important;
}

.u-padding-right-small {
  padding-right: 12px !important;
}

.u-padding-right-large {
  padding-right: 48px !important;
}

.u-padding-right-huge {
  padding-right: 96px !important;
}

.u-padding-right-xxl {
  padding-right: 144px !important;
}

.u-padding-right-none {
  padding-right: 0 !important;
}

.u-padding-bottom {
  padding-bottom: 24px !important;
}

.u-padding-bottom-tiny {
  padding-bottom: 6px !important;
}

.u-padding-bottom-small {
  padding-bottom: 12px !important;
}

.u-padding-bottom-large {
  padding-bottom: 48px !important;
}

.u-padding-bottom-huge {
  padding-bottom: 96px !important;
}

.u-padding-bottom-xxl {
  padding-bottom: 144px !important;
}

.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

.u-padding-left {
  padding-left: 24px !important;
}

.u-padding-left-tiny {
  padding-left: 6px !important;
}

.u-padding-left-small {
  padding-left: 12px !important;
}

.u-padding-left-large {
  padding-left: 48px !important;
}

.u-padding-left-huge {
  padding-left: 96px !important;
}

.u-padding-left-xxl {
  padding-left: 144px !important;
}

.u-padding-left-none {
  padding-left: 0 !important;
}

.u-margin {
  margin: 24px !important;
}

.u-margin-tiny {
  margin: 6px !important;
}

.u-margin-small {
  margin: 12px !important;
}

.u-margin-large {
  margin: 48px !important;
}

.u-margin-huge {
  margin: 96px !important;
}

.u-margin-xxl {
  margin: 144px !important;
}

.u-margin-none {
  margin: 0 !important;
}

.u-margin-top {
  margin-top: 24px !important;
}

.u-margin-top-tiny {
  margin-top: 6px !important;
}

.u-margin-top-small {
  margin-top: 12px !important;
}

.u-margin-top-large {
  margin-top: 48px !important;
}

.u-margin-top-huge {
  margin-top: 96px !important;
}

.u-margin-top-xxl {
  margin-top: 144px !important;
}

.u-margin-top-none {
  margin-top: 0 !important;
}

.u-margin-right {
  margin-right: 24px !important;
}

.u-margin-right-tiny {
  margin-right: 6px !important;
}

.u-margin-right-small {
  margin-right: 12px !important;
}

.u-margin-right-large {
  margin-right: 48px !important;
}

.u-margin-right-huge {
  margin-right: 96px !important;
}

.u-margin-right-xxl {
  margin-right: 144px !important;
}

.u-margin-right-none {
  margin-right: 0 !important;
}

.u-margin-bottom {
  margin-bottom: 24px !important;
}

.u-margin-bottom-tiny {
  margin-bottom: 6px !important;
}

.u-margin-bottom-small {
  margin-bottom: 12px !important;
}

.u-margin-bottom-large {
  margin-bottom: 48px !important;
}

.u-margin-bottom-huge {
  margin-bottom: 96px !important;
}

.u-margin-bottom-xxl {
  margin-bottom: 144px !important;
}

.u-margin-bottom-none {
  margin-bottom: 0 !important;
}

.u-margin-left {
  margin-left: 24px !important;
}

.u-margin-left-tiny {
  margin-left: 6px !important;
}

.u-margin-left-small {
  margin-left: 12px !important;
}

.u-margin-left-large {
  margin-left: 48px !important;
}

.u-margin-left-huge {
  margin-left: 96px !important;
}

.u-margin-left-xxl {
  margin-left: 144px !important;
}

.u-margin-left-none {
  margin-left: 0 !important;
}

@media (max-width: 34.365em) {
  .u-padding-none\@mobile {
    padding: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-none\@mobile {
    padding-top: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-none\@mobile {
    padding-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-none\@mobile {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-none\@mobile {
    padding-left: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-none\@mobile {
    margin: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-none\@mobile {
    margin-top: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-none\@mobile {
    margin-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-none\@mobile {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-none\@mobile {
    margin-left: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-none\@tablet {
    padding: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-none\@tablet {
    padding-top: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-none\@tablet {
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-none\@tablet {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-none\@tablet {
    padding-left: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-none\@tablet {
    margin: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-none\@tablet {
    margin-top: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-none\@tablet {
    margin-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-none\@tablet {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-none\@tablet {
    margin-left: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-none\@medium {
    padding: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-none\@medium {
    padding-top: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-none\@medium {
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-none\@medium {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-none\@medium {
    padding-left: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-none\@medium {
    margin: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-none\@medium {
    margin-top: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-none\@medium {
    margin-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-none\@medium {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-none\@medium {
    margin-left: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-none\@desktop {
    padding: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-none\@desktop {
    padding-top: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-none\@desktop {
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-none\@desktop {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-none\@desktop {
    padding-left: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-none\@desktop {
    margin: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-none\@desktop {
    margin-top: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-none\@desktop {
    margin-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-none\@desktop {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-none\@desktop {
    margin-left: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-none\@desktop-wide {
    padding: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-none\@desktop-wide {
    padding-top: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-none\@desktop-wide {
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-none\@desktop-wide {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-none\@desktop-wide {
    padding-left: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-none\@desktop-wide {
    margin: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-none\@desktop-wide {
    margin-top: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-none\@desktop-wide {
    margin-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-none\@desktop-wide {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-none\@desktop-wide {
    margin-left: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-none\@wide {
    padding: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-none\@wide {
    padding-top: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-none\@wide {
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-none\@wide {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-none\@wide {
    padding-left: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-none\@wide {
    margin: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-none\@wide {
    margin-top: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-none\@wide {
    margin-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-none\@wide {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-none\@wide {
    margin-left: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding\@mobile {
    padding: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-tiny\@mobile {
    padding: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-small\@mobile {
    padding: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-large\@mobile {
    padding: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-huge\@mobile {
    padding: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-xxl\@mobile {
    padding: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-none\@mobile {
    padding: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top\@mobile {
    padding-top: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-tiny\@mobile {
    padding-top: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-small\@mobile {
    padding-top: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-large\@mobile {
    padding-top: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-huge\@mobile {
    padding-top: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-xxl\@mobile {
    padding-top: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-top-none\@mobile {
    padding-top: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right\@mobile {
    padding-right: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-tiny\@mobile {
    padding-right: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-small\@mobile {
    padding-right: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-large\@mobile {
    padding-right: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-huge\@mobile {
    padding-right: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-xxl\@mobile {
    padding-right: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-right-none\@mobile {
    padding-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom\@mobile {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-tiny\@mobile {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-small\@mobile {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-large\@mobile {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-huge\@mobile {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-xxl\@mobile {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-bottom-none\@mobile {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left\@mobile {
    padding-left: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-tiny\@mobile {
    padding-left: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-small\@mobile {
    padding-left: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-large\@mobile {
    padding-left: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-huge\@mobile {
    padding-left: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-xxl\@mobile {
    padding-left: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-padding-left-none\@mobile {
    padding-left: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin\@mobile {
    margin: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-tiny\@mobile {
    margin: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-small\@mobile {
    margin: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-large\@mobile {
    margin: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-huge\@mobile {
    margin: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-xxl\@mobile {
    margin: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-none\@mobile {
    margin: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top\@mobile {
    margin-top: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-tiny\@mobile {
    margin-top: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-small\@mobile {
    margin-top: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-large\@mobile {
    margin-top: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-huge\@mobile {
    margin-top: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-xxl\@mobile {
    margin-top: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-top-none\@mobile {
    margin-top: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right\@mobile {
    margin-right: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-tiny\@mobile {
    margin-right: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-small\@mobile {
    margin-right: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-large\@mobile {
    margin-right: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-huge\@mobile {
    margin-right: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-xxl\@mobile {
    margin-right: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-right-none\@mobile {
    margin-right: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom\@mobile {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-tiny\@mobile {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-small\@mobile {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-large\@mobile {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-huge\@mobile {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-xxl\@mobile {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-bottom-none\@mobile {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left\@mobile {
    margin-left: 24px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-tiny\@mobile {
    margin-left: 6px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-small\@mobile {
    margin-left: 12px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-large\@mobile {
    margin-left: 48px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-huge\@mobile {
    margin-left: 96px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-xxl\@mobile {
    margin-left: 144px !important;
  }
}
@media (max-width: 34.365em) {
  .u-margin-left-none\@mobile {
    margin-left: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding\@tablet {
    padding: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-tiny\@tablet {
    padding: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-small\@tablet {
    padding: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-large\@tablet {
    padding: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-huge\@tablet {
    padding: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-xxl\@tablet {
    padding: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-none\@tablet {
    padding: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top\@tablet {
    padding-top: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-tiny\@tablet {
    padding-top: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-small\@tablet {
    padding-top: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-large\@tablet {
    padding-top: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-huge\@tablet {
    padding-top: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-xxl\@tablet {
    padding-top: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-top-none\@tablet {
    padding-top: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right\@tablet {
    padding-right: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-tiny\@tablet {
    padding-right: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-small\@tablet {
    padding-right: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-large\@tablet {
    padding-right: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-huge\@tablet {
    padding-right: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-xxl\@tablet {
    padding-right: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-right-none\@tablet {
    padding-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom\@tablet {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-tiny\@tablet {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-small\@tablet {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-large\@tablet {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-huge\@tablet {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-xxl\@tablet {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-bottom-none\@tablet {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left\@tablet {
    padding-left: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-tiny\@tablet {
    padding-left: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-small\@tablet {
    padding-left: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-large\@tablet {
    padding-left: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-huge\@tablet {
    padding-left: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-xxl\@tablet {
    padding-left: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-padding-left-none\@tablet {
    padding-left: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin\@tablet {
    margin: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-tiny\@tablet {
    margin: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-small\@tablet {
    margin: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-large\@tablet {
    margin: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-huge\@tablet {
    margin: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-xxl\@tablet {
    margin: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-none\@tablet {
    margin: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top\@tablet {
    margin-top: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-tiny\@tablet {
    margin-top: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-small\@tablet {
    margin-top: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-large\@tablet {
    margin-top: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-huge\@tablet {
    margin-top: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-xxl\@tablet {
    margin-top: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-top-none\@tablet {
    margin-top: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right\@tablet {
    margin-right: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-tiny\@tablet {
    margin-right: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-small\@tablet {
    margin-right: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-large\@tablet {
    margin-right: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-huge\@tablet {
    margin-right: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-xxl\@tablet {
    margin-right: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-right-none\@tablet {
    margin-right: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom\@tablet {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-tiny\@tablet {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-small\@tablet {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-large\@tablet {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-huge\@tablet {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-xxl\@tablet {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-bottom-none\@tablet {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left\@tablet {
    margin-left: 24px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-tiny\@tablet {
    margin-left: 6px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-small\@tablet {
    margin-left: 12px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-large\@tablet {
    margin-left: 48px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-huge\@tablet {
    margin-left: 96px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-xxl\@tablet {
    margin-left: 144px !important;
  }
}
@media (max-width: 46.24em) {
  .u-margin-left-none\@tablet {
    margin-left: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding\@medium {
    padding: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-tiny\@medium {
    padding: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-small\@medium {
    padding: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-large\@medium {
    padding: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-huge\@medium {
    padding: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-xxl\@medium {
    padding: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-none\@medium {
    padding: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top\@medium {
    padding-top: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-tiny\@medium {
    padding-top: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-small\@medium {
    padding-top: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-large\@medium {
    padding-top: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-huge\@medium {
    padding-top: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-xxl\@medium {
    padding-top: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-top-none\@medium {
    padding-top: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right\@medium {
    padding-right: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-tiny\@medium {
    padding-right: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-small\@medium {
    padding-right: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-large\@medium {
    padding-right: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-huge\@medium {
    padding-right: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-xxl\@medium {
    padding-right: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-right-none\@medium {
    padding-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom\@medium {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-tiny\@medium {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-small\@medium {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-large\@medium {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-huge\@medium {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-xxl\@medium {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-bottom-none\@medium {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left\@medium {
    padding-left: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-tiny\@medium {
    padding-left: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-small\@medium {
    padding-left: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-large\@medium {
    padding-left: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-huge\@medium {
    padding-left: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-xxl\@medium {
    padding-left: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-padding-left-none\@medium {
    padding-left: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin\@medium {
    margin: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-tiny\@medium {
    margin: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-small\@medium {
    margin: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-large\@medium {
    margin: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-huge\@medium {
    margin: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-xxl\@medium {
    margin: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-none\@medium {
    margin: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top\@medium {
    margin-top: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-tiny\@medium {
    margin-top: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-small\@medium {
    margin-top: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-large\@medium {
    margin-top: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-huge\@medium {
    margin-top: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-xxl\@medium {
    margin-top: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-top-none\@medium {
    margin-top: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right\@medium {
    margin-right: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-tiny\@medium {
    margin-right: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-small\@medium {
    margin-right: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-large\@medium {
    margin-right: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-huge\@medium {
    margin-right: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-xxl\@medium {
    margin-right: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-right-none\@medium {
    margin-right: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom\@medium {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-tiny\@medium {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-small\@medium {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-large\@medium {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-huge\@medium {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-xxl\@medium {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-bottom-none\@medium {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left\@medium {
    margin-left: 24px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-tiny\@medium {
    margin-left: 6px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-small\@medium {
    margin-left: 12px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-large\@medium {
    margin-left: 48px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-huge\@medium {
    margin-left: 96px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-xxl\@medium {
    margin-left: 144px !important;
  }
}
@media (max-width: 52.49em) {
  .u-margin-left-none\@medium {
    margin-left: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding\@desktop {
    padding: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-tiny\@desktop {
    padding: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-small\@desktop {
    padding: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-large\@desktop {
    padding: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-huge\@desktop {
    padding: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-xxl\@desktop {
    padding: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-none\@desktop {
    padding: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top\@desktop {
    padding-top: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-tiny\@desktop {
    padding-top: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-small\@desktop {
    padding-top: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-large\@desktop {
    padding-top: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-huge\@desktop {
    padding-top: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-xxl\@desktop {
    padding-top: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-top-none\@desktop {
    padding-top: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right\@desktop {
    padding-right: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-tiny\@desktop {
    padding-right: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-small\@desktop {
    padding-right: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-large\@desktop {
    padding-right: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-huge\@desktop {
    padding-right: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-xxl\@desktop {
    padding-right: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-right-none\@desktop {
    padding-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom\@desktop {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-tiny\@desktop {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-small\@desktop {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-large\@desktop {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-huge\@desktop {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-xxl\@desktop {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-bottom-none\@desktop {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left\@desktop {
    padding-left: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-tiny\@desktop {
    padding-left: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-small\@desktop {
    padding-left: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-large\@desktop {
    padding-left: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-huge\@desktop {
    padding-left: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-xxl\@desktop {
    padding-left: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-padding-left-none\@desktop {
    padding-left: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin\@desktop {
    margin: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-tiny\@desktop {
    margin: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-small\@desktop {
    margin: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-large\@desktop {
    margin: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-huge\@desktop {
    margin: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-xxl\@desktop {
    margin: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-none\@desktop {
    margin: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top\@desktop {
    margin-top: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-tiny\@desktop {
    margin-top: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-small\@desktop {
    margin-top: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-large\@desktop {
    margin-top: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-huge\@desktop {
    margin-top: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-xxl\@desktop {
    margin-top: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-top-none\@desktop {
    margin-top: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right\@desktop {
    margin-right: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-tiny\@desktop {
    margin-right: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-small\@desktop {
    margin-right: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-large\@desktop {
    margin-right: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-huge\@desktop {
    margin-right: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-xxl\@desktop {
    margin-right: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-right-none\@desktop {
    margin-right: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom\@desktop {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-tiny\@desktop {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-small\@desktop {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-large\@desktop {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-huge\@desktop {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-xxl\@desktop {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-bottom-none\@desktop {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left\@desktop {
    margin-left: 24px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-tiny\@desktop {
    margin-left: 6px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-small\@desktop {
    margin-left: 12px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-large\@desktop {
    margin-left: 48px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-huge\@desktop {
    margin-left: 96px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-xxl\@desktop {
    margin-left: 144px !important;
  }
}
@media (max-width: 61.24em) {
  .u-margin-left-none\@desktop {
    margin-left: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding\@desktop-wide {
    padding: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-tiny\@desktop-wide {
    padding: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-small\@desktop-wide {
    padding: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-large\@desktop-wide {
    padding: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-huge\@desktop-wide {
    padding: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-xxl\@desktop-wide {
    padding: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-none\@desktop-wide {
    padding: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top\@desktop-wide {
    padding-top: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-tiny\@desktop-wide {
    padding-top: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-small\@desktop-wide {
    padding-top: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-large\@desktop-wide {
    padding-top: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-huge\@desktop-wide {
    padding-top: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-xxl\@desktop-wide {
    padding-top: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-top-none\@desktop-wide {
    padding-top: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right\@desktop-wide {
    padding-right: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-tiny\@desktop-wide {
    padding-right: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-small\@desktop-wide {
    padding-right: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-large\@desktop-wide {
    padding-right: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-huge\@desktop-wide {
    padding-right: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-xxl\@desktop-wide {
    padding-right: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-right-none\@desktop-wide {
    padding-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom\@desktop-wide {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-tiny\@desktop-wide {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-small\@desktop-wide {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-large\@desktop-wide {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-huge\@desktop-wide {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-xxl\@desktop-wide {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-bottom-none\@desktop-wide {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left\@desktop-wide {
    padding-left: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-tiny\@desktop-wide {
    padding-left: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-small\@desktop-wide {
    padding-left: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-large\@desktop-wide {
    padding-left: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-huge\@desktop-wide {
    padding-left: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-xxl\@desktop-wide {
    padding-left: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-padding-left-none\@desktop-wide {
    padding-left: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin\@desktop-wide {
    margin: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-tiny\@desktop-wide {
    margin: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-small\@desktop-wide {
    margin: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-large\@desktop-wide {
    margin: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-huge\@desktop-wide {
    margin: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-xxl\@desktop-wide {
    margin: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-none\@desktop-wide {
    margin: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top\@desktop-wide {
    margin-top: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-tiny\@desktop-wide {
    margin-top: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-small\@desktop-wide {
    margin-top: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-large\@desktop-wide {
    margin-top: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-huge\@desktop-wide {
    margin-top: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-xxl\@desktop-wide {
    margin-top: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-top-none\@desktop-wide {
    margin-top: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right\@desktop-wide {
    margin-right: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-tiny\@desktop-wide {
    margin-right: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-small\@desktop-wide {
    margin-right: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-large\@desktop-wide {
    margin-right: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-huge\@desktop-wide {
    margin-right: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-xxl\@desktop-wide {
    margin-right: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-right-none\@desktop-wide {
    margin-right: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom\@desktop-wide {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-tiny\@desktop-wide {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-small\@desktop-wide {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-large\@desktop-wide {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-huge\@desktop-wide {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-xxl\@desktop-wide {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-bottom-none\@desktop-wide {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left\@desktop-wide {
    margin-left: 24px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-tiny\@desktop-wide {
    margin-left: 6px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-small\@desktop-wide {
    margin-left: 12px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-large\@desktop-wide {
    margin-left: 48px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-huge\@desktop-wide {
    margin-left: 96px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-xxl\@desktop-wide {
    margin-left: 144px !important;
  }
}
@media (max-width: 71.865em) {
  .u-margin-left-none\@desktop-wide {
    margin-left: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding\@wide {
    padding: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-tiny\@wide {
    padding: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-small\@wide {
    padding: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-large\@wide {
    padding: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-huge\@wide {
    padding: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-xxl\@wide {
    padding: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-none\@wide {
    padding: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top\@wide {
    padding-top: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-tiny\@wide {
    padding-top: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-small\@wide {
    padding-top: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-large\@wide {
    padding-top: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-huge\@wide {
    padding-top: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-xxl\@wide {
    padding-top: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-top-none\@wide {
    padding-top: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right\@wide {
    padding-right: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-tiny\@wide {
    padding-right: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-small\@wide {
    padding-right: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-large\@wide {
    padding-right: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-huge\@wide {
    padding-right: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-xxl\@wide {
    padding-right: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-right-none\@wide {
    padding-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom\@wide {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-tiny\@wide {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-small\@wide {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-large\@wide {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-huge\@wide {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-xxl\@wide {
    padding-bottom: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-bottom-none\@wide {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left\@wide {
    padding-left: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-tiny\@wide {
    padding-left: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-small\@wide {
    padding-left: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-large\@wide {
    padding-left: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-huge\@wide {
    padding-left: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-xxl\@wide {
    padding-left: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-padding-left-none\@wide {
    padding-left: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin\@wide {
    margin: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-tiny\@wide {
    margin: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-small\@wide {
    margin: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-large\@wide {
    margin: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-huge\@wide {
    margin: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-xxl\@wide {
    margin: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-none\@wide {
    margin: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top\@wide {
    margin-top: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-tiny\@wide {
    margin-top: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-small\@wide {
    margin-top: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-large\@wide {
    margin-top: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-huge\@wide {
    margin-top: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-xxl\@wide {
    margin-top: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-top-none\@wide {
    margin-top: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right\@wide {
    margin-right: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-tiny\@wide {
    margin-right: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-small\@wide {
    margin-right: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-large\@wide {
    margin-right: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-huge\@wide {
    margin-right: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-xxl\@wide {
    margin-right: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-right-none\@wide {
    margin-right: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom\@wide {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-tiny\@wide {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-small\@wide {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-large\@wide {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-huge\@wide {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-xxl\@wide {
    margin-bottom: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-bottom-none\@wide {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left\@wide {
    margin-left: 24px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-tiny\@wide {
    margin-left: 6px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-small\@wide {
    margin-left: 12px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-large\@wide {
    margin-left: 48px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-huge\@wide {
    margin-left: 96px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-xxl\@wide {
    margin-left: 144px !important;
  }
}
@media (max-width: 81.24em) {
  .u-margin-left-none\@wide {
    margin-left: 0 !important;
  }
}
/* stylelint-enable string-quotes */
/* ==========================================================================
   #PRINT
   ========================================================================== */
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
 * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
 */
@media print {
  /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */
  *,
*:before,
*:after,
*:first-letter,
*:first-line {
    background: transparent !important;
    color: #000 !important;
    /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /**
   * Don't show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   #HIDE
   ========================================================================== */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/**
 * Hide visually and from screen readers.
 */
.u-hidden {
  display: none !important;
}

.u-hidden-js {
  display: none;
}

/* visually hidden with breakpoints */
@media (max-width: 34.365em) {
  .u-hidden-visually\@mobile {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 46.24em) {
  .u-hidden-visually\@tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 52.49em) {
  .u-hidden-visually\@medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 61.24em) {
  .u-hidden-visually\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 71.865em) {
  .u-hidden-visually\@desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 81.24em) {
  .u-hidden-visually\@wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 34.375em) {
  .u-hidden-visually-from\@mobile {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 46.25em) {
  .u-hidden-visually-from\@tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 52.5em) {
  .u-hidden-visually-from\@medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 61.25em) {
  .u-hidden-visually-from\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 71.875em) {
  .u-hidden-visually-from\@desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 81.25em) {
  .u-hidden-visually-from\@wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* hide visually and from screen readers with breakpoints */
@media (max-width: 34.365em) {
  .u-hidden\@mobile {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 46.24em) {
  .u-hidden\@tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 52.49em) {
  .u-hidden\@medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 61.24em) {
  .u-hidden\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 71.865em) {
  .u-hidden\@desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (max-width: 81.24em) {
  .u-hidden\@wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 34.375em) {
  .u-hidden-from\@mobile {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 46.25em) {
  .u-hidden-from\@tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 52.5em) {
  .u-hidden-from\@medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 61.25em) {
  .u-hidden-from\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 71.875em) {
  .u-hidden-from\@desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
@media (min-width: 81.25em) {
  .u-hidden-from\@wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* ==========================================================================
   #REMOVE BORDERS
   ========================================================================== */
/**
 * Utility classes to put atomically remove borders
 *
 *   .u-border-top-none {}
 *   .u-border-right-none {}
 *   .u-border-bottom-none {}
 *   .u-border-left-none {}

 */
.u-border-top-none {
  border-top: none !important;
}

.u-border-right-none {
  border-right: none !important;
}

.u-border-bottom-none {
  border-bottom: none !important;
}

.u-border-left-none {
  border-left: none !important;
}

html {
  /*   font-size: 62.5%;  */
  height: 100%;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=brand-central.css.map */