@charset "UTF-8";
/* -----------------------------------------------------
+
+  	 _               _
+	| | _____   ___ | |__   __ _
+	| |/ / _ \ / _ \| '_ \ / _` |
+	|   < (_) | (_) | |_) | (_| |
+	|_|\_\___/ \___/|_.__/ \__,_| internet solutions
+
+
------------------------------------------------------ */
@import url("https://use.typekit.net/qrh1ztc.css");
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?68a8sv");
  src: url("../fonts/icomoon.eot?68a8sv#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2?68a8sv") format("woff2"), url("../fonts/icomoon.ttf?68a8sv") format("truetype"), url("../fonts/icomoon.woff?68a8sv") format("woff"), url("../fonts/icomoon.svg?68a8sv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

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

.icon-calendar-2:before {
  content: "\e92c"; }

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

.icon-blockquote:before, .blockquote:before {
  content: "\e92b"; }

.icon-export:before {
  content: "\e928"; }

.icon-import:before {
  content: "\e929"; }

.icon-wallet:before {
  content: "\e92a"; }

.icon-calendar1:before {
  content: "\e925"; }

.icon-doc1:before {
  content: "\e926"; }

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

.icon-play-2:before {
  content: "\e924"; }

.icon-caret-left:before {
  content: "\e922"; }

.icon-caret-right:before {
  content: "\e923"; }

.icon-doc:before {
  content: "\e921"; }

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

.icon-pag-right:before {
  content: "\e91e"; }

.icon-pag-left:before {
  content: "\e91f"; }

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

.icon-error:before {
  content: "\e91d"; }

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

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

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

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

.icon-email:before {
  content: "\e917"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-arrow-list:before {
  content: "\e905"; }

.icon-arrow-right:before {
  content: "\e904"; }

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

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

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

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

/*------------------------------------
    @SETTINGS #VARIABLES
------------------------------------*/
/* FONT STACKS */
/* COLOR DEFINITIONS */
/* COLOR SWATCHES */
/* BASE STYLES */
/* MEDIA BREAKPOINTS */
/* LAYOUT */
/* Details about the triangle-responsive mixin:
 $width is the triangle's width in vw (e.g. 40), the $degrees are the degrees of the angle that we need (e.g. 73),
 for the $side you can choose between these 4 (top-left, top-right, bottom-right and bottom-left), 
 and the color is the color of your choosing.

 e.g. .triangle {
        @include triangle-responsive(40vw, 73, bottom-left, purple);
      } 
       
*/
/*------------------------------------
    @GENERIC #RESET
------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }
  body.has-announcement {
    margin-top: 217px;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media only screen and (min-width: 480px) {
      body.has-announcement {
        margin-top: 195px; } }
    @media only screen and (min-width: 760px) {
      body.has-announcement {
        margin-top: 123px; } }
    @media only screen and (min-width: 1020px) {
      body.has-announcement {
        margin-top: 100px; } }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/* CUSTOM RESETS */
/* General */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

.onetrust-pc-dark-filter {
  background: rgba(0, 0, 0, 0.2) !important; }

/*------------------------------------
    @BASE #PAGE
------------------------------------*/
html {
  min-height: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.24;
  font-weight: 400;
  background-color: #fff;
  color: #152331;
  min-height: 100%;
  position: relative; }

/*------------------------------------
    @BASE #TYPE
------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  line-height: 1.063em;
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 24px;
  font-weight: 700;
  letter-spacing: 0.05em; }

h1, .h1 {
  font-size: 28px;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    h1, .h1 {
      font-size: 42px; } }
  @media (min-width: 1020px) {
    h1, .h1 {
      font-size: 52px; } }

h2, .h2 {
  font-size: 25px;
  margin-bottom: 32px; }
  @media (min-width: 760px) {
    h2, .h2 {
      font-size: 32px; } }

h3, .h3 {
  font-size: 20px; }
  @media (min-width: 760px) {
    h3, .h3 {
      font-size: 28px; } }

.h3--sm {
  font-size: 22px;
  font-weight: 600; }
  @media (min-width: 760px) {
    .h3--sm {
      font-size: 26px; } }

h4, .h4 {
  font-size: 19px; }
  @media (min-width: 760px) {
    h4, .h4 {
      font-size: 24px; } }

.h4--sub {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em; }

h5, .h5 {
  font-size: 18px; }
  @media (min-width: 760px) {
    h5, .h5 {
      font-size: 20px; } }

h6, .h6 {
  font-size: 18px; }

.sub-title {
  font-size: 15px;
  font-weight: 100;
  text-transform: uppercase;
  display: block; }

.form-section__title {
  display: inline-block;
  font-size: 28px;
  padding: 0 20px 0 0;
  background: #fff;
  text-transform: uppercase;
  -ms-transform: translateY(-16px);
      transform: translateY(-16px);
  margin-bottom: 52px; }

.text--mid {
  font-size: 16px; }
  @media (min-width: 760px) {
    .text--mid {
      font-size: 18px; } }

.text--lg {
  font-size: 16px; }
  @media (min-width: 760px) {
    .text--lg {
      font-size: 18px; } }
  @media (min-width: 1020px) {
    .text--lg {
      font-size: 20px;
      margin-bottom: 40px; } }

img,
p,
ul,
ol,
pre,
blockquote {
  margin-bottom: 24px; }
  img:last-child,
  p:last-child,
  ul:last-child,
  ol:last-child,
  pre:last-child,
  blockquote:last-child {
    margin-bottom: 0; }

p {
  line-height: 24px; }

em {
  font-style: normal; }

u {
  text-decoration: underline; }

ul:not([class]) {
  padding-left: 20px;
  list-style: disc;
  margin-bottom: 40px; }
  ul:not([class]) li {
    margin-bottom: 10px;
    padding-left: 5px; }

ol:not([class]) {
  padding-left: 20px;
  list-style: decimal;
  margin-bottom: 40px; }
  ol:not([class]) li {
    margin-bottom: 10px;
    padding-left: 5px; }

.wysiwyg img {
  margin-top: 40px;
  margin-bottom: 40px; }

hr {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #DCDCDC;
  height: 1px;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 24px; }

.hr--xxl {
  height: 27px;
  background: #800033;
  display: block;
  margin-bottom: 0;
  border: 0; }

.hr--xxl--alt {
  margin-top: 0; }

strong {
  font-weight: 700; }

sup {
  position: relative;
  font-size: 12px;
  right: -3px;
  bottom: 5px; }

@media print {
  a[href]:after {
    content: none !important; } }

.blockquote {
  padding: 0 10px 20px 10px;
  position: relative;
  margin-top: 40px; }
  .blockquote:before {
    content: "\e92b";
    font-family: "icomoon";
    color: #800033;
    font-size: 50px;
    display: block;
    position: relative;
    margin-bottom: 30px; }
    @media only screen and (min-width: 480px) {
      .blockquote:before {
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 0; } }
  @media only screen and (min-width: 480px) {
    .blockquote {
      padding: 0 20px 20px 95px; } }
  .blockquote p {
    font-size: 24px;
    color: #152331;
    letter-spacing: 0.79px;
    line-height: 30px; }
    .blockquote p:after {
      content: "\201D";
      margin-left: -10px; }
  .blockquote__name {
    margin-right: 10px; }
    .blockquote__name:after {
      content: '.'; }
  .blockquote__title {
    font-weight: 800; }
    .blockquote__title:after {
      content: '.'; }
  .blockquote__name, .blockquote__title {
    font-size: 16px;
    color: #81001C;
    letter-spacing: 0.53px;
    line-height: 24px; }

/*------------------------------------
    @BASE #LINKS
------------------------------------*/
a {
  text-decoration: underline;
  color: #007797;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  a:hover, a:active {
    color: #005973;
    text-decoration: none; }

.link--no-underline:hover, .link--no-underline:active {
  text-decoration: none; }

.link--lg {
  font-size: 18px;
  font-weight: 600; }
  .link--lg i {
    font-weight: 400;
    font-size: 0.8em;
    margin-left: 10px; }

/*------------------------------------
    @BASE #LISTS
------------------------------------*/
ul {
  list-style-type: disc; }

ol {
  list-style: decimal; }

/*------------------------------------
    @BASE #FORMS
------------------------------------*/
button:hover,
input[type="submit"]:hover,
label {
  cursor: pointer; }

textarea {
  overflow: auto;
  /* for IE and older browsers */ }

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

input:focus,
textarea:focus,
button:focus {
  outline: none; }

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0; }

select {
  border: none;
  border-radius: 0; }

select {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none; }

/*for IE10*/
select::-ms-expand {
  display: none; }

/*Remove outline Firefox select*/
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/*------------------------------------
    @OBJECTS #BUTTONS
------------------------------------*/
button {
  border-radius: 0;
  background: none;
  border: none; }
  button, button:focus, button:active {
    outline: none !important;
    border: none;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  button:focus, button:active {
    background-color: inherit; }

.btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  border: none;
  padding: 10px 20px;
  background-color: #eee;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  border-radius: 0;
  padding: 16px 18px;
  font-size: 15px;
  min-width: 180px;
  text-transform: uppercase; }
  .btn, .btn:hover, .btn:active, .btn:focus {
    text-decoration: none; }

/*------------------------------------
    @OBJECTS #INPUTS
------------------------------------*/
input {
  -webkit-appearance: none;
  /* removing inner shadow on iOS inputs */
  -webkit-font-smoothing: inherit;
  background: none;
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  border-radius: 0;
  margin-bottom: 16px;
  border: 1px solid #DCDCDC; }
  input:hover, input:focus {
    border-color: #0081A6;
    outline: none; }
  input:invalid {
    box-shadow: none;
    /* fixes mozilla red outline (shadow) */ }
  input[readonly] {
    cursor: text; }
  input::-ms-clear {
    display: none;
    /* remove IE clear icon */ }
  @media (min-width: 1020px) {
    input {
      margin-bottom: 5px; } }

input[type="search"] {
  -webkit-appearance: textfield; }

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

select {
  font-size: 18px;
  margin-bottom: 32px;
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* IE select reset */
select::-ms-expand {
  display: none; }

/* FF remove outline from select */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

textarea:focus {
  outline: none; }

/*------------------------------------
    @OBJECTS #TABLES
------------------------------------*/
table,
.table {
  width: 100%; }

.table-responsive {
  overflow-x: auto; }
  .table-responsive > table {
    min-width: 700px; }

/*------------------------------------
    @OBJECTS #JUSTIFIZE
------------------------------------*/
/*
    http://www.css-101.org/articles/responsive-boxes/magic-boxes.php

    <div class="justifize">
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
    </div>
*/
.justifize {
  font-size: 1px;
  /* IE 9, 10, 11 FIX */
  text-align: justify; }
  .justifize:after {
    content: "";
    display: inline-block;
    width: 100%; }

.justifize__box {
  font-size: 16px;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }
  .justifize--top .justifize__box {
    vertical-align: top; }
  .justifize--bottom .justifize__box {
    vertical-align: bottom; }

/*------------------------------------
    @OBJECTS #EMBEDDED
------------------------------------*/
/*
    BASED ON https://github.com/suitcss/components-flex-embed/blob/master/flex-embed.css, mashed up with http://www.mademyday.de/css-height-equals-width-with-pure-css.html

    <div class="embedded">
      [iframe|object|embed]
    </div>
*/
.embedded {
  display: block;
  overflow: hidden;
  position: relative;
  /**
     * Descendant: media element
     *
     * Utility of the component is improved by provide an explicit descendant
     * class. However, it will work automatically for iframes, embeds, and objects
     * to account for times when you cannot modify the attributes for 3rd party
     * widget code.
     */
  /**
     * A pseudo-element shunt is used to provide support for `max-height`. The
     * `max-height` property has no affect when using a percentage-padding to set
     * the aspect ratio.
     */ }
  .embedded .embedded__item,
  .embedded video,
  .embedded iframe,
  .embedded embed,
  .embedded object {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .embedded:before {
    content: "";
    display: block;
    padding-bottom: 100%;
    /* initial ratio of 1:1*/
    width: 100%; }

/**
 * Modifier: 3:1 aspect ratio
 */
.embedded--3by1:before {
  padding-bottom: 33%; }

/**
 * Modifier: 2:1 aspect ratio
 */
.embedded--2by1:before {
  padding-bottom: 50%; }

/**
 * Modifier: 16:9 aspect ratio
 */
.embedded--16by9:before {
  padding-bottom: 56.25%; }

/**
 * Modifier: 4:3 aspect ratio
 */
.embedded--4by3:before {
  padding-bottom: 75%; }

.embedded--center .embedded__item,
.embedded--center video,
.embedded--center iframe,
.embedded--center embed,
.embedded--center object {
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

/*------------------------------------
    @OBJECTS #IMAGES
------------------------------------*/
.img-responsive {
  display: block;
  max-width: 100%; }

.bg-image__wrapper {
  position: relative; }

.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .bg-image img {
    position: absolute;
    left: -9999px;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    display: block;
    margin: auto;
    min-height: 100%;
    min-width: 100%; }

.banner .bg-image img {
  transition: transform 5s ease-in 0.5s;
  animation: initialZoom 7s ease-out forwards 0.5s;
  z-index: -1; }

.banner .slick-slide.slick-active .bg-image img {
  animation: imageZoom 7s ease-out forwards 0.5s;
  z-index: -1; }

.banner .slick-slide:not(.slick-active) .bg-image img {
  animation: none;
  -ms-transform: scale(1);
      transform: scale(1); }

.bg-image--alt {
  left: -10px;
  width: calc(100% + 20px); }

.pattern-left {
  position: relative;
  overflow: hidden; }
  .pattern-left:before {
    font-size: 900px;
    content: "\e909";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    color: #fafafa;
    z-index: -1; }
  @media print {
    .pattern-left:before {
      display: none !important; } }

.pattern-right {
  position: relative;
  overflow: hidden; }
  .pattern-right:after {
    font-size: 900px;
    content: "\e909";
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    bottom: 0;
    -ms-transform: translateX(50%);
        transform: translateX(50%);
    color: #fafafa;
    z-index: -1;
    z-index: -1; }
  @media print {
    .pattern-right:after {
      display: none !important; } }

.pattern-out-top:before {
  top: -250px; }

.title__pattern {
  position: relative; }
  .title__pattern:before {
    font-size: 100px;
    content: "\e909";
    font-family: 'icomoon';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #f6f6f6;
    z-index: -1;
    font-weight: 400; }

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px; }
  .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media print {
    .responsive-video {
      display: none; } }

@keyframes imageZoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15); } }

@keyframes initialZoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15); } }

/*------------------------------------
    @OBJECTS #GRID
------------------------------------*/
.wrapper,
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 10px;
  position: relative; }

.wrapper--md {
  max-width: 1076px; }

.wrapper--md-a {
  max-width: 1076px; }
  @media (min-width: 760px) {
    .wrapper--md-a {
      padding: 0 15px; } }
  @media (min-width: 1020px) {
    .wrapper--md-a {
      padding: 0 10px; } }
  @media (min-width: 760px) {
    .wrapper--md-a .flex-row, .wrapper--md-a .flex-column {
      padding: 0 15px;
      margin-left: -15px;
      margin-right: -15px; }
      .wrapper--md-a .flex-row > *, .wrapper--md-a .flex-column > * {
        padding: 0 15px; } }
  @media (min-width: 1020px) {
    .wrapper--md-a .flex-row, .wrapper--md-a .flex-column {
      padding: 0 10px;
      margin-left: -10px;
      margin-right: -10px; }
      .wrapper--md-a .flex-row > *, .wrapper--md-a .flex-column > * {
        padding: 0 10px; } }

.wrapper--sm {
  max-width: 965px; }

.wrapper--xs {
  max-width: 854px; }

.wrapper--xxs {
  max-width: 580px; }

.wrapper--xl {
  max-width: 1239px;
  padding: 0 4px; }
  @media (min-width: 760px) {
    .wrapper--xl {
      padding: 0 8px; } }
  .wrapper--xl .flex-row, .wrapper--xl .flex-column {
    padding: 0 4px;
    margin-left: -4px;
    margin-right: -4px; }
    @media (min-width: 760px) {
      .wrapper--xl .flex-row, .wrapper--xl .flex-column {
        padding: 0 8px;
        margin-left: -8px;
        margin-right: -8px; } }
    .wrapper--xl .flex-row > *, .wrapper--xl .flex-column > * {
      padding: 0 4px; }
      @media (min-width: 760px) {
        .wrapper--xl .flex-row > *, .wrapper--xl .flex-column > * {
          padding: 0 8px; } }

.wrapper--xl-a {
  max-width: 1325px; }

.wrapper--xxl-a {
  max-width: 1395px; }

.wrapper--xxl {
  max-width: 1440px; }

.wrapper--full {
  max-width: none; }

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.wysiwyg {
  max-width: 750px;
  margin: 0 auto; }

.row {
  *zoom: 1;
  margin-left: -10px;
  margin-right: -10px; }
  .row:before, .row:after {
    content: "";
    display: table; }
  .row:after {
    clear: both; }
  .row > * {
    padding: 0 10px; }

.col-xs-1 {
  min-height: 1px;
  float: left;
  width: 8.3333333333%;
  position: relative; }

.col-xs-2 {
  min-height: 1px;
  float: left;
  width: 16.6666666667%;
  position: relative; }

.col-xs-3 {
  min-height: 1px;
  float: left;
  width: 25%;
  position: relative; }

.col-xs-4 {
  min-height: 1px;
  float: left;
  width: 33.3333333333%;
  position: relative; }

.col-xs-5 {
  min-height: 1px;
  float: left;
  width: 41.6666666667%;
  position: relative; }

.col-xs-6 {
  min-height: 1px;
  float: left;
  width: 50%;
  position: relative; }

.col-xs-7 {
  min-height: 1px;
  float: left;
  width: 58.3333333333%;
  position: relative; }

.col-xs-8 {
  min-height: 1px;
  float: left;
  width: 66.6666666667%;
  position: relative; }

.col-xs-9 {
  min-height: 1px;
  float: left;
  width: 75%;
  position: relative; }

.col-xs-10 {
  min-height: 1px;
  float: left;
  width: 83.3333333333%;
  position: relative; }

.col-xs-11 {
  min-height: 1px;
  float: left;
  width: 91.6666666667%;
  position: relative; }

.col-xs-12 {
  min-height: 1px;
  float: left;
  width: 100%;
  position: relative; }

@media (min-width: 0) {
  .col-xs-1 {
    min-height: 1px;
    float: left;
    width: 8.3333333333%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-2 {
    min-height: 1px;
    float: left;
    width: 16.6666666667%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-3 {
    min-height: 1px;
    float: left;
    width: 25%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-4 {
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-5 {
    min-height: 1px;
    float: left;
    width: 41.6666666667%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-6 {
    min-height: 1px;
    float: left;
    width: 50%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-7 {
    min-height: 1px;
    float: left;
    width: 58.3333333333%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-8 {
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-9 {
    min-height: 1px;
    float: left;
    width: 75%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-10 {
    min-height: 1px;
    float: left;
    width: 83.3333333333%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-11 {
    min-height: 1px;
    float: left;
    width: 91.6666666667%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-12 {
    min-height: 1px;
    float: left;
    width: 100%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-1 {
    min-height: 1px;
    float: left;
    width: 8.3333333333%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-2 {
    min-height: 1px;
    float: left;
    width: 16.6666666667%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-3 {
    min-height: 1px;
    float: left;
    width: 25%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-4 {
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-5 {
    min-height: 1px;
    float: left;
    width: 41.6666666667%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-6 {
    min-height: 1px;
    float: left;
    width: 50%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-7 {
    min-height: 1px;
    float: left;
    width: 58.3333333333%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-8 {
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-9 {
    min-height: 1px;
    float: left;
    width: 75%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-10 {
    min-height: 1px;
    float: left;
    width: 83.3333333333%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-11 {
    min-height: 1px;
    float: left;
    width: 91.6666666667%;
    position: relative; } }

@media (min-width: 480px) {
  .col-mobile-12 {
    min-height: 1px;
    float: left;
    width: 100%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-1 {
    min-height: 1px;
    float: left;
    width: 8.3333333333%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-2 {
    min-height: 1px;
    float: left;
    width: 16.6666666667%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-3 {
    min-height: 1px;
    float: left;
    width: 25%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-4 {
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-5 {
    min-height: 1px;
    float: left;
    width: 41.6666666667%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-6 {
    min-height: 1px;
    float: left;
    width: 50%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-7 {
    min-height: 1px;
    float: left;
    width: 58.3333333333%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-8 {
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-9 {
    min-height: 1px;
    float: left;
    width: 75%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-10 {
    min-height: 1px;
    float: left;
    width: 83.3333333333%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-11 {
    min-height: 1px;
    float: left;
    width: 91.6666666667%;
    position: relative; } }

@media (min-width: 760px) {
  .col-tablet-12 {
    min-height: 1px;
    float: left;
    width: 100%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-1 {
    min-height: 1px;
    float: left;
    width: 8.3333333333%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-2 {
    min-height: 1px;
    float: left;
    width: 16.6666666667%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-3 {
    min-height: 1px;
    float: left;
    width: 25%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-4 {
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-5 {
    min-height: 1px;
    float: left;
    width: 41.6666666667%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-6 {
    min-height: 1px;
    float: left;
    width: 50%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-7 {
    min-height: 1px;
    float: left;
    width: 58.3333333333%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-8 {
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-9 {
    min-height: 1px;
    float: left;
    width: 75%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-10 {
    min-height: 1px;
    float: left;
    width: 83.3333333333%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-11 {
    min-height: 1px;
    float: left;
    width: 91.6666666667%;
    position: relative; } }

@media (min-width: 1020px) {
  .col-desktop-12 {
    min-height: 1px;
    float: left;
    width: 100%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-1 {
    min-height: 1px;
    float: left;
    width: 8.3333333333%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-2 {
    min-height: 1px;
    float: left;
    width: 16.6666666667%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-3 {
    min-height: 1px;
    float: left;
    width: 25%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-4 {
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-5 {
    min-height: 1px;
    float: left;
    width: 41.6666666667%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-6 {
    min-height: 1px;
    float: left;
    width: 50%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-7 {
    min-height: 1px;
    float: left;
    width: 58.3333333333%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-8 {
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-9 {
    min-height: 1px;
    float: left;
    width: 75%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-10 {
    min-height: 1px;
    float: left;
    width: 83.3333333333%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-11 {
    min-height: 1px;
    float: left;
    width: 91.6666666667%;
    position: relative; } }

@media (min-width: 1200px) {
  .col-large-12 {
    min-height: 1px;
    float: left;
    width: 100%;
    position: relative; } }

@media (min-width: 0) {
  .col-xs-offset-0 {
    margin-left: 0%; } }

@media (min-width: 0) {
  .col-xs-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 0) {
  .col-xs-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 0) {
  .col-xs-offset-3 {
    margin-left: 25%; } }

@media (min-width: 0) {
  .col-xs-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 0) {
  .col-xs-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 0) {
  .col-xs-offset-6 {
    margin-left: 50%; } }

@media (min-width: 0) {
  .col-xs-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 0) {
  .col-xs-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 0) {
  .col-xs-offset-9 {
    margin-left: 75%; } }

@media (min-width: 0) {
  .col-xs-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 0) {
  .col-xs-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 0) {
  .col-xs-offset-12 {
    margin-left: 100%; } }

@media (min-width: 480px) {
  .col-mobile-offset-0 {
    margin-left: 0%; } }

@media (min-width: 480px) {
  .col-mobile-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-offset-3 {
    margin-left: 25%; } }

@media (min-width: 480px) {
  .col-mobile-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-offset-6 {
    margin-left: 50%; } }

@media (min-width: 480px) {
  .col-mobile-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-offset-9 {
    margin-left: 75%; } }

@media (min-width: 480px) {
  .col-mobile-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-offset-12 {
    margin-left: 100%; } }

@media (min-width: 760px) {
  .col-tablet-offset-0 {
    margin-left: 0%; } }

@media (min-width: 760px) {
  .col-tablet-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-offset-3 {
    margin-left: 25%; } }

@media (min-width: 760px) {
  .col-tablet-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-offset-6 {
    margin-left: 50%; } }

@media (min-width: 760px) {
  .col-tablet-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-offset-9 {
    margin-left: 75%; } }

@media (min-width: 760px) {
  .col-tablet-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-3 {
    margin-left: 25%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-6 {
    margin-left: 50%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-9 {
    margin-left: 75%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-large-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-large-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-offset-3 {
    margin-left: 25%; } }

@media (min-width: 1200px) {
  .col-large-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-offset-6 {
    margin-left: 50%; } }

@media (min-width: 1200px) {
  .col-large-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-offset-9 {
    margin-left: 75%; } }

@media (min-width: 1200px) {
  .col-large-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-offset-12 {
    margin-left: 100%; } }

@media (min-width: 0) {
  .col-xs-push-1 {
    left: 8.3333333333%; } }

@media (min-width: 0) {
  .col-xs-push-2 {
    left: 16.6666666667%; } }

@media (min-width: 0) {
  .col-xs-push-3 {
    left: 25%; } }

@media (min-width: 0) {
  .col-xs-push-4 {
    left: 33.3333333333%; } }

@media (min-width: 0) {
  .col-xs-push-5 {
    left: 41.6666666667%; } }

@media (min-width: 0) {
  .col-xs-push-6 {
    left: 50%; } }

@media (min-width: 0) {
  .col-xs-push-7 {
    left: 58.3333333333%; } }

@media (min-width: 0) {
  .col-xs-push-8 {
    left: 66.6666666667%; } }

@media (min-width: 0) {
  .col-xs-push-9 {
    left: 75%; } }

@media (min-width: 0) {
  .col-xs-push-10 {
    left: 83.3333333333%; } }

@media (min-width: 0) {
  .col-xs-push-11 {
    left: 91.6666666667%; } }

@media (min-width: 0) {
  .col-xs-push-12 {
    left: 100%; } }

@media (min-width: 480px) {
  .col-mobile-push-1 {
    left: 8.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-push-2 {
    left: 16.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-push-3 {
    left: 25%; } }

@media (min-width: 480px) {
  .col-mobile-push-4 {
    left: 33.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-push-5 {
    left: 41.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-push-6 {
    left: 50%; } }

@media (min-width: 480px) {
  .col-mobile-push-7 {
    left: 58.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-push-8 {
    left: 66.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-push-9 {
    left: 75%; } }

@media (min-width: 480px) {
  .col-mobile-push-10 {
    left: 83.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-push-11 {
    left: 91.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-push-12 {
    left: 100%; } }

@media (min-width: 760px) {
  .col-tablet-push-1 {
    left: 8.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-push-2 {
    left: 16.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-push-3 {
    left: 25%; } }

@media (min-width: 760px) {
  .col-tablet-push-4 {
    left: 33.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-push-5 {
    left: 41.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-push-6 {
    left: 50%; } }

@media (min-width: 760px) {
  .col-tablet-push-7 {
    left: 58.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-push-8 {
    left: 66.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-push-9 {
    left: 75%; } }

@media (min-width: 760px) {
  .col-tablet-push-10 {
    left: 83.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-push-11 {
    left: 91.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-push-12 {
    left: 100%; } }

@media (min-width: 1020px) {
  .col-desktop-push-1 {
    left: 8.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-push-2 {
    left: 16.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-push-3 {
    left: 25%; } }

@media (min-width: 1020px) {
  .col-desktop-push-4 {
    left: 33.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-push-5 {
    left: 41.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-push-6 {
    left: 50%; } }

@media (min-width: 1020px) {
  .col-desktop-push-7 {
    left: 58.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-push-8 {
    left: 66.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-push-9 {
    left: 75%; } }

@media (min-width: 1020px) {
  .col-desktop-push-10 {
    left: 83.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-push-11 {
    left: 91.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-push-12 {
    left: 100%; } }

@media (min-width: 1200px) {
  .col-large-push-1 {
    left: 8.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-push-2 {
    left: 16.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-push-3 {
    left: 25%; } }

@media (min-width: 1200px) {
  .col-large-push-4 {
    left: 33.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-push-5 {
    left: 41.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-push-6 {
    left: 50%; } }

@media (min-width: 1200px) {
  .col-large-push-7 {
    left: 58.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-push-8 {
    left: 66.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-push-9 {
    left: 75%; } }

@media (min-width: 1200px) {
  .col-large-push-10 {
    left: 83.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-push-11 {
    left: 91.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-push-12 {
    left: 100%; } }

@media (min-width: 0) {
  .col-xs-pull-1 {
    right: 8.3333333333%; } }

@media (min-width: 0) {
  .col-xs-pull-2 {
    right: 16.6666666667%; } }

@media (min-width: 0) {
  .col-xs-pull-3 {
    right: 25%; } }

@media (min-width: 0) {
  .col-xs-pull-4 {
    right: 33.3333333333%; } }

@media (min-width: 0) {
  .col-xs-pull-5 {
    right: 41.6666666667%; } }

@media (min-width: 0) {
  .col-xs-pull-6 {
    right: 50%; } }

@media (min-width: 0) {
  .col-xs-pull-7 {
    right: 58.3333333333%; } }

@media (min-width: 0) {
  .col-xs-pull-8 {
    right: 66.6666666667%; } }

@media (min-width: 0) {
  .col-xs-pull-9 {
    right: 75%; } }

@media (min-width: 0) {
  .col-xs-pull-10 {
    right: 83.3333333333%; } }

@media (min-width: 0) {
  .col-xs-pull-11 {
    right: 91.6666666667%; } }

@media (min-width: 0) {
  .col-xs-pull-12 {
    right: 100%; } }

@media (min-width: 480px) {
  .col-mobile-pull-1 {
    right: 8.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-pull-2 {
    right: 16.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-pull-3 {
    right: 25%; } }

@media (min-width: 480px) {
  .col-mobile-pull-4 {
    right: 33.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-pull-5 {
    right: 41.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-pull-6 {
    right: 50%; } }

@media (min-width: 480px) {
  .col-mobile-pull-7 {
    right: 58.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-pull-8 {
    right: 66.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-pull-9 {
    right: 75%; } }

@media (min-width: 480px) {
  .col-mobile-pull-10 {
    right: 83.3333333333%; } }

@media (min-width: 480px) {
  .col-mobile-pull-11 {
    right: 91.6666666667%; } }

@media (min-width: 480px) {
  .col-mobile-pull-12 {
    right: 100%; } }

@media (min-width: 760px) {
  .col-tablet-pull-1 {
    right: 8.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-pull-2 {
    right: 16.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-pull-3 {
    right: 25%; } }

@media (min-width: 760px) {
  .col-tablet-pull-4 {
    right: 33.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-pull-5 {
    right: 41.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-pull-6 {
    right: 50%; } }

@media (min-width: 760px) {
  .col-tablet-pull-7 {
    right: 58.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-pull-8 {
    right: 66.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-pull-9 {
    right: 75%; } }

@media (min-width: 760px) {
  .col-tablet-pull-10 {
    right: 83.3333333333%; } }

@media (min-width: 760px) {
  .col-tablet-pull-11 {
    right: 91.6666666667%; } }

@media (min-width: 760px) {
  .col-tablet-pull-12 {
    right: 100%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-1 {
    right: 8.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-2 {
    right: 16.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-3 {
    right: 25%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-4 {
    right: 33.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-5 {
    right: 41.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-6 {
    right: 50%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-7 {
    right: 58.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-8 {
    right: 66.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-9 {
    right: 75%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-10 {
    right: 83.3333333333%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-11 {
    right: 91.6666666667%; } }

@media (min-width: 1020px) {
  .col-desktop-pull-12 {
    right: 100%; } }

@media (min-width: 1200px) {
  .col-large-pull-1 {
    right: 8.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-pull-2 {
    right: 16.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-pull-3 {
    right: 25%; } }

@media (min-width: 1200px) {
  .col-large-pull-4 {
    right: 33.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-pull-5 {
    right: 41.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-pull-6 {
    right: 50%; } }

@media (min-width: 1200px) {
  .col-large-pull-7 {
    right: 58.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-pull-8 {
    right: 66.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-pull-9 {
    right: 75%; } }

@media (min-width: 1200px) {
  .col-large-pull-10 {
    right: 83.3333333333%; } }

@media (min-width: 1200px) {
  .col-large-pull-11 {
    right: 91.6666666667%; } }

@media (min-width: 1200px) {
  .col-large-pull-12 {
    right: 100%; } }

.flex {
  display: -ms-flexbox;
  display: flex; }

.flex-row, .flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .flex-row > *, .flex-column > * {
    padding: 0 10px; }
  .flex-row--align-center {
    -ms-flex-align: center;
        align-items: center; }
  .flex-row--justify-center {
    -ms-flex-pack: center;
        justify-content: center; }

.flex-column {
  -ms-flex-direction: column;
      flex-direction: column; }

[class^="flex-col-"] {
  width: 100%;
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  [class^="flex-col-"]:before, [class^="flex-col-"]:after {
    display: none !important; }
  [class^="flex-col-"]-relative {
    position: relative; }

.flex-row.reverse, .reverse.flex-column {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.flex-column.reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.col-xs {
  width: 100%; }

.flex-col-xs-1 {
  width: 8.3333333333%; }

.flex-col-xs-2 {
  width: 16.6666666667%; }

.flex-col-xs-3 {
  width: 25%; }

.flex-col-xs-4 {
  width: 33.3333333333%; }

.flex-col-xs-5 {
  width: 41.6666666667%; }

.flex-col-xs-6 {
  width: 50%; }

.flex-col-xs-7 {
  width: 58.3333333333%; }

.flex-col-xs-8 {
  width: 66.6666666667%; }

.flex-col-xs-9 {
  width: 75%; }

.flex-col-xs-10 {
  width: 83.3333333333%; }

.flex-col-xs-11 {
  width: 91.6666666667%; }

.flex-col-xs-12 {
  width: 100%; }

@media (min-width: 0) {
  .flex-col-xs-1 {
    width: 8.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-2 {
    width: 16.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-3 {
    width: 25%; } }

@media (min-width: 0) {
  .flex-col-xs-4 {
    width: 33.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-5 {
    width: 41.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-6 {
    width: 50%; } }

@media (min-width: 0) {
  .flex-col-xs-7 {
    width: 58.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-8 {
    width: 66.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-9 {
    width: 75%; } }

@media (min-width: 0) {
  .flex-col-xs-10 {
    width: 83.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-11 {
    width: 91.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-12 {
    width: 100%; } }

@media (min-width: 480px) {
  .flex-col-mobile-1 {
    width: 8.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-2 {
    width: 16.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-3 {
    width: 25%; } }

@media (min-width: 480px) {
  .flex-col-mobile-4 {
    width: 33.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-5 {
    width: 41.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-6 {
    width: 50%; } }

@media (min-width: 480px) {
  .flex-col-mobile-7 {
    width: 58.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-8 {
    width: 66.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-9 {
    width: 75%; } }

@media (min-width: 480px) {
  .flex-col-mobile-10 {
    width: 83.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-11 {
    width: 91.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-12 {
    width: 100%; } }

@media (min-width: 760px) {
  .flex-col-tablet-1 {
    width: 8.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-2 {
    width: 16.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-3 {
    width: 25%; } }

@media (min-width: 760px) {
  .flex-col-tablet-4 {
    width: 33.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-5 {
    width: 41.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-6 {
    width: 50%; } }

@media (min-width: 760px) {
  .flex-col-tablet-7 {
    width: 58.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-8 {
    width: 66.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-9 {
    width: 75%; } }

@media (min-width: 760px) {
  .flex-col-tablet-10 {
    width: 83.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-11 {
    width: 91.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-12 {
    width: 100%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-1 {
    width: 8.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-2 {
    width: 16.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-3 {
    width: 25%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-4 {
    width: 33.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-5 {
    width: 41.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-6 {
    width: 50%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-7 {
    width: 58.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-8 {
    width: 66.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-9 {
    width: 75%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-10 {
    width: 83.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-11 {
    width: 91.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-12 {
    width: 100%; } }

@media (min-width: 1200px) {
  .flex-col-large-1 {
    width: 8.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-2 {
    width: 16.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-3 {
    width: 25%; } }

@media (min-width: 1200px) {
  .flex-col-large-4 {
    width: 33.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-5 {
    width: 41.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-6 {
    width: 50%; } }

@media (min-width: 1200px) {
  .flex-col-large-7 {
    width: 58.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-8 {
    width: 66.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-9 {
    width: 75%; } }

@media (min-width: 1200px) {
  .flex-col-large-10 {
    width: 83.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-11 {
    width: 91.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-12 {
    width: 100%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-0 {
    margin-left: 0%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-3 {
    margin-left: 25%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-6 {
    margin-left: 50%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-9 {
    margin-left: 75%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 0) {
  .flex-col-xs-offset-12 {
    margin-left: 100%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-0 {
    margin-left: 0%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-3 {
    margin-left: 25%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-6 {
    margin-left: 50%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-9 {
    margin-left: 75%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 480px) {
  .flex-col-mobile-offset-12 {
    margin-left: 100%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-0 {
    margin-left: 0%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-3 {
    margin-left: 25%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-6 {
    margin-left: 50%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-9 {
    margin-left: 75%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 760px) {
  .flex-col-tablet-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-3 {
    margin-left: 25%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-6 {
    margin-left: 50%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-9 {
    margin-left: 75%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1020px) {
  .flex-col-desktop-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-1 {
    margin-left: 8.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-2 {
    margin-left: 16.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-3 {
    margin-left: 25%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-4 {
    margin-left: 33.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-5 {
    margin-left: 41.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-6 {
    margin-left: 50%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-7 {
    margin-left: 58.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-8 {
    margin-left: 66.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-9 {
    margin-left: 75%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-10 {
    margin-left: 83.3333333333%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1200px) {
  .flex-col-large-offset-12 {
    margin-left: 100%; } }

.start-xs {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.center-xs {
  -ms-flex-pack: center;
      justify-content: center; }

.end-xs {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.between-xs {
  -ms-flex-pack: justify;
      justify-content: space-between; }

@media (min-width: 0) {
  .start-xs {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .center-xs {
    -ms-flex-pack: center;
        justify-content: center; }
  .end-xs {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .around-xs {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-xs {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 480px) {
  .start-mobile {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .center-mobile {
    -ms-flex-pack: center;
        justify-content: center; }
  .end-mobile {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .around-mobile {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-mobile {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 760px) {
  .start-tablet {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .center-tablet {
    -ms-flex-pack: center;
        justify-content: center; }
  .end-tablet {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .around-tablet {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-tablet {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 1020px) {
  .start-desktop {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .center-desktop {
    -ms-flex-pack: center;
        justify-content: center; }
  .end-desktop {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .around-desktop {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-desktop {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 1200px) {
  .start-large {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .center-large {
    -ms-flex-pack: center;
        justify-content: center; }
  .end-large {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .around-large {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-large {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.stretch-xs {
  -ms-flex-align: stretch;
      align-items: stretch; }

.top-xs {
  -ms-flex-align: start;
      align-items: flex-start; }

.middle-xs {
  -ms-flex-align: center;
      align-items: center; }

.bottom-xs {
  -ms-flex-align: end;
      align-items: flex-end; }

.first-xs {
  -ms-flex-order: -1;
      order: -1; }

.last-xs {
  -ms-flex-order: 1;
      order: 1; }

@media (min-width: 0) {
  .stretch-xs {
    -ms-flex-align: stretch;
        align-items: stretch; }
  .top-xs {
    -ms-flex-align: start;
        align-items: flex-start; }
  .middle-xs {
    -ms-flex-align: center;
        align-items: center; }
  .bottom-xs {
    -ms-flex-align: end;
        align-items: flex-end; }
  .base-xs {
    -ms-flex-align: baseline;
        align-items: baseline; } }

@media (min-width: 480px) {
  .stretch-mobile {
    -ms-flex-align: stretch;
        align-items: stretch; }
  .top-mobile {
    -ms-flex-align: start;
        align-items: flex-start; }
  .middle-mobile {
    -ms-flex-align: center;
        align-items: center; }
  .bottom-mobile {
    -ms-flex-align: end;
        align-items: flex-end; }
  .base-mobile {
    -ms-flex-align: baseline;
        align-items: baseline; } }

@media (min-width: 760px) {
  .stretch-tablet {
    -ms-flex-align: stretch;
        align-items: stretch; }
  .top-tablet {
    -ms-flex-align: start;
        align-items: flex-start; }
  .middle-tablet {
    -ms-flex-align: center;
        align-items: center; }
  .bottom-tablet {
    -ms-flex-align: end;
        align-items: flex-end; }
  .base-tablet {
    -ms-flex-align: baseline;
        align-items: baseline; } }

@media (min-width: 1020px) {
  .stretch-desktop {
    -ms-flex-align: stretch;
        align-items: stretch; }
  .top-desktop {
    -ms-flex-align: start;
        align-items: flex-start; }
  .middle-desktop {
    -ms-flex-align: center;
        align-items: center; }
  .bottom-desktop {
    -ms-flex-align: end;
        align-items: flex-end; }
  .base-desktop {
    -ms-flex-align: baseline;
        align-items: baseline; } }

@media (min-width: 1200px) {
  .stretch-large {
    -ms-flex-align: stretch;
        align-items: stretch; }
  .top-large {
    -ms-flex-align: start;
        align-items: flex-start; }
  .middle-large {
    -ms-flex-align: center;
        align-items: center; }
  .bottom-large {
    -ms-flex-align: end;
        align-items: flex-end; }
  .base-large {
    -ms-flex-align: baseline;
        align-items: baseline; } }

/*------------------------------------
    @OBJECTS #LISTS
------------------------------------*/
ul, ol {
  list-style: none; }

.list-inline {
  font-size: 0;
  list-style-type: none; }
  .list-inline > li {
    display: inline-block;
    font-size: 16px;
    padding: 0 20px; }

.list-pagination > li:first-child {
  padding-left: 0; }
  .list-pagination > li:first-child:before {
    display: none; }

.list-pagination > li:before {
  display: inline-block;
  content: '/';
  margin-left: -35px;
  margin-right: 5px; }

/*------------------------------------
  @COMPONENTS #MODALS
--------------------------------------*/
.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.modal.in .modal-dialog {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  opacity: 0;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .modal.fade .modal-content {
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .modal.in .modal-content {
    opacity: 1; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=60);
  opacity: .6; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 760px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 1020px) {
  .modal-lg {
    width: 900px; } }

/*------------------------------------
	@COMPONENTS #INPUTS
------------------------------------*/
fieldset {
  background: #F4F7FA;
  border-top: 13px solid #EAEDF1;
  padding: 16px 21px 25px;
  margin-bottom: 22px;
  border-radius: 4px; }

label {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  display: block; }

.textbox, .selectbox, select, textarea, .input-file + label {
  background: #fff;
  border: 1px solid #DCDCDC;
  color: #353D47;
  font-size: 18px;
  padding: 14px;
  width: 100%;
  border-radius: 4px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  /* iOS reset */
  -webkit-appearance: none !important;
  box-shadow: none;
  /*PLACEHOLDER*/ }
  .textbox::-webkit-input-placeholder, .selectbox::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .input-file + label::-webkit-input-placeholder {
    color: #84888E; }
  .textbox:-moz-placeholder, .selectbox:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, .input-file + label:-moz-placeholder {
    /* Firefox 18- */
    color: #84888E;
    opacity: 1; }
  .textbox::-moz-placeholder, .selectbox::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .input-file + label::-moz-placeholder {
    /* Firefox 19+ */
    color: #84888E;
    opacity: 1; }
  .textbox:-ms-input-placeholder, .selectbox:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .input-file + label:-ms-input-placeholder {
    color: #84888E; }
  .textbox:focus, .selectbox:focus, select:focus, textarea:focus, .input-file + label:focus {
    /*PLACEHOLDER*/ }
    .textbox:focus::-webkit-input-placeholder, .selectbox:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, .input-file + label:focus::-webkit-input-placeholder {
      color: #DCDCDC; }
    .textbox:focus:-moz-placeholder, .selectbox:focus:-moz-placeholder, select:focus:-moz-placeholder, textarea:focus:-moz-placeholder, .input-file + label:focus:-moz-placeholder {
      /* Firefox 18- */
      color: #DCDCDC;
      opacity: 1; }
    .textbox:focus::-moz-placeholder, .selectbox:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder, .input-file + label:focus::-moz-placeholder {
      /* Firefox 19+ */
      color: #DCDCDC;
      opacity: 1; }
    .textbox:focus:-ms-input-placeholder, .selectbox:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, .input-file + label:focus:-ms-input-placeholder {
      color: #DCDCDC; }

.textbox--sm {
  padding: 11px 18px;
  font-size: 14px; }

.textbox--alt {
  border-radius: 0;
  background: 0;
  border: 0;
  border-bottom: 1px solid #800033;
  padding: 5px 2px;
  font-weight: 100;
  /*PLACEHOLDER*/ }
  .textbox--alt::-webkit-input-placeholder {
    color: white; }
  .textbox--alt:-moz-placeholder {
    /* Firefox 18- */
    color: white;
    opacity: 1; }
  .textbox--alt::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
    opacity: 1; }
  .textbox--alt:-ms-input-placeholder {
    color: white; }

.textbox--alt-white {
  border-color: #fff;
  color: #fff;
  font-size: 15px;
  letter-spacing: .8px; }

.selectbox-wrapper {
  margin-bottom: 16px;
  background: #fff;
  position: relative; }
  .selectbox-wrapper:before {
    content: "\e901";
    font-family: 'icomoon';
    position: absolute;
    right: 14px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: 6px;
    z-index: 0; }
  @media (min-width: 1020px) {
    .selectbox-wrapper {
      margin-bottom: 32px; } }

.selectbox, select {
  background: none;
  cursor: pointer;
  margin: 0;
  position: relative;
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 12px;
  margin-bottom: 16px; }
  .selectbox:focus, select:focus {
    border-color: #0081A6;
    outline: none; }
  @media (min-width: 1020px) {
    .selectbox, select {
      margin-bottom: 32px; } }
  .selectbox--sharp, select--sharp {
    border-radius: 0;
    border-color: #353D47;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 24px; }
    @media (min-width: 1020px) {
      .selectbox--sharp, select--sharp {
        margin-bottom: 38px; } }
  .selectbox--short, select--short {
    height: 50px; }

.select--alt {
  transition: border 0.22s ease-out;
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #800033;
  padding: 5px 0;
  width: auto;
  font-weight: 400;
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 12px; }
  .select--alt:focus {
    border-bottom-width: 2px; }

.selectbox--filter {
  font-weight: 400;
  font-size: 15px;
  border: 0;
  padding: 0 15px 0 0;
  background-position: 100% center;
  background-size: 10px; }
  .selectbox--filter:active {
    font-weight: 700;
    border-bottom: 1px solid #152331; }

.form__description {
  margin-bottom: 32px !important; }

.textbox:required, .selectbox:required, select:required, textarea:required, .input-file + label:required, .textbox.required, .required.selectbox, select.required, textarea.required, .input-file + label.required {
  background-image: url(../img/star.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 12px; }

.input--required {
  position: relative; }
  .input--required:after {
    content: "*";
    position: absolute;
    top: 16px;
    right: 14px;
    font-size: 30px;
    color: #0081A6; }
  .input--required .textbox, .input--required .selectbox, .input--required select, .input--required textarea, .input--required .input-file + label {
    padding-right: 40px; }

input[type="checkbox"] {
  position: absolute;
  left: -99999999px; }
  input[type="checkbox"]:focus + label:before {
    border-color: #0081A6; }
  input[type="checkbox"] + label {
    font-size: 15px;
    padding: 7px 0 7px 60px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 0; }
    input[type="checkbox"] + label:before {
      position: absolute;
      content: "";
      left: 0;
      background: white;
      top: 0;
      height: 31px;
      width: 31px;
      border: 1px solid #DCDCDC;
      border-radius: 4px;
      display: block;
      transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
    input[type="checkbox"] + label:after {
      content: "\e91a";
      font-family: 'icomoon';
      color: #0081A6;
      opacity: 0;
      transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
      position: absolute;
      left: 4px;
      top: 7px;
      font-size: 16px; }
    input[type="checkbox"] + label:hover:before {
      border-color: #0081A6; }
  input[type="checkbox"]:checked + label:hover:before {
    border-color: #DCDCDC; }
  input[type="checkbox"]:checked + label:after {
    opacity: 1; }

input[type="checkbox"].checkbox--sm + label {
  padding: 3px 0 4px 40px;
  margin-bottom: 10px; }
  input[type="checkbox"].checkbox--sm + label:before {
    height: 21px;
    width: 21px; }
  input[type="checkbox"].checkbox--sm + label:after {
    font-size: 9px; }

.label--inline {
  display: inline-block;
  margin-right: 34px; }

input[type="radio"] {
  position: absolute;
  left: -99999999px; }
  input[type="radio"]:focus + label:before {
    border-color: #0081A6; }
  input[type="radio"] + label {
    display: inline-block;
    font-size: 18px;
    padding: 7px 0 7px 60px;
    position: relative;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 40px; }
    input[type="radio"] + label:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      height: 31px;
      width: 31px;
      border: 1px solid #DCDCDC;
      border-radius: 50%;
      display: block;
      transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
    input[type="radio"] + label:after {
      content: "";
      background: #0081A6;
      opacity: 0;
      transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
      position: absolute;
      left: 8px;
      top: 8px;
      height: 17px;
      width: 17px;
      display: block;
      border-radius: 50%; }
    input[type="radio"] + label:hover:before {
      border-color: #0081A6; }
  input[type="radio"]:checked + label:hover:before {
    border-color: #DCDCDC; }
  input[type="radio"]:checked + label:after {
    opacity: 1; }

textarea {
  resize: vertical;
  min-height: 322px;
  margin-bottom: 32px; }
  textarea:focus {
    border-color: #0081A6; }

.dateinput .form-control {
  float: left;
  width: calc(100% - 70px); }

.dateinput .calendar-btn {
  display: block;
  float: right;
  width: 58px;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  color: #0081A6;
  font-size: 25px;
  text-align: center;
  padding: 13px 0 8px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .dateinput .calendar-btn:hover {
    border-color: #0081A6; }

.datepicker {
  border: 1px solid #DCDCDC;
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.22); }
  .datepicker thead, .datepicker tbody, .datepicker tr {
    border: 0; }
  .datepicker .active.day {
    background: #0081A6 !important; }
  .datepicker .today.day {
    background: #f1f2f3 !important; }

.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
  font-size: 18px !important;
  padding: 10px !important; }

.error__msg {
  display: none;
  margin-top: -10px;
  position: relative;
  margin-left: 15px; }
  @media (min-width: 1020px) {
    .error__msg {
      margin-top: -24px; } }

form .flex-row, form .flex-column {
  position: relative; }

.errors {
  color: #F80000;
  font-style: italic; }

.error {
  border-color: #F80000 !important;
  background-image: url(../img/error.svg) !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center !important;
  background-size: 24px !important; }
  .error + .error__msg {
    display: block; }

.valid {
  border-color: #7ED321 !important;
  background-image: url(../img/valid.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 24px; }

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .input-file + label {
    display: block;
    cursor: pointer;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 50px; }
    .input-file + label:after {
      content: "\e920";
      font-family: 'icomoon';
      display: block;
      color: #0081A6;
      font-size: 25px;
      position: absolute;
      right: 10px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .input-file:hover + label, .input-file:focus + label {
    border-color: #0081A6; }

/*------------------------------------
	@COMPONENTS #STICKY
--------------------------------------*/
.sticky {
  transition: none; }

.banner {
  position: relative;
  padding: 137px 0 40px; }
  @media (min-width: 760px) {
    .banner {
      padding: 240px 0 90px; } }
  .banner p {
    max-width: 450px; }
  .banner:before {
    position: absolute;
    display: block;
    content: '';
    transition: border 0.22s ease-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border: 0 solid white;
    pointer-events: none;
    z-index: 0; }
  .banner--lg {
    padding: 0; }
  .banner--xl {
    padding: 110px 108px 45px 0; }
    @media (min-width: 760px) {
      .banner--xl {
        padding: 246px 0 150px 5px; } }
    @media (min-width: 1020px) {
      .banner--xl {
        padding: 246px 0 150px; } }
    .banner--xl .wrapper h1 {
      margin-bottom: 34px; }
    .banner--xl .wrapper p {
      font-size: 14px;
      line-height: 1.28em;
      letter-spacing: .47px;
      margin-bottom: 20px; }
      @media (min-width: 760px) {
        .banner--xl .wrapper p {
          margin-bottom: 36px;
          font-size: 20px; } }
    .banner--xl .wrapper .btn {
      font-size: 12px;
      min-width: 147px; }
      @media (min-width: 760px) {
        .banner--xl .wrapper .btn {
          font-size: 15px;
          min-width: 180px; } }
  .banner--gradient {
    position: relative; }
    .banner--gradient .wrapper {
      z-index: 1; }
    .banner--gradient:after {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
      /* W3C */
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 0; }
  .banner--no-overlay:before {
    display: none; }
  .banner--short {
    padding: 128px 0 63px; }
    @media (min-width: 760px) {
      .banner--short {
        padding-top: 202px;
        padding-bottom: 0; } }
  @media (min-width: 760px) {
    .banner--indent-bottom {
      margin-bottom: -100px; } }
  @media (min-width: 1020px) {
    .banner--indent-bottom {
      margin-bottom: -120px; } }
  .banner--slider {
    background: black; }
  .banner__title--alt {
    letter-spacing: 1.98px;
    line-height: 1.42em; }
  @media (min-width: 1020px) {
    .banner__title--pushed-up {
      margin-bottom: 140px; } }
  .banner__slide {
    padding: 141px 0 53px;
    position: relative;
    outline: none !important;
    background: black; }
    @media (min-width: 760px) {
      .banner__slide {
        padding: 233px 0 151px; } }
    .banner__slide:before {
      position: absolute;
      display: block;
      content: '';
      transition: border 0.22s ease-out;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.4);
      border: 0 solid white;
      pointer-events: none;
      z-index: 0; }
    .banner__slide:focus:before {
      border-width: 5px; }
    .banner__slide .bg-image {
      z-index: 1; }
    .banner__slide .wrapper {
      z-index: 2; }
  .banner__dots {
    position: absolute;
    bottom: 62px;
    text-align: center;
    width: 100%;
    left: 0; }
    .banner__dots li {
      display: inline-block;
      margin: 0 5px; }
      .banner__dots li button {
        display: block;
        padding: 0;
        font-size: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        border: 1px solid #fff;
        box-sizing: border-box;
        transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .banner__dots li.slick-active button {
        background: #fff; }
        .banner__dots li.slick-active button:focus {
          outline: auto 5px -webkit-focus-ring-color !important; }
  .banner__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media (min-width: 480px) {
      .banner__buttons {
        -ms-flex-direction: row;
            flex-direction: row; } }
    .banner__buttons .banner__item {
      margin-bottom: 15px; }
      @media (min-width: 480px) {
        .banner__buttons .banner__item {
          margin-bottom: 0;
          margin-right: 30px; } }
      .banner__buttons .banner__item:last-child {
        margin-right: 0; }

@media print {
  .banner .bg-image {
    position: relative;
    width: 100%;
    height: 200px;
    display: block;
    margin-bottom: 60px; }
  .banner h1, .banner p {
    color: black !important; } }

/*------------------------------------
	@COMPONENTS #CARDS
--------------------------------------*/
.card {
  background: #fff;
  height: 100%;
  display: block;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  border: 1px solid #DCDCDC; }
  .card h5, .card p, .card h3 {
    color: #152331; }
  .card h5 {
    font-size: 20px;
    line-height: 26px; }
  .card p {
    color: #4A4A4A; }
  @media (min-width: 760px) {
    .card:hover {
      margin-top: -5px;
      box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); } }

.card--grid {
  border: 0;
  box-shadow: none;
  margin-right: -10px;
  margin-left: -10px; }
  .card--grid:hover {
    margin-top: 0;
    box-shadow: none; }
    .card--grid:hover .card__image img {
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .card--grid .card__image {
    margin: 0; }
    .card--grid .card__image img {
      transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media (min-width: 760px) {
    .card--grid {
      position: relative; }
      .card--grid .card__image {
        height: 50%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
      .card--grid .card__content {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 136px; }
      .card--grid.card--reverse .card__image {
        top: auto;
        bottom: 0; }
      .card--grid.card--reverse .card__content {
        top: 0; } }
  @media (min-width: 1020px) {
    .card--grid {
      margin-left: 0;
      margin-right: 0; } }

.card__content {
  padding: 13px 15px 19px 15px; }
  .card__content p {
    font-size: 15px; }
  @media (min-width: 760px) {
    .card__content {
      padding: 34px 15px 28px 26px;
      font-size: 16px; } }
  .card__content.space-inner {
    padding: 36px 27px 27px 27px; }
    @media (min-width: 760px) {
      .card__content.space-inner {
        padding: 34px 15px 28px 26px; } }
  .card__content--matched {
    padding: 251px 15px 15px 15px;
    background-color: #800033;
    color: #fff;
    position: relative; }
    .card__content--matched--white {
      background-color: #ffffff;
      color: #4A4A4A; }
    .card__content--matched--no-photo {
      padding: 85px 15px 15px 15px; }
    .card__content--matched a {
      color: #fff; }
    .card__content--matched a:hover, .card__content--matched a:active {
      color: #f2f2f2; }
  .card__content__no-photo-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    display: block; }
  .card__content__photo-frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 236px;
    background-size: cover;
    background-position: center;
    width: 100%;
    display: block; }
  .card__content-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    height: 18px; }
  .card__content-post-details {
    position: absolute;
    bottom: 15px;
    text-align: left;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0 15px; }
  .card__content-paragraph {
    word-break: break-word;
    font-weight: 300;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff !important;
    min-height: 120px; }
    .card__content-paragraph--no-photo {
      min-height: 286px; }
  .card__content--photo {
    max-width: 100%;
    padding: 0; }

.card__wrapper {
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .card__wrapper {
      margin-bottom: 20px; } }
  @media (min-width: 1020px) {
    .card__wrapper {
      margin-bottom: 0; } }

.card__date {
  font-size: 14px;
  text-transform: uppercase; }

.card__image {
  height: 130px;
  position: relative;
  margin: 0 -1px -1px -1px; }
  @media (min-width: 760px) {
    .card__image {
      height: 190px; } }

.card__btn {
  margin: 0 22px -22px 0;
  position: relative;
  z-index: 1; }

.card__btn--float {
  margin: 0 22px 0 0; }

/*------------------------------------
	@COMPONENTS #FOOTER
------------------------------------*/
.footer {
  color: #fff;
  font-size: 14px;
  /* STICKY FOOTER */
  /* STICKY FOOTER ./end */ }

.footer__main {
  background: #000;
  padding: 30px 0 40px; }
  .footer__main a {
    color: #fff;
    text-decoration: none; }
  @media (min-width: 1020px) {
    .footer__main {
      padding: 39px 0 58px; } }

.footer__header {
  margin-bottom: 42px; }

.footer__logo {
  font-size: 42px; }
  @media (min-width: 760px) {
    .footer__logo {
      font-size: 69px; } }
  @media print {
    .footer__logo {
      text-decoration: none !important; } }

.footer__social li {
  display: inline-block;
  font-size: 20px;
  margin-right: 13px; }
  .footer__social li:last-child {
    margin-right: 0; }
  @media (min-width: 760px) {
    .footer__social li {
      font-size: 30px; } }

.footer__title {
  border-bottom: 1px solid #fff;
  padding: 14px 0;
  margin-bottom: 13px; }
  .footer__title > * {
    margin-bottom: 0; }

.footer__contact {
  margin-bottom: 0;
  font-size: 18px; }
  @media (min-width: 1020px) {
    .footer__contact {
      font-size: 14px;
      margin-bottom: 58px; } }

.footer__address {
  font-weight: 600;
  max-width: 260px; }
  .footer__address p {
    margin-bottom: 18px;
    padding-left: 30px;
    position: relative; }
  .footer__address i {
    position: absolute;
    left: 2px;
    top: 2px; }
  @media (min-width: 760px) {
    .footer__address {
      float: left; } }
  @media (min-width: 1020px) {
    .footer__address {
      margin-bottom: 0; }
      .footer__address:first-child {
        border-right: 1px solid #fff;
        margin-right: 20px;
        padding-right: 20px; }
      .footer__address p {
        line-height: 17px;
        margin-bottom: 0;
        padding: 0; } }

.footer__number p {
  margin-bottom: 18px;
  padding-left: 30px;
  position: relative; }

.footer__number i {
  position: absolute;
  left: 0;
  top: 0; }

.footer__number .icon-email {
  font-size: 13px;
  top: 6px;
  left: 0; }

@media (min-width: 760px) {
  .footer__number {
    float: right;
    text-align: right; } }

@media (min-width: 1020px) {
  .footer__number p {
    padding: 0;
    margin-bottom: 8px; } }

.footer__col {
  float: left;
  padding-right: 20px;
  width: 20%; }

.footer__sub {
  display: block;
  padding: 19px 0;
  text-align: center; }
  @media (min-width: 760px) {
    .footer__sub {
      text-align: left; } }

.footer__list li {
  font-size: 14px;
  margin-bottom: 23px;
  position: relative;
  padding-left: 10px; }
  .footer__list li:last-child {
    margin-bottom: 0; }
  .footer__list li:before {
    content: "\e904";
    font-family: 'icomoon';
    font-size: 0.7em;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 2px; }
  .footer__list li a:hover {
    text-decoration: underline; }

.sub__menu li {
  display: inline-block;
  padding-right: 14px;
  border-right: 1px solid #fff;
  margin-right: 10px; }
  .sub__menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0; }
  .sub__menu li a {
    color: #fff;
    text-decoration: none; }
    .sub__menu li a:hover {
      text-decoration: underline; }

@media (min-width: 760px) {
  .sub__menu {
    margin-bottom: 0; } }

.sub__copyright {
  margin-bottom: 0; }
  @media (min-width: 760px) {
    .sub__copyright {
      text-align: right; } }

.section {
  padding: 20px 0;
  border-left: none;
  border-right: none; }
  .section--no-padding-bottom {
    padding-bottom: 0; }
  .section--sm {
    padding: 22px 0; }
  .section--md {
    padding: 36px 0; }
  .section--md-a {
    padding: 20px 0 0; }
    @media (min-width: 760px) {
      .section--md-a {
        padding: 45px 0 0; } }
  @media (min-width: 760px) {
    .section--medium {
      padding: 80px 0; } }
  @media (min-width: 1020px) {
    .section--medium {
      padding: 111px 0 120px; } }
  .section--lg {
    padding: 140px 0 60px; }
  .section--light {
    background-color: #F9F9F9; }
  .section--white {
    background: #FFFFFF; }
  .section--pattern {
    position: relative; }
    .section--pattern .icon-pattern {
      position: absolute;
      display: block;
      top: -240px;
      left: -262px;
      font-size: 621px;
      color: #4A4A4A;
      z-index: -1;
      opacity: .05; }
  .section--pattern--top .icon-pattern {
    top: 42px;
    left: -322px;
    font-size: 462px; }
    @media (min-width: 760px) {
      .section--pattern--top .icon-pattern {
        top: -70px;
        left: -262px;
        font-size: 621px; } }
  .section--pattern--top--alt .icon-pattern {
    left: -482px;
    font-size: 997px; }
  .section--color {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat; }
    .section--color:before {
      position: absolute;
      display: block;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #800033;
      opacity: .68; }

.form-section {
  border-top: 1px solid #800033; }

/*------------------------------------
	@COMPONENTS #NAV
------------------------------------*/
header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100; }

.nav {
  padding: 18px 0 0 0; }
  @media (min-width: 1020px) {
    .nav {
      padding: 40px 0 0 0; } }

.nav__top-bar {
  font-size: 15px;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 11px;
  display: none;
  z-index: 1;
  position: absolute;
  right: 125px;
  top: 34px; }
  @media (min-width: 760px) {
    .nav__top-bar {
      display: block; } }
  @media (min-width: 1020px) {
    .nav__top-bar {
      top: auto;
      right: auto;
      position: relative; } }
  .nav__top-bar ul {
    list-style: none; }
    .nav__top-bar ul li {
      display: inline-block;
      padding: 4px 10px;
      border-right: 1px solid white;
      margin-right: -4px;
      letter-spacing: 0.05em; }
      .nav__top-bar ul li:last-child {
        border: 0; }
      .nav__top-bar ul li a {
        color: #fff;
        text-decoration: none; }
        .nav__top-bar ul li a:hover {
          text-decoration: underline; }
  .nav__top-bar__list li a {
    background: none; }

.top-bar--mobile {
  font-size: 15px !important;
  font-weight: 700; }
  .top-bar--mobile a {
    border: 0 !important; }

.nav__logo {
  font-size: 50px;
  color: white;
  z-index: 1;
  position: relative;
  text-decoration: none; }
  @media (min-width: 760px) {
    .nav__logo {
      font-size: 62px; } }
  @media (min-width: 1200px) {
    .nav__logo {
      font-size: 83px; } }
  @media print {
    .nav__logo {
      text-decoration: none; } }

.nav__burger {
  background: #fff;
  position: relative;
  height: 53px;
  width: 53px;
  display: block;
  cursor: pointer;
  margin-right: 20px; }
  .nav__burger:before {
    content: "";
    display: block;
    height: 53px;
    width: 53px;
    background: #800033;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1; }
  .nav__burger.active .burger__icon {
    left: 18px; }
    .nav__burger.active .burger__icon:nth-child(2) {
      opacity: 0; }
    .nav__burger.active .burger__icon:first-child {
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .nav__burger.active .burger__icon:last-child {
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  @media (min-width: 1020px) {
    .nav__burger {
      display: none; } }

.burger__icon {
  display: block;
  height: 2px;
  width: 24px;
  position: absolute;
  background: #353D47;
  left: 14px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .burger__icon:first-child {
    top: 17px;
    -ms-transform-origin: top left;
        transform-origin: top left; }
  .burger__icon:nth-child(2) {
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .burger__icon:last-child {
    bottom: 17px;
    -ms-transform-origin: bottom left;
        transform-origin: bottom left; }

.nav__menu {
  background: #353D47;
  padding-top: 107px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: none;
  z-index: -1; }
  @media (min-width: 1020px) {
    .nav__menu {
      display: block !important;
      background: white;
      position: relative;
      text-align: left;
      padding: 0 22px 0;
      z-index: auto; }
      .nav__menu:before {
        content: "";
        display: block;
        height: 68px;
        width: 68px;
        background: #800033;
        position: absolute;
        left: -20px;
        top: -20px;
        z-index: -1; } }
  .nav__menu > li {
    position: relative;
    border-bottom: 1px solid #979797; }
    @media (min-width: 1020px) {
      .nav__menu > li {
        border-bottom: none; } }
    @media (min-width: 1020px) {
      .nav__menu > li.nav__search {
        border-left: 1px solid #DCDCDC;
        margin-right: 0; } }
  .nav__menu li {
    font-size: 15px;
    letter-spacing: 0.05em; }
    .nav__menu li a {
      color: #fff;
      padding: 18px 0;
      display: inline-block;
      text-decoration: none; }
      .nav__menu li a.active {
        color: #24958E; }
        .nav__menu li a.active a {
          text-decoration: underline; }
    .nav__menu li.nav__search {
      color: #4A4A4A; }
      .nav__menu li.nav__search i {
        font-size: 16px;
        margin: 0;
        vertical-align: baseline; }
        @media (min-width: 760px) {
          .nav__menu li.nav__search i {
            font-size: 25px; } }
      .nav__menu li.nav__search a {
        border: 0;
        text-decoration: none; }
        .nav__menu li.nav__search a.active i {
          transform: rotateX(0); }
          .nav__menu li.nav__search a.active i:before {
            content: "\e913"; }
        .nav__menu li.nav__search a:hover {
          text-decoration: none; }
      @media (min-width: 1020px) {
        .nav__menu li.nav__search {
          padding: 25px 7px 21px 32px; } }
      @media (min-width: 1200px) {
        .nav__menu li.nav__search i {
          font-size: 37px; } }
    @media (min-width: 760px) {
      .nav__menu li {
        font-size: 22px; } }
    @media (min-width: 1020px) {
      .nav__menu li {
        font-size: 13px;
        float: left;
        margin-right: 10px;
        padding: 29px 0 24px; }
        .nav__menu li a {
          color: #152331;
          padding: 0;
          border: 0; }
          .nav__menu li a:hover {
            text-decoration: underline; }
        .nav__menu li:hover .icon-arrow {
          transform: rotateX(180deg); }
        .nav__menu li:hover > ul {
          display: block; } }
    @media (min-width: 1200px) {
      .nav__menu li {
        font-size: 15px;
        margin-right: 15px;
        padding: 36px 0 31px; } }
    @media (min-width: 1440px) {
      .nav__menu li {
        margin-right: 25px; } }

.nav__sub {
  display: none;
  border-bottom: 1px solid #979797;
  padding: 20px 0; }
  .nav__sub li {
    display: block; }
    .nav__sub li a {
      border: 0;
      padding: 10px 0; }
      .nav__sub li a.active {
        color: #fff; }
    @media (min-width: 760px) {
      .nav__sub li {
        font-size: 20px; } }
  @media (min-width: 1020px) {
    .nav__sub {
      background: #fff;
      width: 360px;
      position: absolute;
      top: 100%;
      left: -22px; }
      .nav__sub li {
        float: none;
        margin: 0;
        font-size: 14px;
        padding: 0 0 0 24px;
        font-weight: 400;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 39px; }
        .nav__sub li a {
          display: block;
          position: relative;
          padding-right: 24px;
          width: 100%; }
        .nav__sub li i {
          display: none; }
        .nav__sub li:hover {
          background-color: #DCDCDC; }
          .nav__sub li:hover > a {
            text-decoration: underline; }
          .nav__sub li:hover .nav__subparent:after {
            content: "";
            height: 0;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 20px;
            border-right-color: #F6F6F6;
            position: absolute;
            right: 0;
            top: 50%;
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
  @media (min-width: 1200px) {
    .nav__sub li {
      font-size: 15px; } }

@media (min-width: 1020px) {
  .nav__sub--left {
    left: auto;
    right: -115px; }
    .nav__sub--left > li a {
      padding-left: 24px;
      padding-right: 0; }
    .nav__sub--left > li:hover .nav__subparent:after {
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 20px;
      border-left-color: #F6F6F6;
      left: -24px;
      right: auto; } }

@media (min-width: 1200px) {
  .nav__sub--left {
    right: -133px; } }

@media (min-width: 1020px) {
  .nav__sub--left .nav__subsub {
    left: auto;
    right: 100%; } }

.nav__subsub {
  display: none;
  padding: 20px 0; }
  .nav__subsub li {
    font-size: 15px;
    letter-spacing: -0.04em; }
    .nav__subsub li a {
      border: 0;
      padding: 10px 0; }
    @media (min-width: 760px) {
      .nav__subsub li {
        font-size: 20px; } }
  @media (min-width: 1020px) {
    .nav__subsub {
      background: #F6F6F6;
      position: absolute;
      width: 280px;
      left: 100%;
      top: 0;
      min-height: 100%; }
      .nav__subsub li {
        font-size: 14px; }
        .nav__subsub li:hover {
          font-weight: 400; }
        .nav__subsub li a:hover {
          text-decoration: underline; } }
  @media (min-width: 1200px) {
    .nav__subsub li {
      font-size: 16px; } }

#search {
  margin: 0;
  padding: 0 !important;
  display: none; }
  @media (min-width: 1020px) {
    #search {
      position: absolute !important;
      left: 0;
      top: 0;
      background: white;
      width: calc(100% - 102px); } }

#search__input {
  border: 0;
  margin: 0 0 0 10px;
  width: calc(100% - 160px);
  float: left;
  padding: 10px 20px;
  background: #fff; }
  @media (min-width: 1020px) {
    #search__input {
      padding: 19px 40px;
      font-size: 24px;
      margin: 0;
      background: none; } }
  @media (min-width: 1200px) {
    #search__input {
      padding: 25px 40px; } }

#search__btn {
  float: right;
  margin: 0 10px; }
  @media (min-width: 1020px) {
    #search__btn {
      margin: 13px 20px; } }
  @media (min-width: 1200px) {
    #search__btn {
      margin: 19px 20px; } }

.nav__social {
  padding: 20px 0 30px; }
  .nav__social li {
    border: 0;
    font-size: 22px !important;
    display: inline-block;
    margin: 0 5px; }
    .nav__social li a {
      border: 0; }
    .nav__social li i {
      font-size: 1em; }

.nav__trigger,
.nav__subtrigger {
  margin-left: 10px; }
  @media (min-width: 1020px) {
    .nav__trigger,
    .nav__subtrigger {
      padding: 0;
      margin-left: 5px; } }
  .nav__trigger.active,
  .nav__subtrigger.active {
    transform: rotateX(180deg); }
  .nav__trigger i,
  .nav__subtrigger i {
    color: #fff !important;
    font-size: 9px;
    vertical-align: middle;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    display: inline-block; }
    @media (min-width: 1020px) {
      .nav__trigger i,
      .nav__subtrigger i {
        font-size: 6px;
        color: #152331 !important; } }

@media (min-width: 1020px) {
  .nav__subtrigger {
    margin-left: 0; } }

/*------------------------------------
    @COMPONENTS #BUTTONS
------------------------------------*/
.btn--primary {
  background-color: #800033;
  color: #fff;
  padding: 16px 18px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  letter-spacing: 0.05em; }
  .btn--primary:focus, .btn--primary:hover {
    background-color: #5A0225; }

.btn--ghost {
  color: #fff;
  border: 2px solid #fff;
  background: transparent;
  font-weight: 700; }
  .btn--ghost:hover, .btn--ghost:focus {
    background: #fff;
    color: #000; }

.btn--white {
  background: #fff;
  color: #152331;
  font-weight: 700;
  font-size: 15px;
  padding: 16px 18px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22); }
  .btn--white:hover, .btn--white:focus {
    opacity: 0.8;
    background-color: #f2f2f2; }

.btn--white--alt {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.22);
  border: solid 2px #800033;
  background-color: #ffffff;
  color: #353d47;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.5px; }
  .btn--white--alt:hover, .btn--white--alt:focus {
    background-color: #800033;
    color: white; }
  @media (max-width: 760px) {
    .btn--white--alt {
      min-width: 142px;
      font-size: 12px;
      padding: 13px; } }

.btn--alt {
  background-color: #24958E;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 16px 18px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22); }
  .btn--alt:hover, .btn--alt:focus {
    background-color: #1f807a;
    color: #fff; }

.btn--secondary {
  background-color: #0081A6;
  color: #fff;
  padding: 16px 18px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  letter-spacing: 0.05em; }
  .btn--secondary:focus, .btn--secondary:hover {
    background-color: #006d8d; }

.btn--ter {
  background-color: #353D47;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 16px 18px; }
  .btn--ter:hover, .btn--ter:focus {
    background-color: #2a3038;
    color: #fff; }

.btn--sm {
  font-size: 18px;
  padding: 11px 18px;
  min-width: 0; }

.btn--lg {
  padding: 11px 30px;
  letter-spacing: 1.5px;
  max-width: 190px; }
  @media (min-width: 760px) {
    .btn--lg {
      max-width: none;
      min-width: 285px; } }

@media (min-width: 760px) {
  .btn--xxl {
    display: block;
    padding: 36px 20px;
    width: 100%; } }

.btn--reset {
  border: 1px solid #DCDCDC;
  border-radius: 50%;
  color: #0081A6;
  font-size: 26px;
  position: relative;
  width: 53px;
  height: 53px; }
  .btn--reset i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }

.btn__shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.22); }

.breadcrumbs {
  background: #353D47;
  padding: 26px 0; }
  .breadcrumbs ul li {
    font-size: 12px;
    color: white;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0;
    margin-right: 10px;
    letter-spacing: 0.05em; }
    .breadcrumbs ul li .icon-arrow-right {
      font-size: 0.7em;
      margin: 0 5px 0 12px; }
    .breadcrumbs ul li .breadcrumbs__home:hover {
      text-decoration: none; }
    .breadcrumbs ul li a {
      display: inline-block;
      color: white;
      text-decoration: none; }
      .breadcrumbs ul li a:hover {
        color: #800033; }
  @media (min-width: 760px) {
    .breadcrumbs ul li {
      font-size: 14px; } }

aside {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  padding: 26px 18px;
  border: 1px solid #DCDCDC;
  margin-bottom: 37px;
  margin-top: 40px; }
  @media only screen and (min-width: 1020px) {
    aside {
      margin-top: 0; } }
  aside h3 {
    padding: 0 10px; }

.aside__list {
  padding-left: 10px; }
  .aside__list li {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
    .aside__list li:last-child {
      margin-bottom: 0; }
    .aside__list li a {
      color: #152331;
      text-decoration: none; }
      .aside__list li a:hover {
        color: #800033; }
    .aside__list li i {
      font-size: 0.7em; }

.aside__share-title {
  display: inline-block;
  letter-spacing: 0.1em;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle; }

.aside__share-list {
  display: inline-block; }
  .aside__share-list li {
    margin: 0 7px;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle; }
    .aside__share-list li a {
      color: #24958E;
      text-decoration: none; }
      .aside__share-list li a:hover {
        color: #800033; }
    @media (min-width: 1200px) {
      .aside__share-list li {
        margin: 0 12px; } }

.cta-strip {
  background: #353D47;
  padding: 20px 15px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 48px;
  margin-top: 48px;
  text-align: center; }
  .cta-strip h3 {
    margin: 0; }
    @media (min-width: 760px) {
      .cta-strip h3 {
        font-size: 20px; } }
  @media (min-width: 760px) {
    .cta-strip .flex-row, .cta-strip .flex-column {
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; } }
  .cta-strip .flex-row .flex-col-tablet-7, .cta-strip .flex-column .flex-col-tablet-7 {
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .cta-strip .flex-row .flex-col-tablet-7, .cta-strip .flex-column .flex-col-tablet-7 {
        margin-bottom: 0; } }
  @media (min-width: 760px) {
    .cta-strip .flex-row .flex-col-tablet-3, .cta-strip .flex-column .flex-col-tablet-3 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; } }
  @media (min-width: 760px) {
    .cta-strip {
      text-align: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1020px) {
    .cta-strip {
      margin-left: 0;
      margin-right: 0;
      padding: 20px; } }
  @media print {
    .cta-strip {
      display: none; } }

.accordion__row {
  border: 1px solid #DCDCDC;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  margin-bottom: 15px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  background: #fff; }

.accordion__trigger {
  cursor: pointer;
  padding: 15px 55px 15px 22px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left; }
  .accordion__trigger.active .accordion__icon {
    transform: translateY(-50%) rotateX(180deg); }
  .accordion__trigger:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important; }
  @media (min-width: 1020px) {
    .accordion__trigger {
      padding: 35px 135px 35px 82px; } }

.accordion__question {
  font-weight: 400;
  margin: 0; }

.accordion__icon {
  position: absolute;
  right: 10px;
  top: 60%;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media (min-width: 760px) {
    .accordion__icon {
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
  @media (min-width: 1020px) {
    .accordion__icon {
      right: 78px; } }

.accordion__question {
  font-size: 16px;
  line-height: 22px; }
  @media (min-width: 760px) {
    .accordion__question {
      font-size: 18px;
      line-height: 24px; } }
  @media (min-width: 1020px) {
    .accordion__question {
      font-size: 20px;
      line-height: 24px; } }

.accordion__content {
  border-top: 1px solid #DCDCDC;
  padding: 18px 22px;
  display: none; }
  @media (min-width: 1020px) {
    .accordion__content {
      padding: 35px 82px; } }
  @media print {
    .accordion__content {
      display: block !important; } }

table {
  margin-bottom: 24px;
  background: #fff; }
  @media (min-width: 1020px) {
    table {
      margin-bottom: 50px; } }
  table a {
    color: #24958E;
    text-decoration: underline;
    margin: 10px auto;
    display: block; }
    @media (min-width: 760px) {
      table a {
        font-size: 14px;
        text-align: center;
        padding: 0 10px; } }
  table .btn {
    display: block; }
  table img {
    margin: 0 37px 0 0;
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 760px) {
      table img {
        width: 41px; } }
  table table {
    margin: 0 -20px;
    width: calc(100% + 40px); }
    table table tbody {
      border: 0; }
      table table tbody tr {
        border: 0; }
        @media (min-width: 760px) {
          table table tbody tr {
            border-top: 1px solid #949FAB; }
            table table tbody tr:last-child {
              border-top: 1px solid #949FAB; }
            table table tbody tr:first-child {
              border-top: 0 !important; } }
        table table tbody tr td {
          border: 0; }

thead {
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  border: 1px solid #949FAB;
  border-bottom: 0; }
  @media (min-width: 760px) {
    thead {
      border-bottom: 1px solid #949FAB; } }
  thead th {
    padding: 25px 20px;
    vertical-align: middle; }

tbody {
  border: 1px solid #949FAB;
  font-size: 14px; }
  @media (min-width: 1020px) {
    tbody {
      font-size: 15px; } }
  tbody tr {
    border-bottom: 1px solid #949FAB; }
    tbody tr:last-child {
      border: 0; }
    tbody tr td {
      color: #3E4652;
      border-right: 1px solid #949FAB;
      padding: 7px 20px; }
      tbody tr td:last-child {
        border: 0; }

.table--dark thead {
  background: #353D47;
  color: #fff;
  border: 0; }

.table--primary thead {
  background: #800033;
  color: #fff;
  border: 0; }

.table--secondary thead {
  background: #24958E;
  color: #fff;
  border: 0; }

.table--no-thead.bt tfoot th::before,
.table--no-thead.bt tfoot td::before,
.table--no-thead.bt tbody td::before {
  display: none !important; }

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */
table.bt tbody th {
  display: none; }

table.bt thead {
  display: block;
  height: 10px; }

table.bt thead tr {
  display: none; }

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  /* IE 9 */
  float: left\9;
  width: 100%\9; }

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -ms-flex-shrink: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 600;
  width: 6.5em;
  padding-right: 10%; }

table.bt table.bt tfoot th::before,
table.bt table.bt tfoot td::before,
table.bt table.bt tbody td::before {
  display: none; }

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none; }

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top; }

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 760px) {
  .responsive-table tr:first-child {
    display: none; } }

.table-plain h1 {
  text-align: center; }

.table-plain img {
  margin: 0; }

.table-plain table {
  margin: 0 auto; }

.table-plain tbody {
  border: none; }
  .table-plain tbody tr {
    border: none; }
  .table-plain tbody td {
    padding: 0;
    border: none; }
    .table-plain tbody td .bt-content {
      width: 50vw; }
      .table-plain tbody td .bt-content p {
        margin-bottom: 0; }
      @media (min-width: 1020px) {
        .table-plain tbody td .bt-content {
          width: auto; } }

.table-plain p .btn {
  display: block;
  max-width: 310px;
  margin: 0 auto; }

.natural-language {
  font-size: 21px;
  letter-spacing: 0.05em;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
  margin-bottom: 67px; }
  .natural-language label,
  .natural-language p {
    font-size: inherit;
    display: inline-block;
    margin-bottom: 0; }
  .natural-language select {
    display: inline-block;
    font-size: 21px;
    margin-bottom: 20px;
    width: 90%; }
  .natural-language .selectbox-wrapper {
    margin-bottom: 14px;
    display: inline-block; }
  .natural-language .btn {
    margin-bottom: -40px; }
  @media (min-width: 760px) {
    .natural-language {
      margin-bottom: 0; }
      .natural-language select {
        width: auto; }
      .natural-language .wrapper {
        width: 610px; }
      .natural-language .btn {
        margin-bottom: 0; } }
  @media (min-width: 1020px) {
    .natural-language .wrapper {
      width: 100%; } }

.natural-language__inline {
  display: inline-block; }

.image-text {
  position: relative; }
  @media (min-width: 760px) {
    .image-text.flex-row:nth-child(odd), .image-text.flex-column:nth-child(odd) {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; } }

.image-text__image {
  min-height: 220px; }

.image-text__text {
  padding: 23px 20px 33px; }
  @media (min-width: 760px) {
    .image-text__text {
      border: 1px solid #DCDCDC;
      padding: 82px 7% 50px 10%; }
      .image-text__text .btn {
        margin-top: 50px; } }

.image-text__icon {
  background: #353D47;
  color: #fff;
  font-size: 40px;
  width: 70px;
  text-align: center;
  padding: 10px 0;
  height: 70px;
  position: relative;
  margin-top: -35px;
  margin-left: 20px;
  margin-bottom: 18px;
  display: block;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22); }
  .image-text__icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0); }
  @media (min-width: 760px) {
    .image-text__icon {
      margin-bottom: -35px;
      margin-left: 65px; } }

.image-text--sm {
  border: solid 0.6px #dcdcdc;
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .image-text--sm {
      border: none; } }
  .image-text--sm .image-text__image {
    min-height: 102px; }
    @media (min-width: 760px) {
      .image-text--sm .image-text__image {
        min-height: 151px; } }
  .image-text--sm .image-text__text {
    padding: 12px 28px 29px; }
    @media (min-width: 760px) {
      .image-text--sm .image-text__text {
        padding: 52px 38px 42px 42px; } }
    .image-text--sm .image-text__text h3 {
      margin-bottom: 5px;
      letter-spacing: 0;
      line-height: 1.28em; }
      @media (max-width: 760px) {
        .image-text--sm .image-text__text h3 {
          font-size: 19px; } }
    .image-text--sm .image-text__text p {
      line-height: 1.625em;
      margin-bottom: 19px;
      letter-spacing: .53px;
      padding-right: 15px; }
      @media (max-width: 760px) {
        .image-text--sm .image-text__text p {
          font-size: 14px;
          margin-bottom: 14px; } }
    .image-text--sm .image-text__text .btn {
      margin-top: 0;
      padding: 13px 18px;
      font-size: 11.55px;
      letter-spacing: 1.15px;
      min-width: 142px; }
      @media (max-width: 760px) {
        .image-text--sm .image-text__text .btn {
          min-width: 97px;
          font-size: 8px;
          padding: 9px; } }
  .image-text--sm .image-text__icon {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36);
    margin-top: -25px;
    margin-left: 28px;
    width: 43px;
    height: 43px;
    margin-bottom: 0; }
    @media (min-width: 760px) {
      .image-text--sm .image-text__icon {
        margin-top: -37px;
        margin-left: 44px;
        width: 64px;
        height: 64px;
        margin-bottom: -37px; } }
    @media (max-width: 760px) {
      .image-text--sm .image-text__icon i {
        font-size: 28px; } }

.card-slider {
  padding: 0 3px 0 23px; }
  @media (min-width: 760px) {
    .card-slider {
      padding: 0; } }
  .card-slider .slick-list {
    overflow: visible; }

.card-slider__card {
  margin-right: 16px;
  text-decoration: none; }
  .card-slider__card:last-child {
    margin-right: 0; }
  .card-slider__card--alt {
    margin-right: 0;
    margin-left: 16px; }

.card-slider--alt {
  padding: 0; }
  @media (min-width: 760px) {
    .card-slider--alt {
      padding: 0 3px 0 23px; } }
  .card-slider--alt .slick-slide {
    margin: 0 7px; }
    @media (min-width: 760px) {
      .card-slider--alt .slick-slide {
        margin-right: 16px; } }

.card-slider-mobile {
  width: 100% !important;
  padding: 0 10px; }
  .card-slider-mobile .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 1020px) {
      .card-slider-mobile .slick-track {
        width: 100%; } }

.slider__btn {
  display: inline-block;
  font-size: 27px;
  border: 1px solid #DCDCDC;
  width: 74px;
  text-align: center;
  padding: 20px 10px;
  outline: none; }
  .slider__btn:hover, .slider__btn:focus {
    background: #800033;
    color: #fff;
    border-color: #800033; }
  .slider__btn.slick-disabled {
    background: transparent;
    opacity: 0.3; }
    .slider__btn.slick-disabled:hover, .slider__btn.slick-disabled:focus {
      background: transparent;
      color: #152331;
      opacity: 0.5;
      border: 1px solid #DCDCDC; }

.slider__counter {
  width: 115px;
  list-style: none;
  display: inline-block;
  text-align: center;
  display: inline-block;
  background: none;
  border: none;
  font-size: 26px;
  font-weight: 100; }

.card--twitter {
  border: 0; }
  .card--twitter h3 {
    color: #1493e2;
    padding: 10px 24px;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 0; }
  .card--twitter .card__content {
    padding: 10px 8px 8px 15px;
    overflow: scroll; }

.twitter__post {
  position: relative;
  padding: 0 0 0 46px;
  margin-bottom: 8px; }
  .twitter__post:last-child {
    margin-bottom: 0; }
  .twitter__post:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    display: block;
    top: 8px;
    left: 15px;
    background: #DCDCDC; }

.twitter__avatar {
  height: 32px;
  width: 32px;
  display: block;
  border: 2px solid #DCDCDC;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%; }

.twitter__content {
  background: #f5f5f6;
  border-radius: 3px;
  padding: 8px;
  position: relative; }
  .twitter__content:before {
    content: "";
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: #f5f5f6;
    position: absolute;
    top: 12px;
    right: 100%; }
  .twitter__content img {
    max-width: 100%; }

.twitter__title {
  font-size: 14px;
  font-weight: 400;
  color: #color-text;
  padding-right: 20px;
  margin-bottom: 10px; }
  .twitter__title strong {
    color: #000000;
    font-weight: 400; }

.twitter__date {
  color: #152331;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 14px; }

.twitter__text {
  font-size: 12px;
  color: #152331 !important;
  line-height: 1em; }
  .twitter__text strong {
    font-weight: 400; }

.quick-links {
  background: #800033;
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 80px; }
  .quick-links h5 {
    padding: 24px 32px;
    margin: 0;
    font-weight: 600;
    color: #fff; }
    @media (min-width: 760px) {
      .quick-links h5 {
        padding: 24px 15px; } }
    @media (min-width: 1020px) {
      .quick-links h5 {
        padding: 24px 32px; } }
  @media (min-width: 760px) {
    .quick-links {
      margin-left: 0;
      margin-top: 0;
      position: relative;
      left: -10px;
      width: calc(100% + 20px); } }
  @media (min-width: 1020px) {
    .quick-links {
      left: 0;
      width: auto;
      margin-right: 0; } }

.quick-links__trigger {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.23); }
  @media (min-width: 760px) {
    .quick-links__trigger {
      border: 0;
      cursor: auto; } }
  .quick-links__trigger.active .quick-links__icon {
    transform: translateY(-50%) rotateX(180deg); }

.quick-links__icon {
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 32px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }

.quick-links__list {
  display: none; }
  .quick-links__list h3 {
    font-weight: 100;
    margin: 0; }
    @media (min-width: 760px) {
      .quick-links__list h3 {
        margin-bottom: 10px;
        font-size: 15px; } }
  .quick-links__list .h4--sub {
    margin-bottom: 0;
    text-transform: none; }
  .quick-links__list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.23); }
    .quick-links__list li:last-child {
      border: 0; }
      @media (min-width: 760px) {
        .quick-links__list li:last-child a:after {
          display: none; } }
    .quick-links__list li a {
      display: block;
      padding: 15px 32px;
      color: #fff;
      text-decoration: none; }
      @media (min-width: 760px) {
        .quick-links__list li a {
          position: relative;
          padding: 15px;
          height: 100%; }
          .quick-links__list li a:after {
            position: absolute;
            display: block;
            content: '';
            background-color: #353D47;
            width: 1px;
            height: 100%;
            right: 0;
            bottom: 0; } }
      @media (min-width: 1020px) {
        .quick-links__list li a {
          padding: 15px 32px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center; }
          .quick-links__list li a:hover {
            background: #fff;
            color: #800033; } }
  @media (min-width: 760px) {
    .quick-links__list {
      display: -ms-flexbox !important;
      display: flex !important; } }

.inner-banner {
  padding: 50px 0; }
  @media (min-width: 1020px) {
    .inner-banner {
      padding: 87px 0 67px; } }

.container {
  color: #fff;
  padding: 30px 20px; }
  .container p {
    font-size: 15px; }
  @media (min-width: 1020px) {
    .container {
      padding: 56px 50px 50px; } }

.container--sm {
  padding: 20px; }
  @media (min-width: 1020px) {
    .container--sm {
      margin-left: 10px;
      width: calc(100% - 20px); }
      .container--sm:first-child {
        margin-bottom: 20px; } }

.container__icon {
  font-size: 40px;
  margin-bottom: 20px;
  display: inline-block; }
  @media (min-width: 1020px) {
    .container__icon {
      font-size: 60px; } }

article {
  margin-left: -10px;
  margin-right: -10px; }
  @media (min-width: 760px) {
    article {
      position: relative;
      padding: 0 0 0 50%; }
      article:nth-child(even) {
        padding: 0 50% 0 0; }
        article:nth-child(even) .article__image {
          left: 50%; } }
  @media (min-width: 1020px) {
    article {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 20px;
      padding: 0 40% 0 0 !important; } }

.article--no-image {
  padding: 0 !important; }

.article__image {
  height: 220px;
  position: relative; }
  @media (min-width: 760px) {
    .article__image {
      width: 50%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; } }
  @media (min-width: 1020px) {
    .article__image {
      left: 60% !important;
      width: 40%; } }

.article__category {
  color: #353D47;
  letter-spacing: 0.2em;
  margin-bottom: 7px;
  font-size: 15px; }

.article__meta {
  color: #353D47;
  letter-spacing: 0.2em;
  margin-bottom: 0;
  font-size: 15px; }

.article__title {
  margin-bottom: 8px; }

.article__content {
  padding: 17px 17px 30px;
  border: 1px solid #DCDCDC; }
  @media (min-width: 760px) {
    .article__content {
      padding: 43px 41px 35px; } }
  @media (min-width: 1020px) {
    .article__content {
      padding: 20px 60px 20px 30px; } }

.article-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (min-width: 600px) {
    .article-row {
      -ms-flex-direction: row;
          flex-direction: row; } }
  .article-row .col-body {
    max-width: 100%; }
    @media (min-width: 600px) {
      .article-row .col-body {
        width: calc(100% - 180px); } }
  .article-row .col-btn {
    margin-top: 30px; }
    @media (min-width: 600px) {
      .article-row .col-btn {
        margin-top: 0;
        margin-left: 10px; } }

.filter {
  border-bottom: 1px solid #DCDCDC;
  padding: 18px 0 30px; }
  @media (min-width: 760px) {
    .filter {
      padding: 25px 0; } }

.filter__keyword {
  position: relative;
  max-width: 174px;
  float: right;
  width: 100%;
  margin-bottom: 20px; }
  .filter__keyword .textbox, .filter__keyword .selectbox, .filter__keyword select, .filter__keyword textarea, .filter__keyword .input-file + label {
    margin: 0;
    padding-right: 48px; }
  .filter__keyword button {
    position: absolute;
    right: 14px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: 20px; }
  @media (min-width: 760px) {
    .filter__keyword {
      margin-bottom: 0;
      max-width: 248px; } }

.filter__selects {
  letter-spacing: 0.1em;
  display: block;
  clear: both; }
  .filter__selects .selectbox-wrapper {
    margin: 0; }
    .filter__selects .selectbox-wrapper:before {
      right: 0; }
  @media (min-width: 760px) {
    .filter__selects {
      clear: none;
      float: left;
      padding: 10px 0;
      width: calc(100% - 248px); } }

.filter__title {
  text-transform: uppercase;
  font-size: 15px;
  float: left;
  margin-right: 42px;
  position: absolute;
  top: 13px; }
  @media (min-width: 760px) {
    .filter__title {
      position: relative;
      top: auto; } }

.selects__list {
  font-size: 15px; }
  .selects__list li {
    display: inline-block;
    margin-right: 13px; }
    .selects__list li a {
      color: #152331; }
      .selects__list li a:hover {
        text-decoration: underline; }
      .selects__list li a.active {
        font-weight: 700;
        text-decoration: underline; }
  @media (min-width: 760px) {
    .selects__list li {
      margin-right: 38px; } }

.filter--refine {
  padding: 20px 0 0; }
  @media (min-width: 1020px) {
    .filter--refine {
      padding: 25px 0; } }

.refine-filter__title {
  float: none;
  display: none; }
  @media (min-width: 1020px) {
    .refine-filter__title {
      display: block; } }

.filter__trigger {
  font-size: 15px;
  color: #0081A6; }
  .filter__trigger span {
    text-decoration: underline; }
  .filter__trigger i {
    font-size: 0.5em;
    display: inline-block; }
  .filter__trigger.active i {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  @media (min-width: 1020px) {
    .filter__trigger {
      display: none !important; } }

.refine__form {
  display: none;
  padding-bottom: 20px; }
  @media (min-width: 1020px) {
    .refine__form {
      display: block !important; } }

.form-steps {
  margin: 55px 0 75px;
  text-align: center; }

.step {
  display: block;
  border-radius: 4px;
  background: #E0E1E3;
  overflow: hidden;
  color: #152331;
  margin-bottom: 10px;
  text-align: left; }
  .step:last-child {
    margin-right: 0; }
  .step:hover .step__num {
    padding: 13px 15px; }
  .step:hover .step__title {
    padding-left: 7px; }
  @media (min-width: 760px) {
    .step {
      margin: 0;
      display: inline-block;
      margin-right: 12px; } }

.step__num {
  font-size: 26px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.23);
  padding: 13px 10px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 62px;
  text-align: center; }
  @media (min-width: 760px) {
    .step__num {
      width: auto; } }

.step__title {
  font-size: 15px;
  text-transform: uppercase;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media (min-width: 1020px) {
    .step__title {
      padding: 0 17px; } }

.step--done {
  background: #24958E;
  color: #fff; }

.step--current {
  background: #800033;
  color: #fff; }

.pagination {
  margin-bottom: 30px;
  margin-top: 30px; }
  .pagination--full-width {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
    @media (min-width: 760px) {
      .pagination--full-width {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
  .pagination__list {
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    display: inline-block; }
  .pagination__item {
    float: left;
    border-right: 1px solid #DCDCDC;
    font-size: 18px; }
    .pagination__item:last-child {
      border-right: none; }
    .pagination__item a {
      color: #0081A6;
      text-decoration: none;
      display: block;
      padding: 8px 13px; }
      @media (min-width: 760px) {
        .pagination__item a {
          padding: 14px 21px; } }
      .pagination__item a.active {
        font-weight: 700;
        background: #eaeaea; }
      .pagination__item a:hover {
        background: #eaeaea; }
  .pagination__arrow {
    font-size: 16px; }
    .pagination__arrow a {
      color: #800033;
      padding: 11px 13px 8px; }
      @media (min-width: 760px) {
        .pagination__arrow a {
          padding: 17px 21px 14px; } }

/*------------------------------------
    @COMPONENTS #BRICKS
------------------------------------*/
.brick {
  display: block;
  background-color: white;
  padding: 17px 15px 22px 17px;
  border: 1px solid #DCDCDC;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .brick:hover {
    background-color: #800033;
    border-color: #800033; }
    .brick:hover * {
      color: white; }

.brick__icon {
  display: block;
  font-size: 20px;
  color: #353D47;
  margin-bottom: 14px; }

.brick__title {
  color: #800033;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2.1px;
  margin-bottom: 4px; }

.brick__subtitle {
  color: #4A4A4A;
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1.68px;
  margin-bottom: 10px; }

.brick__text {
  color: #152331;
  font-size: 16px;
  letter-spacing: .53px; }

/*------------------------------------
	JS SLIDER
--------------------------------------*/
.js-slider,
.js-slider--alt,
.js-slider--sec {
  position: relative;
  width: calc(100% + 20px);
  margin-left: -10px; }
  @media (min-width: 480px) {
    .js-slider,
    .js-slider--alt,
    .js-slider--sec {
      width: auto;
      margin-left: 0; } }
  .js-slider .slick-current,
  .js-slider--alt .slick-current,
  .js-slider--sec .slick-current {
    -ms-transform: none;
        transform: none; }
  .js-slider .slick-slide,
  .js-slider--alt .slick-slide,
  .js-slider--sec .slick-slide {
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transform: scale(0.91);
        transform: scale(0.91);
    margin: 0 3px; }
    @media (min-width: 480px) {
      .js-slider .slick-slide,
      .js-slider--alt .slick-slide,
      .js-slider--sec .slick-slide {
        margin: 0 10px;
        -ms-transform: none;
            transform: none; } }

.js-slider-btn {
  position: absolute;
  display: block;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  background-color: #24958E;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: 43px;
  height: 38px; }
  @media (min-width: 1200px) {
    .js-slider-btn {
      width: 53px;
      height: 48px; } }
  .js-slider-btn:hover, .js-slider-btn:focus {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22); }
  .js-slider-btn i {
    font-size: 25px;
    color: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.js-slider-btn-prev,
.js-slider--alt-btn-prev,
.js-slider--sec-btn-prev {
  left: -20px; }
  @media (min-width: 1200px) {
    .js-slider-btn-prev,
    .js-slider--alt-btn-prev,
    .js-slider--sec-btn-prev {
      left: -55px; } }

.js-slider-btn-next,
.js-slider--alt-btn-next,
.js-slider--sec-btn-next {
  right: -20px; }
  @media (min-width: 1200px) {
    .js-slider-btn-next,
    .js-slider--alt-btn-next,
    .js-slider--sec-btn-next {
      right: -55px; } }

/*------------------------------------		
 VIDEOS		
--------------------------------------*/
.video__description {
  padding: 10px 20px 19px 20px;
  background-color: #F9F9F9; }
  .video__description p {
    font-size: 16px;
    color: #152331;
    letter-spacing: .53px; }

.video-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%; }
  .video-list a {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    background-color: #F9F9F9; }
    .video-list a img {
      margin-bottom: 0;
      min-width: 140px; }
      @media (min-width: 1020px) {
        .video-list a img {
          min-width: 163px; } }
      @media (min-width: 1200px) {
        .video-list a img {
          min-width: 214px; } }
    .video-list a span {
      padding: 10px 20px;
      color: #152331 !important;
      font-size: 16px;
      letter-spacing: .53px; }
      .video-list a span.custom {
        padding: 2px 20px; }
  .video-list li {
    margin-bottom: 0; }

.video-container {
  width: calc(100% + 20px);
  margin-left: -10px; }
  @media (min-width: 760px) {
    .video-container {
      width: auto;
      margin-left: 0; } }

.video-container-inner {
  position: relative; }
  .video-container-inner .icon-play-2 {
    position: absolute;
    display: block;
    color: white;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 72px; }
    @media (min-width: 760px) {
      .video-container-inner .icon-play-2 {
        font-size: 93px; } }
  .video-container-inner:hover {
    cursor: pointer; }

.js-video-control.none {
  display: none; }

.plyr__control--overlaid {
  display: none !important; }

.js-player,
.plyr--video {
  max-height: 295px; }

/*------------------------------------		
	@COMPONENTS #BLOCKS		
------------------------------------*/
.block {
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  text-align: center;
  padding: 28px 26px 23px;
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .block {
      padding: 37px 36px 29px 37px;
      margin-bottom: 16px; } }
  @media (min-width: 1020px) {
    .block {
      margin-bottom: 27px; } }
  @media (max-width: 760px) {
    .block .btn {
      min-width: 142px;
      font-size: 11px;
      padding: 13px; } }

.block__icon {
  position: relative;
  display: inline-block;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
  background-color: #353d47;
  width: 53.5px;
  height: 53.5px;
  margin-bottom: 27px; }
  @media (min-width: 760px) {
    .block__icon {
      width: 69px;
      height: 69px;
      margin-bottom: 34px; } }
  .block__icon i {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 35px; }
    @media (min-width: 760px) {
      .block__icon i {
        font-size: 50px; } }

.block__content {
  text-align: center; }

.block__title {
  font-weight: bold;
  color: #152331;
  text-transform: uppercase;
  margin-bottom: 25px; }
  @media (max-width: 760px) {
    .block__title {
      font-size: 22px; } }

.block__text {
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #152331;
  margin-bottom: 47px; }
  @media (max-width: 760px) {
    .block__text {
      font-size: 14px;
      margin-bottom: 37px; } }

/*------------------------------------		
	@COMPONENTS #BOXES		
------------------------------------*/
.box {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100%; }
  @media (min-width: 760px) {
    .box {
      min-width: 220px; } }
  @media (min-width: 1020px) {
    .box:hover .box__overlay {
      opacity: 1; } }

.box__overlay {
  opacity: 1;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media (min-width: 1020px) {
    .box__overlay {
      opacity: 0; } }
  .box__overlay span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: white;
    width: 85%;
    font-weight: bold;
    letter-spacing: 1.5px; }

.box__overlay--prim {
  background-color: #800033; }

.box__overlay--sec {
  background-color: #24958E; }

/*------------------------------------
@COMPONENTS #MODAL
------------------------------------*/
.modal--primary .modal-dialog {
  margin: 50px 20px; }
  @media (min-width: 760px) {
    .modal--primary .modal-dialog {
      margin: 50px auto; } }
  @media (min-width: 1020px) {
    .modal--primary .modal-dialog {
      margin: 94px auto;
      width: 620px; } }

.modal--primary .modal-header,
.modal--primary .modal-footer,
.modal--primary .modal-body {
  padding: 0;
  border: none; }

.modal--primary .modal-header {
  margin-bottom: 34px; }

.modal--primary .modal-content {
  border: none;
  border-radius: 0;
  border-top: 13px solid #DCDCDC;
  overflow: hidden;
  z-index: 2;
  padding: 46px 21px 35px; }
  @media (min-width: 480px) {
    .modal--primary .modal-content {
      padding: 46px 50px 35px; } }
  @media (min-width: 760px) {
    .modal--primary .modal-content {
      padding: 46px 91px 55px; } }

.modal--primary label {
  font-size: 18px;
  letter-spacing: .96px;
  margin-bottom: 4px; }

.modal--primary input:not(.btn) {
  border-bottom: 1px solid #152331;
  margin-bottom: 23px;
  font-size: 15px;
  letter-spacing: .8px;
  padding-top: 4px;
  padding-bottom: 10px;
  color: #152331;
  /*PLACEHOLDER*/ }
  .modal--primary input:not(.btn)::-webkit-input-placeholder {
    color: #152331; }
  .modal--primary input:not(.btn):-moz-placeholder {
    /* Firefox 18- */
    color: #152331;
    opacity: 1; }
  .modal--primary input:not(.btn)::-moz-placeholder {
    /* Firefox 19+ */
    color: #152331;
    opacity: 1; }
  .modal--primary input:not(.btn):-ms-input-placeholder {
    color: #152331; }

.modal--primary i.icon-pattern {
  position: absolute;
  font-size: 647px;
  z-index: 0;
  color: rgba(74, 74, 74, 0.05);
  top: -400px;
  right: -318px; }
  @media (min-width: 760px) {
    .modal--primary i.icon-pattern {
      top: -409px;
      right: -284px; } }

.modal__title {
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 28px; }
  @media (min-width: 760px) {
    .modal__title {
      font-size: 32px; } }
  @media (min-width: 760px) {
    .modal__title--small {
      font-size: 22px; } }

.modal__subtitle {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.46px;
  margin-bottom: 10px; }

.modal__text {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.35em; }
  @media (min-width: 1020px) {
    .modal__text {
      padding-right: 50px; } }

.modal__close {
  position: absolute;
  top: -25px;
  background: #800033;
  height: 50px;
  width: 50px;
  display: block;
  cursor: pointer;
  padding: 0;
  z-index: 3;
  right: 18px; }
  @media (min-width: 760px) {
    .modal__close {
      right: 28px; } }
  .modal__close span {
    display: block;
    height: 2px;
    width: 24px;
    position: absolute;
    background: white;
    left: 50%;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
    .modal__close span:first-child, .modal__close span:last-child {
      top: 50%; }
    .modal__close span:nth-child(2) {
      opacity: 0; }
    .modal__close span:first-child {
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg); }
    .modal__close span:last-child {
      -ms-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg); }

.modal#newsletter-popup .modal-dialog {
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 100vw;
  background: white; }

.modal#newsletter-popup .modal__close {
  display: none;
  right: 0; }
  @media (min-width: 1020px) {
    .modal#newsletter-popup .modal__close {
      position: relative;
      top: 0;
      margin-left: 27%; } }
  .modal#newsletter-popup .modal__close--show {
    display: block; }

.modal#newsletter-popup .modal__trigger {
  width: 100%; }
  @media (min-width: 760px) {
    .modal#newsletter-popup .modal__trigger {
      margin-left: auto;
      width: auto; } }
  .modal#newsletter-popup .modal__trigger:hover {
    color: #FFFFFF; }
  .modal#newsletter-popup .modal__trigger--hidden {
    display: none; }

.modal#newsletter-popup .modal-header {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (min-width: 760px) {
    .modal#newsletter-popup .modal-header {
      -ms-flex-direction: row;
          flex-direction: row;
      margin-top: 20px;
      margin-bottom: 20px;
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 1020px) {
    .modal#newsletter-popup .modal-header {
      margin-top: 0;
      margin-bottom: 0; } }

.modal#newsletter-popup .modal__title {
  margin-right: 30px;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 22px; }
  @media (min-width: 760px) {
    .modal#newsletter-popup .modal__title {
      margin-bottom: 0; } }

.modal#newsletter-popup .modal__text {
  margin-bottom: 15px; }
  @media (min-width: 760px) {
    .modal#newsletter-popup .modal__text {
      margin-bottom: 0;
      max-width: 45%; } }
  @media (min-width: 1020px) {
    .modal#newsletter-popup .modal__text {
      max-width: 880px; } }

.modal#newsletter-popup .modal-content {
  box-shadow: none;
  border: none;
  padding: 15px;
  overflow: visible; }
  @media (min-width: 760px) {
    .modal#newsletter-popup .modal-content {
      padding: 15px 0; } }
  @media (min-width: 1020px) {
    .modal#newsletter-popup .modal-content {
      overflow: hidden; } }

.modal#newsletter-popup .modal-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out; }
  .modal#newsletter-popup .modal-body--expanded {
    overflow: visible;
    max-height: 500px; }
  .modal#newsletter-popup .modal-body form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 874px;
    margin: 0 auto 10px auto; }
    @media (min-width: 1020px) {
      .modal#newsletter-popup .modal-body form {
        padding: 0 150px 0 9px; } }
    .modal#newsletter-popup .modal-body form .form__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 27px;
      -ms-flex-direction: column;
          flex-direction: column; }
      @media (min-width: 760px) {
        .modal#newsletter-popup .modal-body form .form__header {
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: end;
              align-items: flex-end; } }
      .modal#newsletter-popup .modal-body form .form__header > div {
        margin-bottom: 15px; }
        @media (min-width: 760px) {
          .modal#newsletter-popup .modal-body form .form__header > div {
            margin-bottom: 0;
            width: 68%; } }
  .modal#newsletter-popup .modal-body label {
    letter-spacing: 0;
    font-size: 16px;
    margin-bottom: 0; }
  .modal#newsletter-popup .modal-body input:not(.btn) {
    padding: 0;
    margin-bottom: 0; }

.modal__wrapper {
  max-width: 1280px; }

.social-card {
  height: 100%;
  min-height: 390px;
  display: block;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);
  background-color: #800033;
  color: #ffffff; }
  .social-card--white {
    background-color: #ffffff;
    color: #4a4a4a; }
  .social-card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .social-card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 12px; }
    @media only screen and (min-width: 480px) {
      .social-card__header {
        padding: 24px; } }
    .social-card__header--with-background-image {
      height: 236px;
      background-size: cover;
      background-position: center;
      width: 100%;
      position: relative;
      color: #ffffff; }
      .social-card__header--with-background-image:before {
        content: "";
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.3) 100%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
  .social-card__icon {
    font-size: 19px;
    margin-bottom: 20px;
    display: block;
    position: relative;
    z-index: 2; }
  .social-card__post-details {
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    z-index: 2; }
  .social-card__credit-link {
    color: #ffffff;
    text-decoration: none; }
    .social-card__credit-link:hover, .social-card__credit-link:active {
      color: #f2f2f2; }
    .social-card__credit-link--white-background {
      color: #4a4a4a; }
      .social-card__credit-link--white-background:hover, .social-card__credit-link--white-background:active {
        color: #0081A6; }
  .social-card__date--white-background {
    color: #4a4a4a; }
  .social-card__paragraph {
    -ms-flex: 1;
        flex: 1;
    word-break: break-word;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 12px; }
    .social-card__paragraph a {
      color: #fff;
      text-decoration: none; }
      .social-card__paragraph a:hover, .social-card__paragraph a:active {
        color: #f2f2f2; }
    .social-card__paragraph--white-background a {
      color: #4a4a4a; }
      .social-card__paragraph--white-background a:hover, .social-card__paragraph--white-background a:active {
        color: #3d3d3d; }
    @media only screen and (min-width: 480px) {
      .social-card__paragraph {
        padding: 24px; } }

.skip-to-content {
  position: fixed;
  top: 0;
  left: 0;
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  z-index: -999;
  color: black; }
  .skip-to-content:focus {
    -ms-transform: none;
        transform: none;
    z-index: 99999; }

.newsletter-signup {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  @media only screen and (min-width: 760px) {
    .newsletter-signup {
      -ms-flex-align: center;
          align-items: center; } }
  .newsletter-signup__switch {
    position: relative;
    display: inline-block;
    height: 26px;
    width: 76px;
    min-width: 76px;
    max-width: 100px; }
  .newsletter-signup__input {
    opacity: 0;
    width: 0;
    height: 0; }
  .newsletter-signup__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #84888E;
    transition: 0.4s;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: right;
    line-height: 27px;
    padding: 0 9px;
    border-radius: 34px; }
    .newsletter-signup__slider:before {
      position: absolute;
      content: "";
      height: 16px;
      width: 16px;
      left: 5px;
      bottom: 5px;
      background-color: white;
      transition: 0.4s;
      border-radius: 50%; }
  .newsletter-signup__text {
    font-size: 16px;
    margin-left: 24px; }

input:checked + .newsletter-signup__slider {
  color: white;
  background-color: #24958E;
  text-align: left; }

input:checked + .newsletter-signup__slider:before {
  -ms-transform: translateX(50px);
      transform: translateX(50px); }

.announcement {
  position: fixed;
  top: 0;
  left: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 25px 0;
  margin: 0;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 9999;
  height: 217px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media only screen and (min-width: 480px) {
    .announcement {
      height: 195px; } }
  @media only screen and (min-width: 760px) {
    .announcement {
      height: 123px; } }
  @media only screen and (min-width: 1020px) {
    .announcement {
      height: 100px; } }
  .announcement--closed {
    -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
  .announcement__wrapper {
    position: relative;
    max-width: 1320px; }
  @media only screen and (min-width: 760px) {
    .announcement__row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  @media only screen and (min-width: 1020px) {
    .announcement__row {
      -ms-flex-align: end;
          align-items: flex-end; } }
  .announcement__column--left {
    margin-bottom: 20px; }
    @media only screen and (min-width: 760px) {
      .announcement__column--left {
        max-width: 50%;
        margin-bottom: 0; } }
    @media only screen and (min-width: 1020px) {
      .announcement__column--left {
        max-width: 74%; } }
  .announcement__text {
    font-weight: normal;
    margin-bottom: 3px; }
  .announcement__title {
    font-size: 22px;
    letter-spacing: 0;
    margin-bottom: 0; }
  .announcement__button {
    margin-bottom: 0;
    width: 100%; }
    @media only screen and (min-width: 760px) {
      .announcement__button {
        margin-right: 33px;
        width: auto; } }
  .announcement__close {
    position: absolute;
    top: 0;
    right: 9px;
    display: inline-block;
    width: 25px;
    height: 25px;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media only screen and (min-width: 1020px) {
      .announcement__close {
        position: relative;
        top: auto;
        right: auto; } }
    .announcement__close:hover {
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .announcement__icon {
    font-size: 20px;
    color: #585852;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.flex-card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23); }
  @media (min-width: 760px) {
    .flex-card:hover .flex-card__button, .flex-card:focus .flex-card__button {
      background: #800033; } }
  @media (min-width: 1020px) {
    .flex-card--pushed-right {
      margin-left: 83px; } }
  .flex-card--large {
    display: block;
    width: 100%;
    max-width: 373px;
    text-decoration: none; }
  .flex-card--hidden-mobile {
    display: none; }
    @media (min-width: 760px) {
      .flex-card--hidden-mobile {
        display: block; } }
  .flex-card__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    background: #FFFFFF;
    padding: 20px; }
    @media (min-width: 760px) {
      .flex-card__body {
        padding: 20px 20px 35px; } }
  .flex-card__row {
    display: -ms-flexbox;
    display: flex; }
    .flex-card__row--top {
      margin-bottom: 12px;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; }
      @media (min-width: 760px) {
        .flex-card__row--top {
          -ms-flex-direction: row;
              flex-direction: row; } }
    .flex-card__row--space-between {
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .flex-card__row--hidden-mobile {
      display: none; }
      @media (min-width: 1020px) {
        .flex-card__row--hidden-mobile {
          display: -ms-flexbox;
          display: flex; } }
  .flex-card__tag, .flex-card__info {
    letter-spacing: 0.93px;
    font-size: 14px; }
  .flex-card__tag {
    background: #800033;
    color: #FFFFFF;
    padding: 5px 10px;
    margin-bottom: 10px; }
    @media (min-width: 760px) {
      .flex-card__tag {
        margin-bottom: 0; } }
  .flex-card__info {
    font-weight: 300;
    margin-bottom: 0; }
    .flex-card__info--margin-right {
      margin-right: 30px; }
    .flex-card__info--with-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .flex-card__info--hidden-mobile {
      display: none; }
      @media (min-width: 1020px) {
        .flex-card__info--hidden-mobile {
          display: block; } }
  .flex-card__mini-icon {
    display: block;
    font-size: 13px;
    margin-right: 10px; }
  .flex-card__info, .flex-card__title {
    color: #353D47; }
  .flex-card__title {
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 16px; }
    @media (min-width: 760px) {
      .flex-card__title {
        font-size: 18px; } }
  .flex-card__image-container {
    position: relative;
    width: 100%;
    height: 140px; }
    @media (min-width: 760px) {
      .flex-card__image-container {
        height: 200px; } }
  .flex-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .flex-card__button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    background: #353D47;
    width: 53px;
    height: 53px;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .flex-card__button-icon {
    color: #FFFFFF;
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .flex-card__icon {
    font-size: 62px;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .flex-card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex-card-listing {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px; }
    @media (min-width: 1020px) {
      .flex-card-listing {
        width: calc(50% - 30px);
        margin: 0 15px 30px;
        max-width: 373px; } }
    .flex-card-listing:nth-child(odd) {
      margin-left: 0; }
    .flex-card-listing:nth-child(even) {
      margin-right: 0; }

.form--margin-bottom-mobile {
  margin-bottom: 12px; }
  @media (min-width: 1020px) {
    .form--margin-bottom-mobile {
      margin-bottom: 0; } }

.form--limited-width {
  max-width: 324px; }

.form--pushed-down {
  margin-top: 6px; }
  @media (min-width: 1020px) {
    .form--pushed-down {
      margin-top: 0; } }

@media (min-width: 1020px) {
  .form--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 16px; } }

.form__label {
  font-size: 12px; }

.form__input {
  width: 100%;
  height: 50px;
  font-size: 16px;
  padding: 0 20px;
  font-weight: 300;
  border-color: #353D47;
  margin-bottom: 24px; }
  @media (min-width: 1020px) {
    .form__input {
      margin-bottom: 38px; } }

.form__button-container {
  position: relative; }

.form__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #800033;
  border: none;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media (min-width: 1020px) {
    .form__submit:hover, .form__submit:focus {
      background: #353D47; } }

.form__icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 19px;
  color: #FFFFFF;
  pointer-events: none; }

/*------------------------------------
	@TRUMPS #TYPE
------------------------------------*/
.type-custom {
  font-size: 14px; }
  @media (min-width: 760px) {
    .type-custom {
      font-size: 16px; } }

.type-bold-semibold {
  font-weight: 700 !important; }
  @media (min-width: 760px) {
    .type-bold-semibold {
      font-weight: 600 !important; } }

.type-sm {
  font-size: 11.4285714286px; }

.type-md {
  font-size: 13.3333333333px; }

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

.type-normal {
  font-weight: 400 !important; }

.type-semibold {
  font-weight: 600 !important; }

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

.type-extrabold {
  font-weight: 800 !important; }

.type-uppercase {
  text-transform: uppercase !important; }

.type-lowercase {
  text-transform: lowercase !important; }

.type-capitalize {
  text-transform: capitalize !important; }

.type-no-transform {
  text-transform: none !important; }

.type-hidden {
  font-size: 0; }

@media (min-width: 760px) {
  .type-tablet-hidden {
    font-size: 0; } }

@media (min-width: 1020px) {
  .type-desktop-hidden {
    font-size: 0; } }

/*------------------------------------
	@TRUMPS #COLORS
------------------------------------*/
.color-white {
  color: #fff !important; }

.color-primary {
  color: #800033 !important; }

.color-ter {
  color: #0081A6 !important; }

.color-quart {
  color: #353d47 !important; }

.color-quint {
  color: #4a4a4a !important; }

.color-error {
  color: #F80000; }

.bgr-primary {
  background: #800033; }

.bgr-alt {
  background: #F4F7FA; }

.bgr-ter {
  background: #353D47; }

.border {
  border: 1px solid #DCDCDC; }

/*------------------------------------
	@TRUMPS #HELPERS
------------------------------------*/
img:not([alt]) {
  border: 2px dashed #c00; }

.lspacing-clear {
  letter-spacing: 0; }

.lspacing-custom {
  letter-spacing: 1.5px; }

.lspacing-custom-2 {
  letter-spacing: 1.2px; }

.line-height-sm {
  line-height: 1.25em; }

.custom-text {
  line-height: 1.56;
  letter-spacing: 0.6px; }

@media (max-width: 760px) {
  .custom-text {
    font-size: 14px; } }

.hidden-video {
  display: none; }

.pb-custom-mb {
  padding-bottom: 46px; }

.over-hid {
  overflow: hidden; }

.no-shadow {
  box-shadow: none !important; }

.clean {
  margin: 0;
  padding: 0; }

.hidden {
  display: none !important; }

.no-border {
  border: 0 !important; }

.p-0x {
  padding: 0px; }

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

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

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

.py-0x {
  padding-bottom: 0px;
  padding-top: 0px; }

.m-0x {
  margin: 0px; }

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

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

.mx-0x {
  margin-left: 0px;
  margin-right: 0px; }

.my-0x {
  margin-bottom: 0px;
  margin-top: 0px; }

.p-1x {
  padding: 10px; }

.pt-1x {
  padding-top: 10px; }

.pb-1x {
  padding-bottom: 10px; }

.px-1x {
  padding-left: 10px;
  padding-right: 10px; }

.py-1x {
  padding-bottom: 10px;
  padding-top: 10px; }

.m-1x {
  margin: 10px; }

.mb-1x {
  margin-bottom: 10px; }

.mt-1x {
  margin-top: 10px; }

.mx-1x {
  margin-left: 10px;
  margin-right: 10px; }

.my-1x {
  margin-bottom: 10px;
  margin-top: 10px; }

.p-2x {
  padding: 20px; }

.pt-2x {
  padding-top: 20px; }

.pb-2x {
  padding-bottom: 20px; }

.px-2x {
  padding-left: 20px;
  padding-right: 20px; }

.py-2x {
  padding-bottom: 20px;
  padding-top: 20px; }

.m-2x {
  margin: 20px; }

.mb-2x {
  margin-bottom: 20px; }

.mt-2x {
  margin-top: 20px; }

.mx-2x {
  margin-left: 20px;
  margin-right: 20px; }

.my-2x {
  margin-bottom: 20px;
  margin-top: 20px; }

.p-3x {
  padding: 30px; }

.pt-3x {
  padding-top: 30px; }

.pb-3x {
  padding-bottom: 30px; }

.px-3x {
  padding-left: 30px;
  padding-right: 30px; }

.py-3x {
  padding-bottom: 30px;
  padding-top: 30px; }

.m-3x {
  margin: 30px; }

.mb-3x {
  margin-bottom: 30px; }

.mt-3x {
  margin-top: 30px; }

.mx-3x {
  margin-left: 30px;
  margin-right: 30px; }

.my-3x {
  margin-bottom: 30px;
  margin-top: 30px; }

.p-4x {
  padding: 40px; }

.pt-4x {
  padding-top: 40px; }

.pb-4x {
  padding-bottom: 40px; }

.px-4x {
  padding-left: 40px;
  padding-right: 40px; }

.py-4x {
  padding-bottom: 40px;
  padding-top: 40px; }

.m-4x {
  margin: 40px; }

.mb-4x {
  margin-bottom: 40px; }

.mt-4x {
  margin-top: 40px; }

.mx-4x {
  margin-left: 40px;
  margin-right: 40px; }

.my-4x {
  margin-bottom: 40px;
  margin-top: 40px; }

.p-5x {
  padding: 50px; }

.pt-5x {
  padding-top: 50px; }

.pb-5x {
  padding-bottom: 50px; }

.px-5x {
  padding-left: 50px;
  padding-right: 50px; }

.py-5x {
  padding-bottom: 50px;
  padding-top: 50px; }

.m-5x {
  margin: 50px; }

.mb-5x {
  margin-bottom: 50px; }

.mt-5x {
  margin-top: 50px; }

.mx-5x {
  margin-left: 50px;
  margin-right: 50px; }

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

.p-6x {
  padding: 60px; }

.pt-6x {
  padding-top: 60px; }

.pb-6x {
  padding-bottom: 60px; }

.px-6x {
  padding-left: 60px;
  padding-right: 60px; }

.py-6x {
  padding-bottom: 60px;
  padding-top: 60px; }

.m-6x {
  margin: 60px; }

.mb-6x {
  margin-bottom: 60px; }

.mt-6x {
  margin-top: 60px; }

.mx-6x {
  margin-left: 60px;
  margin-right: 60px; }

.my-6x {
  margin-bottom: 60px;
  margin-top: 60px; }

.p-7x {
  padding: 70px; }

.pt-7x {
  padding-top: 70px; }

.pb-7x {
  padding-bottom: 70px; }

.px-7x {
  padding-left: 70px;
  padding-right: 70px; }

.py-7x {
  padding-bottom: 70px;
  padding-top: 70px; }

.m-7x {
  margin: 70px; }

.mb-7x {
  margin-bottom: 70px; }

.mt-7x {
  margin-top: 70px; }

.mx-7x {
  margin-left: 70px;
  margin-right: 70px; }

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

.p-8x {
  padding: 80px; }

.pt-8x {
  padding-top: 80px; }

.pb-8x {
  padding-bottom: 80px; }

.px-8x {
  padding-left: 80px;
  padding-right: 80px; }

.py-8x {
  padding-bottom: 80px;
  padding-top: 80px; }

.m-8x {
  margin: 80px; }

.mb-8x {
  margin-bottom: 80px; }

.mt-8x {
  margin-top: 80px; }

.mx-8x {
  margin-left: 80px;
  margin-right: 80px; }

.my-8x {
  margin-bottom: 80px;
  margin-top: 80px; }

.p-9x {
  padding: 90px; }

.pt-9x {
  padding-top: 90px; }

.pb-9x {
  padding-bottom: 90px; }

.px-9x {
  padding-left: 90px;
  padding-right: 90px; }

.py-9x {
  padding-bottom: 90px;
  padding-top: 90px; }

.m-9x {
  margin: 90px; }

.mb-9x {
  margin-bottom: 90px; }

.mt-9x {
  margin-top: 90px; }

.mx-9x {
  margin-left: 90px;
  margin-right: 90px; }

.my-9x {
  margin-bottom: 90px;
  margin-top: 90px; }

.p-10x {
  padding: 100px; }

.pt-10x {
  padding-top: 100px; }

.pb-10x {
  padding-bottom: 100px; }

.px-10x {
  padding-left: 100px;
  padding-right: 100px; }

.py-10x {
  padding-bottom: 100px;
  padding-top: 100px; }

.m-10x {
  margin: 100px; }

.mb-10x {
  margin-bottom: 100px; }

.mt-10x {
  margin-top: 100px; }

.mx-10x {
  margin-left: 100px;
  margin-right: 100px; }

.my-10x {
  margin-bottom: 100px;
  margin-top: 100px; }

@media (min-width: 0) {
  .p-xs-0x {
    padding: 0px; } }

@media (min-width: 0) {
  .pt-xs-0x {
    padding-top: 0px; } }

@media (min-width: 0) {
  .pr-xs-0x {
    padding-right: 0px; } }

@media (min-width: 0) {
  .pb-xs-0x {
    padding-bottom: 0px; } }

@media (min-width: 0) {
  .px-xs-0x {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 0) {
  .py-xs-0x {
    padding-bottom: 0px;
    padding-top: 0px; } }

@media (min-width: 0) {
  .m-xs-0x {
    margin: 0px; } }

@media (min-width: 0) {
  .mb-xs-0x {
    margin-bottom: 0px; } }

@media (min-width: 0) {
  .mx-xs-0x {
    margin-left: 0px;
    margin-right: 0px; } }

@media (min-width: 0) {
  .my-xs-0x {
    margin-bottom: 0px;
    margin-top: 0px; } }

@media (min-width: 0) {
  .p-xs-1x {
    padding: 10px; } }

@media (min-width: 0) {
  .pt-xs-1x {
    padding-top: 10px; } }

@media (min-width: 0) {
  .pr-xs-1x {
    padding-right: 10px; } }

@media (min-width: 0) {
  .pb-xs-1x {
    padding-bottom: 10px; } }

@media (min-width: 0) {
  .px-xs-1x {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 0) {
  .py-xs-1x {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 0) {
  .m-xs-1x {
    margin: 10px; } }

@media (min-width: 0) {
  .mb-xs-1x {
    margin-bottom: 10px; } }

@media (min-width: 0) {
  .mx-xs-1x {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 0) {
  .my-xs-1x {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (min-width: 0) {
  .p-xs-2x {
    padding: 20px; } }

@media (min-width: 0) {
  .pt-xs-2x {
    padding-top: 20px; } }

@media (min-width: 0) {
  .pr-xs-2x {
    padding-right: 20px; } }

@media (min-width: 0) {
  .pb-xs-2x {
    padding-bottom: 20px; } }

@media (min-width: 0) {
  .px-xs-2x {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 0) {
  .py-xs-2x {
    padding-bottom: 20px;
    padding-top: 20px; } }

@media (min-width: 0) {
  .m-xs-2x {
    margin: 20px; } }

@media (min-width: 0) {
  .mb-xs-2x {
    margin-bottom: 20px; } }

@media (min-width: 0) {
  .mx-xs-2x {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 0) {
  .my-xs-2x {
    margin-bottom: 20px;
    margin-top: 20px; } }

@media (min-width: 0) {
  .p-xs-3x {
    padding: 30px; } }

@media (min-width: 0) {
  .pt-xs-3x {
    padding-top: 30px; } }

@media (min-width: 0) {
  .pr-xs-3x {
    padding-right: 30px; } }

@media (min-width: 0) {
  .pb-xs-3x {
    padding-bottom: 30px; } }

@media (min-width: 0) {
  .px-xs-3x {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 0) {
  .py-xs-3x {
    padding-bottom: 30px;
    padding-top: 30px; } }

@media (min-width: 0) {
  .m-xs-3x {
    margin: 30px; } }

@media (min-width: 0) {
  .mb-xs-3x {
    margin-bottom: 30px; } }

@media (min-width: 0) {
  .mx-xs-3x {
    margin-left: 30px;
    margin-right: 30px; } }

@media (min-width: 0) {
  .my-xs-3x {
    margin-bottom: 30px;
    margin-top: 30px; } }

@media (min-width: 0) {
  .p-xs-4x {
    padding: 40px; } }

@media (min-width: 0) {
  .pt-xs-4x {
    padding-top: 40px; } }

@media (min-width: 0) {
  .pr-xs-4x {
    padding-right: 40px; } }

@media (min-width: 0) {
  .pb-xs-4x {
    padding-bottom: 40px; } }

@media (min-width: 0) {
  .px-xs-4x {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 0) {
  .py-xs-4x {
    padding-bottom: 40px;
    padding-top: 40px; } }

@media (min-width: 0) {
  .m-xs-4x {
    margin: 40px; } }

@media (min-width: 0) {
  .mb-xs-4x {
    margin-bottom: 40px; } }

@media (min-width: 0) {
  .mx-xs-4x {
    margin-left: 40px;
    margin-right: 40px; } }

@media (min-width: 0) {
  .my-xs-4x {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media (min-width: 0) {
  .p-xs-5x {
    padding: 50px; } }

@media (min-width: 0) {
  .pt-xs-5x {
    padding-top: 50px; } }

@media (min-width: 0) {
  .pr-xs-5x {
    padding-right: 50px; } }

@media (min-width: 0) {
  .pb-xs-5x {
    padding-bottom: 50px; } }

@media (min-width: 0) {
  .px-xs-5x {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 0) {
  .py-xs-5x {
    padding-bottom: 50px;
    padding-top: 50px; } }

@media (min-width: 0) {
  .m-xs-5x {
    margin: 50px; } }

@media (min-width: 0) {
  .mb-xs-5x {
    margin-bottom: 50px; } }

@media (min-width: 0) {
  .mx-xs-5x {
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 0) {
  .my-xs-5x {
    margin-bottom: 50px;
    margin-top: 50px; } }

@media (min-width: 0) {
  .p-xs-6x {
    padding: 60px; } }

@media (min-width: 0) {
  .pt-xs-6x {
    padding-top: 60px; } }

@media (min-width: 0) {
  .pr-xs-6x {
    padding-right: 60px; } }

@media (min-width: 0) {
  .pb-xs-6x {
    padding-bottom: 60px; } }

@media (min-width: 0) {
  .px-xs-6x {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 0) {
  .py-xs-6x {
    padding-bottom: 60px;
    padding-top: 60px; } }

@media (min-width: 0) {
  .m-xs-6x {
    margin: 60px; } }

@media (min-width: 0) {
  .mb-xs-6x {
    margin-bottom: 60px; } }

@media (min-width: 0) {
  .mx-xs-6x {
    margin-left: 60px;
    margin-right: 60px; } }

@media (min-width: 0) {
  .my-xs-6x {
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (min-width: 0) {
  .p-xs-7x {
    padding: 70px; } }

@media (min-width: 0) {
  .pt-xs-7x {
    padding-top: 70px; } }

@media (min-width: 0) {
  .pr-xs-7x {
    padding-right: 70px; } }

@media (min-width: 0) {
  .pb-xs-7x {
    padding-bottom: 70px; } }

@media (min-width: 0) {
  .px-xs-7x {
    padding-left: 70px;
    padding-right: 70px; } }

@media (min-width: 0) {
  .py-xs-7x {
    padding-bottom: 70px;
    padding-top: 70px; } }

@media (min-width: 0) {
  .m-xs-7x {
    margin: 70px; } }

@media (min-width: 0) {
  .mb-xs-7x {
    margin-bottom: 70px; } }

@media (min-width: 0) {
  .mx-xs-7x {
    margin-left: 70px;
    margin-right: 70px; } }

@media (min-width: 0) {
  .my-xs-7x {
    margin-bottom: 70px;
    margin-top: 70px; } }

@media (min-width: 0) {
  .p-xs-8x {
    padding: 80px; } }

@media (min-width: 0) {
  .pt-xs-8x {
    padding-top: 80px; } }

@media (min-width: 0) {
  .pr-xs-8x {
    padding-right: 80px; } }

@media (min-width: 0) {
  .pb-xs-8x {
    padding-bottom: 80px; } }

@media (min-width: 0) {
  .px-xs-8x {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 0) {
  .py-xs-8x {
    padding-bottom: 80px;
    padding-top: 80px; } }

@media (min-width: 0) {
  .m-xs-8x {
    margin: 80px; } }

@media (min-width: 0) {
  .mb-xs-8x {
    margin-bottom: 80px; } }

@media (min-width: 0) {
  .mx-xs-8x {
    margin-left: 80px;
    margin-right: 80px; } }

@media (min-width: 0) {
  .my-xs-8x {
    margin-bottom: 80px;
    margin-top: 80px; } }

@media (min-width: 480px) {
  .p-mobile-0x {
    padding: 0px; } }

@media (min-width: 480px) {
  .pt-mobile-0x {
    padding-top: 0px; } }

@media (min-width: 480px) {
  .pr-mobile-0x {
    padding-right: 0px; } }

@media (min-width: 480px) {
  .pb-mobile-0x {
    padding-bottom: 0px; } }

@media (min-width: 480px) {
  .px-mobile-0x {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 480px) {
  .py-mobile-0x {
    padding-bottom: 0px;
    padding-top: 0px; } }

@media (min-width: 480px) {
  .m-mobile-0x {
    margin: 0px; } }

@media (min-width: 480px) {
  .mb-mobile-0x {
    margin-bottom: 0px; } }

@media (min-width: 480px) {
  .mx-mobile-0x {
    margin-left: 0px;
    margin-right: 0px; } }

@media (min-width: 480px) {
  .my-mobile-0x {
    margin-bottom: 0px;
    margin-top: 0px; } }

@media (min-width: 480px) {
  .p-mobile-1x {
    padding: 10px; } }

@media (min-width: 480px) {
  .pt-mobile-1x {
    padding-top: 10px; } }

@media (min-width: 480px) {
  .pr-mobile-1x {
    padding-right: 10px; } }

@media (min-width: 480px) {
  .pb-mobile-1x {
    padding-bottom: 10px; } }

@media (min-width: 480px) {
  .px-mobile-1x {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 480px) {
  .py-mobile-1x {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 480px) {
  .m-mobile-1x {
    margin: 10px; } }

@media (min-width: 480px) {
  .mb-mobile-1x {
    margin-bottom: 10px; } }

@media (min-width: 480px) {
  .mx-mobile-1x {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 480px) {
  .my-mobile-1x {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (min-width: 480px) {
  .p-mobile-2x {
    padding: 20px; } }

@media (min-width: 480px) {
  .pt-mobile-2x {
    padding-top: 20px; } }

@media (min-width: 480px) {
  .pr-mobile-2x {
    padding-right: 20px; } }

@media (min-width: 480px) {
  .pb-mobile-2x {
    padding-bottom: 20px; } }

@media (min-width: 480px) {
  .px-mobile-2x {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 480px) {
  .py-mobile-2x {
    padding-bottom: 20px;
    padding-top: 20px; } }

@media (min-width: 480px) {
  .m-mobile-2x {
    margin: 20px; } }

@media (min-width: 480px) {
  .mb-mobile-2x {
    margin-bottom: 20px; } }

@media (min-width: 480px) {
  .mx-mobile-2x {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 480px) {
  .my-mobile-2x {
    margin-bottom: 20px;
    margin-top: 20px; } }

@media (min-width: 480px) {
  .p-mobile-3x {
    padding: 30px; } }

@media (min-width: 480px) {
  .pt-mobile-3x {
    padding-top: 30px; } }

@media (min-width: 480px) {
  .pr-mobile-3x {
    padding-right: 30px; } }

@media (min-width: 480px) {
  .pb-mobile-3x {
    padding-bottom: 30px; } }

@media (min-width: 480px) {
  .px-mobile-3x {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 480px) {
  .py-mobile-3x {
    padding-bottom: 30px;
    padding-top: 30px; } }

@media (min-width: 480px) {
  .m-mobile-3x {
    margin: 30px; } }

@media (min-width: 480px) {
  .mb-mobile-3x {
    margin-bottom: 30px; } }

@media (min-width: 480px) {
  .mx-mobile-3x {
    margin-left: 30px;
    margin-right: 30px; } }

@media (min-width: 480px) {
  .my-mobile-3x {
    margin-bottom: 30px;
    margin-top: 30px; } }

@media (min-width: 480px) {
  .p-mobile-4x {
    padding: 40px; } }

@media (min-width: 480px) {
  .pt-mobile-4x {
    padding-top: 40px; } }

@media (min-width: 480px) {
  .pr-mobile-4x {
    padding-right: 40px; } }

@media (min-width: 480px) {
  .pb-mobile-4x {
    padding-bottom: 40px; } }

@media (min-width: 480px) {
  .px-mobile-4x {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 480px) {
  .py-mobile-4x {
    padding-bottom: 40px;
    padding-top: 40px; } }

@media (min-width: 480px) {
  .m-mobile-4x {
    margin: 40px; } }

@media (min-width: 480px) {
  .mb-mobile-4x {
    margin-bottom: 40px; } }

@media (min-width: 480px) {
  .mx-mobile-4x {
    margin-left: 40px;
    margin-right: 40px; } }

@media (min-width: 480px) {
  .my-mobile-4x {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media (min-width: 480px) {
  .p-mobile-5x {
    padding: 50px; } }

@media (min-width: 480px) {
  .pt-mobile-5x {
    padding-top: 50px; } }

@media (min-width: 480px) {
  .pr-mobile-5x {
    padding-right: 50px; } }

@media (min-width: 480px) {
  .pb-mobile-5x {
    padding-bottom: 50px; } }

@media (min-width: 480px) {
  .px-mobile-5x {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 480px) {
  .py-mobile-5x {
    padding-bottom: 50px;
    padding-top: 50px; } }

@media (min-width: 480px) {
  .m-mobile-5x {
    margin: 50px; } }

@media (min-width: 480px) {
  .mb-mobile-5x {
    margin-bottom: 50px; } }

@media (min-width: 480px) {
  .mx-mobile-5x {
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 480px) {
  .my-mobile-5x {
    margin-bottom: 50px;
    margin-top: 50px; } }

@media (min-width: 480px) {
  .p-mobile-6x {
    padding: 60px; } }

@media (min-width: 480px) {
  .pt-mobile-6x {
    padding-top: 60px; } }

@media (min-width: 480px) {
  .pr-mobile-6x {
    padding-right: 60px; } }

@media (min-width: 480px) {
  .pb-mobile-6x {
    padding-bottom: 60px; } }

@media (min-width: 480px) {
  .px-mobile-6x {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 480px) {
  .py-mobile-6x {
    padding-bottom: 60px;
    padding-top: 60px; } }

@media (min-width: 480px) {
  .m-mobile-6x {
    margin: 60px; } }

@media (min-width: 480px) {
  .mb-mobile-6x {
    margin-bottom: 60px; } }

@media (min-width: 480px) {
  .mx-mobile-6x {
    margin-left: 60px;
    margin-right: 60px; } }

@media (min-width: 480px) {
  .my-mobile-6x {
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (min-width: 480px) {
  .p-mobile-7x {
    padding: 70px; } }

@media (min-width: 480px) {
  .pt-mobile-7x {
    padding-top: 70px; } }

@media (min-width: 480px) {
  .pr-mobile-7x {
    padding-right: 70px; } }

@media (min-width: 480px) {
  .pb-mobile-7x {
    padding-bottom: 70px; } }

@media (min-width: 480px) {
  .px-mobile-7x {
    padding-left: 70px;
    padding-right: 70px; } }

@media (min-width: 480px) {
  .py-mobile-7x {
    padding-bottom: 70px;
    padding-top: 70px; } }

@media (min-width: 480px) {
  .m-mobile-7x {
    margin: 70px; } }

@media (min-width: 480px) {
  .mb-mobile-7x {
    margin-bottom: 70px; } }

@media (min-width: 480px) {
  .mx-mobile-7x {
    margin-left: 70px;
    margin-right: 70px; } }

@media (min-width: 480px) {
  .my-mobile-7x {
    margin-bottom: 70px;
    margin-top: 70px; } }

@media (min-width: 480px) {
  .p-mobile-8x {
    padding: 80px; } }

@media (min-width: 480px) {
  .pt-mobile-8x {
    padding-top: 80px; } }

@media (min-width: 480px) {
  .pr-mobile-8x {
    padding-right: 80px; } }

@media (min-width: 480px) {
  .pb-mobile-8x {
    padding-bottom: 80px; } }

@media (min-width: 480px) {
  .px-mobile-8x {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 480px) {
  .py-mobile-8x {
    padding-bottom: 80px;
    padding-top: 80px; } }

@media (min-width: 480px) {
  .m-mobile-8x {
    margin: 80px; } }

@media (min-width: 480px) {
  .mb-mobile-8x {
    margin-bottom: 80px; } }

@media (min-width: 480px) {
  .mx-mobile-8x {
    margin-left: 80px;
    margin-right: 80px; } }

@media (min-width: 480px) {
  .my-mobile-8x {
    margin-bottom: 80px;
    margin-top: 80px; } }

@media (min-width: 760px) {
  .p-tablet-0x {
    padding: 0px; } }

@media (min-width: 760px) {
  .pt-tablet-0x {
    padding-top: 0px; } }

@media (min-width: 760px) {
  .pr-tablet-0x {
    padding-right: 0px; } }

@media (min-width: 760px) {
  .pb-tablet-0x {
    padding-bottom: 0px; } }

@media (min-width: 760px) {
  .px-tablet-0x {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 760px) {
  .py-tablet-0x {
    padding-bottom: 0px;
    padding-top: 0px; } }

@media (min-width: 760px) {
  .m-tablet-0x {
    margin: 0px; } }

@media (min-width: 760px) {
  .mb-tablet-0x {
    margin-bottom: 0px; } }

@media (min-width: 760px) {
  .mx-tablet-0x {
    margin-left: 0px;
    margin-right: 0px; } }

@media (min-width: 760px) {
  .my-tablet-0x {
    margin-bottom: 0px;
    margin-top: 0px; } }

@media (min-width: 760px) {
  .p-tablet-1x {
    padding: 10px; } }

@media (min-width: 760px) {
  .pt-tablet-1x {
    padding-top: 10px; } }

@media (min-width: 760px) {
  .pr-tablet-1x {
    padding-right: 10px; } }

@media (min-width: 760px) {
  .pb-tablet-1x {
    padding-bottom: 10px; } }

@media (min-width: 760px) {
  .px-tablet-1x {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 760px) {
  .py-tablet-1x {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 760px) {
  .m-tablet-1x {
    margin: 10px; } }

@media (min-width: 760px) {
  .mb-tablet-1x {
    margin-bottom: 10px; } }

@media (min-width: 760px) {
  .mx-tablet-1x {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 760px) {
  .my-tablet-1x {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (min-width: 760px) {
  .p-tablet-2x {
    padding: 20px; } }

@media (min-width: 760px) {
  .pt-tablet-2x {
    padding-top: 20px; } }

@media (min-width: 760px) {
  .pr-tablet-2x {
    padding-right: 20px; } }

@media (min-width: 760px) {
  .pb-tablet-2x {
    padding-bottom: 20px; } }

@media (min-width: 760px) {
  .px-tablet-2x {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 760px) {
  .py-tablet-2x {
    padding-bottom: 20px;
    padding-top: 20px; } }

@media (min-width: 760px) {
  .m-tablet-2x {
    margin: 20px; } }

@media (min-width: 760px) {
  .mb-tablet-2x {
    margin-bottom: 20px; } }

@media (min-width: 760px) {
  .mx-tablet-2x {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 760px) {
  .my-tablet-2x {
    margin-bottom: 20px;
    margin-top: 20px; } }

@media (min-width: 760px) {
  .p-tablet-3x {
    padding: 30px; } }

@media (min-width: 760px) {
  .pt-tablet-3x {
    padding-top: 30px; } }

@media (min-width: 760px) {
  .pr-tablet-3x {
    padding-right: 30px; } }

@media (min-width: 760px) {
  .pb-tablet-3x {
    padding-bottom: 30px; } }

@media (min-width: 760px) {
  .px-tablet-3x {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 760px) {
  .py-tablet-3x {
    padding-bottom: 30px;
    padding-top: 30px; } }

@media (min-width: 760px) {
  .m-tablet-3x {
    margin: 30px; } }

@media (min-width: 760px) {
  .mb-tablet-3x {
    margin-bottom: 30px; } }

@media (min-width: 760px) {
  .mx-tablet-3x {
    margin-left: 30px;
    margin-right: 30px; } }

@media (min-width: 760px) {
  .my-tablet-3x {
    margin-bottom: 30px;
    margin-top: 30px; } }

@media (min-width: 760px) {
  .p-tablet-4x {
    padding: 40px; } }

@media (min-width: 760px) {
  .pt-tablet-4x {
    padding-top: 40px; } }

@media (min-width: 760px) {
  .pr-tablet-4x {
    padding-right: 40px; } }

@media (min-width: 760px) {
  .pb-tablet-4x {
    padding-bottom: 40px; } }

@media (min-width: 760px) {
  .px-tablet-4x {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 760px) {
  .py-tablet-4x {
    padding-bottom: 40px;
    padding-top: 40px; } }

@media (min-width: 760px) {
  .m-tablet-4x {
    margin: 40px; } }

@media (min-width: 760px) {
  .mb-tablet-4x {
    margin-bottom: 40px; } }

@media (min-width: 760px) {
  .mx-tablet-4x {
    margin-left: 40px;
    margin-right: 40px; } }

@media (min-width: 760px) {
  .my-tablet-4x {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media (min-width: 760px) {
  .p-tablet-5x {
    padding: 50px; } }

@media (min-width: 760px) {
  .pt-tablet-5x {
    padding-top: 50px; } }

@media (min-width: 760px) {
  .pr-tablet-5x {
    padding-right: 50px; } }

@media (min-width: 760px) {
  .pb-tablet-5x {
    padding-bottom: 50px; } }

@media (min-width: 760px) {
  .px-tablet-5x {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 760px) {
  .py-tablet-5x {
    padding-bottom: 50px;
    padding-top: 50px; } }

@media (min-width: 760px) {
  .m-tablet-5x {
    margin: 50px; } }

@media (min-width: 760px) {
  .mb-tablet-5x {
    margin-bottom: 50px; } }

@media (min-width: 760px) {
  .mx-tablet-5x {
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 760px) {
  .my-tablet-5x {
    margin-bottom: 50px;
    margin-top: 50px; } }

@media (min-width: 760px) {
  .p-tablet-6x {
    padding: 60px; } }

@media (min-width: 760px) {
  .pt-tablet-6x {
    padding-top: 60px; } }

@media (min-width: 760px) {
  .pr-tablet-6x {
    padding-right: 60px; } }

@media (min-width: 760px) {
  .pb-tablet-6x {
    padding-bottom: 60px; } }

@media (min-width: 760px) {
  .px-tablet-6x {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 760px) {
  .py-tablet-6x {
    padding-bottom: 60px;
    padding-top: 60px; } }

@media (min-width: 760px) {
  .m-tablet-6x {
    margin: 60px; } }

@media (min-width: 760px) {
  .mb-tablet-6x {
    margin-bottom: 60px; } }

@media (min-width: 760px) {
  .mx-tablet-6x {
    margin-left: 60px;
    margin-right: 60px; } }

@media (min-width: 760px) {
  .my-tablet-6x {
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (min-width: 760px) {
  .p-tablet-7x {
    padding: 70px; } }

@media (min-width: 760px) {
  .pt-tablet-7x {
    padding-top: 70px; } }

@media (min-width: 760px) {
  .pr-tablet-7x {
    padding-right: 70px; } }

@media (min-width: 760px) {
  .pb-tablet-7x {
    padding-bottom: 70px; } }

@media (min-width: 760px) {
  .px-tablet-7x {
    padding-left: 70px;
    padding-right: 70px; } }

@media (min-width: 760px) {
  .py-tablet-7x {
    padding-bottom: 70px;
    padding-top: 70px; } }

@media (min-width: 760px) {
  .m-tablet-7x {
    margin: 70px; } }

@media (min-width: 760px) {
  .mb-tablet-7x {
    margin-bottom: 70px; } }

@media (min-width: 760px) {
  .mx-tablet-7x {
    margin-left: 70px;
    margin-right: 70px; } }

@media (min-width: 760px) {
  .my-tablet-7x {
    margin-bottom: 70px;
    margin-top: 70px; } }

@media (min-width: 760px) {
  .p-tablet-8x {
    padding: 80px; } }

@media (min-width: 760px) {
  .pt-tablet-8x {
    padding-top: 80px; } }

@media (min-width: 760px) {
  .pr-tablet-8x {
    padding-right: 80px; } }

@media (min-width: 760px) {
  .pb-tablet-8x {
    padding-bottom: 80px; } }

@media (min-width: 760px) {
  .px-tablet-8x {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 760px) {
  .py-tablet-8x {
    padding-bottom: 80px;
    padding-top: 80px; } }

@media (min-width: 760px) {
  .m-tablet-8x {
    margin: 80px; } }

@media (min-width: 760px) {
  .mb-tablet-8x {
    margin-bottom: 80px; } }

@media (min-width: 760px) {
  .mx-tablet-8x {
    margin-left: 80px;
    margin-right: 80px; } }

@media (min-width: 760px) {
  .my-tablet-8x {
    margin-bottom: 80px;
    margin-top: 80px; } }

@media (min-width: 1020px) {
  .p-desktop-0x {
    padding: 0px; } }

@media (min-width: 1020px) {
  .pt-desktop-0x {
    padding-top: 0px; } }

@media (min-width: 1020px) {
  .pr-desktop-0x {
    padding-right: 0px; } }

@media (min-width: 1020px) {
  .pb-desktop-0x {
    padding-bottom: 0px; } }

@media (min-width: 1020px) {
  .px-desktop-0x {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 1020px) {
  .py-desktop-0x {
    padding-bottom: 0px;
    padding-top: 0px; } }

@media (min-width: 1020px) {
  .m-desktop-0x {
    margin: 0px; } }

@media (min-width: 1020px) {
  .mb-desktop-0x {
    margin-bottom: 0px; } }

@media (min-width: 1020px) {
  .mx-desktop-0x {
    margin-left: 0px;
    margin-right: 0px; } }

@media (min-width: 1020px) {
  .my-desktop-0x {
    margin-bottom: 0px;
    margin-top: 0px; } }

@media (min-width: 1020px) {
  .p-desktop-1x {
    padding: 10px; } }

@media (min-width: 1020px) {
  .pt-desktop-1x {
    padding-top: 10px; } }

@media (min-width: 1020px) {
  .pr-desktop-1x {
    padding-right: 10px; } }

@media (min-width: 1020px) {
  .pb-desktop-1x {
    padding-bottom: 10px; } }

@media (min-width: 1020px) {
  .px-desktop-1x {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1020px) {
  .py-desktop-1x {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 1020px) {
  .m-desktop-1x {
    margin: 10px; } }

@media (min-width: 1020px) {
  .mb-desktop-1x {
    margin-bottom: 10px; } }

@media (min-width: 1020px) {
  .mx-desktop-1x {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 1020px) {
  .my-desktop-1x {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (min-width: 1020px) {
  .p-desktop-2x {
    padding: 20px; } }

@media (min-width: 1020px) {
  .pt-desktop-2x {
    padding-top: 20px; } }

@media (min-width: 1020px) {
  .pr-desktop-2x {
    padding-right: 20px; } }

@media (min-width: 1020px) {
  .pb-desktop-2x {
    padding-bottom: 20px; } }

@media (min-width: 1020px) {
  .px-desktop-2x {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1020px) {
  .py-desktop-2x {
    padding-bottom: 20px;
    padding-top: 20px; } }

@media (min-width: 1020px) {
  .m-desktop-2x {
    margin: 20px; } }

@media (min-width: 1020px) {
  .mb-desktop-2x {
    margin-bottom: 20px; } }

@media (min-width: 1020px) {
  .mx-desktop-2x {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 1020px) {
  .my-desktop-2x {
    margin-bottom: 20px;
    margin-top: 20px; } }

@media (min-width: 1020px) {
  .p-desktop-3x {
    padding: 30px; } }

@media (min-width: 1020px) {
  .pt-desktop-3x {
    padding-top: 30px; } }

@media (min-width: 1020px) {
  .pr-desktop-3x {
    padding-right: 30px; } }

@media (min-width: 1020px) {
  .pb-desktop-3x {
    padding-bottom: 30px; } }

@media (min-width: 1020px) {
  .px-desktop-3x {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 1020px) {
  .py-desktop-3x {
    padding-bottom: 30px;
    padding-top: 30px; } }

@media (min-width: 1020px) {
  .m-desktop-3x {
    margin: 30px; } }

@media (min-width: 1020px) {
  .mb-desktop-3x {
    margin-bottom: 30px; } }

@media (min-width: 1020px) {
  .mx-desktop-3x {
    margin-left: 30px;
    margin-right: 30px; } }

@media (min-width: 1020px) {
  .my-desktop-3x {
    margin-bottom: 30px;
    margin-top: 30px; } }

@media (min-width: 1020px) {
  .p-desktop-4x {
    padding: 40px; } }

@media (min-width: 1020px) {
  .pt-desktop-4x {
    padding-top: 40px; } }

@media (min-width: 1020px) {
  .pr-desktop-4x {
    padding-right: 40px; } }

@media (min-width: 1020px) {
  .pb-desktop-4x {
    padding-bottom: 40px; } }

@media (min-width: 1020px) {
  .px-desktop-4x {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 1020px) {
  .py-desktop-4x {
    padding-bottom: 40px;
    padding-top: 40px; } }

@media (min-width: 1020px) {
  .m-desktop-4x {
    margin: 40px; } }

@media (min-width: 1020px) {
  .mb-desktop-4x {
    margin-bottom: 40px; } }

@media (min-width: 1020px) {
  .mx-desktop-4x {
    margin-left: 40px;
    margin-right: 40px; } }

@media (min-width: 1020px) {
  .my-desktop-4x {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media (min-width: 1020px) {
  .p-desktop-5x {
    padding: 50px; } }

@media (min-width: 1020px) {
  .pt-desktop-5x {
    padding-top: 50px; } }

@media (min-width: 1020px) {
  .pr-desktop-5x {
    padding-right: 50px; } }

@media (min-width: 1020px) {
  .pb-desktop-5x {
    padding-bottom: 50px; } }

@media (min-width: 1020px) {
  .px-desktop-5x {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 1020px) {
  .py-desktop-5x {
    padding-bottom: 50px;
    padding-top: 50px; } }

@media (min-width: 1020px) {
  .m-desktop-5x {
    margin: 50px; } }

@media (min-width: 1020px) {
  .mb-desktop-5x {
    margin-bottom: 50px; } }

@media (min-width: 1020px) {
  .mx-desktop-5x {
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 1020px) {
  .my-desktop-5x {
    margin-bottom: 50px;
    margin-top: 50px; } }

@media (min-width: 1020px) {
  .p-desktop-6x {
    padding: 60px; } }

@media (min-width: 1020px) {
  .pt-desktop-6x {
    padding-top: 60px; } }

@media (min-width: 1020px) {
  .pr-desktop-6x {
    padding-right: 60px; } }

@media (min-width: 1020px) {
  .pb-desktop-6x {
    padding-bottom: 60px; } }

@media (min-width: 1020px) {
  .px-desktop-6x {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 1020px) {
  .py-desktop-6x {
    padding-bottom: 60px;
    padding-top: 60px; } }

@media (min-width: 1020px) {
  .m-desktop-6x {
    margin: 60px; } }

@media (min-width: 1020px) {
  .mb-desktop-6x {
    margin-bottom: 60px; } }

@media (min-width: 1020px) {
  .mx-desktop-6x {
    margin-left: 60px;
    margin-right: 60px; } }

@media (min-width: 1020px) {
  .my-desktop-6x {
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (min-width: 1020px) {
  .p-desktop-7x {
    padding: 70px; } }

@media (min-width: 1020px) {
  .pt-desktop-7x {
    padding-top: 70px; } }

@media (min-width: 1020px) {
  .pr-desktop-7x {
    padding-right: 70px; } }

@media (min-width: 1020px) {
  .pb-desktop-7x {
    padding-bottom: 70px; } }

@media (min-width: 1020px) {
  .px-desktop-7x {
    padding-left: 70px;
    padding-right: 70px; } }

@media (min-width: 1020px) {
  .py-desktop-7x {
    padding-bottom: 70px;
    padding-top: 70px; } }

@media (min-width: 1020px) {
  .m-desktop-7x {
    margin: 70px; } }

@media (min-width: 1020px) {
  .mb-desktop-7x {
    margin-bottom: 70px; } }

@media (min-width: 1020px) {
  .mx-desktop-7x {
    margin-left: 70px;
    margin-right: 70px; } }

@media (min-width: 1020px) {
  .my-desktop-7x {
    margin-bottom: 70px;
    margin-top: 70px; } }

@media (min-width: 1020px) {
  .p-desktop-8x {
    padding: 80px; } }

@media (min-width: 1020px) {
  .pt-desktop-8x {
    padding-top: 80px; } }

@media (min-width: 1020px) {
  .pr-desktop-8x {
    padding-right: 80px; } }

@media (min-width: 1020px) {
  .pb-desktop-8x {
    padding-bottom: 80px; } }

@media (min-width: 1020px) {
  .px-desktop-8x {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 1020px) {
  .py-desktop-8x {
    padding-bottom: 80px;
    padding-top: 80px; } }

@media (min-width: 1020px) {
  .m-desktop-8x {
    margin: 80px; } }

@media (min-width: 1020px) {
  .mb-desktop-8x {
    margin-bottom: 80px; } }

@media (min-width: 1020px) {
  .mx-desktop-8x {
    margin-left: 80px;
    margin-right: 80px; } }

@media (min-width: 1020px) {
  .my-desktop-8x {
    margin-bottom: 80px;
    margin-top: 80px; } }

@media (min-width: 1200px) {
  .p-large-0x {
    padding: 0px; } }

@media (min-width: 1200px) {
  .pt-large-0x {
    padding-top: 0px; } }

@media (min-width: 1200px) {
  .pr-large-0x {
    padding-right: 0px; } }

@media (min-width: 1200px) {
  .pb-large-0x {
    padding-bottom: 0px; } }

@media (min-width: 1200px) {
  .px-large-0x {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 1200px) {
  .py-large-0x {
    padding-bottom: 0px;
    padding-top: 0px; } }

@media (min-width: 1200px) {
  .m-large-0x {
    margin: 0px; } }

@media (min-width: 1200px) {
  .mb-large-0x {
    margin-bottom: 0px; } }

@media (min-width: 1200px) {
  .mx-large-0x {
    margin-left: 0px;
    margin-right: 0px; } }

@media (min-width: 1200px) {
  .my-large-0x {
    margin-bottom: 0px;
    margin-top: 0px; } }

@media (min-width: 1200px) {
  .p-large-1x {
    padding: 10px; } }

@media (min-width: 1200px) {
  .pt-large-1x {
    padding-top: 10px; } }

@media (min-width: 1200px) {
  .pr-large-1x {
    padding-right: 10px; } }

@media (min-width: 1200px) {
  .pb-large-1x {
    padding-bottom: 10px; } }

@media (min-width: 1200px) {
  .px-large-1x {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1200px) {
  .py-large-1x {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 1200px) {
  .m-large-1x {
    margin: 10px; } }

@media (min-width: 1200px) {
  .mb-large-1x {
    margin-bottom: 10px; } }

@media (min-width: 1200px) {
  .mx-large-1x {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 1200px) {
  .my-large-1x {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (min-width: 1200px) {
  .p-large-2x {
    padding: 20px; } }

@media (min-width: 1200px) {
  .pt-large-2x {
    padding-top: 20px; } }

@media (min-width: 1200px) {
  .pr-large-2x {
    padding-right: 20px; } }

@media (min-width: 1200px) {
  .pb-large-2x {
    padding-bottom: 20px; } }

@media (min-width: 1200px) {
  .px-large-2x {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1200px) {
  .py-large-2x {
    padding-bottom: 20px;
    padding-top: 20px; } }

@media (min-width: 1200px) {
  .m-large-2x {
    margin: 20px; } }

@media (min-width: 1200px) {
  .mb-large-2x {
    margin-bottom: 20px; } }

@media (min-width: 1200px) {
  .mx-large-2x {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 1200px) {
  .my-large-2x {
    margin-bottom: 20px;
    margin-top: 20px; } }

@media (min-width: 1200px) {
  .p-large-3x {
    padding: 30px; } }

@media (min-width: 1200px) {
  .pt-large-3x {
    padding-top: 30px; } }

@media (min-width: 1200px) {
  .pr-large-3x {
    padding-right: 30px; } }

@media (min-width: 1200px) {
  .pb-large-3x {
    padding-bottom: 30px; } }

@media (min-width: 1200px) {
  .px-large-3x {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 1200px) {
  .py-large-3x {
    padding-bottom: 30px;
    padding-top: 30px; } }

@media (min-width: 1200px) {
  .m-large-3x {
    margin: 30px; } }

@media (min-width: 1200px) {
  .mb-large-3x {
    margin-bottom: 30px; } }

@media (min-width: 1200px) {
  .mx-large-3x {
    margin-left: 30px;
    margin-right: 30px; } }

@media (min-width: 1200px) {
  .my-large-3x {
    margin-bottom: 30px;
    margin-top: 30px; } }

@media (min-width: 1200px) {
  .p-large-4x {
    padding: 40px; } }

@media (min-width: 1200px) {
  .pt-large-4x {
    padding-top: 40px; } }

@media (min-width: 1200px) {
  .pr-large-4x {
    padding-right: 40px; } }

@media (min-width: 1200px) {
  .pb-large-4x {
    padding-bottom: 40px; } }

@media (min-width: 1200px) {
  .px-large-4x {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 1200px) {
  .py-large-4x {
    padding-bottom: 40px;
    padding-top: 40px; } }

@media (min-width: 1200px) {
  .m-large-4x {
    margin: 40px; } }

@media (min-width: 1200px) {
  .mb-large-4x {
    margin-bottom: 40px; } }

@media (min-width: 1200px) {
  .mx-large-4x {
    margin-left: 40px;
    margin-right: 40px; } }

@media (min-width: 1200px) {
  .my-large-4x {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media (min-width: 1200px) {
  .p-large-5x {
    padding: 50px; } }

@media (min-width: 1200px) {
  .pt-large-5x {
    padding-top: 50px; } }

@media (min-width: 1200px) {
  .pr-large-5x {
    padding-right: 50px; } }

@media (min-width: 1200px) {
  .pb-large-5x {
    padding-bottom: 50px; } }

@media (min-width: 1200px) {
  .px-large-5x {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 1200px) {
  .py-large-5x {
    padding-bottom: 50px;
    padding-top: 50px; } }

@media (min-width: 1200px) {
  .m-large-5x {
    margin: 50px; } }

@media (min-width: 1200px) {
  .mb-large-5x {
    margin-bottom: 50px; } }

@media (min-width: 1200px) {
  .mx-large-5x {
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 1200px) {
  .my-large-5x {
    margin-bottom: 50px;
    margin-top: 50px; } }

@media (min-width: 1200px) {
  .p-large-6x {
    padding: 60px; } }

@media (min-width: 1200px) {
  .pt-large-6x {
    padding-top: 60px; } }

@media (min-width: 1200px) {
  .pr-large-6x {
    padding-right: 60px; } }

@media (min-width: 1200px) {
  .pb-large-6x {
    padding-bottom: 60px; } }

@media (min-width: 1200px) {
  .px-large-6x {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 1200px) {
  .py-large-6x {
    padding-bottom: 60px;
    padding-top: 60px; } }

@media (min-width: 1200px) {
  .m-large-6x {
    margin: 60px; } }

@media (min-width: 1200px) {
  .mb-large-6x {
    margin-bottom: 60px; } }

@media (min-width: 1200px) {
  .mx-large-6x {
    margin-left: 60px;
    margin-right: 60px; } }

@media (min-width: 1200px) {
  .my-large-6x {
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (min-width: 1200px) {
  .p-large-7x {
    padding: 70px; } }

@media (min-width: 1200px) {
  .pt-large-7x {
    padding-top: 70px; } }

@media (min-width: 1200px) {
  .pr-large-7x {
    padding-right: 70px; } }

@media (min-width: 1200px) {
  .pb-large-7x {
    padding-bottom: 70px; } }

@media (min-width: 1200px) {
  .px-large-7x {
    padding-left: 70px;
    padding-right: 70px; } }

@media (min-width: 1200px) {
  .py-large-7x {
    padding-bottom: 70px;
    padding-top: 70px; } }

@media (min-width: 1200px) {
  .m-large-7x {
    margin: 70px; } }

@media (min-width: 1200px) {
  .mb-large-7x {
    margin-bottom: 70px; } }

@media (min-width: 1200px) {
  .mx-large-7x {
    margin-left: 70px;
    margin-right: 70px; } }

@media (min-width: 1200px) {
  .my-large-7x {
    margin-bottom: 70px;
    margin-top: 70px; } }

@media (min-width: 1200px) {
  .p-large-8x {
    padding: 80px; } }

@media (min-width: 1200px) {
  .pt-large-8x {
    padding-top: 80px; } }

@media (min-width: 1200px) {
  .pr-large-8x {
    padding-right: 80px; } }

@media (min-width: 1200px) {
  .pb-large-8x {
    padding-bottom: 80px; } }

@media (min-width: 1200px) {
  .px-large-8x {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 1200px) {
  .py-large-8x {
    padding-bottom: 80px;
    padding-top: 80px; } }

@media (min-width: 1200px) {
  .m-large-8x {
    margin: 80px; } }

@media (min-width: 1200px) {
  .mb-large-8x {
    margin-bottom: 80px; } }

@media (min-width: 1200px) {
  .mx-large-8x {
    margin-left: 80px;
    margin-right: 80px; } }

@media (min-width: 1200px) {
  .my-large-8x {
    margin-bottom: 80px;
    margin-top: 80px; } }

.no-transition,
.no-transition * {
  transition: none !important; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.text-center {
  text-align: center !important; }

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

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

@media (min-width: 0) {
  .text-center-xs {
    text-align: center; } }

@media (min-width: 0) {
  .text-left-xs {
    text-align: left; } }

@media (min-width: 0) {
  .text-right-xs {
    text-align: right; } }

@media (min-width: 480px) {
  .text-center-mobile {
    text-align: center; } }

@media (min-width: 480px) {
  .text-left-mobile {
    text-align: left; } }

@media (min-width: 480px) {
  .text-right-mobile {
    text-align: right; } }

@media (min-width: 760px) {
  .text-center-tablet {
    text-align: center; } }

@media (min-width: 760px) {
  .text-left-tablet {
    text-align: left; } }

@media (min-width: 760px) {
  .text-right-tablet {
    text-align: right; } }

@media (min-width: 1020px) {
  .text-center-desktop {
    text-align: center; } }

@media (min-width: 1020px) {
  .text-left-desktop {
    text-align: left; } }

@media (min-width: 1020px) {
  .text-right-desktop {
    text-align: right; } }

@media (min-width: 1200px) {
  .text-center-large {
    text-align: center; } }

@media (min-width: 1200px) {
  .text-left-large {
    text-align: left; } }

@media (min-width: 1200px) {
  .text-right-large {
    text-align: right; } }

@media (max-width: -1) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 479px) {
  .hidden-mobile-down {
    display: none !important; } }

@media (max-width: 759px) {
  .hidden-tablet-down {
    display: none !important; } }

@media (max-width: 1019px) {
  .hidden-desktop-down {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-large-down {
    display: none !important; } }

@media (min-width: 0) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 480px) {
  .hidden-mobile {
    display: none !important; } }

@media (min-width: 760px) {
  .hidden-tablet {
    display: none !important; } }

@media (min-width: 1020px) {
  .hidden-desktop {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-large {
    display: none !important; } }

.max-width-373 {
  max-width: 373px;
  min-width: 258px; }

/*------------------------------------
	@TRUMPS #PRINT
------------------------------------*/
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; } }