/* Tento soubor byl vygenerovan (Tue Sep 29 2015 10:00:04 GMT+0200 (Střední Evropa (letní čas))), needitujte rucne! */
/* ----------------------- */
/* CONTENT AREA
/* ----------------------- */
/* ----------------------- */
/* ASSET PATHS
/* ----------------------- */
/* ----------------------- */
/* FONTS
/* ----------------------- */
/* ----------------------- */
/* RESPONSIVE BREAKPOINTS
/* ----------------------- */
/* ----------------------- */
/* SITE STATE CLASSES
/* ----------------------- */
/* ----------------------- */
/* COMPONENT DEPTHS
/* ----------------------- */
/* ----------------------- */
/* SITE GRID (columns)
/* ----------------------- */
.Grid-cell--1of12 {
  width: 8.33333333% !important;
}
.Grid-offset--1of12 {
  margin-left: 8.33333333% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--1of12 {
    width: 8.33333333% !important;
  }
  .md-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--1of12 {
    width: 8.33333333% !important;
  }
  .sm-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--1of12 {
    width: 8.33333333% !important;
  }
  .xs-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
.Grid-cell--2of12 {
  width: 16.66666667% !important;
}
.Grid-offset--2of12 {
  margin-left: 16.66666667% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--2of12 {
    width: 16.66666667% !important;
  }
  .md-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--2of12 {
    width: 16.66666667% !important;
  }
  .sm-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--2of12 {
    width: 16.66666667% !important;
  }
  .xs-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
.Grid-cell--3of12 {
  width: 25% !important;
}
.Grid-offset--3of12 {
  margin-left: 25% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--3of12 {
    width: 25% !important;
  }
  .md-offset--3of12 {
    margin-left: 25% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--3of12 {
    width: 25% !important;
  }
  .sm-offset--3of12 {
    margin-left: 25% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--3of12 {
    width: 25% !important;
  }
  .xs-offset--3of12 {
    margin-left: 25% !important;
  }
}
.Grid-cell--4of12 {
  width: 33.33333333% !important;
}
.Grid-offset--4of12 {
  margin-left: 33.33333333% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--4of12 {
    width: 33.33333333% !important;
  }
  .md-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--4of12 {
    width: 33.33333333% !important;
  }
  .sm-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--4of12 {
    width: 33.33333333% !important;
  }
  .xs-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
.Grid-cell--5of12 {
  width: 41.66666667% !important;
}
.Grid-offset--5of12 {
  margin-left: 41.66666667% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--5of12 {
    width: 41.66666667% !important;
  }
  .md-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--5of12 {
    width: 41.66666667% !important;
  }
  .sm-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--5of12 {
    width: 41.66666667% !important;
  }
  .xs-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
.Grid-cell--6of12 {
  width: 50% !important;
}
.Grid-offset--6of12 {
  margin-left: 50% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--6of12 {
    width: 50% !important;
  }
  .md-offset--6of12 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--6of12 {
    width: 50% !important;
  }
  .sm-offset--6of12 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--6of12 {
    width: 50% !important;
  }
  .xs-offset--6of12 {
    margin-left: 50% !important;
  }
}
.Grid-cell--7of12 {
  width: 58.33333333% !important;
}
.Grid-offset--7of12 {
  margin-left: 58.33333333% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--7of12 {
    width: 58.33333333% !important;
  }
  .md-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--7of12 {
    width: 58.33333333% !important;
  }
  .sm-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--7of12 {
    width: 58.33333333% !important;
  }
  .xs-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
.Grid-cell--8of12 {
  width: 66.66666667% !important;
}
.Grid-offset--8of12 {
  margin-left: 66.66666667% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--8of12 {
    width: 66.66666667% !important;
  }
  .md-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--8of12 {
    width: 66.66666667% !important;
  }
  .sm-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--8of12 {
    width: 66.66666667% !important;
  }
  .xs-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
.Grid-cell--9of12 {
  width: 75% !important;
}
.Grid-offset--9of12 {
  margin-left: 75% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--9of12 {
    width: 75% !important;
  }
  .md-offset--9of12 {
    margin-left: 75% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--9of12 {
    width: 75% !important;
  }
  .sm-offset--9of12 {
    margin-left: 75% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--9of12 {
    width: 75% !important;
  }
  .xs-offset--9of12 {
    margin-left: 75% !important;
  }
}
.Grid-cell--10of12 {
  width: 83.33333333% !important;
}
.Grid-offset--10of12 {
  margin-left: 83.33333333% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--10of12 {
    width: 83.33333333% !important;
  }
  .md-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--10of12 {
    width: 83.33333333% !important;
  }
  .sm-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--10of12 {
    width: 83.33333333% !important;
  }
  .xs-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
.Grid-cell--11of12 {
  width: 91.66666667% !important;
}
.Grid-offset--11of12 {
  margin-left: 91.66666667% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--11of12 {
    width: 91.66666667% !important;
  }
  .md-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--11of12 {
    width: 91.66666667% !important;
  }
  .sm-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--11of12 {
    width: 91.66666667% !important;
  }
  .xs-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
.Grid-cell--12of12 {
  width: 100% !important;
}
.Grid-offset--12of12 {
  margin-left: 100% !important;
}
@media only screen and (max-width: 1280px) {
  .md-cell--12of12 {
    width: 100% !important;
  }
  .md-offset--12of12 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .sm-cell--12of12 {
    width: 100% !important;
  }
  .sm-offset--12of12 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-cell--12of12 {
    width: 100% !important;
  }
  .xs-offset--12of12 {
    margin-left: 100% !important;
  }
}
.Grid {
  margin-left: -25px;
}
.Grid .Grid-cell {
  padding-left: 25px;
}
/* ----------------------- */
/* SITE SPACING (max, step)
/* ----------------------- */
.u-mb--none {
  margin-bottom: 0 !important;
}
.u-mt--none {
  margin-top: 0 !important;
}
.u-mr--none {
  margin-right: 0 !important;
}
.u-ml--none {
  margin-left: 0 !important;
}
.u-pb--none {
  padding-bottom: 0 !important;
}
.u-pt--none {
  padding-top: 0 !important;
}
.u-pl--none {
  padding-left: 0 !important;
}
.u-pr--none {
  padding-right: 0 !important;
}
.u-mb--10 {
  margin-bottom: 10px !important;
}
.u-mt--10 {
  margin-top: 10px !important;
}
.u-ml--10 {
  margin-left: 10px !important;
}
.u-mr--10 {
  margin-right: 10px !important;
}
.u-pb--10 {
  padding-bottom: 10px !important;
}
.u-pt--10 {
  padding-top: 10px !important;
}
.u-pl--10 {
  padding-left: 10px !important;
}
.u-pr--10 {
  padding-right: 10px !important;
}
.u-mb--20 {
  margin-bottom: 20px !important;
}
.u-mt--20 {
  margin-top: 20px !important;
}
.u-ml--20 {
  margin-left: 20px !important;
}
.u-mr--20 {
  margin-right: 20px !important;
}
.u-pb--20 {
  padding-bottom: 20px !important;
}
.u-pt--20 {
  padding-top: 20px !important;
}
.u-pl--20 {
  padding-left: 20px !important;
}
.u-pr--20 {
  padding-right: 20px !important;
}
.u-mb--30 {
  margin-bottom: 30px !important;
}
.u-mt--30 {
  margin-top: 30px !important;
}
.u-ml--30 {
  margin-left: 30px !important;
}
.u-mr--30 {
  margin-right: 30px !important;
}
.u-pb--30 {
  padding-bottom: 30px !important;
}
.u-pt--30 {
  padding-top: 30px !important;
}
.u-pl--30 {
  padding-left: 30px !important;
}
.u-pr--30 {
  padding-right: 30px !important;
}
.u-mb--40 {
  margin-bottom: 40px !important;
}
.u-mt--40 {
  margin-top: 40px !important;
}
.u-ml--40 {
  margin-left: 40px !important;
}
.u-mr--40 {
  margin-right: 40px !important;
}
.u-pb--40 {
  padding-bottom: 40px !important;
}
.u-pt--40 {
  padding-top: 40px !important;
}
.u-pl--40 {
  padding-left: 40px !important;
}
.u-pr--40 {
  padding-right: 40px !important;
}
.u-mb--50 {
  margin-bottom: 50px !important;
}
.u-mt--50 {
  margin-top: 50px !important;
}
.u-ml--50 {
  margin-left: 50px !important;
}
.u-mr--50 {
  margin-right: 50px !important;
}
.u-pb--50 {
  padding-bottom: 50px !important;
}
.u-pt--50 {
  padding-top: 50px !important;
}
.u-pl--50 {
  padding-left: 50px !important;
}
.u-pr--50 {
  padding-right: 50px !important;
}
.u-mb--60 {
  margin-bottom: 60px !important;
}
.u-mt--60 {
  margin-top: 60px !important;
}
.u-ml--60 {
  margin-left: 60px !important;
}
.u-mr--60 {
  margin-right: 60px !important;
}
.u-pb--60 {
  padding-bottom: 60px !important;
}
.u-pt--60 {
  padding-top: 60px !important;
}
.u-pl--60 {
  padding-left: 60px !important;
}
.u-pr--60 {
  padding-right: 60px !important;
}
.u-mb--70 {
  margin-bottom: 70px !important;
}
.u-mt--70 {
  margin-top: 70px !important;
}
.u-ml--70 {
  margin-left: 70px !important;
}
.u-mr--70 {
  margin-right: 70px !important;
}
.u-pb--70 {
  padding-bottom: 70px !important;
}
.u-pt--70 {
  padding-top: 70px !important;
}
.u-pl--70 {
  padding-left: 70px !important;
}
.u-pr--70 {
  padding-right: 70px !important;
}
@media only screen and (max-width: 1024px) {
  .u-sm-mb--none {
    margin-bottom: 0 !important;
  }
  .u-sm-mt--none {
    margin-top: 0 !important;
  }
  .u-sm-mr--none {
    margin-right: 0 !important;
  }
  .u-sm-ml--none {
    margin-left: 0 !important;
  }
  .u-sm-pb--none {
    padding-bottom: 0 !important;
  }
  .u-sm-pt--none {
    padding-top: 0 !important;
  }
  .u-sm-pl--none {
    padding-left: 0 !important;
  }
  .u-sm-pr--none {
    padding-right: 0 !important;
  }
  .u-sm-mb--10 {
    margin-bottom: 10px !important;
  }
  .u-sm-mt--10 {
    margin-top: 10px !important;
  }
  .u-sm-ml--10 {
    margin-left: 10px !important;
  }
  .u-sm-mr--10 {
    margin-right: 10px !important;
  }
  .u-sm-pb--10 {
    padding-bottom: 10px !important;
  }
  .u-sm-pt--10 {
    padding-top: 10px !important;
  }
  .u-sm-pl--10 {
    padding-left: 10px !important;
  }
  .u-sm-pr--10 {
    padding-right: 10px !important;
  }
  .u-sm-mb--20 {
    margin-bottom: 20px !important;
  }
  .u-sm-mt--20 {
    margin-top: 20px !important;
  }
  .u-sm-ml--20 {
    margin-left: 20px !important;
  }
  .u-sm-mr--20 {
    margin-right: 20px !important;
  }
  .u-sm-pb--20 {
    padding-bottom: 20px !important;
  }
  .u-sm-pt--20 {
    padding-top: 20px !important;
  }
  .u-sm-pl--20 {
    padding-left: 20px !important;
  }
  .u-sm-pr--20 {
    padding-right: 20px !important;
  }
  .u-sm-mb--30 {
    margin-bottom: 30px !important;
  }
  .u-sm-mt--30 {
    margin-top: 30px !important;
  }
  .u-sm-ml--30 {
    margin-left: 30px !important;
  }
  .u-sm-mr--30 {
    margin-right: 30px !important;
  }
  .u-sm-pb--30 {
    padding-bottom: 30px !important;
  }
  .u-sm-pt--30 {
    padding-top: 30px !important;
  }
  .u-sm-pl--30 {
    padding-left: 30px !important;
  }
  .u-sm-pr--30 {
    padding-right: 30px !important;
  }
  .u-sm-mb--40 {
    margin-bottom: 40px !important;
  }
  .u-sm-mt--40 {
    margin-top: 40px !important;
  }
  .u-sm-ml--40 {
    margin-left: 40px !important;
  }
  .u-sm-mr--40 {
    margin-right: 40px !important;
  }
  .u-sm-pb--40 {
    padding-bottom: 40px !important;
  }
  .u-sm-pt--40 {
    padding-top: 40px !important;
  }
  .u-sm-pl--40 {
    padding-left: 40px !important;
  }
  .u-sm-pr--40 {
    padding-right: 40px !important;
  }
  .u-sm-mb--50 {
    margin-bottom: 50px !important;
  }
  .u-sm-mt--50 {
    margin-top: 50px !important;
  }
  .u-sm-ml--50 {
    margin-left: 50px !important;
  }
  .u-sm-mr--50 {
    margin-right: 50px !important;
  }
  .u-sm-pb--50 {
    padding-bottom: 50px !important;
  }
  .u-sm-pt--50 {
    padding-top: 50px !important;
  }
  .u-sm-pl--50 {
    padding-left: 50px !important;
  }
  .u-sm-pr--50 {
    padding-right: 50px !important;
  }
  .u-sm-mb--60 {
    margin-bottom: 60px !important;
  }
  .u-sm-mt--60 {
    margin-top: 60px !important;
  }
  .u-sm-ml--60 {
    margin-left: 60px !important;
  }
  .u-sm-mr--60 {
    margin-right: 60px !important;
  }
  .u-sm-pb--60 {
    padding-bottom: 60px !important;
  }
  .u-sm-pt--60 {
    padding-top: 60px !important;
  }
  .u-sm-pl--60 {
    padding-left: 60px !important;
  }
  .u-sm-pr--60 {
    padding-right: 60px !important;
  }
  .u-sm-mb--70 {
    margin-bottom: 70px !important;
  }
  .u-sm-mt--70 {
    margin-top: 70px !important;
  }
  .u-sm-ml--70 {
    margin-left: 70px !important;
  }
  .u-sm-mr--70 {
    margin-right: 70px !important;
  }
  .u-sm-pb--70 {
    padding-bottom: 70px !important;
  }
  .u-sm-pt--70 {
    padding-top: 70px !important;
  }
  .u-sm-pl--70 {
    padding-left: 70px !important;
  }
  .u-sm-pr--70 {
    padding-right: 70px !important;
  }
}
html {
  font-size: 16px;
  font-size: 1rem;
}
body {
  min-width: 0;
}
/* ----------------------- */
/* CAPABLE SELECTORS (modernizr)
/* ----------------------- */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    margin: 0;
    padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: normal;
  vertical-align: baseline;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  padding: 0 !important;
  margin: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
input,
textarea,
select {
  font-size: 100%;
}
ul {
  list-style: none;
}
input::-webkit-calendar-picker-indicator {
  display: none;
}
input[type=date]::-webkit-input-placeholder {
  visibility: hidden !important;
}
input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-o-outer-spin-button,
input::-o-inner-spin-button {
  -o-appearance: none;
  margin: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/**
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-alignBaseline {
  vertical-align: baseline !important;
}
.u-alignBottom {
  vertical-align: bottom !important;
}
.u-alignMiddle {
  vertical-align: middle !important;
}
.u-alignTop {
  vertical-align: top !important;
}
.u-noTransition {
  transition: none !important;
}
/**
 * Display-type utilities
 */
.u-block {
  display: block !important;
}
.u-hidden,
.u-sm-block,
.u-sm-inlineBlock {
  display: none !important;
}
@media only screen and (max-width: 1280px) {
  .u-md-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .u-sm-hidden {
    display: none !important;
  }
  .u-sm-block {
    display: block !important;
  }
  .u-sm-inlineBlock {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-xs-hidden {
    display: none !important;
  }
}
.u-invisible {
  visibility: hidden;
}
/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.u-inline {
  display: inline !important;
}
/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */
}
.u-table {
  display: table !important;
}
.u-tableCell {
  display: table-cell !important;
}
.u-tableRow {
  display: table-row !important;
}
/**
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.u-cf:after {
  clear: both;
}
/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
  overflow: hidden !important;
}
/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behaviour of table-cell.
 *
 * N.B. This breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nbfcAlt {
  display: table-cell !important;
  /* 1 */
  width: 10000px !important;
  /* 2 */
}
/**
 * Floats
 */
.u-floatLeft {
  float: left !important;
}
.u-floatRight {
  float: right !important;
}
.u-clearLeft {
  clear: left !important;
}
.u-clearRight {
  clear: right !important;
}
.u-clearBoth {
  clear: both !important;
}
@media only screen and (max-width: 1280px) {
  .u-md-floatNone {
    float: none !important;
  }
}
.u-posAbsolute {
  position: absolute !important;
}
/**
 * Pins to all corners by default. But when a width and/or height are
 * provided, the element will be centered in its nearest relatively-positioned
 * ancestor.
 */
.u-posAbsoluteCenter {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-posFixed {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */
}
.u-posRelative {
  position: relative !important;
}
.u-posStatic {
  position: static !important;
}
/**
 * Aligns
 */
.u-left {
  left: 0 !important;
  right: auto !important;
}
.u-right {
  right: 0 !important;
  left: auto !important;
}
.u-top {
  top: 0 !important;
  bottom: auto !important;
}
.u-bottom {
  bottom: 0 !important;
  top: auto !important;
}
.u-fluidImg {
  max-width: 100%;
}
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
  word-wrap: break-word !important;
}
/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important;
}
.u-textLeft {
  text-align: left !important;
}
.u-textRight {
  text-align: right !important;
}
/**
 * Inherit the ancestor's text color.
 */
.u-textInheritColor {
  color: inherit !important;
}
/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 * 2. Chrome (not Windows), Firefox, IE 10+
 * 3. Safari 7 and future browsers
 */
.u-textKern {
  text-rendering: optimizeLegibility;
  /* 1 */
  -webkit-font-feature-settings: "kern" 1;
          font-feature-settings: "kern" 1;
  /* 2 */
  -webkit-font-kerning: normal;
          font-kerning: normal;
  /* 3 */
}
/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important;
}
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */
}
@font-face {
  font-family: 'AvenirNextLTPro';
  src: url('../fonts/AvenirNextLTPro-Regular.eot');
  src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: 'AvenirNextLTPro';
  src: url('../fonts/AvenirNextLTPro-Bold.eot');
  src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'), url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?vpq7uf');
  src: url('../fonts/icomoon.eot?#iefixvpq7uf') format('embedded-opentype'), url('../fonts/icomoon.ttf?vpq7uf') format('truetype'), url('../fonts/icomoon.woff?vpq7uf') format('woff'), url('../fonts/icomoon.svg?-tvmykp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 * components/Base/Grid/Grid.less
 *
 * Grid
 */
.Grid {
  text-align: left;
}
/**
 * Modifier: vertical middle
 */
.Grid--alignMiddle > .Grid-cell {
  vertical-align: middle;
}
/**
 * Modifier: vertical bottom
 */
.Grid--alignBottom > .Grid-cell {
  vertical-align: bottom;
}
/**
 * Modifier: table
 */
.Grid--table {
  display: table;
}
.Grid--table .Grid-cell {
  display: table-cell;
}
/**
 * Modifier: Grid with gutter
 */
/**
 * Grid cell
 */
.Grid-cell {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
/**
 * components/Button/Button.less
 *
 * Base button
 */
.Button {
  display: inline-block;
  position: relative;
  height: 44px;
  line-height: 46px;
  line-height: 2.875rem;
  padding: 0 30px;
  margin-bottom: 4px;
  background: #dc353b;
  border: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
  letter-spacing: 0.03em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  outline: 0;
  transition: 0.1s ease;
}
.Button:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #bd2126;
  position: absolute;
  left: 0;
  bottom: -4px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  transition: 0.1s ease;
}
.Button:hover {
  color: white;
  text-decoration: none;
  background: #d3252b;
}
.Button:active {
  -webkit-transform: translate3d(0, 4px, 0);
          transform: translate3d(0, 4px, 0);
}
.Button:active:before {
  -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
          transform: scale(1, 0);
}
/**
 * Modofier: button small
 */
.Button--small {
  height: 34px;
  line-height: 34px;
  line-height: 2.125rem;
  padding: 0 15px;
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.Button--small:before {
  display: none;
}
.Button--small:active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
/**
 * Modofier: button big
 */
.Button--big {
  height: 50px;
  line-height: 50px;
  line-height: 3.125rem;
  padding: 0 40px;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
}
.Button--big:before {
  height: 5px;
  bottom: -5px;
}
.Button--big:active {
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
}
/**
 * Modofier: button disabled
 */
.Button--disabled {
  background: #ebf3fb;
  color: rgba(1, 46, 85, 0.5);
}
.Button--disabled:before {
  background: #d1dbe5;
}
.Button--disabled:hover {
  background: #ebf3fb;
  color: rgba(1, 46, 85, 0.5);
}
/**
 * Modifier: button orange
 */
.Button--orange {
  background: #e57c28;
}
.Button--orange:before {
  background: #c26418;
}
.Button--orange:hover {
  background: #d96f1a;
}
/**
 * Modifier: button green
 */
.Button--green {
  background: #65aa3c;
}
.Button--green:before {
  background: #4f842f;
}
.Button--green:hover {
  background: #5a9735;
}
/**
 * Modifier: button blue
 */
.Button--blue {
  background: #005aa9;
}
.Button--blue:before {
  background: #003f76;
}
.Button--blue:hover {
  background: #004c90;
}
/**
 * Modifier: button light blue
 */
.Button--lightBlue {
  background: #2180d3;
}
.Button--lightBlue:before {
  background: #1a65a7;
}
.Button--lightBlue:hover {
  background: #1e73bd;
}
/**
 * Modifier: button LinkedIn
 */
.Button--linkedIn {
  background: #005aa9;
}
.Button--linkedIn:before {
  background: #003f76;
}
.Button--linkedIn:hover {
  background: #004c90;
}
/**
 * Modifier: button Twitter
 */
.Button--twitter {
  background: #29a8e0;
}
.Button--twitter:before {
  background: #1b8abb;
}
.Button--twitter:hover {
  background: #1e9ad1;
}
/**
 * Modifier: button with arrow
 */
.Button--withArrow {
  text-align: left;
  text-transform: none;
  font-size: 18px;
  font-size: 1.125rem;
  height: 60px;
  line-height: 60px;
  line-height: 3.75rem;
  background: #ffffff url('/common/images/layout/bcg-corner5.png') no-repeat right top;
  background-size: 104px;
  color: #af0f15;
  padding: 0 24px;
  min-width: 280px;
}
.Button--withArrow:before {
  display: none;
}
.Button--withArrow:after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #af0f15;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  transition: 0.3s ease;
}
.Button--withArrow:hover {
  background: #ffffff url('/common/images/layout/bcg-corner5.png') no-repeat right top;
  background-size: 144px;
  color: #dc353b;
}
.Button--withArrow:hover:after {
  border-color: transparent transparent transparent #dc353b;
}
.Icon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon.Icon--separator:before {
  content: "|";
  opacity: 0.7;
  margin: 0 5px;
}
.Icon.Icon--paragraph:before {
  content: "\e605";
}
.Icon.Icon--plusRounded:before {
  content: "\e606";
}
.Icon.Icon--round:before {
  content: "\e607";
}
.Icon.Icon--list:before {
  content: "\e608";
}
.Icon.Icon--plus:before {
  content: "\e609";
}
.Icon.Icon--gear:before {
  content: "\e60a";
}
.Icon.Icon--check:before {
  content: "\e60b";
}
.Icon.Icon--graph:before {
  content: "\e60c";
}
.Icon.Icon--magnifier:before {
  content: "\e600";
}
.Icon.Icon--user:before {
  content: "\e601";
}
.Icon.Icon--menu:before {
  content: "\e602";
}
.Icon.Icon--twitter:before {
  content: "\e603";
}
.Icon.Icon--linkedIn:before {
  content: "\e604";
}
/*
     * Modifier: header - big icon in header
     */
.Icon--header {
  color: #005aa9;
  font-size: 32px;
  font-size: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 10px 0 0;
}
.Icon--arrow {
  display: inline-block;
  border-style: solid;
  border-width: 16px 0 16px 27px;
  border-color: transparent transparent transparent #005aa9;
  margin-right: 5px;
}
.Icon--arrow-medium {
  border-width: 7px 0 7px 12px;
}
/**
 * components/Form/Form.less
 *
 * Form
 */
.Form {
  position: relative;
}
.Form-item {
  position: relative;
  display: inline-block;
}
.Form-input {
  background: #ebf3fb;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-family: "AvenirNextLTPro";
  height: 44px;
  padding: 0 20px;
  border: 1px solid #ebf3fb;
  transition: 0.3s ease;
}
.Form-input::-webkit-input-placeholder {
  color: #012e55;
}
.Form-input:-moz-placeholder {
  color: #012e55;
}
.Form-input::-moz-placeholder {
  color: #012e55;
}
.Form-input:-ms-input-placeholder {
  color: #012e55;
}
.Form-input:focus {
  outline: none;
  border-color: #aecce6;
}
.Form-input:disabled::-webkit-input-placeholder {
  color: rgba(1, 46, 85, 0.5);
}
.Form-input:disabled:-moz-placeholder {
  color: rgba(1, 46, 85, 0.5);
}
.Form-input:disabled::-moz-placeholder {
  color: rgba(1, 46, 85, 0.5);
}
.Form-input:disabled:-ms-input-placeholder {
  color: rgba(1, 46, 85, 0.5);
}
.Form-input.error-field {
  border-color: #dc353b;
  background: #fbe7e8;
}
.Form-input.success-field {
  border-color: #65aa3c;
  background: #d7edcb;
}
.Form-select {
  background: #ebf3fb;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-family: "AvenirNextLTPro";
  height: 44px;
  padding: 0 15px;
  border: 1px solid #ebf3fb;
  transition: 0.3s ease;
}
.Form-select:focus {
  outline: none;
  border-color: #aecce6;
}
.Form-group {
  position: relative;
  margin-bottom: 15px;
}
.Form-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
}
/**
 * help-block
 */
.help-block {
  position: absolute;
  left: 0;
  z-index: 1;
  background: #dc353b;
  color: white;
  padding: 5px 8px;
  font-size: 12px;
  font-size: 0.75rem;
}
/**
 *  Checkboxes and radios
 */
.Form-checkbox,
.Form-radio {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
.Form-checkbox + label,
.Form-radio + label {
  position: relative;
  display: block;
  padding-left: 30px;
  min-height: 20px;
}
.Form-checkbox + label:before,
.Form-radio + label:before {
  background: white;
  display: block;
  font-family: 'icomoon';
  font-size: 12px;
  font-size: 0.75rem;
  content: "\e60b";
  color: white;
  overflow: hidden;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  line-height: 1.25rem;
  border: 1px solid #aecce6;
  text-align: center;
  text-indent: 20px;
  transition: 0.3s ease;
  cursor: pointer;
}
.Form-checkbox:checked + label:before,
.Form-radio:checked + label:before,
.Form-checkbox.checked:before,
.Form-radio.checked:before {
  border: none;
  background: #005aa9;
  text-indent: 0;
}
.Form-checkbox:disabled + label,
.Form-radio:disabled + label {
  color: rgba(1, 46, 85, 0.5);
}
.Form-checkbox:disabled + label:before,
.Form-radio:disabled + label:before {
  border-color: #d1dbe5;
}
.Form-checkbox:checked:disabled + label:before,
.Form-radio:checked:disabled + label:before {
  border: none;
  background: #d1dbe5;
}
.Form-radio + label:before,
.Form-radio + label:after {
  border-radius: 50%;
  content: "";
}
.Form-radio + label:after {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -4px;
  line-height: 20px;
  line-height: 1.25rem;
  background: white;
  transition: 0.3s ease;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  cursor: pointer;
}
.Form-radio:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.Table {
  position: relative;
  overflow: auto;
}
.Table table {
  width: 100%;
}
.Table table td,
.Table table th {
  padding: 11px 24px 11px;
}
.Table table td:last-child,
.Table table th:last-child {
  text-align: right;
}
.Table table th {
  background: #012e55;
  color: #d6e7f6;
}
.Table table tr:nth-child(even) {
  background: #ebf3fb;
}
.Section:before,
.Section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Section:after {
  clear: both;
}
.Section-header {
  text-align: center;
  margin: 60px 0;
  font-size: 34px;
  font-size: 2.125rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .Section-header {
    font-size: 28px;
    font-size: 1.75rem;
    margin: 30px 0 40px;
  }
}
.Section-headerSolutions {
  text-align: left;
  margin: 100px 0 40px;
  font-size: 44px;
  font-size: 2.75rem;
  text-transform: uppercase;
}
.Section-headerSolutions.Color--red .Icon--arrow {
  border-color: transparent transparent transparent #af0f15;
}
.Section-headerSolutions.Color--orange .Icon--arrow {
  border-color: transparent transparent transparent #d65803;
}
.Section-headerSolutions.Color--green .Icon--arrow {
  border-color: transparent transparent transparent #3c8d0c;
}
.Section-headerSolutions.Color--blue .Icon--arrow {
  border-color: transparent transparent transparent #005aa9;
}
@media only screen and (max-width: 1024px) {
  .Section-headerSolutions {
    font-size: 28px;
    font-size: 1.75rem;
    margin: 30px 0 40px;
  }
  .Section-headerSolutions .Icon--arrow {
    border-width: 10px 0 10px 18px;
  }
}
/**
 * Modifier: dark
 */
.Section--dark {
  background: #012e55;
  color: #d6e7f6;
}
.Section--dark h2,
.Section--dark p a {
  color: #d6e7f6;
}
/**
 * Styles for wysiwyg editor generated content
 */
.Editor {
  /**
     * Modifier: Color--blue
     */
  /**
     * Modifier: Color--red
     */
  /**
     * Modifier: Color--orange
     */
  /**
     * Modifier: Color--green
     */
}
.Editor h2 {
  margin: 0 0 20px;
  text-transform: uppercase;
}
.Editor h2.Color--red {
  color: #af0f15;
}
.Editor h2.Color--green {
  color: #3c8d0c;
}
.Editor h2.Color--orange {
  color: #d65803;
}
.Editor h2.Color--blue {
  color: #005aa9;
}
.Editor h3 {
  margin: 0 0 20px;
}
.Editor a:not(.Button) {
  color: #005aa9;
}
.Section--dark .Editor a:not(.Button) {
  color: #d6e7f6;
}
.Editor p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 20px;
}
.Editor ul {
  margin: 0 0 20px;
}
.Editor ul li {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 0 8px 20px;
}
.Editor ul li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7px;
  border-color: transparent transparent transparent #005aa9;
  margin: 0 0 0 8px;
  position: absolute;
  left: -8px;
  top: 6px;
}
.Editor ol {
  margin: 0 0 20px;
  list-style-type: none;
  counter-reset: ol-counter;
}
.Editor ol li {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 0 8px 30px;
}
.Editor ol li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  display: block;
  background: #005aa9;
  width: 20px;
  height: 20px;
  line-height: 20px;
  line-height: 1.25rem;
  border-radius: 50%;
  color: #d6e7f6;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: -2px;
  top: 1px;
}
.Editor .Color--blue ul li:before {
  border-color: transparent transparent transparent #005aa9;
}
.Editor .Color--blue ol li:before {
  background: #005aa9;
  color: #fff;
}
.Editor .Color--red ul li:before {
  border-color: transparent transparent transparent #af0f15;
}
.Editor .Color--red ol li:before {
  background: #dc353b;
  color: #fff;
}
.Editor .Color--orange ul li:before {
  border-color: transparent transparent transparent #d65803;
}
.Editor .Color--orange ol li:before {
  background: #e57c28;
  color: #fff;
}
.Editor .Color--green ul li:before {
  border-color: transparent transparent transparent #3c8d0c;
}
.Editor .Color--green ol li:before {
  background: #65aa3c;
  color: #fff;
}
figure {
  margin: 0;
}
.Figure img {
  max-width: 100%;
}
.Figure-caption {
  text-align: center;
  font-weight: 700;
  margin: 20px 0;
}
.Background--white {
  background: white;
}
.Background--pattern {
  background: url('/common/images/layout/bcg-pattern.png') repeat-y center top;
  background-attachment: fixed;
}
@media only screen and (max-width: 1024px) {
  .Background--pattern {
    background-attachment: scroll;
  }
}
.Background--img {
  background: #012e55 url('/common/images/layout/bcg1.jpg') no-repeat center top;
  background-attachment: fixed;
}
@media only screen and (max-width: 1024px) {
  .Background--img {
    background-attachment: scroll;
  }
}
.Breadcrumbs {
  position: absolute;
  left: 0;
  top: 20px;
}
@media only screen and (max-width: 1024px) {
  .Breadcrumbs {
    position: relative;
    top: 0;
    margin: 20px 0;
  }
}
.Breadcrumbs-item {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
}
.Breadcrumbs-link {
  text-decoration: underline;
}
.Breadcrumbs-link:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7px;
  border-color: transparent transparent transparent #97c2e8;
  margin: 0 0 0 8px;
}
.OurSolutions {
  /**
	 * Modifier: red
	 */
  /**
	 * Modifier: green
	 */
  /**
	 * Modifier: orange
	 */
  /**
	 * Modifier: blue
	 */
}
.OurSolutions h3 {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.OurSolutions .SolutionsBox {
  background: #ffffff url('/common/images/layout/bcg-corner4.png') no-repeat right -30px;
  background-size: 110px;
  margin-bottom: 20px;
}
.OurSolutions .SolutionsBox .SolutionsBox-wrapper {
  padding: 25px 25px 5px;
}
.OurSolutions .SolutionsBox .SolutionsBox-wrapper h4 {
  margin-bottom: 10px;
  position: relative;
  color: #0059a9;
}
.OurSolutions .SolutionsBox .SolutionsBox-wrapper h4:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: -25px;
  display: inline-block;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #005aa9;
}
.OurSolutions .SolutionsBox--red {
  background-image: url('/common/images/layout/bcg-corner1.png');
}
.OurSolutions .SolutionsBox--red .SolutionsBox-wrapper h4 {
  color: #af0f15;
}
.OurSolutions .SolutionsBox--red .SolutionsBox-wrapper h4:before {
  border-color: transparent transparent transparent #af0f15;
}
.OurSolutions .SolutionsBox--red .SolutionsBox-wrapper .Icon--arrow {
  border-color: transparent transparent transparent #af0f15;
}
.OurSolutions .SolutionsBox--red .SolutionsBox-wrapper a {
  color: #af0f15;
}
.OurSolutions .SolutionsBox--green {
  background-image: url('/common/images/layout/bcg-corner3.png');
}
.OurSolutions .SolutionsBox--green .SolutionsBox-wrapper h4 {
  color: #3c8d0c;
}
.OurSolutions .SolutionsBox--green .SolutionsBox-wrapper h4:before {
  border-color: transparent transparent transparent #3c8d0c;
}
.OurSolutions .SolutionsBox--green .SolutionsBox-wrapper .Icon--arrow {
  border-color: transparent transparent transparent #3c8d0c;
}
.OurSolutions .SolutionsBox--green .SolutionsBox-wrapper a {
  color: #3c8d0c;
}
.OurSolutions .SolutionsBox--orange {
  background-image: url('/common/images/layout/bcg-corner2.png');
}
.OurSolutions .SolutionsBox--orange .SolutionsBox-wrapper h4 {
  color: #d65803;
}
.OurSolutions .SolutionsBox--orange .SolutionsBox-wrapper h4:before {
  border-color: transparent transparent transparent #d65803;
}
.OurSolutions .SolutionsBox--orange .SolutionsBox-wrapper .Icon--arrow {
  border-color: transparent transparent transparent #d65803;
}
.OurSolutions .SolutionsBox--orange .SolutionsBox-wrapper a {
  color: #d65803;
}
.OurSolutions .SolutionsBox--blue {
  background-image: url('/common/images/layout/bcg-corner4.png');
}
.OurSolutions .SolutionsBox--blue .SolutionsBox-wrapper h4 {
  color: #0059a9;
}
.OurSolutions .SolutionsBox--blue .SolutionsBox-wrapper h4:before {
  border-color: transparent transparent transparent #005aa9;
}
.OurSolutions .SolutionsBox--blue .SolutionsBox-wrapper .Icon--arrow {
  border-color: transparent transparent transparent #005aa9;
}
.OurSolutions .SolutionsBox--blue .SolutionsBox-wrapper a {
  color: #005aa9;
}
@media only screen and (max-width: 1280px) {
  .OurSolutions .SolutionsBox {
    background-image: none;
  }
}
.Navigation {
  margin: 19px 0 0 0;
}
@media only screen and (max-width: 1280px) {
  .Navigation {
    margin: 10px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .Navigation {
    margin: 0 -14px 0;
  }
}
.Navigation-list {
  display: inline-block;
  vertical-align: middle;
}
.Navigation-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.Navigation-item:hover .Navigation-link:after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  background: #2180d3;
}
.Navigation-item:hover .Navigation-subnav {
  display: block;
}
.csstransforms .Navigation-item:hover .Navigation-subnav {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.Navigation-link {
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 19px;
  transition: color 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .Navigation-link {
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 768px) {
  .Navigation-link {
    display: none;
  }
}
.Navigation-link:after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: #012e55;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 2px;
  transition: 0.3s ease 0.3s;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
}
.Navigation-link:hover {
  color: #2180d3;
}
.Navigation-link.active:after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  background: #012e55;
}
/**
     * Subnav
     */
.Navigation-subnav {
  display: none;
  width: 250px;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 46px;
  background: #012e55;
  padding: 12px 0;
}
.csstransforms .Navigation-subnav {
  display: block;
  opacity: 0;
  -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: 0 -10px;
      -ms-transform-origin: 0 -10px;
          transform-origin: 0 -10px;
  transition: 0.2s ease 0.3s;
}
.Navigation-subnav:before {
  content: "";
  display: block;
  background: transparent;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
}
.Navigation-subnav:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #012e55 transparent;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -10px;
}
.Navigation-subnav .Navigation-item {
  position: relative;
  display: block;
}
.Navigation-subnav .Navigation-link {
  color: #d6e7f6;
  padding: 12px 24px;
  font-size: 13px;
  font-size: 0.8125rem;
}
.Navigation-subnav .Navigation-link:hover {
  text-decoration: underline;
}
.Navigation-subnav .Navigation-link.active:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #d6e7f6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.Navigation-subnav .Navigation-link:after {
  display: none;
}
/**
     * Navigation-buttons
     */
.Navigation-buttons {
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
}
@media only screen and (max-width: 1280px) {
  .Navigation-buttons {
    margin-left: 0;
  }
}
.Navigation-btn {
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  line-height: 60px;
  line-height: 3.75rem;
  text-decoration: none;
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
  transition: 0.3s ease;
}
.Navigation-btn .Icon {
  display: inline-block;
  line-height: 60px;
  line-height: 3.75rem;
}
.Navigation-btn:hover {
  color: #2180d3;
}
@media only screen and (max-width: 768px) {
  .Navigation-btn {
    width: 0;
  }
  .active .Navigation-btn {
    width: 60px;
  }
}
.Navigation-btn.Navigation-btn--menu {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .Navigation-btn.Navigation-btn--menu {
    display: block;
    width: 60px;
  }
}
/*
 * MOBILE navigation
 */
@media only screen and (max-width: 1024px) {
  .Navigation-list {
    display: none;
    position: fixed;
    background: white;
    max-height: 80%;
    top: 80px;
    right: 0;
    padding: 0 0 5px;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
    overflow: auto;
    opacity: 0;
  }
  .csstransforms .Navigation-list {
    display: block;
    -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    transition: 0.3s ease;
  }
  .active .Navigation-list {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .Navigation-list .Navigation-item {
    display: block;
  }
  .Navigation-list .Navigation-item.active .Navigation-link--subnav:after {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #012e55 transparent;
  }
  .Navigation-list .Navigation-link {
    display: block;
    padding: 15px 20px;
    width: 250px;
  }
  .Navigation-list .Navigation-link:after {
    display: none;
  }
  .Navigation-list .Navigation-link.Navigation-link--subnav:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #012e55 transparent transparent transparent;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    background: none;
    position: relative;
    left: 0;
    top: 0;
    bottom: auto;
    margin: 0 0 3px 6px;
  }
  .Navigation-subnav {
    display: block;
    width: auto;
    position: relative;
    left: 0;
    margin: 0;
    top: 0;
    background: #012e55;
    padding: 0;
  }
  .Navigation-subnav:before {
    display: none;
  }
  .Navigation-subnav:after {
    display: none;
    left: 30px;
    top: -6px;
  }
  .csstransforms .Navigation-subnav {
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    transition: none;
  }
  .Navigation-subnav .Navigation-link {
    height: 0;
    line-height: 46px;
    line-height: 2.875rem;
    padding: 0 20px;
    overflow: hidden;
  }
  .Navigation-subnav .Navigation-link.active:before {
    border-width: 4px 0 4px 6px;
    margin-top: -4px;
  }
  .Navigation-item.active .Navigation-subnav {
    margin: 0 0 5px;
  }
  .Navigation-item.active .Navigation-subnav:after {
    display: block;
  }
  .Navigation-item.active .Navigation-subnav .Navigation-item:first-child {
    padding-top: 5px;
  }
  .Navigation-item.active .Navigation-subnav .Navigation-item:last-child {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .Navigation-item.active .Navigation-subnav .Navigation-link {
    height: 46px;
  }
}
@media only screen and (max-width: 768px) {
  .Navigation-list {
    top: 60px;
    left: 15%;
    bottom: 0;
    padding: 0;
    max-height: 100%;
  }
  .csstransforms .Navigation-list {
    opacity: 1;
    display: block;
    -webkit-transform: scale(1, 1) translate3d(100%, 0, 0);
            transform: scale(1, 1) translate3d(100%, 0, 0);
  }
  .active .Navigation-list {
    display: block;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .Navigation-list .Navigation-link {
    width: auto;
  }
}
.Header {
  background: white;
  width: 100%;
  height: 100px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1280px) {
  .Header {
    height: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .Header {
    height: 60px;
  }
}
.Header-logo {
  margin-top: 29px;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .Header-logo {
    margin-top: 20px;
  }
  .Header-logo img {
    width: 298px;
  }
}
@media screen and (max-width: 1140px) {
  .Header-logo {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .Header-logo {
    margin-top: 16px;
    width: auto;
    transition: 0.3s ease;
    opacity: 1;
  }
  .Header-logo img {
    width: 230px;
    height: 28px;
    transition: 0.3s ease;
  }
  .active .Header-logo {
    -webkit-transform: translate3d(-230px, 0, 0);
            transform: translate3d(-230px, 0, 0);
    opacity: 0;
  }
  .active .Header-logo img {
    width: 0;
  }
}
/**
 * components/Base/Footer/Footer.less
 *
 * Footer
 */
.Footer {
  color: #636366;
  font-size: 14px;
  font-size: 0.875rem;
}
.Footer-nav {
  margin-top: 50px;
}
.Footer-navCol {
  margin-bottom: 45px;
}
.Footer-navHeader {
  color: #d6e7f6;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.Footer-navLink {
  display: inline-block;
  padding: 5px 0;
  text-decoration: none;
  color: #929497;
}
.Footer-navLink:hover {
  text-decoration: underline;
}
.Footer-navBtn {
  width: 50px;
  height: 50px;
  line-height: 55px;
  line-height: 3.4375rem;
  padding: 0;
  margin-right: 10px;
  font-size: 32px;
  font-size: 2rem;
  color: white;
  text-decoration: none;
}
.Footer-navBtn:before {
  display: none;
}
.Footer-navBtn:active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.Footer-newsletter {
  margin-top: 30px;
}
.Footer-newsletter .Form-input {
  width: 100%;
  height: 34px;
  background: none;
  border-color: #373737;
  border-right: 0;
  color: #d6e7f6;
}
.Footer-newsletter .Form-input::-webkit-input-placeholder {
  color: #636366;
}
.Footer-newsletter .Form-input:-moz-placeholder {
  color: #636366;
}
.Footer-newsletter .Form-input::-moz-placeholder {
  color: #636366;
}
.Footer-newsletter .Form-input:-ms-input-placeholder {
  color: #636366;
}
.Footer-newsletter .Button {
  position: absolute;
  right: 0;
}
.Footer-copyright {
  line-height: 24px;
  line-height: 1.5rem;
  padding: 18px 0;
  border-top: 1px solid #373737;
}
.Footer-copyright:before,
.Footer-copyright:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Footer-copyright:after {
  clear: both;
}
.Footer-copyright a {
  color: #929497;
}
* {
  box-sizing: border-box;
}
body {
  background: #fff;
  font-family: "AvenirNextLTPro";
  color: #012e55;
}
@media only screen and (max-width: 768px) {
  body.overlaid {
    overflow: hidden;
  }
}
.Overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  cursor: pointer;
  transition: 0.5s ease;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .overlaid .Overlay {
    opacity: 1;
    z-index: 10;
  }
}
.Content {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.Container {
  box-sizing: border-box;
  max-width: 1200px;
  min-width: 0;
  margin: 0 auto;
  position: relative;
}
.Container:before,
.Container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Container:after {
  clear: both;
}
@media only screen and (max-width: 1280px) {
  .Container {
    margin: 0 20px;
  }
}
.Main {
  background: #d6e7f6;
  margin-top: 100px;
}
@media only screen and (max-width: 1280px) {
  .Main {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .Main {
    margin-top: 60px;
  }
}
/**
 * Base elements styles
 */
a {
  color: #012e55;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: 0.02em;
}
h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
h4 {
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0;
}
.SliderBanner {
  position: relative;
}
.SliderBanner-slide {
  background-position: 50% 0;
  height: 450px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.SliderBanner-slide:first-child {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.flexbox .SliderBanner-slide .Container {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.SliderBanner-content {
  max-width: 620px;
  margin-top: 100px;
}
.flexbox .SliderBanner-content {
  margin-top: -20px;
}
@media only screen and (max-width: 1024px) {
  .SliderBanner-content {
    max-width: 500px;
  }
}
.SliderBanner-header {
  font-size: 44px;
  font-size: 2.75rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .SliderBanner-header {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.SliderBanner-text {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .SliderBanner-text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.SliderBanner-controls {
  position: absolute;
  width: 100%;
  bottom: 40px;
}
.bx-pager-item {
  display: inline-block;
}
.bx-pager-link {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -20px;
  border: 2px solid #012e55;
  margin-right: 10px;
}
.bx-pager-link.active {
  background: #012e55;
}
.OfferCard {
  background: #ffffff url('/common/images/layout/bcg-corner4.png') no-repeat right top;
  background-size: 114px;
  margin-bottom: 20px;
}
.OfferCard-wrapper {
  padding: 30px 24px 24px;
  min-height: 245px;
}
@media only screen and (max-width: 1280px) {
  .OfferCard-wrapper {
    min-height: 180px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .OfferCard-wrapper {
    min-height: 295px;
  }
}
@media only screen and (max-width: 768px) {
  .OfferCard-wrapper {
    min-height: 0;
  }
}
.OfferCard-header {
  margin: 0 0 20px 0;
  position: relative;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
}
.OfferCard-header a {
  text-decoration: none;
  transition: 0.1s ease;
}
.OfferCard-header a:hover {
  color: #013c6e;
}
.OfferCard-header:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #2180d3;
  position: absolute;
  left: -24px;
  top: 8px;
}
.OfferCard-bottom {
  border-top: 1px solid #d6e7f6;
  padding: 24px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  color: #d6e7f6;
}
.OfferCard-links {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.OfferCard-btn {
  color: white;
  margin-top: 20px;
}
/**
 * Modifier: red card
 */
.OfferCard--red {
  background-image: url('/common/images/layout/bcg-corner1.png');
}
.OfferCard--red .OfferCard-header a {
  color: #af0f15;
}
.OfferCard--red .OfferCard-header a:hover {
  color: #c61118;
}
.OfferCard--red .OfferCard-header:before {
  border-color: transparent transparent transparent #af0f15;
}
.OfferCard--red .OfferCard-link {
  color: #dc353b;
}
/**
 * Modifier: orange card
 */
.OfferCard--orange {
  background-image: url('/common/images/layout/bcg-corner2.png');
}
.OfferCard--orange .OfferCard-header a {
  color: #d65803;
}
.OfferCard--orange .OfferCard-header a:hover {
  color: #ef6203;
}
.OfferCard--orange .OfferCard-header:before {
  border-color: transparent transparent transparent #d65803;
}
.OfferCard--orange .OfferCard-link {
  color: #e57c28;
}
.OfferCard--orange .OfferCard-btn {
  background: #e57c28;
}
.OfferCard--orange .OfferCard-btn:before {
  background: #c26418;
}
.OfferCard--orange .OfferCard-btn:hover {
  background: #d96f1a;
}
/**
 * Modifier: green card
 */
.OfferCard--green {
  background-image: url('/common/images/layout/bcg-corner3.png');
}
.OfferCard--green .OfferCard-header a {
  color: #3c8d0c;
}
.OfferCard--green .OfferCard-header a:hover {
  color: #46a50e;
}
.OfferCard--green .OfferCard-header:before {
  border-color: transparent transparent transparent #3c8d0c;
}
.OfferCard--green .OfferCard-link {
  color: #65aa3c;
}
.OfferCard--green .OfferCard-btn {
  background: #65aa3c;
}
.OfferCard--green .OfferCard-btn:before {
  background: #4f842f;
}
.OfferCard--green .OfferCard-btn:hover {
  background: #5a9735;
}
/**
 * Modifier: blue card
 */
.OfferCard--blue .OfferCard-header a {
  color: #005aa9;
}
.OfferCard--blue .OfferCard-header a:hover {
  color: #0068c3;
}
.OfferCard--blue .OfferCard-header:before {
  border-color: transparent transparent transparent #005aa9;
}
.OfferCard--blue .OfferCard-link {
  color: #2180d3;
}
.OfferCard--blue .OfferCard-btn {
  background: #2180d3;
}
.OfferCard--blue .OfferCard-btn:before {
  background: #1a65a7;
}
.OfferCard--blue .OfferCard-btn:hover {
  background: #1e73bd;
}
.NewsCard {
  background: white;
  position: relative;
  min-height: 210px;
  max-width: 590px;
  margin: 0 auto 20px;
  color: #012e55;
}
.NewsCard:before,
.NewsCard:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.NewsCard:after {
  clear: both;
}
.NewsCard-image {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .NewsCard-image {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .NewsCard-image {
    position: relative;
  }
  .NewsCard-image img {
    width: 100%;
  }
}
.NewsCard-wrapper {
  padding: 24px;
  margin-left: 280px;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .NewsCard-wrapper {
    margin-left: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .NewsCard-wrapper {
    margin-left: 0;
  }
}
.NewsCard-header {
  font-size: 18px;
  font-size: 1.125rem;
  height: 64px;
  margin-bottom: 8px;
  overflow: hidden;
  text-transform: uppercase;
}
.NewsCard-header a {
  text-decoration: none;
  transition: 0.3s ease;
}
.NewsCard-header a:hover {
  color: #2180d3;
}
.NewsCard-text,
p.NewsCard-text {
  margin-bottom: 10px;
  color: #012e55;
}
.NewsCard-linkMore {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: underline;
}
.NewsCard-linkMore:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #dc353b;
  position: absolute;
  left: -24px;
  top: 2px;
}
.CollapseBlock {
  position: relative;
}
.CollapseBlock-header,
.CollapseBlock-content {
  position: relative;
  background: #ebf3fb;
  padding: 20px 24px 20px 84px;
}
.CollapseBlock-header:before,
.CollapseBlock-content:before {
  content: "";
  display: block;
  background: white;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.CollapseBlock-header {
  text-transform: uppercase;
  margin: 10px 0 0 0;
  cursor: pointer;
}
.CollapseBlock-header h3 {
  margin: 0;
}
.CollapseBlock-header:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 3px;
  background: #012e55;
  position: absolute;
  left: 24px;
  top: 29px;
  cursor: pointer;
}
.CollapseBlock-header.toggler-header-collapsed:after {
  content: "\e609";
  width: auto;
  height: auto;
  background: none;
  font-family: 'icomoon';
  font-size: 32px;
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  left: 15px;
  top: 15px;
}
.CollapseBlock-content {
  padding: 10px 24px 1px 84px;
}