@charset "UTF-8";
/*  ---- LOGIN CSS -------------------------------------------------------
    Author: Simon Allin | Fu Tang :: MAY 2016
    ---------------------------------------------------------------------  */
/*  ===== 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;
}

.login-form__element, .base-form__element {
  *zoom: 1;
}
.login-form__element:before, .base-form__element:before, .login-form__element:after, .base-form__element:after {
  content: " ";
  display: table;
}
.login-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;
}

/* calculating font sizes */
/* responsive breakpoint tools */
/*  ===== 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; } 
        }

*/
/*  ===== 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

*/
.login-form__title {
  font-family: "Mada", Arial, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -1px;
  font-weight: 300;
  color: #292f33;
}

.login-form__sub-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;
}

.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 */
/*  ===== LAYOUT OBJECT =======================================================
    Author: Simon Allin | 2016 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

    -Use for laying out 
    -REF: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
    -*NEW* -  flex col system

    +~~~~~~~~~~~~~~~~~~~~~~~~~+
    ¦ +---+ +---+ +---+ +---+ ¦
    ¦ | x | |   | |   | |   | ¦
    ¦ +---+ +---+ +---+ +---+ ¦
    +~~~~~~~~~~~~~~~~~~~~~~~~~+

*/
/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */
.o-layout {
  display: block;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  list-style: none;
  /* [1] */
  font-size: 0;
}

/**
 * 1. Required in order to combine fluid widths with fixed gutters.
 * 2. Allows us to manipulate grids vertically, with text-level properties,
 *    etc.
 * 3. Default item alignment is with the tops of each other, like most
 *    traditional grid/layout systems.
 * 4. By default, all layout items are full-width (mobile first).
 * 5. Gutters provided by left padding:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 * 6. Fallback for old IEs not supporting `rem` values.
 */
.o-layout__item {
  box-sizing: border-box;
  /* [1] */
  display: inline-block;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  padding-right: 24px;
  /* [5] */
  margin-bottom: 40px;
}
.o-layout__item--large-margin {
  margin-bottom: 60px;
}
.o-layout__item--no-margin {
  margin-bottom: 0;
}
.o-layout__item--no-padding-right {
  padding-right: 0;
}
.o-layout__item:last-of-type {
  padding-right: 0;
}
@media (max-width: 34.365em) {
  .o-layout__item {
    padding-right: 0;
  }
}

@media (max-width: 46.24em) {
  .o-layout__item--tablet-no-margin {
    margin-bottom: 0;
  }
}

/**
 * If we’re using Sass-MQ, loop throguh each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="o-layout__item--no-margin@mobile">
 */
/*  ======================================================================
 flex col system ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* normal spacing */
/* small spacing */
/* standard cols setup */
.o-layout--5-col-2\/5,
.o-layout--5-col,
.o-layout--4-col,
.o-layout--3-col,
.o-layout--2-col,
.o-layout--1-col {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-size: inherit;
}

/* justify options */
.o-layout--jc-center {
  justify-content: center;
}

.o-layout--x-align {
  align-items: center;
}

.o-layout--vertical-expand {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
}

/* Align options */
.o-layout-align-b {
  margin-top: auto;
}

/* all cols have standard margin right */
.o-layout__col {
  margin-right: 24px;
  display: flex;
  flex-direction: column;
}
.o-layout__col:last-of-type {
  margin-right: 0;
}

/* set the slices to flex */
.o-layout--4-col .o-layout__col,
.o-layout--3-col .o-layout__col,
.o-layout--2-col .o-layout__col {
  box-sizing: border-box;
  float: left;
}

/* delimited col */
.o-layout--delim .o-layout__col {
  position: relative;
}
.o-layout--delim .o-layout__col:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ccc;
  right: -12px;
  top: 0;
}
.o-layout--delim .o-layout__col:nth-of-type(4n):after {
  width: 0;
  height: 0;
}

.o-layout--delim.o-layout--2-col .o-layout__col:nth-of-type(2n):after {
  width: 0;
  height: 0;
}

.o-layout__col--align-self {
  align-self: center;
}

.o-layout--2-col > .o-layout__col {
  width: webkit-calc((100% -  24px ) / 2);
  width: -moz-calc((100% -  24px ) / 2);
  width: calc((100% -  24px ) / 2);
  flex: 0 0 auto;
  /* 2 cold biased left [bigger left col] */
}
.o-layout--2-col > .o-layout__col:last-of-type {
  margin-right: 0;
}
.o-layout--2-col > .o-layout__col:nth-of-type(2n) {
  margin-right: 0;
}
.o-layout--2-col > .o-layout__col--sml-gutter {
  width: webkit-calc((100% -  12px ) / 2);
  width: -moz-calc((100% -  12px ) / 2);
  width: calc((100% -  12px ) / 2);
  margin-right: 12px;
}
.o-layout--2-col > .o-layout__col--large-gutter {
  width: webkit-calc((100% -  48px ) / 2);
  width: -moz-calc((100% -  48px ) / 2);
  width: calc((100% -  48px ) / 2);
  margin-right: 48px;
}
.o-layout--2-col > .o-layout__col--bias-lc {
  width: 53%;
  margin-right: 96px;
}
.o-layout--2-col > .o-layout__col--bias-rc {
  width: webkit-calc(47% -  96px);
  width: -moz-calc(47% -  96px);
  width: calc(47% -  96px);
}
.o-layout--2-col > .o-layout__col--main {
  width: webkit-calc(100% - ( 28% +  96px ));
  width: -moz-calc(100% - ( 28% +  96px ));
  width: calc(100% - ( 28% +  96px ));
  margin-right: 96px;
}
.o-layout--2-col > .o-layout__col--main-filtered {
  width: webkit-calc(100% - ( 20% +  48px ));
  width: -moz-calc(100% - ( 20% +  48px ));
  width: calc(100% - ( 20% +  48px ));
}
.o-layout--2-col > .o-layout__col--side {
  width: 28%;
}
.o-layout--2-col > .o-layout__col--side-filtered {
  width: webkit-calc(20% +  24px);
  width: -moz-calc(20% +  24px);
  width: calc(20% +  24px);
}
.o-layout--2-col > .o-layout__col--enq-l {
  width: webkit-calc(60% -  24px);
  width: -moz-calc(60% -  24px);
  width: calc(60% -  24px);
}
.o-layout--2-col > .o-layout__col--enq-r {
  width: 40%;
}
.o-layout--2-col > .o-layout__col-2\/5 {
  width: webkit-calc(((100% -  24px ) / 5) * 2);
  width: -moz-calc(((100% -  24px ) / 5) * 2);
  width: calc(((100% -  24px ) / 5) * 2);
}
.o-layout--2-col > .o-layout__col-3\/5 {
  width: webkit-calc(((100% -  24px ) / 5) * 3);
  width: -moz-calc(((100% -  24px ) / 5) * 3);
  width: calc(((100% -  24px ) / 5) * 3);
}
@media (max-width: 34.365em) {
  .o-layout--2-col--break-flex\@mobile .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 46.24em) {
  .o-layout--2-col--break-flex\@tablet .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 52.49em) {
  .o-layout--2-col--break-flex\@medium .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 61.24em) {
  .o-layout--2-col--break-flex\@desktop .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 71.865em) {
  .o-layout--2-col--break-flex\@desktop-wide .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 81.24em) {
  .o-layout--2-col--break-flex\@wide .o-layout__col {
    width: 100% !important;
    flex: none !important;
    margin-right: 0;
    float: none;
  }
}

.o-layout--2-col.o-layout--2-col--no-margin .o-layout__col {
  width: webkit-calc(100% / 2);
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  margin-right: 0;
}

.o-layout--3-col {
  /* full 3 col calculated (100% - 2 interior spacing units) / 4 */
  /* reduce col count at specified mq break */
  /* remove flex at desired break */
}
.o-layout--3-col .o-layout__col {
  width: webkit-calc((100% -  48px ) / 3);
  width: -moz-calc((100% -  48px ) / 3);
  width: calc((100% -  48px ) / 3);
  flex: 0 0 auto;
  /* small gutter option */
  /* take out padding on last in row */
  /* center baised option [ bigger center col ] */
  /* 1st col filters */
  /* 2st col results */
  /* 3rd col view */
}
.o-layout--3-col .o-layout__col--sml-gutter {
  width: webkit-calc((100% -  24px ) / 3);
  width: -moz-calc((100% -  24px ) / 3);
  width: calc((100% -  24px ) / 3);
  margin-right: 12px;
}
.o-layout--3-col .o-layout__col:nth-of-type(3n) {
  margin-right: 0;
}
.o-layout--3-col .o-layout__col--o-bias-lc {
  width: webkit-calc(((100% - 600px -  48px ) / 2 ));
  width: -moz-calc(((100% - 600px -  48px ) / 2 ));
  width: calc(((100% - 600px -  48px ) / 2 ));
}
.o-layout--3-col .o-layout__col--o-bias-center {
  width: 600px;
}
.o-layout--3-col .o-layout__col--o-bias-rc {
  width: webkit-calc(((100% - 600px -  48px ) / 2 ));
  width: -moz-calc(((100% - 600px -  48px ) / 2 ));
  width: calc(((100% - 600px -  48px ) / 2 ));
}
.o-layout--3-col .o-layout__col--search-1 {
  width: 300px;
}
.o-layout--3-col .o-layout__col--search-2 {
  width: webkit-calc((100% - ( 48px  +  300px)));
  width: -moz-calc((100% - ( 48px  +  300px)));
  width: calc((100% - ( 48px  +  300px)));
}
@media (min-width: 52.5em) {
  .o-layout--3-col .o-layout__col--search-2 {
    width: webkit-calc((100% - ( 48px  +  300px)) / 2);
    width: -moz-calc((100% - ( 48px  +  300px)) / 2);
    width: calc((100% - ( 48px  +  300px)) / 2);
  }
}
.o-layout--3-col .o-layout__col--search-3 {
  display: none;
}
@media (min-width: 52.5em) {
  .o-layout--3-col .o-layout__col--search-3 {
    display: flex;
    width: webkit-calc((100% - ( 48px  + 300px )) / 2);
    width: -moz-calc((100% - ( 48px  + 300px )) / 2);
    width: calc((100% - ( 48px  + 300px )) / 2);
  }
}
@media (max-width: 34.365em) {
  .o-layout--3-col-split\@mobile .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@mobile .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@mobile .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--3-col-split\@tablet .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@tablet .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@tablet .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--3-col-split\@medium .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@medium .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@medium .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--3-col-split\@desktop .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@desktop .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@desktop .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--3-col-split\@desktop-wide .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@desktop-wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@desktop-wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--3-col-split\@wide .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--3-col-split\@wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--3-col-split\@wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 34.365em) {
  .o-layout--3-col-break-flex\@mobile .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 46.24em) {
  .o-layout--3-col-break-flex\@tablet .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 52.49em) {
  .o-layout--3-col-break-flex\@medium .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 61.24em) {
  .o-layout--3-col-break-flex\@desktop .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 71.865em) {
  .o-layout--3-col-break-flex\@desktop-wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 81.24em) {
  .o-layout--3-col-break-flex\@wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}

.o-layout--4-col {
  /* full 4 col calculated (100% - 3 interior spacing units) / 4 */
  /* half the col count at specified mq break */
  /* remove flex at desired break */
}
.o-layout--4-col .o-layout__col {
  width: webkit-calc((100% -  72px ) / 4);
  width: -moz-calc((100% -  72px ) / 4);
  width: calc((100% -  72px ) / 4);
  flex: 0 0 auto;
}
.o-layout--4-col .o-layout__col--sml-gutter {
  width: webkit-calc((100% -  36px ) / 4);
  width: -moz-calc((100% -  36px ) / 4);
  width: calc((100% -  36px ) / 4);
  margin-right: 12px;
}
.o-layout--4-col .o-layout__col:nth-of-type(4n) {
  margin-right: 0;
}
.o-layout--4-col .o-layout__col:nth-child(n+5) {
  margin-top: 24px;
}
@media (max-width: 34.365em) {
  .o-layout--4-col-split\@mobile .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@mobile .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@mobile .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@mobile .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--4-col-split\@tablet .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@tablet .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@tablet .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@tablet .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--4-col-split\@medium .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@medium .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@medium .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@medium .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--4-col-split\@desktop .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@desktop .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@desktop .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@desktop .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--4-col-split\@desktop-wide .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@desktop-wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@desktop-wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@desktop-wide .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--4-col-split\@wide .o-layout__col {
    /* re-calculate widths */
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    margin-bottom: 24px;
    /* small gutter option */
    /* take off right margin of every 2nd */
  }
  .o-layout--4-col-split\@wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
    margin-right: 12px;
  }
  .o-layout--4-col-split\@wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
  .o-layout--4-col-split\@wide .o-layout__col:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 34.365em) {
  .o-layout--4-col-break-flex\@mobile .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--4-col-break-flex\@tablet .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--4-col-break-flex\@medium .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--4-col-break-flex\@desktop .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--4-col-break-flex\@desktop-wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--4-col-break-flex\@wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
  }
}

@media (max-width: 34.365em) {
  .o-layout--delim.o-layout--4-col-split\@mobile .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@mobile .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--delim.o-layout--4-col-split\@tablet .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@tablet .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--delim.o-layout--4-col-split\@medium .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@medium .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--delim.o-layout--4-col-split\@desktop .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@desktop .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--delim.o-layout--4-col-split\@desktop-wide .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@desktop-wide .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--delim.o-layout--4-col-split\@wide .o-layout__col {
    /* take off right margin of every 2nd */
  }
  .o-layout--delim.o-layout--4-col-split\@wide .o-layout__col:nth-of-type(2n):after {
    height: 0;
    width: 0;
  }
}

@media (max-width: 34.365em) {
  .o-layout--delim.o-layout--4-col-break-flex\@mobile .o-layout__col:after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--delim.o-layout--4-col-break-flex\@tablet .o-layout__col:after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--delim.o-layout--4-col-break-flex\@medium .o-layout__col:after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--delim.o-layout--4-col-break-flex\@desktop .o-layout__col:after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--delim.o-layout--4-col-break-flex\@desktop-wide .o-layout__col:after {
    height: 0;
    width: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--delim.o-layout--4-col-break-flex\@wide .o-layout__col:after {
    height: 0;
    width: 0;
  }
}

.o-layout--5-col {
  /* full 5 col calculated (100% - 4 interior spacing units) / 4 */
  /* reduce col count at specified mq break */
  /* remove flex at desired break */
}
.o-layout--5-col .o-layout__col {
  width: webkit-calc((100% -  96px ) / 5);
  width: -moz-calc((100% -  96px ) / 5);
  width: calc((100% -  96px ) / 5);
  flex: 0 0 auto;
  /* small gutter option */
  /* take out padding on last in row */
}
.o-layout--5-col .o-layout__col--sml-gutter {
  width: webkit-calc((100% -  24px ) / 5);
  width: -moz-calc((100% -  24px ) / 5);
  width: calc((100% -  24px ) / 5);
  margin-right: 12px;
}
.o-layout--5-col .o-layout__col:nth-of-type(5n) {
  margin-right: 0;
}
@media (max-width: 34.365em) {
  .o-layout--5-col-split\@mobile .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@mobile .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@mobile .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 46.24em) {
  .o-layout--5-col-split\@tablet .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@tablet .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@tablet .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 52.49em) {
  .o-layout--5-col-split\@medium .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@medium .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@medium .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 61.24em) {
  .o-layout--5-col-split\@desktop .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@desktop .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@desktop .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 71.865em) {
  .o-layout--5-col-split\@desktop-wide .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@desktop-wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@desktop-wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 81.24em) {
  .o-layout--5-col-split\@wide .o-layout__col {
    width: webkit-calc((100% -  24px ) / 2);
    width: -moz-calc((100% -  24px ) / 2);
    width: calc((100% -  24px ) / 2);
    /* take off right margin of every 2nd */
  }
  .o-layout--5-col-split\@wide .o-layout__col--sml-gutter {
    width: webkit-calc((100% -  12px ) / 2);
    width: -moz-calc((100% -  12px ) / 2);
    width: calc((100% -  12px ) / 2);
  }
  .o-layout--5-col-split\@wide .o-layout__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 34.365em) {
  .o-layout--5-col-break-flex\@mobile .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 46.24em) {
  .o-layout--5-col-break-flex\@tablet .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 52.49em) {
  .o-layout--5-col-break-flex\@medium .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 61.24em) {
  .o-layout--5-col-break-flex\@desktop .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 71.865em) {
  .o-layout--5-col-break-flex\@desktop-wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 81.24em) {
  .o-layout--5-col-break-flex\@wide .o-layout__col {
    flex: none !important;
    float: none !important;
    width: 100% !important;
  }
}

.o-layout__fixed-row {
  min-height: 150px;
}

/* no-fex fallback for IE < 11 */
.no-flexbox .o-layout--4-col .o-layout__col {
  float: left;
  width: webkit-calc((100% -  72px ) / 4);
  width: -moz-calc((100% -  72px ) / 4);
  width: calc((100% -  72px ) / 4);
}
.no-flexbox .o-layout--3-col .o-layout__col {
  float: left;
  width: webkit-calc((100% -  72px ) / 3);
  width: -moz-calc((100% -  72px ) / 3);
  width: calc((100% -  72px ) / 3);
}
.no-flexbox .o-layout--2-col .o-layout__col {
  float: left;
  width: webkit-calc((100% -  72px ) / 2);
  width: -moz-calc((100% -  72px ) / 2);
  width: calc((100% -  72px ) / 2);
}

.u-flex-v-50 {
  flex: 0 0 50%;
  height: 50%;
}

.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;
}

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

.login-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;
}

/*  ===== 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;
}

/*  ===== DINO LIST ====================================================
    Author: Simon Allin | 2018 | 
    ==========================================================================  */
/* DOCUMENT INFORMATION

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

*/
.c-dino-list {
  margin-left: 0;
  padding-left: 0;
}
.c-dino-list li {
  list-style: none;
  list-style-image: none;
}

.c-dino-list__heading {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 12px;
}

.c-dino-list__item {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 12px;
  padding-left: 40px;
  background-image: url(svg/ico/ico-dino.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 4px 4px;
}

.c-dino-list__item--cat {
  background-image: url(svg/ico/ico-cat.svg);
  background-size: 26px;
  background-position: 4px 2px;
}

.c-dino-footer__text {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  margin-bottom: 24px;
  color: #292f33;
}

/*  ---------------------------------------------------------------------
    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;
}

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

.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;
}

body {
  margin: 0;
  padding: 0;
  font: 16px/1 sans-serif;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

/*  ---------------------------------------------------------------------
  #form | . = core class | -- modifiers
  ---------------------------------------------------------------------  */
* {
  box-sizing: border-box;
}

.login-form__message {
  font-family: HelveticaNeueW01-47LtCn_692689;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  border: 2px solid;
  padding: 10px;
  margin-bottom: 20px;
}

html {
  height: 100%;
}

.login {
  height: 100%;
}
@media (min-width: 61.25em) {
  .login {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
}
.login-wrapper {
  font-family: "Mada", Arial, sans-serif;
  font-weight: normal;
  background-color: white;
  height: 100%;
}
@media (min-width: 61.25em) {
  .login-wrapper {
    flex: 2;
    display: flex;
  }
}
.login .hints {
  font-family: "Mada", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: -0.2px;
}
.login__link {
  color: #00A0DD;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}
.login__link:hover {
  text-decoration: underline;
}
.login__link--secondary {
  color: #666;
}
.login__link--forgot-password {
  float: right;
  margin-top: 5px;
}
.login-container {
  position: relative;
  width: auto;
  min-height: 100%;
  -webkit-transition: 0.2s all;
  -khtml-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  background: #FFF;
  padding: 48px;
  padding-bottom: 96px;
}
@media (min-width: 61.25em) {
  .login-container {
    width: 40%;
    flex: 0 0 auto;
  }
}
@media (min-width: 61.25em) {
  .login-container--create-acc {
    width: 60%;
  }
}
.login-form__title {
  letter-spacing: -1px;
  margin: 0;
}
@media (min-width: 768px) {
  .login-form__title {
    margin-bottom: 10px;
  }
}
.login-form__title--truncate {
  width: 100%;
}
.login-form__sub-title {
  margin-bottom: 10px;
  letter-spacing: -1px;
}
.login-form__label {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 6px;
}
.login-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;
}
.login-form__footer {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.login-form__footer--small {
  border: 0;
  margin-top: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 12px;
  min-height: 20px;
  width: 100%;
  border-top: 1px solid #ddd;
}
.login-form__nav {
  display: inline;
  margin: 0 8px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 81.24em) {
  .login-form__nav {
    display: block;
    margin-bottom: 12px;
  }
}
.login-form__nav--small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
}
.login-promo {
  position: relative;
  flex: 0 0 auto;
  width: 60%;
  background-size: cover;
}
.login-promo--create-acc {
  width: 40%;
}
.login-promo__caption {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  width: webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  min-height: 30px;
  color: #FFF;
  font-family: "Mada", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}

.c-caption-slider {
  display: block;
  margin-bottom: 6px;
}

.c-caption-slider__logo {
  float: left;
  width: 22px;
  height: 22px;
  background: url(svg/ico-camera-22-22.svg);
}

.c-tape {
  float: right;
  width: auto;
  padding: 12px;
  background: rgba(0, 0, 0, 0.7);
}

.injectfix > ul {
  font-family: "Mada", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -1px;
  margin: 10px 0;
  list-style-type: none;
}
.injectfix > ul > li:before {
  content: "- ";
  text-indent: -5px;
}

/*# sourceMappingURL=login.css.map */