@charset "UTF-8";
:root {
  --unit-factor-vw: 1;
}

/*
For additional calculations, the block below should be duplicated
and the variables renamed accordingly.
*/
/**
Example: Dynamic sizes

$font-size-sm: calculate_dynamic_size(
 	$start: 14,
 	$end: 16,
 	$screen-width-start: 320,
 	$screen-width-end: 999,
);
*/
/**
Example: Define fonts

$fonts: (
	fontfamily-47-78 (
		font-family 		: $ff-font-family,
		font-weight			: 400,
		font-size			: calculate_dynamic_size($screen-width-start: 320, $screen-width-end: 550, $start:47, $end:78),
		line-height			: 1.12,
		line-height-crop	: (-0.14em, -0.265em),
		extra-sizes 		: (
			(min-width: t, font-size: calculate_dynamic_size(
				$screen-width-start: 550,
				$screen-width-end: 1000,
				$start:78, $end:115
			)),
			(min-width: d, font-size: calculate_dynamic_size(
				$screen-width-start: 1000,
				$screen-width-end: 1440,
				$start:125, $end:170
			)),
			(min-width: wd, font-size: calculate_dynamic_size(
				$screen-width-start: 1440,
				$screen-width-end: 2560,
				$start:170, $end:240
			)),
		),
	),
);
*/
/*
$fonts: (
  'title-xl': (
    font-family 		: $ff-sans-serif,
    font-size			: "8vw + 28px",
    line-height			: 1.5,
    line-height-crop	: -0.375em,
  ),
  extra-sizes 		: (
      (min-width: t, font-size: calculate_dynamic_size(
          $screen-width-start: 550,
          $screen-width-end: 1000,
          $start:78, $end:115
      )),
      (min-width: d, font-size: calculate_dynamic_size(
          $screen-width-start: 1000,
          $screen-width-end: 1440,
          $start:125, $end:170
      )),
      (min-width: wd, font-size: calculate_dynamic_size(
          $screen-width-start: 1440,
          $screen-width-end: 2560,
          $start:170, $end:240
      )),
  ),
);

$f-body-var 		: helvetica-1;
$f-body				: font($f-body-var);
*/
/*
--------------------
FONTS
--------------------
*/
/*--- FilsonPro: Regular ---*/
@font-face {
  font-family: "FilsonPro";
  src: url("/assets/fonts/FilsonPro/FilsonProRegular/FilsonProRegular.eot");
  src: url("/assets/fonts/FilsonPro/FilsonProRegular/FilsonProRegular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FilsonPro/FilsonProRegular/FilsonProRegular.woff2") format("woff2"), url("/assets/fonts/FilsonPro/FilsonProRegular/FilsonProRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*--- FilsonPro: Bold ---*/
@font-face {
  font-family: "FilsonPro";
  src: url("/assets/fonts/FilsonPro/FilsonProBold/FilsonProBold.eot");
  src: url("/assets/fonts/FilsonPro/FilsonProBold/FilsonProBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FilsonPro/FilsonProBold/FilsonProBold.woff2") format("woff2"), url("/assets/fonts/FilsonPro/FilsonProBold/FilsonProBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
/**
 * Example of replacing specific font glyphs with another font.
 *
@font-face{
	font-family: "Helvetica Neue";
	src: url("/assets/fonts/helvetica-neue-W05-46-light-italic/helvetica-neue-W05-46-light-italic.woff2") format("woff2"),
		 url("/assets/fonts/helvetica-neue-W05-46-light-italic/helvetica-neue-W05-46-light-italic.woff") format("woff");
	font-weight: 700;
	unicode-range: U+0040;
}
*/
/*
--------------------
Normalize CSS
--------------------
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
a, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

html {
  box-sizing: border-box;
}

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

.select2 {
  width: 100% !important;
}

.select2-container {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  cursor: pointer;
  display: flex;
  user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  flex: 1 0 auto;
  display: block;
  position: relative;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  display: block;
  align-self: center;
  width: 19px;
  height: 12px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/icons/chevron-down.svg") no-repeat center center;
  background-size: 100% 100%;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container--open .select2-selection--single span {
  position: relative;
  z-index: 1052;
}

.select2-dropdown {
  display: block;
  position: absolute;
  z-index: 1051;
  left: -100000px;
  width: 100%;
  top: -1.2em;
  padding-top: 1.2em;
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 25px;
  background-color: #000000;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__group {
  display: block;
  padding: 0 0 0.65em;
}

.select2-results__option {
  user-select: none;
  padding: 0.8em 1.2em 0.65em;
  margin: 0 0 0;
}

.select2-results__option--selectable {
  cursor: pointer;
}
.select2-results__option--selectable:hover {
  color: #FFFFFF;
}

.select2-results__option--selected {
  color: #FFFFFF;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/*
--------------------
COLUMNS
--------------------
*/
.cont-1, .cont-2, .cont-3, .cont-4, .cont-5, .cont-6, .cont-7, .cont-8, .cont-9, .cont-10, .cont-11, .cont-12, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12 {
  float: left;
  overflow: hidden;
}

.cont-1:after, .cont-2:after, .cont-3:after, .cont-4:after, .cont-5:after, .cont-6:after, .cont-7:after, .cont-8:after, .cont-9:after, .cont-10:after, .cont-11:after, .cont-12:after, .col-1:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-7:after, .col-8:after, .col-9:after, .col-10:after, .col-11:after, .col-12:after, .colp-1:after, .colp-2:after, .colp-3:after, .colp-4:after, .colp-5:after, .colp-6:after, .colp-7:after, .colp-8:after, .colp-9:after, .colp-10:after, .colp-11:after, .colp-12:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12, .block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8, .block-9, .block-10, .block-11, .block-12 {
  margin-right: 5.76vw;
}

.colh-1, .colh-2, .colh-3, .colh-4, .colh-5, .colh-6, .colh-7, .colh-8, .colh-9, .colh-10, .colh-11, .colh-12, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7, .colph-8, .colph-9, .colph-10, .colph-11, .colph-12 {
  margin-bottom: 5.76px;
}

.colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7, .colph-8, .colph-9, .colph-10, .colph-11, .colph-12 {
  padding: 20px 15px 15px 15px;
}

@media all and (min-width: 1001px) {
  .cont-1 {
    width: calc((69.74vw + 180px - 17px) / 12 * 1 - 0.5px);
  }
  .cont-2 {
    width: calc((69.74vw + 180px - 17px) / 12 * 2 - 0.5px);
  }
  .cont-3 {
    width: calc((69.74vw + 180px - 17px) / 12 * 3 - 0.5px);
  }
  .cont-4 {
    width: calc((69.74vw + 180px - 17px) / 12 * 4 - 0.5px);
  }
  .cont-5 {
    width: calc((69.74vw + 180px - 17px) / 12 * 5 - 0.5px);
  }
  .cont-6 {
    width: calc((69.74vw + 180px - 17px) / 12 * 6 - 0.5px);
  }
  .cont-7 {
    width: calc((69.74vw + 180px - 17px) / 12 * 7 - 0.5px);
  }
  .cont-8 {
    width: calc((69.74vw + 180px - 17px) / 12 * 8 - 0.5px);
  }
  .cont-9 {
    width: calc((69.74vw + 180px - 17px) / 12 * 9 - 0.5px);
  }
  .cont-10 {
    width: calc((69.74vw + 180px - 17px) / 12 * 10 - 0.5px);
  }
  .cont-11 {
    width: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px);
  }
  .cont-12 {
    width: calc((69.74vw + 180px - 17px) / 12 * 12 - 0.5px);
  }
  .col-1 {
    width: calc((69.74vw + 180px - 17px) / 12 * 1 - 5.76vw - 0.5px);
  }
  .col-2 {
    width: calc((69.74vw + 180px - 17px) / 12 * 2 - 5.76vw - 0.5px);
  }
  .col-3 {
    width: calc((69.74vw + 180px - 17px) / 12 * 3 - 5.76vw - 0.5px);
  }
  .col-4 {
    width: calc((69.74vw + 180px - 17px) / 12 * 4 - 5.76vw - 0.5px);
  }
  .col-5 {
    width: calc((69.74vw + 180px - 17px) / 12 * 5 - 5.76vw - 0.5px);
  }
  .col-6 {
    width: calc((69.74vw + 180px - 17px) / 12 * 6 - 5.76vw - 0.5px);
  }
  .col-7 {
    width: calc((69.74vw + 180px - 17px) / 12 * 7 - 5.76vw - 0.5px);
  }
  .col-8 {
    width: calc((69.74vw + 180px - 17px) / 12 * 8 - 5.76vw - 0.5px);
  }
  .col-9 {
    width: calc((69.74vw + 180px - 17px) / 12 * 9 - 5.76vw - 0.5px);
  }
  .col-10 {
    width: calc((69.74vw + 180px - 17px) / 12 * 10 - 5.76vw - 0.5px);
  }
  .col-11 {
    width: calc((69.74vw + 180px - 17px) / 12 * 11 - 5.76vw - 0.5px);
  }
  .col-12 {
    width: calc((69.74vw + 180px - 17px) / 12 * 12 - 5.76vw - 0.5px);
  }
  .colp-1 {
    width: calc((69.74vw + 180px - 17px) / 12 * 1 - 5.76vw - 0.5px);
  }
  .colp-2 {
    width: calc((69.74vw + 180px - 17px) / 12 * 2 - 5.76vw - 0.5px);
  }
  .colp-3 {
    width: calc((69.74vw + 180px - 17px) / 12 * 3 - 5.76vw - 0.5px);
  }
  .colp-4 {
    width: calc((69.74vw + 180px - 17px) / 12 * 4 - 5.76vw - 0.5px);
  }
  .colp-5 {
    width: calc((69.74vw + 180px - 17px) / 12 * 5 - 5.76vw - 0.5px);
  }
  .colp-6 {
    width: calc((69.74vw + 180px - 17px) / 12 * 6 - 5.76vw - 0.5px);
  }
  .colp-7 {
    width: calc((69.74vw + 180px - 17px) / 12 * 7 - 5.76vw - 0.5px);
  }
  .colp-8 {
    width: calc((69.74vw + 180px - 17px) / 12 * 8 - 5.76vw - 0.5px);
  }
  .colp-9 {
    width: calc((69.74vw + 180px - 17px) / 12 * 9 - 5.76vw - 0.5px);
  }
  .colp-10 {
    width: calc((69.74vw + 180px - 17px) / 12 * 10 - 5.76vw - 0.5px);
  }
  .colp-11 {
    width: calc((69.74vw + 180px - 17px) / 12 * 11 - 5.76vw - 0.5px);
  }
  .colp-12 {
    width: calc((69.74vw + 180px - 17px) / 12 * 12 - 5.76vw - 0.5px);
  }
  .left-1 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 1 - 0.5px);
  }
  .left-2 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 2 - 0.5px);
  }
  .left-3 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 3 - 0.5px);
  }
  .left-4 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 4 - 0.5px);
  }
  .left-5 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 5 - 0.5px);
  }
  .left-6 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 6 - 0.5px);
  }
  .left-7 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 7 - 0.5px);
  }
  .left-8 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 8 - 0.5px);
  }
  .left-9 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 9 - 0.5px);
  }
  .left-10 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 10 - 0.5px);
  }
  .left-11 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px);
  }
  .left-12 {
    margin-left: calc((69.74vw + 180px - 17px) / 12 * 12 - 0.5px);
  }
  .pleft-1 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 1 - 0.5px);
  }
  .pleft-2 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 2 - 0.5px);
  }
  .pleft-3 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 3 - 0.5px);
  }
  .pleft-4 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 4 - 0.5px);
  }
  .pleft-5 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 5 - 0.5px);
  }
  .pleft-6 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 6 - 0.5px);
  }
  .pleft-7 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 7 - 0.5px);
  }
  .pleft-8 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 8 - 0.5px);
  }
  .pleft-9 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 9 - 0.5px);
  }
  .pleft-10 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 10 - 0.5px);
  }
  .pleft-11 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px);
  }
  .pleft-12 {
    padding-left: calc((69.74vw + 180px - 17px) / 12 * 12 - 0.5px);
  }
  .right-1 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 1 - 0.5px + 5.76vw);
  }
  .right-2 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 2 - 0.5px + 5.76vw);
  }
  .right-3 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 3 - 0.5px + 5.76vw);
  }
  .right-4 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 4 - 0.5px + 5.76vw);
  }
  .right-5 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 5 - 0.5px + 5.76vw);
  }
  .right-6 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 6 - 0.5px + 5.76vw);
  }
  .right-7 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 7 - 0.5px + 5.76vw);
  }
  .right-8 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 8 - 0.5px + 5.76vw);
  }
  .right-9 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 9 - 0.5px + 5.76vw);
  }
  .right-10 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 10 - 0.5px + 5.76vw);
  }
  .right-11 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px + 5.76vw);
  }
  .right-12 {
    margin-right: calc((69.74vw + 180px - 17px) / 12 * 12 - 0.5px + 5.76vw);
  }
}
@media all and (max-width: 1000px) {
  .cont-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .col-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-1 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .left-2 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .left-3 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .left-4 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .left-5 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .left-6 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-7 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-8 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-9 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-10 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-11 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-12 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-1 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .pleft-2 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .pleft-3 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .pleft-4 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .pleft-5 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .pleft-6 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-7 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-8 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-9 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-10 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-11 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-12 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
}
@media all and (max-width: 480px) {
  .cont-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .col-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-1 {
    margin-left: 0;
  }
  .left-2 {
    margin-left: 0;
  }
  .left-3 {
    margin-left: 0;
  }
  .left-4 {
    margin-left: 0;
  }
  .left-5 {
    margin-left: 0;
  }
  .left-6 {
    margin-left: 0;
  }
  .left-7 {
    margin-left: 0;
  }
  .left-8 {
    margin-left: 0;
  }
  .left-9 {
    margin-left: 0;
  }
  .left-10 {
    margin-left: 0;
  }
  .left-11 {
    margin-left: 0;
  }
  .left-12 {
    margin-left: 0;
  }
  .pleft-1 {
    padding-left: 0;
  }
  .pleft-2 {
    padding-left: 0;
  }
  .pleft-3 {
    padding-left: 0;
  }
  .pleft-4 {
    padding-left: 0;
  }
  .pleft-5 {
    padding-left: 0;
  }
  .pleft-6 {
    padding-left: 0;
  }
  .pleft-7 {
    padding-left: 0;
  }
  .pleft-8 {
    padding-left: 0;
  }
  .pleft-9 {
    padding-left: 0;
  }
  .pleft-10 {
    padding-left: 0;
  }
  .pleft-11 {
    padding-left: 0;
  }
  .pleft-12 {
    padding-left: 0;
  }
  .cont-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .col-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-m-0 {
    margin-left: 0;
  }
  .left-m-1 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .left-m-2 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .left-m-3 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .left-m-4 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .left-m-5 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .left-m-6 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-7 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-8 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-9 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-10 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-11 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-12 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-0 {
    padding-left: 0;
  }
  .pleft-m-1 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .pleft-m-2 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .pleft-m-3 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .pleft-m-4 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .pleft-m-5 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .pleft-m-6 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-7 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-8 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-9 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-10 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-11 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-12 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  /*
  .right-m-0			{ margin-right:0; }
  	.right-m-1		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 1 - 0.5px); }
  	.right-m-2		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 2 - 0.5px); }
  	.right-m-3		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 3 - 0.5px); }
  	.right-m-4		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 4 - 0.5px); }
  	.right-m-5		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 5 - 0.5px); }
  	.right-m-6		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-7		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-8		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-9		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-10		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-11		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	.right-m-12		{ margin-right:calc(( 100vw - 5.76vw - 15vw + 50px - 17px ) / 6 * 6 - 0.5px); }
  	*/
}
@media all and (max-width: 1000px) {
  .cont-t-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-t-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-t-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-t-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-t-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-t-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .col-t-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-t-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-t-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-t-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-t-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-t-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-1 {
    width: calc((54.24vw + 170px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-t-2 {
    width: calc((54.24vw + 170px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-t-3 {
    width: calc((54.24vw + 170px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-t-4 {
    width: calc((54.24vw + 170px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-t-5 {
    width: calc((54.24vw + 170px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-t-6 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-7 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-8 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-9 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-10 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-11 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-12 {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-t-0 {
    margin-left: 0;
  }
  .left-t-1 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .left-t-2 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .left-t-3 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .left-t-4 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .left-t-5 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .left-t-6 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-7 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-8 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-9 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-10 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-11 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-12 {
    margin-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-0 {
    padding-left: 0;
  }
  .pleft-t-1 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 1 - 0.5px);
  }
  .pleft-t-2 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 2 - 0.5px);
  }
  .pleft-t-3 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 3 - 0.5px);
  }
  .pleft-t-4 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 4 - 0.5px);
  }
  .pleft-t-5 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 5 - 0.5px);
  }
  .pleft-t-6 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-7 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-8 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-9 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-10 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-11 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-12 {
    padding-left: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px);
  }
}
@media all and (max-width: 480px) {
  .cont-t-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-t-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-t-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-t-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-t-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-t-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-t-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .col-t-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-t-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-t-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-t-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-t-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-t-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-t-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-t-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-t-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-t-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-t-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-t-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-t-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-t-0 {
    margin-left: 0;
  }
  .left-t-1 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .left-t-2 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .left-t-3 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .left-t-4 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .left-t-5 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .left-t-6 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-7 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-8 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-9 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-10 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-11 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-t-12 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-1 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .pleft-t-2 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .pleft-t-3 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .pleft-t-4 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .pleft-t-5 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .pleft-t-6 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-7 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-8 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-9 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-10 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-11 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-t-12 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
}
@media all and (max-width: 480px) {
  .cont-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .col-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-m-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-m-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-m-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-m-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-m-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-m-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-m-0 {
    margin-left: 0;
  }
  .left-m-1 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .left-m-2 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .left-m-3 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .left-m-4 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .left-m-5 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .left-m-6 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-7 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-8 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-9 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-10 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-11 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-m-12 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-1 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .pleft-m-2 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .pleft-m-3 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .pleft-m-4 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .pleft-m-5 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .pleft-m-6 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-7 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-8 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-9 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-10 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-11 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .pleft-m-12 {
    padding-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
}
@media all and (min-aspect-ratio: 9/12) {
  .cont-mar-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .cont-mar-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .cont-mar-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .cont-mar-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .cont-mar-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .cont-mar-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .cont-mar-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .col-mar-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .col-mar-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .col-mar-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .col-mar-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .col-mar-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .col-mar-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .col-mar-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-1 {
    width: calc((79.24vw + 50px - 17px) / 6 * 1 - 5.76vw - 0.5px);
  }
  .colp-mar-2 {
    width: calc((79.24vw + 50px - 17px) / 6 * 2 - 5.76vw - 0.5px);
  }
  .colp-mar-3 {
    width: calc((79.24vw + 50px - 17px) / 6 * 3 - 5.76vw - 0.5px);
  }
  .colp-mar-4 {
    width: calc((79.24vw + 50px - 17px) / 6 * 4 - 5.76vw - 0.5px);
  }
  .colp-mar-5 {
    width: calc((79.24vw + 50px - 17px) / 6 * 5 - 5.76vw - 0.5px);
  }
  .colp-mar-6 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-7 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-8 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-9 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-10 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-11 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .colp-mar-12 {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 5.76vw - 0.5px);
  }
  .left-mar-1 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 1 - 0.5px);
  }
  .left-mar-2 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 2 - 0.5px);
  }
  .left-mar-3 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 3 - 0.5px);
  }
  .left-mar-4 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 4 - 0.5px);
  }
  .left-mar-5 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 5 - 0.5px);
  }
  .left-mar-6 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-7 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-8 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-9 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-10 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-11 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
  .left-mar-12 {
    margin-left: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px);
  }
}
.col-right {
  float: right;
}

@media all and (max-width: 1000px) {
  .col-t-left {
    float: left;
  }
}
@media all and (max-width: 480px) {
  .col-m-left {
    float: left;
  }
}
.left-center {
  position: relative;
  left: calc(50% - 5.76px);
  transform: translateX(-50%);
}

.page-content, .content-width {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 0 5.76vw;
  width: calc((69.74vw + 180px - 17px) / 12 * 12 - 0.5px + 5.76vw);
}
@media all and (max-width: 1000px) {
  .page-content, .content-width {
    width: calc((54.24vw + 170px - 17px) / 6 * 6 - 0.5px + 5.76vw);
  }
}
@media all and (max-width: 480px) {
  .page-content, .content-width {
    width: calc((79.24vw + 50px - 17px) / 6 * 6 - 0.5px + 5.76vw);
  }
}
.page-content:after, .content-width:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

/*
------------------
Margins & Paddings
------------------
*/
.plr {
  padding-left: 5.76px;
  padding-right: 5.76px;
}

.mlr {
  margin-left: 5.76px;
  margin-right: 5.76px;
}

.mt {
  margin-bottom: 30px;
}

.mb {
  margin-bottom: 30px;
}

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

.mt-medium {
  margin-top: 2.25em;
}

.mt-0-25 {
  margin-top: 1.44vw;
}

.mt-0-5 {
  margin-top: 2.88vw;
}

.mt-0-75 {
  margin-top: 4.32vw;
}

.mt-1 {
  margin-top: 5.76vw;
}

.mt-1-25 {
  margin-top: 7.2vw;
}

.mt-1-5 {
  margin-top: 8.64vw;
}

.mt-1-75 {
  margin-top: 10.08vw;
}

.mt-2 {
  margin-top: 11.52vw;
}

.mt-2-25 {
  margin-top: 12.96vw;
}

.mt-2-5 {
  margin-top: 14.4vw;
}

.mb-0-25 {
  margin-bottom: 1.44vw;
}

.mb-0-5 {
  margin-bottom: 2.88vw;
}

.mb-0-75 {
  margin-bottom: 4.32vw;
}

.mb-1 {
  margin-bottom: 5.76vw;
}

.mb-1-25 {
  margin-bottom: 7.2vw;
}

.mb-1-5 {
  margin-bottom: 8.64vw;
}

.mb-1-75 {
  margin-bottom: 10.08vw;
}

.mb-2 {
  margin-bottom: 11.52vw;
}

.mb-2-25 {
  margin-bottom: 12.96vw;
}

.mb-2-5 {
  margin-bottom: 14.4vw;
}

.mtb-0-5 {
  margin-top: 2.88vw;
  margin-bottom: 2.88vw;
}

.mtb-1 {
  margin-top: 5.76vw;
  margin-bottom: 5.76vw;
}

.mtb-1-5 {
  margin-top: 8.64vw;
  margin-bottom: 8.64vw;
}

.mtb-2 {
  margin-top: 11.52vw;
  margin-bottom: 11.52vw;
}

.mtb-2-5 {
  margin-top: 14.4vw;
  margin-bottom: 14.4vw;
}

.mt-0-25 {
  margin-top: 1.44vw;
}

.pt-0-5 {
  padding-top: 2.88vw;
}

.pt-1 {
  padding-top: 5.76vw;
}

.pt-1-5 {
  padding-top: 8.64vw;
}

.pt-2 {
  padding-top: 11.52vw;
}

.pt-2-5 {
  padding-top: 14.4vw;
}

.pb-0-5 {
  padding-bottom: 2.88vw;
}

.pb-1 {
  padding-bottom: 5.76vw;
}

.pb-1-5 {
  padding-bottom: 8.64vw;
}

.pb-2 {
  padding-bottom: 11.52vw;
}

.pb-2-5 {
  padding-bottom: 14.4vw;
}

.ptb-0-5 {
  padding-top: 2.88vw;
  padding-bottom: 2.88vw;
}

.ptb-1 {
  padding-top: 5.76vw;
  padding-bottom: 5.76vw;
}

.ptb-1-5 {
  padding-top: 8.64vw;
  padding-bottom: 8.64vw;
}

.ptb-2 {
  padding-top: 11.52vw;
  padding-bottom: 11.52vw;
}

.ptb-2-5 {
  padding-top: 14.4vw;
  padding-bottom: 14.4vw;
}

.mpt-0-5 {
  margin-top: 2.88vw;
  padding-top: 2.88vw;
}

.mpt-1 {
  margin-top: 5.76vw;
  padding-top: 5.76vw;
}

.mpt-1-5 {
  margin-top: 8.64vw;
  padding-top: 8.64vw;
}

.mpt-2 {
  margin-top: 11.52vw;
  padding-top: 11.52vw;
}

.mpt-2-5 {
  margin-top: 14.4vw;
  padding-top: 14.4vw;
}

.mpb-0-5 {
  margin-bottom: 2.88vw;
  padding-bottom: 2.88vw;
}

.mpb-1 {
  margin-bottom: 5.76vw;
  padding-bottom: 5.76vw;
}

.mpb-1-5 {
  margin-bottom: 8.64vw;
  padding-bottom: 8.64vw;
}

.mpb-2 {
  margin-bottom: 11.52vw;
  padding-bottom: 11.52vw;
}

.mpb-2-5 {
  margin-bottom: 14.4vw;
  padding-bottom: 14.4vw;
}

@media all and (max-width: 1000px) {
  .mt-t-0-5 {
    margin-top: 2.88vw;
  }
  .mt-t-1 {
    margin-top: 5.76vw;
  }
  .mt-t-1-5 {
    margin-top: 8.64vw;
  }
  .mt-t-2 {
    margin-top: 11.52vw;
  }
  .mt-t-2-5 {
    margin-top: 14.4vw;
  }
  .mb-t-0-5 {
    margin-bottom: 2.88vw;
  }
  .mb-t-1 {
    margin-bottom: 5.76vw;
  }
  .mb-t-1-5 {
    margin-bottom: 8.64vw;
  }
  .mb-t-2 {
    margin-bottom: 11.52vw;
  }
  .mb-t-2-5 {
    margin-bottom: 14.4vw;
  }
  .mtb-t-0-5 {
    margin-top: 2.88vw;
    margin-bottom: 2.88vw;
  }
  .mtb-t-1 {
    margin-top: 5.76vw;
    margin-bottom: 5.76vw;
  }
  .mtb-t-1-5 {
    margin-top: 8.64vw;
    margin-bottom: 8.64vw;
  }
  .mtb-t-2 {
    margin-top: 11.52vw;
    margin-bottom: 11.52vw;
  }
  .mtb-t-2-5 {
    margin-top: 14.4vw;
    margin-bottom: 14.4vw;
  }
  .pt-t-0-5 {
    padding-top: 2.88vw;
  }
  .pt-t-1 {
    padding-top: 5.76vw;
  }
  .pt-t-1-5 {
    padding-top: 8.64vw;
  }
  .pt-t-2 {
    padding-top: 11.52vw;
  }
  .pt-t-2-5 {
    padding-top: 14.4vw;
  }
  .pb-t-0-5 {
    padding-bottom: 2.88vw;
  }
  .pb-t-1 {
    padding-bottom: 5.76vw;
  }
  .pb-t-1-5 {
    padding-bottom: 8.64vw;
  }
  .pb-t-2 {
    padding-bottom: 11.52vw;
  }
  .pb-t-2-5 {
    padding-bottom: 14.4vw;
  }
  .ptb-t-0-5 {
    padding-top: 2.88vw;
    padding-bottom: 2.88vw;
  }
  .ptb-t-1 {
    padding-top: 5.76vw;
    padding-bottom: 5.76vw;
  }
  .ptb-t-1-5 {
    padding-top: 8.64vw;
    padding-bottom: 8.64vw;
  }
  .ptb-t-2 {
    padding-top: 11.52vw;
    padding-bottom: 11.52vw;
  }
  .ptb-t-2-5 {
    padding-top: 14.4vw;
    padding-bottom: 14.4vw;
  }
  .mpt-t-0-5 {
    margin-top: 2.88vw;
    padding-top: 2.88vw;
  }
  .mpt-t-1 {
    margin-top: 5.76vw;
    padding-top: 5.76vw;
  }
  .mpt-t-1-5 {
    margin-top: 8.64vw;
    padding-top: 8.64vw;
  }
  .mpt-t-2 {
    margin-top: 11.52vw;
    padding-top: 11.52vw;
  }
  .mpt-t-2-5 {
    margin-top: 14.4vw;
    padding-top: 14.4vw;
  }
  .mpb-t-0-5 {
    margin-bottom: 2.88vw;
    padding-bottom: 2.88vw;
  }
  .mpb-t-1 {
    margin-bottom: 5.76vw;
    padding-bottom: 5.76vw;
  }
  .mpb-t-1-5 {
    margin-bottom: 8.64vw;
    padding-bottom: 8.64vw;
  }
  .mpb-t-2 {
    margin-bottom: 11.52vw;
    padding-bottom: 11.52vw;
  }
  .mpb-t-2-5 {
    margin-bottom: 14.4vw;
    padding-bottom: 14.4vw;
  }
}
@media all and (max-width: 480px) {
  .mt-m-0-5 {
    margin-top: 2.88vw;
  }
  .mt-m-1 {
    margin-top: 5.76vw;
  }
  .mt-m-1-5 {
    margin-top: 8.64vw;
  }
  .mt-m-2 {
    margin-top: 11.52vw;
  }
  .mt-m-2-5 {
    margin-top: 14.4vw;
  }
  .mb-m-0-5 {
    margin-bottom: 2.88vw;
  }
  .mb-m-1 {
    margin-bottom: 5.76vw;
  }
  .mb-m-1-5 {
    margin-bottom: 8.64vw;
  }
  .mb-m-2 {
    margin-bottom: 11.52vw;
  }
  .mb-m-2-5 {
    margin-bottom: 14.4vw;
  }
  .mtb-m-0-5 {
    margin-top: 2.88vw;
    margin-bottom: 2.88vw;
  }
  .mtb-m-1 {
    margin-top: 5.76vw;
    margin-bottom: 5.76vw;
  }
  .mtb-m-1-5 {
    margin-top: 8.64vw;
    margin-bottom: 8.64vw;
  }
  .mtb-m-2 {
    margin-top: 11.52vw;
    margin-bottom: 11.52vw;
  }
  .mtb-m-2-5 {
    margin-top: 14.4vw;
    margin-bottom: 14.4vw;
  }
  /*
   * Paddings
   */
  .pt-m-0-5 {
    padding-top: 2.88vw;
  }
  .pt-m-1 {
    padding-top: 5.76vw;
  }
  .pt-m-1-5 {
    padding-top: 8.64vw;
  }
  .pt-m-2 {
    padding-top: 11.52vw;
  }
  .pt-m-2-5 {
    padding-top: 14.4vw;
  }
  .pb-m-0-5 {
    padding-bottom: 2.88vw;
  }
  .pb-m-1 {
    padding-bottom: 5.76vw;
  }
  .pb-m-1-5 {
    padding-bottom: 8.64vw;
  }
  .pb-m-2 {
    padding-bottom: 11.52vw;
  }
  .pb-m-2-5 {
    padding-bottom: 14.4vw;
  }
  .ptb-m-0-5 {
    padding-top: 2.88vw;
    padding-bottom: 2.88vw;
  }
  .ptb-m-1 {
    padding-top: 5.76vw;
    padding-bottom: 5.76vw;
  }
  .ptb-m-1-5 {
    padding-top: 8.64vw;
    padding-bottom: 8.64vw;
  }
  .ptb-m-2 {
    padding-top: 11.52vw;
    padding-bottom: 11.52vw;
  }
  .ptb-m-2-5 {
    padding-top: 14.4vw;
    padding-bottom: 14.4vw;
  }
  /*
   * Margins & Paddings
   */
  .mpt-m-0-5 {
    margin-top: 2.88vw;
    padding-top: 2.88vw;
  }
  .mpt-m-1 {
    margin-top: 5.76vw;
    padding-top: 5.76vw;
  }
  .mpt-m-1-5 {
    margin-top: 8.64vw;
    padding-top: 8.64vw;
  }
  .mpt-m-2 {
    margin-top: 11.52vw;
    padding-top: 11.52vw;
  }
  .mpt-m-2-5 {
    margin-top: 14.4vw;
    padding-top: 14.4vw;
  }
  .mpb-m-0-5 {
    margin-bottom: 2.88vw;
    padding-bottom: 2.88vw;
  }
  .mpb-m-1 {
    margin-bottom: 5.76vw;
    padding-bottom: 5.76vw;
  }
  .mpb-m-1-5 {
    margin-bottom: 8.64vw;
    padding-bottom: 8.64vw;
  }
  .mpb-m-2 {
    margin-bottom: 11.52vw;
    padding-bottom: 11.52vw;
  }
  .mpb-m-2-5 {
    margin-bottom: 14.4vw;
    padding-bottom: 14.4vw;
  }
}
.grid-guide {
  position: relative;
  clear: both;
}
.grid-guide:after {
  content: "";
  clear: both;
  display: table;
}

.grid-lines {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.4;
  z-index: 1000;
}
.grid-lines .col {
  background-color: grey;
  height: 100vh;
}

/*
--------------------
BUTTONS
--------------------
*/
.buttons {
  position: relative;
  font-size: 0;
}
.buttons:after {
  content: "";
  clear: both;
  display: table;
}
.buttons.nowrap {
  white-space: nowrap;
}

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

.button,
.button.label,
.button.submit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  padding: 7px 25px 7px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: calc(0.22vw + 13.78px);
  text-align: center;
  text-decoration: none;
  outline: 0;
  border: 3px solid currentColor;
  background: transparent;
  border-radius: 30px;
  transition: all 0.1s ease-in-out;
  min-width: 150px;
  max-width: 100%;
}
.button.va-top,
.button.label.va-top,
.button.submit.va-top {
  vertical-align: top;
}
.button.va-middle,
.button.label.va-middle,
.button.submit.va-middle {
  vertical-align: middle;
}
.button.va-bottom,
.button.label.va-bottom,
.button.submit.va-bottom {
  vertical-align: bottom;
}
.button.a-center,
.button.label.a-center,
.button.submit.a-center {
  display: block;
  margin: 0 auto;
}

.button.w-auto {
  width: auto;
}
.button.w-100 {
  width: 100%;
}
.button.w-75 {
  width: 75%;
}
.button.w-65 {
  width: 65%;
}
.button.w-50 {
  width: 50%;
}
.button.w-35 {
  width: 35%;
}
.button.w-33 {
  width: 33%;
}
.button.w-small {
  width: 138px;
}
.button.w-wide-1 {
  width: 320px;
}
.button.w-wide-2 {
  width: 420px;
}

.buttons .button {
  margin-right: 1.44vw;
}
.buttons .button.w-100 {
  width: calc(100% - 1.44vw);
}
.buttons .button.w-75 {
  width: calc(75% - 1.44vw);
}
.buttons .button.w-65 {
  width: calc(65% - 1.44vw);
}
.buttons .button.w-50 {
  width: calc(50% - 1.44vw);
}
.buttons .button.w-35 {
  width: calc(35% - 1.44vw);
}
.buttons .button.w-33 {
  width: calc(33% - 1.44vw);
}
.buttons .button.w-small {
  width: calc(138px - 1.44vw);
}
.buttons .button.w-wide-1 {
  width: calc(320px - 1.44vw);
}
.buttons .button.w-wide-2 {
  width: calc(420px - 1.44vw);
}

.buttons .inactive, .button.inactive,
.buttons .inactive:hover, .button.inactive:hover,
.buttons .inactive:active, .button.inactive:active,
.button.label.inactive,
.button.label.inactive:hover,
.button.label.inactive:active {
  color: #FFFFFF;
  text-decoration: none;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

/*
@media (hover: none) {
	a:link {
		color:inherit;
		border-color:inherit;
		background-color:inherit;
	}
}
*/
.buttons .disabled, .button.disabled,
.buttons .disabled:hover, .button.disabled:hover,
.buttons .disabled:active, .button.disabled:active,
.button.label.disabled,
.button.label.disabled:hover,
.button.label.disabled:active {
  cursor: default;
  color: #FFFFFF;
  text-decoration: none;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.button--xsmall {
  padding: 4px 15px 5px;
  font-size: calc(0.22vw + 13.78px);
}

.button--small {
  padding: 7px 25px 7px;
  font-size: calc(0.22vw + 13.78px);
}

.button--medium {
  padding: 12px 15px 12px;
  font-size: calc(0.22vw + 13.78px);
}

.button--large {
  padding: 12px 25px 12px;
  font-size: calc(0.34vw + 18.5px);
}

.button-wide-1 {
  width: 320px;
}

.button-wide-2 {
  width: 420px;
}

.button-wide-3 {
  width: 100%;
}

.button-trans {
  background: transparent;
}

.button--blue-highlight {
  color: #00F0FF;
  border-color: currentColor;
  background: transparent;
}
.button--blue-highlight.button:not(.disabled):not(.ignore-hover):hover, .button--blue-highlight.button:not(.disabled):active, .button--blue-highlight.button.selected:not(.disabled), .button-trigger.selected .button--blue-highlight.button:not(.disabled):not(.ignore-trigger), .button--blue-highlight.button.label:not(.disabled):hover, .button--blue-highlight.button.label:not(.disabled):active, .button--blue-highlight.button.selected.label:not(.disabled), .button-trigger.selected .button--blue-highlight.button.label:not(.disabled):not(.ignore-trigger) {
  color: #FFFFFF;
  border-color: #00F0FF;
  background: #00F0FF;
  text-decoration: none;
  cursor: hand;
}

.button--teal-highlight {
  color: #14FFC8;
  border-color: currentColor;
  background: transparent;
}
.button--teal-highlight.button:not(.disabled):not(.ignore-hover):hover, .button--teal-highlight.button:not(.disabled):active, .button--teal-highlight.button.selected:not(.disabled), .button-trigger.selected .button--teal-highlight.button:not(.disabled):not(.ignore-trigger), .button--teal-highlight.button.label:not(.disabled):hover, .button--teal-highlight.button.label:not(.disabled):active, .button--teal-highlight.button.selected.label:not(.disabled), .button-trigger.selected .button--teal-highlight.button.label:not(.disabled):not(.ignore-trigger) {
  color: #004C43;
  border-color: #14FFC8;
  background: #14FFC8;
  text-decoration: none;
  cursor: hand;
}

.detect-device {
  display: none;
}
@media (max-width: md-1px) {
  .detect-device.mobile {
    display: block;
  }
}
@media (min-width: md) {
  .detect-device.tablet {
    display: block;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

/*
--------------------
ICONS
--------------------
*/
/*
--------------------
ICONS: GENERAL
--------------------
*/
.xicon {
  position: relative;
}
.xicon .xicon-icon {
  width: 100%;
  height: 100%;
}
.xicon .xicon-icon:before, .xicon .xicon-icon:after, .xicon .xicon-icon span {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s linear;
}
.xicon .xicon-icon, .xicon .xicon-icon:before, .xicon .xicon-icon:after, .xicon .xicon-icon span {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.xicon .xicon-icon:after, .xicon .xicon-icon span {
  opacity: 0;
}
.xicon .xicon-icon, .xicon .xicon-label {
  transition: color 0.3s linear;
}
.xicon .xicon-label.exact {
  line-height: 1;
}
.xicon:not(.single):not(.no-hover):hover {
  color: #000;
}
.xicon:not(.single):not(.no-hover):hover .xicon-icon:not(.single):not(.swap):before {
  opacity: 0;
}
.xicon:not(.single):not(.no-hover):hover .xicon-icon:not(.single):after {
  opacity: 1;
}
.xicon:not(.single):not(.no-hover):hover .xicon-icon:not(.swap):before {
  opacity: 0;
}
.xicon:not(.single):not(.no-hover):hover .xicon-icon:after {
  opacity: 1;
}
.xicon.highlight:not(.single), .xicon.icon-selected:not(.single) {
  color: #000;
}
.xicon.highlight:not(.single) .xicon-icon:before, .xicon.icon-selected:not(.single) .xicon-icon:before {
  opacity: 0;
}
.xicon.highlight:not(.single) .xicon-icon:after, .xicon.icon-selected:not(.single) .xicon-icon:after {
  opacity: 1;
}
.xicon.icon-active:not(.single) {
  color: #000;
}
.xicon.icon-active:not(.single) .xicon-icon:before {
  opacity: 0;
}
.xicon.icon-active:not(.single) .xicon-icon:after {
  opacity: 0;
}
.xicon.icon-active:not(.single) .xicon-icon span {
  opacity: 1;
}
.xicon.icon-active:not(.single) .xicon-icon {
  z-index: 1;
}
.xicon.icon-active:not(.single) .xicon-icon:before {
  opacity: 1;
}
.xicon.icon-active:not(.single) .xicon-icon:after {
  opacity: 0;
}
.xicon.stack .xicon-label {
  display: block;
  padding: 0 0 10px 0;
}
.xicon.stack .xicon-icon {
  display: block;
}
.xicon.stack .xicon-icon + .xicon-label {
  padding: 10px 0 0 0;
}

.xicon {
  display: block;
}
.xicon .xicon-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.xicon .xicon-label {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 0 0;
  text-decoration: inherit;
}
.xicon .xicon-icon + .xicon-label {
  padding: 0 0 0 10px;
}

a.xicon, span.xicon {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.xicon.va-top, .xicon .va-top {
  vertical-align: top;
}
.xicon.va-middle, .xicon .va-middle {
  vertical-align: middle;
}
.xicon.va-bottom, .xicon .va-bottom {
  vertical-align: bottom;
}
.xicon.va-text-top, .xicon .va-text-top {
  vertical-align: text-top;
}
.xicon.va-text-bottom, .xicon .va-text-bottom {
  vertical-align: text-bottom;
}

/*
-------------------
IMAGE REPLACEMENT
-------------------
*/
.img-replace {
  overflow: hidden;
  position: relative;
}
.img-replace img {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  top: 0;
  opacity: 1;
}
.img-replace.inherited-replace-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.img-replace .img-replace-loader {
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: width 0.3s ease-in, opacity 0.5s ease-in;
  opacity: 0;
  z-index: 1;
}
.img-replace .img-replace-loader::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("/assets/images/logos/2019/igloo-template-logo.svg");
  background-size: 145px 70px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}
.img-replace.img-replace-loading img {
  opacity: 0;
}
.img-replace.img-replace-loading .img-replace-loader {
  opacity: 1;
}

/*
---------------------
TYPOGRAPHY: OVERLINE
---------------------
*/
.overline:before {
  content: "";
  display: block;
  position: relative;
  width: 325px;
  padding: 0.83em 0 0;
  border-top: 4px solid #FFFFFF;
}

.overline--small:before {
  content: "";
  display: block;
  position: relative;
  width: 20px;
  padding: 0.83em 0 0;
  border-top: 4px solid #FFFFFF;
}

.long-dash, .long-dash-white {
  padding-top: 31px;
  background: url("/images/icons/highlight_long_white.png") no-repeat left top;
}

.large-dash, .large-dash-white {
  padding-top: 31px;
  background: url("/images/icons/highlight_large_white.png") no-repeat left top;
}

.small-dash, .small-dash-white {
  padding-top: 21px;
  background: url("/images/icons/highlight_small_white.png") no-repeat left top;
}

.tiny-dash, .tiny-dash-white {
  padding-top: 21px;
  background: url("/images/icons/highlight_tiny_white.png") no-repeat left top;
}

.tiny-dash-black {
  padding-top: 21px;
  background: url("/images/icons/highlight_tiny_black.png") no-repeat left top;
}

.tiny-dash-black-trans {
  padding-top: 21px;
  background: url("/images/icons/highlight_tiny_black_trans.png") no-repeat left top;
}

.medium-dash-black-bottom {
  padding-bottom: 21px;
  background: url("/images/icons/highlight_medium_black.png") no-repeat left bottom;
}

/*
---------------------
PAGE BANNER
---------------------
*/
.page-banner {
  position: relative;
  overflow: hidden;
  height: calc(30vh + 240px);
  margin-bottom: 5.76vw;
  color: #FFFFFF;
  background: #32124C;
}
@media all and (max-height: 730px) {
  .page-banner {
    height: 460px;
  }
}
@media all and (max-width: 800px) {
  .page-banner {
    height: auto;
  }
}
.page-banner__title {
  color: inherit;
}
.page-banner .page-content, .page-banner .content-width {
  height: 100%;
}
@media all and (max-width: 800px) {
  .page-banner .page-content, .page-banner .content-width {
    height: auto;
  }
}
.page-banner .canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-banner .bottom {
  position: absolute;
  bottom: -2px;
}
@media all and (max-width: 800px) {
  .page-banner .bottom {
    position: relative;
  }
}

.banner-pseudo:before {
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(30vh + 240px);
  margin-bottom: 5.76vw;
  background: #32124C;
}

/*
--------------------
POPUP DIALOG
--------------------
*/
.popup-dialog {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
}
.popup-dialog.show {
  opacity: 1;
}
.popup-dialog .background {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}
.popup-dialog .window {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px);
  height: 100%;
  min-height: 500px;
  max-height: 90%;
  background: #00505A;
}
@media all and (min-width: 321px) {
  .popup-dialog .window {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.popup-dialog .window .button {
  color: #80A7AC;
  border-color: currentColor;
  background: transparent;
}
.popup-dialog .window .button:not(.disabled):not(.ignore-hover):hover, .popup-dialog .window .button:not(.disabled):active, .popup-dialog .window .button.selected:not(.disabled), .popup-dialog .window .button.trigger.selected .popup-dialog .window .button:not(.disabled):not(.ignore-trigger), .popup-dialog .window .button.label:not(.disabled):hover, .popup-dialog .window .button.label:not(.disabled):active, .popup-dialog .window .button.selected.label:not(.disabled), .popup-dialog .window .button.trigger.selected .popup-dialog .window .button.label:not(.disabled):not(.ignore-trigger) {
  color: #00505A;
  border-color: #00F0FF;
  background: #00F0FF;
}
.popup-dialog .close {
  position: absolute;
  right: 0;
}
.popup-dialog .close a {
  display: block;
  padding: 20px;
}
.popup-dialog .close img {
  display: block;
  width: 24px;
  height: 24px;
}
.popup-dialog .main {
  overflow: hidden;
  color: #FFFFFF;
  margin: 65px 0 0 0;
  height: calc(100% - 65px);
}
.popup-dialog .main.scroll, .popup-dialog .main .scroll {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  width: 100%;
  max-height: 100%;
  background: inherit;
}
.popup-dialog .main.scroll:after, .popup-dialog .main .scroll:after {
  content: "";
  display: block;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: calc(100% - 17px);
  height: 20px;
  background: inherit;
}
.popup-dialog .main .view-header {
  width: 100%;
  background: inherit;
}
.popup-dialog .main .view-header:after {
  content: "";
  clear: both;
  display: table;
}
.popup-dialog .main .view-header h2, .popup-dialog .main .view-header h1 {
  margin-bottom: 20px;
}
.popup-dialog .main .view-content {
  flex: 1 1 0;
}
.popup-dialog .main .view-content:empty:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.popup-dialog .main .page-content, .popup-dialog .main .content-width {
  width: auto;
  max-width: calc((69.74vw + 180px - 17px) / 12 * 11 - 0.5px);
  padding: 0 5.76vw 0 5.76vw;
}
.popup-dialog .view {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #00505A;
}
.popup-dialog .title,
.popup-dialog .subtitle {
  margin: 0 0 10px;
  font-size: calc(0.67vw + 19.14px);
  line-height: 1.3;
  color: #FFFFFF;
}
.popup-dialog .intro {
  margin-top: 10px;
}
@media screen and (max-width: 320px), screen and (max-height: 600px) {
  .popup-dialog .window {
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    min-height: 0;
  }
}
/*
--------------------
POPUP: BOOKING
--------------------
*/
.popup-booking .booking-section {
  float: left;
  width: calc((69.74vw + 180px - 17px) / 12 * 10 - 0.5px);
}
.popup-booking .booking-section:after {
  content: "";
  clear: both;
  display: table;
}
.popup-booking .footer .response {
  height: 40px;
}
.popup-booking .footer .col-right {
  max-width: 100%;
}
@media all and (max-width: 320px) {
  .popup-booking .footer .col-right {
    float: left;
  }
}
.popup-booking .button-grid .button {
  width: calc(50% - 5.76vw);
  margin: 0 5.76vw 1.44vw 0;
}
@media all and (max-width: 480px) {
  .popup-booking .button-grid .button {
    width: calc(100% - 5.76vw);
    margin-bottom: 20px;
  }
}
.popup-booking .booking-form .input-text {
  margin: 0 0 20px;
}
.popup-booking .service-hider {
  display: none;
}
.popup-booking .booking-details .booking-times .heading {
  margin-bottom: 20px;
}
.popup-booking .booking-details .booking-times .heading h3 {
  font-weight: bold;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1.4;
  margin: 10px 0 0;
}
.popup-booking .booking-details .booking-times .buttons {
  margin-bottom: 20px;
}
.popup-booking .booking-details .booking-times .buttons a {
  margin-right: 1.44vw;
  min-width: 0;
}
.popup-booking .booking-details textarea {
  height: 90px;
}
.popup-booking .booking-complete {
  min-height: 300px;
}
.popup-booking .booking-complete .tick:after {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 230px;
  max-width: 90%;
  max-height: 90%;
  background: url(/assets/images/icons/general/form.xsvg?symbol=tick&colour=00F0FF) no-repeat center center;
  background-size: contain;
}
.popup-booking .booking-complete .title {
  color: #80A7AC;
}
.popup-booking .booking-complete .subtitle {
  color: #FFFFFF;
}

.webinar-form {
  margin: 20px 0px 20px 0px;
}
.webinar-form .booking-form .input-text {
  margin: 0 0 20px;
}
.webinar-form .booking-form .halfwidth {
  width: 49%;
  margin-right: 1%;
  float: left;
}
.webinar-form .booking-form .fullwidth {
  width: 99%;
  clear: both;
}
.webinar-form .booking-form .webinar-errors {
  display: none;
  margin: 0 0 20px;
}
.webinar-form .booking-form .webinar-already-registered {
  display: none;
  margin: 0 0 20px;
}
.webinar-form .booking-thanks {
  display: none;
  color: #fff;
}
.webinar-form .booking-thanks .input-text {
  padding: 20px;
}

.section-item {
  position: relative;
}
.section-item:after {
  content: "";
  clear: both;
  display: table;
}
.section-item__icon svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.section-item__icon img {
  display: block;
  max-width: 100%;
  height: auto;
}
.section-item__header, .section-item__content {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
}

.section-item--content .section-item__icon {
  width: calc((7.7528089888vw + 42.7640449438px));
  padding: 0 20px 0 0;
  margin: 0 0 0;
}
.section-item--content .section-item__title {
  flex: 1;
}
@media (max-width: 1000px) {
  .section-item--content {
    display: flex;
    flex-wrap: wrap;
  }
  .section-item--content:nth-of-type(2n) .section-item__icon {
    order: 2;
    padding: 0 0 0 20px;
  }
  .section-item--content:nth-of-type(2n) .section-item__title {
    order: 1;
  }
  .section-item--content:nth-of-type(2n) .section-item__text {
    order: 3;
  }
  .section-item--content .section-item__title {
    align-self: flex-end;
    margin: 0;
  }
  .section-item--content .section-item__title,
  .section-item--content .section-item__icon {
    margin: 0 0 5vw;
  }
}
@media (min-width: 1001px) {
  .section-item--content {
    padding-left: calc((7.7528089888vw + 42.7640449438px));
  }
  .section-item--content .section-item__icon {
    position: absolute;
    left: 0;
    padding: 0 20px 0 0;
    margin: 0 0 0.8em;
  }
  .section-item--content .section-item__icon.align--bottom {
    bottom: 0;
  }
}

.section-item--module {
  /*
  @media(max-width: $breakwidth-t) {
  	.section-item__header {
  		margin: 0;
  		position: relative;
  		top: calculate_dynamic_size($start: 28, $screen-width-start: 320, $end: 64, $screen-width-end: 1280, $calc: true);
  		padding: $padding-top 0 $padding-top 0;
  	}
  }
  */
}
.section-item--module .section-item__image {
  float: left;
  margin: 0 -5vw 0 0;
}
.section-item--module .section-item__title {
  font-size: 18px;
}
.section-item--module .section-item__logo {
  height: calc((1.9101123596vw + 17.5505617978px));
}
@media (max-width: 1000px) {
  .section-item--module .section-item__header {
    margin: 0;
    position: relative;
    top: calc((3.9583333333vw + 15.3333333333px));
    padding: calc((1.1235955056vw + 7.6179775281px)) 0 calc((1.1235955056vw + 7.6179775281px)) calc((1.0112359551vw + 12.0561797753px));
  }
  .section-item--module .section-item__content {
    float: left;
  }
}
@media (min-width: 1001px) {
  .section-item--module .section-item__image {
    margin: 0 -5vw 5vw 0;
  }
  .section-item--module .section-item__header {
    margin-top: calc((2.8125vw + 4px));
    padding: calc((1.1235955056vw + 7.6179775281px)) 0 calc((1.1235955056vw + 5.6179775281px)) calc((1.0112359551vw + 12.0561797753px));
  }
  .section-item--module .section-item__content {
    padding: 0 0 0 calc((1.0112359551vw + 12.0561797753px));
  }
}

/*
--------------------
SITE LOGO
--------------------
*/
.site-logo {
  position: absolute;
  top: 47px;
}

/*
--------------------
XICONS
--------------------
*/
.xicon .icon,
.xicon-inline .icon {
  position: relative;
}

.xicon .icon:before, .xicon .icon:after, .xicon .icon span:not(.label),
.xicon-inline .icon:before,
.xicon-inline .icon:after,
.xicon-inline .icon span:not(.label) {
  background-repeat: no-repeat;
}

.xicon .icon:before, .xicon .icon:after, .xicon .icon span:not(.label),
.xicon-inline .icon:before,
.xicon-inline .icon:after,
.xicon-inline .icon span:not(.label) {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

.xicon .icon:after, .xicon .icon span:not(.label),
.xicon-inline .icon:after,
.xicon-inline .icon span:not(.label) {
  opacity: 0;
}

.xicon,
.xicon-inline {
  transition: color 0.3s linear;
}

.xicon .icon:before, .xicon .icon:after,
.xicon-inline .icon:before,
.xicon-inline .icon:after {
  transition: opacity 0.3s linear;
}

.xicon .label.exact,
.xicon-inline .label.exact {
  line-height: 1;
}

.xicon:not(.single):not(.no-hover):hover,
.xicon-inline:not(.single):not(.no-hover):hover {
  color: #00F0FF;
}

.xicon:not(.single):not(.no-hover):hover .icon:not(.single):not(.swap):before,
.xicon-inline:not(.single):not(.no-hover):hover .icon:not(.single):not(.swap):before {
  opacity: 0;
}

.xicon:not(.single):not(.no-hover):hover .icon:not(.single):after,
.xicon-inline:not(.single):not(.no-hover):hover .icon:not(.single):after {
  opacity: 1;
}

.xicon:not(.single):not(.no-hover):hover .icon:not(.single) .icon:not(.swap):before,
.xicon-inline:not(.single):not(.no-hover):hover .icon:not(.single) .icon:not(.swap):before {
  opacity: 0;
}

.xicon:not(.single):not(.no-hover):hover .icon:not(.single) .icon:after,
.xicon-inline:not(.single):not(.no-hover):hover .icon:not(.single) .icon:after {
  opacity: 1;
}

.xicon.highlight:not(.single), .xicon.xicon-selected:not(.single),
.xicon-inline.highlight:not(.single),
.xicon-inline.xicon-selected:not(.single) {
  color: #00F0FF;
}

.xicon.highlight:not(.single) .icon:before, .xicon.xicon-selected:not(.single) .icon:before,
.xicon-inline.highlight:not(.single) .icon:before,
.xicon-inline.xicon-selected:not(.single) .icon:before {
  opacity: 0;
}

.xicon.highlight:not(.single) .icon:after, .xicon.xicon-selected:not(.single) .icon:after,
.xicon-inline.highlight:not(.single) .icon:after,
.xicon-inline.xicon-selected:not(.single) .icon:after {
  opacity: 1;
}

.xicon.xicon-active:not(.single),
.xicon-inline.xicon-active:not(.single) {
  color: #00F0FF;
}

.xicon.xicon-active:not(.single) .icon:before,
.xicon-inline.xicon-active:not(.single) .icon:before {
  opacity: 0;
}

.xicon.xicon-active:not(.single) .icon:after,
.xicon-inline.xicon-active:not(.single) .icon:after {
  opacity: 0;
}

.xicon.xicon-active:not(.single) .icon span,
.xicon-inline.xicon-active:not(.single) .icon span {
  opacity: 1;
}

.xicon.xicon-active:not(.single) .icon .icon,
.xicon-inline.xicon-active:not(.single) .icon .icon {
  z-index: 1;
}

.xicon.xicon-active:not(.single) .icon .icon:before,
.xicon-inline.xicon-active:not(.single) .icon .icon:before {
  opacity: 1;
}

.xicon.xicon-active:not(.single) .icon .icon:after,
.xicon-inline.xicon-active:not(.single) .icon .icon:after {
  opacity: 0;
}

.xicon.stack .icon,
.xicon-inline.stack .icon {
  display: block;
}

.xicon.stack .label,
.xicon-inline.stack .label {
  display: block;
  padding: 0 0 10px 0;
}

.xicon.stack .icon + .label,
.xicon-inline.stack .icon + .label {
  padding: 10px 0 0 0;
}

.xicon-inline {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
}

.xicon-inline .icon {
  display: inline-block;
  vertical-align: baseline;
}

.xicon-inline .label {
  display: inline-block;
  vertical-align: baseline;
  padding: 0 10px 0 0;
  text-decoration: inherit;
}

.xicon-inline .icon + .label {
  padding: 0 0 0 10px;
}

.xicon {
  display: block;
}

.xicon .icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.xicon .label {
  display: inline-block;
  vertical-align: baseline;
  padding: 0 10px 0 0;
}

.xicon .icon + .label {
  padding: 0 0 0 10px;
}

.xicon.va-top, .xicon .va-top,
.xicon-inline.va-top,
.xicon-inline .va-top {
  vertical-align: top;
}

.xicon.va-middle, .xicon .va-middle,
.xicon-inline.va-middle,
.xicon-inline .va-middle {
  vertical-align: middle;
}

.xicon.va-bottom, .xicon .va-bottom,
.xicon-inline.va-bottom,
.xicon-inline .va-bottom {
  vertical-align: bottom;
}

.xicon.va-text-top, .xicon .va-text-top,
.xicon-inline.va-text-top,
.xicon-inline .va-text-top {
  vertical-align: text-top;
}

.xicon.va-text-bottom, .xicon .va-text-bottom,
.xicon-inline.va-text-bottom,
.xicon-inline .va-text-bottom {
  vertical-align: text-bottom;
}

/*--- Popup-close ---*/
.xicon.icon-control-popup-close .icon,
.xicon .icon.icon-control-popup-close, .xicon-inline.icon-control-popup-close .icon,
.xicon-inline .icon.icon-control-popup-close {
  width: 24px;
  height: 24px;
}

.xicon.icon-control-popup-close .icon:before,
.xicon .icon.icon-control-popup-close:before, .xicon-inline.icon-control-popup-close .icon:before,
.xicon-inline .icon.icon-control-popup-close:before {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=80A7AC&symbol=close);
}

.xicon.icon-control-popup-close .icon:after,
.xicon .icon.icon-control-popup-close:after, .xicon-inline.icon-control-popup-close .icon:after,
.xicon-inline .icon.icon-control-popup-close:after {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=00F0FF&symbol=close);
}

.xicon.icon-control-popup-close .icon span,
.xicon .icon.icon-control-popup-close span, .xicon-inline.icon-control-popup-close .icon span,
.xicon-inline .icon.icon-control-popup-close span {
  background-image: url(/assets/images/icons/general/controls.xsvg?&symbol=close);
}

.xicon.icon-control-popup-close .icon.c-0:before,
.xicon .icon.icon-control-popup-close.c-0:before, .xicon-inline.icon-control-popup-close .icon.c-0:before,
.xicon-inline .icon.icon-control-popup-close.c-0:before {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=80A7AC&symbol=close);
}

.xicon.icon-control-popup-close .icon.c-hover-0:after,
.xicon .icon.icon-control-popup-close.c-hover-0:after, .xicon-inline.icon-control-popup-close .icon.c-hover-0:after,
.xicon-inline .icon.icon-control-popup-close.c-hover-0:after {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=80A7AC&symbol=close);
}

.xicon.icon-control-popup-close .icon.c-1:before,
.xicon .icon.icon-control-popup-close.c-1:before, .xicon-inline.icon-control-popup-close .icon.c-1:before,
.xicon-inline .icon.icon-control-popup-close.c-1:before {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=00F0FF&symbol=close);
}

.xicon.icon-control-popup-close .icon.c-hover-1:after,
.xicon .icon.icon-control-popup-close.c-hover-1:after, .xicon-inline.icon-control-popup-close .icon.c-hover-1:after,
.xicon-inline .icon.icon-control-popup-close.c-hover-1:after {
  background-image: url(/assets/images/icons/general/controls.xsvg?colour=00F0FF&symbol=close);
}

.xicon.icon-control-popup-close .label, .xicon-inline.icon-control-popup-close .label {
  padding: 0 10px 0 0;
}

.xicon.icon-control-popup-close .icon + .label, .xicon-inline.icon-control-popup-close .icon + .label {
  padding: 0 0 0 10px;
}

.xicon.icon-control-popup-close.stack .label, .xicon-inline.icon-control-popup-close.stack .label {
  padding: 0 0 10px 0;
}

.xicon.icon-control-popup-close.stack .icon + .label, .xicon-inline.icon-control-popup-close.stack .icon + .label {
  padding: 10px 0 0 0;
}

/*
--------------------
FORMS
--------------------
*/
p.hidden {
  display: none;
}

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

.form-response {
  margin-bottom: 20px;
  color: #00F0FF;
}

.base-bg .form-response {
  color: #D6FFF0;
}

.form-response-status,
.form-response-message {
  display: inline-block;
}

.error-line {
  float: right;
  color: #00F0FF;
  line-height: 1;
}

.base-bg .error-line {
  color: #D6FFF0;
}

.fields {
  position: relative;
}

.fields:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.fields .field {
  float: left;
}

.field {
  display: block;
  position: relative;
}

.field:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.field.w-auto, .field .w-auto {
  width: auto;
  display: block;
  float: none;
}

.field.w-100, .field .w-100 {
  width: 100%;
}

.field.w-50, .field .w-50 {
  width: 50%;
}

.field.w-33, .field .w-33 {
  width: 33.33%;
}

.field.w-xsmall, .field .w-xsmall {
  width: 60px;
}

.field.w-small, .field .w-small {
  width: 90px;
}

.fields-small {
  margin-right: 2.88px;
}

.fields-small .half .text-input {
  margin-right: 2.88px;
}

.form-label {
  float: left;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.form-info {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  cursor: pointer;
  cursor: hand;
}

/*
 * Reset inputs
 * - Text, Email, Password, Textarea, Select
 */
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "FilsonPro", Arial, Helvetica, sans-serif;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  color: #1A626B;
  background-color: transparent;
  box-sizing: border-box;
}

input[type=hidden] {
  display: none;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  outline: none;
}

.focus input[type=text],
.focus input[type=email],
.focus input[type=password],
.focus textarea,
.focus select,
.focus label {
  color: #1A2D50;
}

.completed input[type=text],
.completed input[type=email],
.completed input[type=password],
.completed textarea,
.completed select,
.completed label {
  color: #D6FFF0;
}

input[type=text]::-webkit-input-placeholder {
  color: #80A7AC;
}

input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

input[type=text]:-ms-input-placeholder {
  color: #80A7AC;
}

input[type=email]::-webkit-input-placeholder {
  color: #80A7AC;
}

input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

input[type=email]:-ms-input-placeholder {
  color: #80A7AC;
}

input[type=password]::-webkit-input-placeholder {
  color: #80A7AC;
}

input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

input[type=password]:-ms-input-placeholder {
  color: #80A7AC;
}

textarea::-webkit-input-placeholder {
  color: #80A7AC;
}

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

textarea:-ms-input-placeholder {
  color: #80A7AC;
}

select::-webkit-input-placeholder {
  color: #80A7AC;
}

select:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

select::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

select:-ms-input-placeholder {
  color: #80A7AC;
}

input:-webkit-autofill {
  color: #80A7AC !important;
  -webkit-text-fill-color: #80A7AC !important;
  -webkit-box-shadow: inset 0 0 0 1000px #1A626B !important;
  background-color: transparent !important;
}

.base-bg input:-webkit-autofill {
  color: #80A7AC !important;
  -webkit-text-fill-color: #80A7AC !important;
  -webkit-box-shadow: inset 0 0 0 1000px #1A626B !important;
  background-color: transparent !important;
}

/*
 * Input overrides
 *
 */
.form-input {
  margin-bottom: 28px;
}

.form-radio input {
  color: #80A7AC;
}

.form-radio:hover input,
.form-radio:hover .input-select,
.checked .input-select,
.checked input,
.checked input[type=text],
.checked input[type=email],
.checked input[type=password] {
  color: #1A626B;
  border-color: #00F0FF;
}

.base-bg input[type=text],
.base-bg input[type=email],
.base-bg input[type=password],
.base-bg textarea,
.base-bg select {
  color: #D6FFF0;
  border: 0;
  background-color: #00F0FF;
}

.input-text.small input[type=text],
.input-text.small input[type=email],
.input-text.small input[type=password],
.input-text.small textarea,
.input-text.small select {
  padding: 4px 8px;
  margin-bottom: px;
}

.input-text.input-large input[type=text],
.input-text.input-large input[type=email],
.input-text.input-large input[type=password],
.input-text.input-large textarea,
.input-text.input-large select {
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  border: 0;
}

.input-text.input-medium input[type=text],
.input-text.input-medium input[type=email],
.input-text.input-medium input[type=password],
.input-text.input-medium textarea,
.input-text.input-medium select {
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  border: 0;
}

.input-text.input-small input[type=text],
.input-text.input-small input[type=email],
.input-text.input-small input[type=password],
.input-text.input-small textarea,
.input-text.input-small select {
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  border: 0;
}

.dark.input-text input[type=text],
.dark.input-text input[type=email],
.dark.input-text input[type=password],
.dark.input-text textarea,
.dark.input-text select {
  color: #1A2D50;
}

.dark input[type=text]::-webkit-input-placeholder {
  color: #80A7AC;
}

.dark input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

.dark input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

.dark input[type=text]:-ms-input-placeholder {
  color: #80A7AC;
}

.dark input[type=email]::-webkit-input-placeholder {
  color: #80A7AC;
}

.dark input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

.dark input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

.dark input[type=email]:-ms-input-placeholder {
  color: #80A7AC;
}

.dark input[type=password]::-webkit-input-placeholder {
  color: #80A7AC;
}

.dark input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

.dark input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

.dark input[type=password]:-ms-input-placeholder {
  color: #80A7AC;
}

.dark textarea::-webkit-input-placeholder {
  color: #80A7AC;
}

.dark textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

.dark textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

.dark textarea:-ms-input-placeholder {
  color: #80A7AC;
}

.dark select::-webkit-input-placeholder {
  color: #80A7AC;
}

.dark select:-moz-placeholder {
  /* Firefox 18- */
  color: #80A7AC;
}

.dark select::-moz-placeholder {
  /* Firefox 19+ */
  color: #80A7AC;
}

.dark select:-ms-input-placeholder {
  color: #80A7AC;
}

.error.dark input[type=text]::-webkit-input-placeholder {
  color: #00F0FF;
}

.error.dark input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #00F0FF;
}

.error.dark input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #00F0FF;
}

.error.dark input[type=text]:-ms-input-placeholder {
  color: #00F0FF;
}

.error.dark input[type=email]::-webkit-input-placeholder {
  color: #00F0FF;
}

.error.dark input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  color: #00F0FF;
}

.error.dark input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  color: #00F0FF;
}

.error.dark input[type=email]:-ms-input-placeholder {
  color: #00F0FF;
}

.error.dark input[type=password]::-webkit-input-placeholder {
  color: #00F0FF;
}

.error.dark input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #00F0FF;
}

.error.dark input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #00F0FF;
}

.error.dark input[type=password]:-ms-input-placeholder {
  color: #00F0FF;
}

.input-label {
  margin-right: 5.76px;
}

.input-label .input-label {
  position: absolute;
  top: 5px;
  left: 6px;
  right: 6px;
  bottom: 5px;
}

/*
 * Textarea
 *
 */
textarea {
  position: relative;
  height: 150px;
  padding: 10px 7px;
  border: 0;
}

.focus .input-textarea {
  border: px solid #80A7AC;
}

.input-textarea .input-label {
  position: absolute;
  top: 10px;
  left: 7px;
  right: 7px;
  bottom: 10px;
}

/*
 * Select
 *
 */
.input-select {
  position: relative;
  overflow: hidden;
  border: 1px solid #1A626B;
}

.input-select > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0;
  padding: 5px 27px 3px 6px;
  color: #1A626B;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  border: 0;
  border-radius: 0;
  background: transparent;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* Remove for IE 11 */
}

.input-select > select::-ms-expand {
  display: none;
}

.form-radio .input-select > select {
  color: #80A7AC;
}

.form-radio:hover .input-select > select, .checked .input-select > select {
  color: #1A626B;
}

.input-select:before, .input-select:after {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  pointer-events: none;
}

.input-select:before {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #80A7AC;
  margin-right: 10px;
  top: 50%;
  margin-top: -4px;
  /* valign */
  z-index: 1;
}

.input-select:after {
  width: 27px;
  height: 100%;
  background: #D6FFF0;
}

.select-large > select {
  padding: 8px 15px;
  color: #D6FFF0;
  text-transform: uppercase;
}

.select-large select option {
  color: #1A2D50;
}

/*
 * Selectize
 *
 */
.selectize > * {
  box-sizing: content-box;
}

.selectize-input {
  vertical-align: top;
  border: 1px solid transparent;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -khtml-border-radius: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 7px 16px;
}

.selectize-input.full {
  /*background-color:transparent;*/
  background: #1A626B;
  border-radius: 0;
}

.selectize-input.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-input.dropdown-active {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -khtml-border-radius: 0;
}

.selectize-input input {
  color: transparent !important;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: calc(0.22vw + 13.78px);
  line-height: 38px;
  color: #80A7AC;
}

.selectize-dropdown {
  padding: 8px 8px;
}

.selectize-input .item:first-of-type {
  color: #FFFFFF;
}

.selectize-dropdown-header {
  background: #1A626B;
}

.selectize-dropdown {
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1A626B;
}

.selectize-dropdown .active {
  color: #FFFFFF;
  background: #1A626B;
}

.selectize-control.single .selectize-input.input-active {
  background: #1A626B;
}

.selectize-control.single .selectize-input:after {
  border: 0;
  width: 22px;
  height: 14px;
  background: url(/assets/images/icons/general/form.xsvg?symbol=dropdown-arrow-down) no-repeat center center;
}

/*
 * Checkbox
 *
 */
.input-checkbox {
  padding: 0 20px;
  cursor: pointer;
  cursor: hand;
}

.input-checkbox:hover {
  color: #80A7AC;
}

.input-checkbox:hover .checkbox {
  border-color: #80A7AC;
}

.input-checkbox:hover .checkbox span {
  opacity: 0.6;
}

.input-checkbox.disabled {
  color: #80A7AC;
}

.input-checkbox.disabled .checkbox {
  border-color: #80A7AC;
}

.input-checkbox.checked .checkbox span {
  opacity: 1;
}

.input-checkbox .checkbox {
  float: left;
  margin: 0 20px 0 0;
  width: 24px;
  height: 24px;
  border: 2px solid #80A7AC;
  box-sizing: border-box;
}

.input-checkbox .checkbox span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.input-checkbox .checkbox span:before, .input-checkbox .checkbox span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background: #80A7AC;
}

.input-checkbox .checkbox span:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.input-checkbox .checkbox span:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.input-checkbox .label {
  overflow: hidden;
}


/*
--------------------
FORMS: STYLES
--------------------
*/
.input-text {
  overflow: hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -khtml-border-radius: 20px;
  border: 3px solid #1A626B;
  background: #1A626B;
}

.input-text input[type=text],
.input-text input[type=email],
.input-text input[type=password],
.input-text textarea {
  border: 0;
  padding: 4px 20px 6px;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  color: #80A7AC;
}

.input-text textarea {
  padding: 6px 20px 6px;
  line-height: 1.4;
}

.search-input {
  position: relative;
  overflow: hidden;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -khtml-border-radius: 25px;
  border: 1px solid #1A626B;
  background: #1A626B;
}

.search-input input[type=text],
.search-input input[type=email],
.search-input input[type=password] {
  border: 0;
  padding: 15px 30px 15px;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1;
  color: #80A7AC;
}

.search-input .submit {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 15px;
  width: 53px;
  height: 53px;
  cursor: pointer;
  cursor: hand;
}

.search-input .submit .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 5px 0 0;
}

/*
--------------------
GENERAL
--------------------
*/
table, .table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 0.4em;
}
table th:not(:last-of-type), .table th:not(:last-of-type) {
  padding: 0 0.8em 0 0;
}
table td:not(:last-of-type), .table td:not(:last-of-type) {
  padding: 0 0.8em 0.8em 0;
}

td, th {
  padding: 0 0 0.4em 0;
  text-align: left;
}

img {
  display: inline-block;
  vertical-align: top;
  outline: none;
  overflow: hidden;
}
.ie img {
  -ms-interpolation-mode: bicubic;
}

.assets {
  visibility: hidden;
}
.assets .gm-style div div div {
  visibility: inherit !important;
}

/*
--------------------
TYPOGRAPHY
--------------------
*/
body {
  font-family: "FilsonPro", Arial, Helvetica, sans-serif;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1.4;
  color: #000000;
}
@media all and (min-width: 2001px) {
  body {
    font-size: calc(0.5vw + 8.11px);
  }
}
@media all and (max-width: 1000px) {
  body {
    font-size: calc(0.385vw + 14.15px);
  }
}
@media all and (max-width: 480px) {
  body {
    font-size: calc(0.625vw + 13px);
  }
}

p {
  margin: 0 0 0.8em;
}

h1 {
  margin: 0 0 0.8em;
  color: #000000;
}

h2 {
  margin: 0 0 0.8em;
  color: #000000;
}

h3 {
  margin: 0 0 0.8em;
  color: #000000;
}

h4 {
  margin: 0 0 0.8em;
  color: #000000;
}

h5 {
  margin: 0 0 0.8em;
  color: #000000;
}

h6 {
  margin: 0 0 0.8em;
  color: #000000;
}

address {
  margin: 0 0 0.8em;
}

h1 ~ h2, h2 ~ h2, h3 ~ h2, h4 ~ h2, h5 ~ h2, h6 ~ h2, p ~ h2, table ~ h2, ul ~ h2, ol ~ h2 {
  margin: 1.4em 0 0.8em;
}
h1 ~ h3, h2 ~ h3, h3 ~ h3, h4 ~ h3, h5 ~ h3, h6 ~ h3, p ~ h3, table ~ h3, ul ~ h3, ol ~ h3 {
  margin: 1.4em 0 0.8em;
}
h1 ~ h4, h2 ~ h4, h3 ~ h4, h4 ~ h4, h5 ~ h4, h6 ~ h4, p ~ h4, table ~ h4, ul ~ h4, ol ~ h4 {
  margin: 1.4em 0 0.8em;
}
h1 ~ h5, h2 ~ h5, h3 ~ h5, h4 ~ h5, h5 ~ h5, h6 ~ h5, p ~ h5, table ~ h5, ul ~ h5, ol ~ h5 {
  margin: 1.4em 0 0.8em;
}
h1 ~ h6, h2 ~ h6, h3 ~ h6, h4 ~ h6, h5 ~ h6, h6 ~ h6, p ~ h6, table ~ h6, ul ~ h6, ol ~ h6 {
  margin: 1.4em 0 0.8em;
}

.f-body {
  font-family: "FilsonPro", Arial, Helvetica, sans-serif;
  font-size: calc(0.22vw + 13.78px);
  line-height: 1.4;
  color: #000000;
}
@media all and (min-width: 2001px) {
  .f-body {
    font-size: calc(0.5vw + 8.11px);
  }
}
@media all and (max-width: 1000px) {
  .f-body {
    font-size: calc(0.385vw + 14.15px);
  }
}
@media all and (max-width: 480px) {
  .f-body {
    font-size: calc(0.625vw + 13px);
  }
}

.f-body-large {
  font-size: calc(0.22vw + 15.78px);
  line-height: 1.5;
}
@media all and (min-width: 2001px) {
  .f-body-large {
    font-size: calc(0.68vw + 6.54px);
  }
}
@media all and (max-width: 1000px) {
  .f-body-large {
    font-size: calc(0.385vw + 14.15px);
  }
}
@media all and (max-width: 480px) {
  .f-body-large {
    font-size: calc(0.625vw + 13px);
  }
}

/*
 * Convert spans with classes to inline-block
 * so our line-height pseudo elements don't break layout.
 */
span.f-body {
  display: inline-block;
}

.f-bold {
  font-weight: bold;
}

.f-italic {
  font-style: italic;
}

a, a:active {
  color: inherit;
  text-decoration: underline;
  transition: color 0.1s ease-out;
}
.selected a, a.hover-selected {
  color: inherit;
}
a img {
  border: 0;
}
a[href^="tel:"] {
  text-decoration: none;
}
a[href^="mailto:"] {
  text-decoration: none;
}

address {
  font-style: normal;
  margin: 0 0 0.8em;
}

sup {
  vertical-align: top;
  font-size: 0.7em;
}

blockquote:before, blockquote:after {
  content: "";
  display: inline-block;
  color: inherit;
}
blockquote:before {
  content: "“";
  margin: 0 5px 0 0;
}
blockquote:after {
  content: "”";
  margin: 0 0 0 5px;
}

.f-title-xl {
  font-size: calc(8vw + 28px);
  line-height: 1.1;
  font-weight: bold;
  letter-spacing: -3px;
  margin: 0 0 0.8em;
  transition: color 1s ease-in-out;
}
@media (min-aspect-ratio: 16/9) {
  .f-title-xl {
    font-size: calc(14vh + 28px);
    line-height: 1.1;
  }
}
@media all and (max-width: 400px) {
  .f-title-xl {
    font-size: calc(12.5vw + 10px);
    line-height: 1.1;
  }
}

.f-title {
  font-weight: bold;
  font-size: calc(3.5vw + 12px);
  line-height: 1.2;
  letter-spacing: -1px;
}
@media all and (max-width: 1000px) {
  .f-title {
    font-size: calc(2vw + 17px);
    line-height: 1.2;
  }
}

h1, .f-heading, .f-heading-large {
  font-weight: bold;
  font-size: calc(1.67vw + 32.9px);
  line-height: 1.2;
  margin-bottom: calc((1.67vw + 32.9px) * 0.6);
}
h1.thin, .f-heading.thin, .f-heading-large.thin {
  font-weight: normal;
}
@media all and (min-width: 2001px) {
  h1, .f-heading, .f-heading-large {
    font-size: calc(2.14vw + 15.14px);
  }
}
@media all and (max-width: 1000px) {
  h1, .f-heading, .f-heading-large {
    font-size: calc(((2.8901734104vw + 26.1271676301px)));
  }
}
@media all and (max-width: 480px) {
  h1, .f-heading, .f-heading-large {
    font-size: calc(((7.5471698113vw + 3.8490566038px)));
  }
}

h3, .f-intro {
  font-weight: bold;
  font-size: calc(0.34vw + 18.5px);
  line-height: 1.3;
  margin: 0 0 calc((0.34vw + 18.5px) * 0.65);
}
h3.thin, .f-intro.thin {
  font-weight: normal;
}
@media all and (min-width: 2001px) {
  h3, .f-intro {
    font-size: calc(0.66vw + 12.09px);
  }
}
@media all and (max-width: 1000px) {
  h3, .f-intro {
    font-size: calc(0.58vw + 16.23px);
  }
}
@media all and (max-width: 480px) {
  h3, .f-intro {
    font-size: calc(1.25vw + 13px);
    margin-bottom: 12px;
  }
}

h2, .f-intro-large {
  font-size: calc(0.67vw + 19.14px);
  line-height: 1.3;
  margin-bottom: calc((0.67vw + 19.14px) * 0.65);
}
@media all and (min-width: 2001px) {
  h2, .f-intro-large {
    font-size: calc(0.66vw + 12.09px + 6px);
  }
}
@media all and (max-width: 1000px) {
  h2, .f-intro-large {
    font-size: calc(0.58vw + 16.23px + 6px);
  }
}
@media all and (max-width: 480px) {
  h2, .f-intro-large {
    font-size: calc(1.25vw + 13px + 6px);
  }
}

.f-intro-xlarge {
  font-weight: bold;
  font-size: calc(((1.6420361248vw + 11.5960591133px)));
  line-height: 1.3;
  margin: 0 0 calc((0.34vw + 18.5px) * 0.65);
  /*
  @media (min-width: $breakwidth-d) {
  	font-size: calc($f-intro-xlarge);
  }
  */
}

.f-search-results-title {
  font-size: calc(2.022vw + 8.11px);
  line-height: 1.3;
  margin-bottom: calc((2.022vw + 8.11px) * 0.65);
}

h4 {
  font-weight: bold;
  font-size: calc(0.34vw + 18.5px - 6px);
  line-height: 1.3;
  margin-bottom: calc((0.34vw + 18.5px) * 0.65);
}
h4.thin {
  font-weight: normal;
}
@media all and (min-width: 2001px) {
  h4 {
    font-size: calc(0.66vw + 12.09px);
  }
}
@media all and (max-width: 1000px) {
  h4 {
    font-size: calc(0.58vw + 16.23px);
  }
}
@media all and (max-width: 480px) {
  h4 {
    font-size: calc(1.25vw + 13px);
    margin-bottom: 12px;
  }
}

.f-xlarge {
  font-size: calc(((2.0224719101vw + 14.1123595506px)));
}

.f-xsmall {
  font-size: 16px;
}

.f-xxsmall {
  font-size: calc(0.442vw + 10.34px);
}

.f-xxxsmall {
  font-size: 12px;
}

.text-gradient--last {
  position: relative;
}
.text-gradient--last:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #FE6779 0%, #FF8500 30%, #FFE456 54%, #8CFF50 77%, #00F0FF 100%);
  background-size: 100%;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

.text-gradient--1 {
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #FE6779 0%, #FF8500 30%, #FFE456 54%, #8CFF50 77%, #00F0FF 100%);
  background-size: 100%;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

.text-gradient--2 {
  background-color: #f3ec78;
  background-image: linear-gradient(-45deg, #FE6779 0%, #FF8500 30%, #FFE456 54%, #8CFF50 77%, #00F0FF 100%);
  background-size: 100%;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

/*
--------------------
LAYOUT
--------------------
*/
html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  height: 100%;
  background: #FFFFFF;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body.fixed {
  position: fixed;
  width: 100%;
}

.site-wrapper {
  height: 100%;
}
.site-wrapper:after {
  content: "";
  clear: both;
  display: table;
}

.site-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page {
  min-height: 100%;
  /*
  &:before{
  	content:"";
  	display:block;
  	position:fixed;
  	z-index:-1;
  	top:0;
  	left:0;
  	width:100%;
  	height:100%;
  	background:inherit;
  }
  */
}
.page:after {
  content: "";
  clear: both;
  display: table;
}
.page.full-screen {
  padding: 0;
}
.page.banner {
  padding: 0;
}

.page,
.page-offset,
.page-banner {
  padding-top: calc(12vh + 82px);
}

@media all and (max-height: 730px) {
  .page,
  .page-offset,
  .page-banner {
    padding-top: 170px;
  }
}
@media all and (max-width: 1000px) {
  .page,
  .page-offset,
  .page-banner {
    padding-top: calc(1vw + 105px);
  }
}
.section {
  position: relative;
}
.section:after {
  content: "";
  clear: both;
  display: table;
}

/*
--------------------
HELPERS
--------------------
*/
/*
 * Margins
 */
.m-none {
  margin: 0;
}

.m-small {
  margin: calc((0.5555555556vw + 8.2222222222px));
}

.m-x1 {
  margin: calc((1.1111111111vw + 16.4444444444px));
}

.m-x2 {
  margin: calc((2.2222222222vw + 32.8888888889px));
}

.m-x3 {
  margin: calc((3.3333333333vw + 49.3333333333px));
}

.m-x4 {
  margin: calc((4.4444444444vw + 65.7777777778px));
}

.m-x5 {
  margin: calc((5.5555555556vw + 82.2222222222px));
}

.m-x6 {
  margin: calc((6.6666666667vw + 98.6666666667px));
}

.m-x7 {
  margin: calc((7.7777777778vw + 115.1111111111px));
}

.m-x8 {
  margin: calc((8.8888888889vw + 131.5555555556px));
}

.m-x9 {
  margin: calc((10vw + 148px));
}

.m-x10 {
  margin: calc((11.1111111111vw + 164.4444444444px));
}

.mt-none {
  margin-top: 0;
}

.mt-small {
  margin-top: calc((0.5555555556vw + 8.2222222222px));
}

.mt-x1 {
  margin-top: calc((1.1111111111vw + 16.4444444444px));
}

.mt-x2 {
  margin-top: calc((2.2222222222vw + 32.8888888889px));
}

.mt-x3 {
  margin-top: calc((3.3333333333vw + 49.3333333333px));
}

.mt-x4 {
  margin-top: calc((4.4444444444vw + 65.7777777778px));
}

.mt-x5 {
  margin-top: calc((5.5555555556vw + 82.2222222222px));
}

.mt-x6 {
  margin-top: calc((6.6666666667vw + 98.6666666667px));
}

.mt-x7 {
  margin-top: calc((7.7777777778vw + 115.1111111111px));
}

.mt-x8 {
  margin-top: calc((8.8888888889vw + 131.5555555556px));
}

.mt-x9 {
  margin-top: calc((10vw + 148px));
}

.mt-x10 {
  margin-top: calc((11.1111111111vw + 164.4444444444px));
}

.mb-none {
  margin-bottom: 0;
}

.mb-small {
  margin-bottom: calc((0.5555555556vw + 8.2222222222px));
}

.mb-x1 {
  margin-bottom: calc((1.1111111111vw + 16.4444444444px));
}

.mb-x2 {
  margin-bottom: calc((2.2222222222vw + 32.8888888889px));
}

.mb-x3 {
  margin-bottom: calc((3.3333333333vw + 49.3333333333px));
}

.mb-x4 {
  margin-bottom: calc((4.4444444444vw + 65.7777777778px));
}

.mb-x5 {
  margin-bottom: calc((5.5555555556vw + 82.2222222222px));
}

.mb-x6 {
  margin-bottom: calc((6.6666666667vw + 98.6666666667px));
}

.mb-x7 {
  margin-bottom: calc((7.7777777778vw + 115.1111111111px));
}

.mb-x8 {
  margin-bottom: calc((8.8888888889vw + 131.5555555556px));
}

.mb-x9 {
  margin-bottom: calc((10vw + 148px));
}

.mb-x10 {
  margin-bottom: calc((11.1111111111vw + 164.4444444444px));
}

@media (min-width: 320px) {
  .mb-none-m {
    margin-bottom: 0;
  }
}
@media (min-width: 550px) {
  .mb-none-t {
    margin-bottom: 0;
  }
}
@media (min-width: 850px) {
  .mb-none-lt {
    margin-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .mb-none-d {
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .mb-none-wd {
    margin-bottom: 0;
  }
}
@media (min-width: 2560px) {
  .mb-none-hdd {
    margin-bottom: 0;
  }
}

@media (min-width: 320px) {
  .mb-small-m {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}
@media (min-width: 550px) {
  .mb-small-t {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}
@media (min-width: 850px) {
  .mb-small-lt {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}
@media (min-width: 1000px) {
  .mb-small-d {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}
@media (min-width: 1440px) {
  .mb-small-wd {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}
@media (min-width: 2560px) {
  .mb-small-hdd {
    margin-bottom: calc((0.5555555556vw + 8.2222222222px));
  }
}

@media (min-width: 320px) {
  .mb-x1-m {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}
@media (min-width: 550px) {
  .mb-x1-t {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}
@media (min-width: 850px) {
  .mb-x1-lt {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}
@media (min-width: 1000px) {
  .mb-x1-d {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}
@media (min-width: 1440px) {
  .mb-x1-wd {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}
@media (min-width: 2560px) {
  .mb-x1-hdd {
    margin-bottom: calc((1.1111111111vw + 16.4444444444px));
  }
}

@media (min-width: 320px) {
  .mb-x2-m {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}
@media (min-width: 550px) {
  .mb-x2-t {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}
@media (min-width: 850px) {
  .mb-x2-lt {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}
@media (min-width: 1000px) {
  .mb-x2-d {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}
@media (min-width: 1440px) {
  .mb-x2-wd {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}
@media (min-width: 2560px) {
  .mb-x2-hdd {
    margin-bottom: calc((2.2222222222vw + 32.8888888889px));
  }
}

@media (min-width: 320px) {
  .mb-x3-m {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}
@media (min-width: 550px) {
  .mb-x3-t {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}
@media (min-width: 850px) {
  .mb-x3-lt {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}
@media (min-width: 1000px) {
  .mb-x3-d {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}
@media (min-width: 1440px) {
  .mb-x3-wd {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}
@media (min-width: 2560px) {
  .mb-x3-hdd {
    margin-bottom: calc((3.3333333333vw + 49.3333333333px));
  }
}

@media (min-width: 320px) {
  .mb-x4-m {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}
@media (min-width: 550px) {
  .mb-x4-t {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}
@media (min-width: 850px) {
  .mb-x4-lt {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}
@media (min-width: 1000px) {
  .mb-x4-d {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}
@media (min-width: 1440px) {
  .mb-x4-wd {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}
@media (min-width: 2560px) {
  .mb-x4-hdd {
    margin-bottom: calc((4.4444444444vw + 65.7777777778px));
  }
}

@media (min-width: 320px) {
  .mb-x5-m {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}
@media (min-width: 550px) {
  .mb-x5-t {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}
@media (min-width: 850px) {
  .mb-x5-lt {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}
@media (min-width: 1000px) {
  .mb-x5-d {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}
@media (min-width: 1440px) {
  .mb-x5-wd {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}
@media (min-width: 2560px) {
  .mb-x5-hdd {
    margin-bottom: calc((5.5555555556vw + 82.2222222222px));
  }
}

@media (min-width: 320px) {
  .mb-x6-m {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}
@media (min-width: 550px) {
  .mb-x6-t {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}
@media (min-width: 850px) {
  .mb-x6-lt {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}
@media (min-width: 1000px) {
  .mb-x6-d {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}
@media (min-width: 1440px) {
  .mb-x6-wd {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}
@media (min-width: 2560px) {
  .mb-x6-hdd {
    margin-bottom: calc((6.6666666667vw + 98.6666666667px));
  }
}

@media (min-width: 320px) {
  .mb-x7-m {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}
@media (min-width: 550px) {
  .mb-x7-t {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}
@media (min-width: 850px) {
  .mb-x7-lt {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}
@media (min-width: 1000px) {
  .mb-x7-d {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}
@media (min-width: 1440px) {
  .mb-x7-wd {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}
@media (min-width: 2560px) {
  .mb-x7-hdd {
    margin-bottom: calc((7.7777777778vw + 115.1111111111px));
  }
}

@media (min-width: 320px) {
  .mb-x8-m {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}
@media (min-width: 550px) {
  .mb-x8-t {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}
@media (min-width: 850px) {
  .mb-x8-lt {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}
@media (min-width: 1000px) {
  .mb-x8-d {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}
@media (min-width: 1440px) {
  .mb-x8-wd {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}
@media (min-width: 2560px) {
  .mb-x8-hdd {
    margin-bottom: calc((8.8888888889vw + 131.5555555556px));
  }
}

@media (min-width: 320px) {
  .mb-x9-m {
    margin-bottom: calc((10vw + 148px));
  }
}
@media (min-width: 550px) {
  .mb-x9-t {
    margin-bottom: calc((10vw + 148px));
  }
}
@media (min-width: 850px) {
  .mb-x9-lt {
    margin-bottom: calc((10vw + 148px));
  }
}
@media (min-width: 1000px) {
  .mb-x9-d {
    margin-bottom: calc((10vw + 148px));
  }
}
@media (min-width: 1440px) {
  .mb-x9-wd {
    margin-bottom: calc((10vw + 148px));
  }
}
@media (min-width: 2560px) {
  .mb-x9-hdd {
    margin-bottom: calc((10vw + 148px));
  }
}

@media (min-width: 320px) {
  .mb-x10-m {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}
@media (min-width: 550px) {
  .mb-x10-t {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}
@media (min-width: 850px) {
  .mb-x10-lt {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}
@media (min-width: 1000px) {
  .mb-x10-d {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}
@media (min-width: 1440px) {
  .mb-x10-wd {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}
@media (min-width: 2560px) {
  .mb-x10-hdd {
    margin-bottom: calc((11.1111111111vw + 164.4444444444px));
  }
}

.ml-none {
  margin-left: 0;
}

.ml-small {
  margin-left: calc((0.5555555556vw + 8.2222222222px));
}

.ml-x1 {
  margin-left: calc((1.1111111111vw + 16.4444444444px));
}

.ml-x2 {
  margin-left: calc((2.2222222222vw + 32.8888888889px));
}

.ml-x3 {
  margin-left: calc((3.3333333333vw + 49.3333333333px));
}

.ml-x4 {
  margin-left: calc((4.4444444444vw + 65.7777777778px));
}

.ml-x5 {
  margin-left: calc((5.5555555556vw + 82.2222222222px));
}

.ml-x6 {
  margin-left: calc((6.6666666667vw + 98.6666666667px));
}

.ml-x7 {
  margin-left: calc((7.7777777778vw + 115.1111111111px));
}

.ml-x8 {
  margin-left: calc((8.8888888889vw + 131.5555555556px));
}

.ml-x9 {
  margin-left: calc((10vw + 148px));
}

.ml-x10 {
  margin-left: calc((11.1111111111vw + 164.4444444444px));
}

.mr-none {
  margin-right: 0;
}

.mr-small {
  margin-right: calc((0.5555555556vw + 8.2222222222px));
}

.mr-x1 {
  margin-right: calc((1.1111111111vw + 16.4444444444px));
}

.mr-x2 {
  margin-right: calc((2.2222222222vw + 32.8888888889px));
}

.mr-x3 {
  margin-right: calc((3.3333333333vw + 49.3333333333px));
}

.mr-x4 {
  margin-right: calc((4.4444444444vw + 65.7777777778px));
}

.mr-x5 {
  margin-right: calc((5.5555555556vw + 82.2222222222px));
}

.mr-x6 {
  margin-right: calc((6.6666666667vw + 98.6666666667px));
}

.mr-x7 {
  margin-right: calc((7.7777777778vw + 115.1111111111px));
}

.mr-x8 {
  margin-right: calc((8.8888888889vw + 131.5555555556px));
}

.mr-x9 {
  margin-right: calc((10vw + 148px));
}

.mr-x10 {
  margin-right: calc((11.1111111111vw + 164.4444444444px));
}

.mtb-none {
  margin-top: 0;
  margin-bottom: 0;
}

.mtb-small {
  margin-top: calc((0.5555555556vw + 8.2222222222px));
  margin-bottom: calc((0.5555555556vw + 8.2222222222px));
}

.mtb-x1 {
  margin-top: calc((1.1111111111vw + 16.4444444444px));
  margin-bottom: calc((1.1111111111vw + 16.4444444444px));
}

.mtb-x2 {
  margin-top: calc((2.2222222222vw + 32.8888888889px));
  margin-bottom: calc((2.2222222222vw + 32.8888888889px));
}

.mtb-x3 {
  margin-top: calc((3.3333333333vw + 49.3333333333px));
  margin-bottom: calc((3.3333333333vw + 49.3333333333px));
}

.mtb-x4 {
  margin-top: calc((4.4444444444vw + 65.7777777778px));
  margin-bottom: calc((4.4444444444vw + 65.7777777778px));
}

.mtb-x5 {
  margin-top: calc((5.5555555556vw + 82.2222222222px));
  margin-bottom: calc((5.5555555556vw + 82.2222222222px));
}

.mtb-x6 {
  margin-top: calc((6.6666666667vw + 98.6666666667px));
  margin-bottom: calc((6.6666666667vw + 98.6666666667px));
}

.mtb-x7 {
  margin-top: calc((7.7777777778vw + 115.1111111111px));
  margin-bottom: calc((7.7777777778vw + 115.1111111111px));
}

.mtb-x8 {
  margin-top: calc((8.8888888889vw + 131.5555555556px));
  margin-bottom: calc((8.8888888889vw + 131.5555555556px));
}

.mtb-x9 {
  margin-top: calc((10vw + 148px));
  margin-bottom: calc((10vw + 148px));
}

.mtb-x10 {
  margin-top: calc((11.1111111111vw + 164.4444444444px));
  margin-bottom: calc((11.1111111111vw + 164.4444444444px));
}

.ml--auto {
  margin-left: auto;
}

.mr--auto {
  margin-right: auto;
}

/*
 * Padding
 */
.p-none {
  padding: 0;
}

.p-small {
  padding: calc((0.5555555556vw + 8.2222222222px));
}

.p-x1 {
  padding: calc((1.1111111111vw + 16.4444444444px));
}

.p-x2 {
  padding: calc((2.2222222222vw + 32.8888888889px));
}

.p-x3 {
  padding: calc((3.3333333333vw + 49.3333333333px));
}

.p-x4 {
  padding: calc((4.4444444444vw + 65.7777777778px));
}

.p-x5 {
  padding: calc((5.5555555556vw + 82.2222222222px));
}

.p-x6 {
  padding: calc((6.6666666667vw + 98.6666666667px));
}

.p-x7 {
  padding: calc((7.7777777778vw + 115.1111111111px));
}

.p-x8 {
  padding: calc((8.8888888889vw + 131.5555555556px));
}

.p-x9 {
  padding: calc((10vw + 148px));
}

.p-x10 {
  padding: calc((11.1111111111vw + 164.4444444444px));
}

.pt-none {
  padding-top: 0;
}

.pt-small {
  padding-top: calc((0.5555555556vw + 8.2222222222px));
}

.pt-x1 {
  padding-top: calc((1.1111111111vw + 16.4444444444px));
}

.pt-x2 {
  padding-top: calc((2.2222222222vw + 32.8888888889px));
}

.pt-x3 {
  padding-top: calc((3.3333333333vw + 49.3333333333px));
}

.pt-x4 {
  padding-top: calc((4.4444444444vw + 65.7777777778px));
}

.pt-x5 {
  padding-top: calc((5.5555555556vw + 82.2222222222px));
}

.pt-x6 {
  padding-top: calc((6.6666666667vw + 98.6666666667px));
}

.pt-x7 {
  padding-top: calc((7.7777777778vw + 115.1111111111px));
}

.pt-x8 {
  padding-top: calc((8.8888888889vw + 131.5555555556px));
}

.pt-x9 {
  padding-top: calc((10vw + 148px));
}

.pt-x10 {
  padding-top: calc((11.1111111111vw + 164.4444444444px));
}

.pb-none {
  padding-bottom: 0;
}

.pb-small {
  padding-bottom: calc((0.5555555556vw + 8.2222222222px));
}

.pb-x1 {
  padding-bottom: calc((1.1111111111vw + 16.4444444444px));
}

.pb-x2 {
  padding-bottom: calc((2.2222222222vw + 32.8888888889px));
}

.pb-x3 {
  padding-bottom: calc((3.3333333333vw + 49.3333333333px));
}

.pb-x4 {
  padding-bottom: calc((4.4444444444vw + 65.7777777778px));
}

.pb-x5 {
  padding-bottom: calc((5.5555555556vw + 82.2222222222px));
}

.pb-x6 {
  padding-bottom: calc((6.6666666667vw + 98.6666666667px));
}

.pb-x7 {
  padding-bottom: calc((7.7777777778vw + 115.1111111111px));
}

.pb-x8 {
  padding-bottom: calc((8.8888888889vw + 131.5555555556px));
}

.pb-x9 {
  padding-bottom: calc((10vw + 148px));
}

.pb-x10 {
  padding-bottom: calc((11.1111111111vw + 164.4444444444px));
}

.pl-none {
  padding-left: 0;
}

.pl-small {
  padding-left: calc((0.5555555556vw + 8.2222222222px));
}

.pl-x1 {
  padding-left: calc((1.1111111111vw + 16.4444444444px));
}

.pl-x2 {
  padding-left: calc((2.2222222222vw + 32.8888888889px));
}

.pl-x3 {
  padding-left: calc((3.3333333333vw + 49.3333333333px));
}

.pl-x4 {
  padding-left: calc((4.4444444444vw + 65.7777777778px));
}

.pl-x5 {
  padding-left: calc((5.5555555556vw + 82.2222222222px));
}

.pl-x6 {
  padding-left: calc((6.6666666667vw + 98.6666666667px));
}

.pl-x7 {
  padding-left: calc((7.7777777778vw + 115.1111111111px));
}

.pl-x8 {
  padding-left: calc((8.8888888889vw + 131.5555555556px));
}

.pl-x9 {
  padding-left: calc((10vw + 148px));
}

.pl-x10 {
  padding-left: calc((11.1111111111vw + 164.4444444444px));
}

.pr-none {
  padding-right: 0;
}

.pr-small {
  padding-right: calc((0.5555555556vw + 8.2222222222px));
}

.pr-x1 {
  padding-right: calc((1.1111111111vw + 16.4444444444px));
}

.pr-x2 {
  padding-right: calc((2.2222222222vw + 32.8888888889px));
}

.pr-x3 {
  padding-right: calc((3.3333333333vw + 49.3333333333px));
}

.pr-x4 {
  padding-right: calc((4.4444444444vw + 65.7777777778px));
}

.pr-x5 {
  padding-right: calc((5.5555555556vw + 82.2222222222px));
}

.pr-x6 {
  padding-right: calc((6.6666666667vw + 98.6666666667px));
}

.pr-x7 {
  padding-right: calc((7.7777777778vw + 115.1111111111px));
}

.pr-x8 {
  padding-right: calc((8.8888888889vw + 131.5555555556px));
}

.pr-x9 {
  padding-right: calc((10vw + 148px));
}

.pr-x10 {
  padding-right: calc((11.1111111111vw + 164.4444444444px));
}

.ptb-none {
  padding-top: 0;
  padding-bottom: 0;
}

.ptb-small {
  padding-top: calc((0.5555555556vw + 8.2222222222px));
  padding-bottom: calc((0.5555555556vw + 8.2222222222px));
}

.ptb-x1 {
  padding-top: calc((1.1111111111vw + 16.4444444444px));
  padding-bottom: calc((1.1111111111vw + 16.4444444444px));
}

.ptb-x2 {
  padding-top: calc((2.2222222222vw + 32.8888888889px));
  padding-bottom: calc((2.2222222222vw + 32.8888888889px));
}

.ptb-x3 {
  padding-top: calc((3.3333333333vw + 49.3333333333px));
  padding-bottom: calc((3.3333333333vw + 49.3333333333px));
}

.ptb-x4 {
  padding-top: calc((4.4444444444vw + 65.7777777778px));
  padding-bottom: calc((4.4444444444vw + 65.7777777778px));
}

.ptb-x5 {
  padding-top: calc((5.5555555556vw + 82.2222222222px));
  padding-bottom: calc((5.5555555556vw + 82.2222222222px));
}

.ptb-x6 {
  padding-top: calc((6.6666666667vw + 98.6666666667px));
  padding-bottom: calc((6.6666666667vw + 98.6666666667px));
}

.ptb-x7 {
  padding-top: calc((7.7777777778vw + 115.1111111111px));
  padding-bottom: calc((7.7777777778vw + 115.1111111111px));
}

.ptb-x8 {
  padding-top: calc((8.8888888889vw + 131.5555555556px));
  padding-bottom: calc((8.8888888889vw + 131.5555555556px));
}

.ptb-x9 {
  padding-top: calc((10vw + 148px));
  padding-bottom: calc((10vw + 148px));
}

.ptb-x10 {
  padding-top: calc((11.1111111111vw + 164.4444444444px));
  padding-bottom: calc((11.1111111111vw + 164.4444444444px));
}

/*
.show {
	display: block;

	@include responds-cols(){
		display: block;
	}
}
*/
.hide {
  display: none;
}

@media (max-width: 600px) {
  .show-m {
    display: inherit;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .show-t {
    display: inherit;
  }
}
@media (min-width: 1001px) {
  .show-d {
    display: inherit;
  }
}
.height--full {
  height: 100%;
}
@media (max-width: 319px) {
  .height--full-max-m {
    height: 100%;
  }
}
@media (max-width: 549px) {
  .height--full-max-t {
    height: 100%;
  }
}
@media (max-width: 849px) {
  .height--full-max-lt {
    height: 100%;
  }
}
@media (max-width: 999px) {
  .height--full-max-d {
    height: 100%;
  }
}
@media (max-width: 1439px) {
  .height--full-max-wd {
    height: 100%;
  }
}
@media (max-width: 2559px) {
  .height--full-max-hdd {
    height: 100%;
  }
}
@media (min-width: 320px) {
  .height--full-m {
    height: 100%;
  }
}
@media (min-width: 550px) {
  .height--full-t {
    height: 100%;
  }
}
@media (min-width: 850px) {
  .height--full-lt {
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .height--full-d {
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .height--full-wd {
    height: 100%;
  }
}
@media (min-width: 2560px) {
  .height--full-hdd {
    height: 100%;
  }
}

.height--100 {
  height: 100%;
}
@media (max-width: 319px) {
  .height--100-max-m {
    height: 100%;
  }
}
@media (max-width: 549px) {
  .height--100-max-t {
    height: 100%;
  }
}
@media (max-width: 849px) {
  .height--100-max-lt {
    height: 100%;
  }
}
@media (max-width: 999px) {
  .height--100-max-d {
    height: 100%;
  }
}
@media (max-width: 1439px) {
  .height--100-max-wd {
    height: 100%;
  }
}
@media (max-width: 2559px) {
  .height--100-max-hdd {
    height: 100%;
  }
}
@media (min-width: 320px) {
  .height--100-m {
    height: 100%;
  }
}
@media (min-width: 550px) {
  .height--100-t {
    height: 100%;
  }
}
@media (min-width: 850px) {
  .height--100-lt {
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .height--100-d {
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .height--100-wd {
    height: 100%;
  }
}
@media (min-width: 2560px) {
  .height--100-hdd {
    height: 100%;
  }
}

.min-height--full {
  min-height: 100%;
}
@media (max-width: 319px) {
  .min-height--full-max-m {
    min-height: 100%;
  }
}
@media (max-width: 549px) {
  .min-height--full-max-t {
    min-height: 100%;
  }
}
@media (max-width: 849px) {
  .min-height--full-max-lt {
    min-height: 100%;
  }
}
@media (max-width: 999px) {
  .min-height--full-max-d {
    min-height: 100%;
  }
}
@media (max-width: 1439px) {
  .min-height--full-max-wd {
    min-height: 100%;
  }
}
@media (max-width: 2559px) {
  .min-height--full-max-hdd {
    min-height: 100%;
  }
}
@media (min-width: 320px) {
  .min-height--full-m {
    min-height: 100%;
  }
}
@media (min-width: 550px) {
  .min-height--full-t {
    min-height: 100%;
  }
}
@media (min-width: 850px) {
  .min-height--full-lt {
    min-height: 100%;
  }
}
@media (min-width: 1000px) {
  .min-height--full-d {
    min-height: 100%;
  }
}
@media (min-width: 1440px) {
  .min-height--full-wd {
    min-height: 100%;
  }
}
@media (min-width: 2560px) {
  .min-height--full-hdd {
    min-height: 100%;
  }
}

.height--square {
  min-height: 50vw;
}
@media (max-width: 319px) {
  .height--square-max-m {
    min-height: 50vw;
  }
}
@media (max-width: 549px) {
  .height--square-max-t {
    min-height: 50vw;
  }
}
@media (max-width: 849px) {
  .height--square-max-lt {
    min-height: 50vw;
  }
}
@media (max-width: 999px) {
  .height--square-max-d {
    min-height: 50vw;
  }
}
@media (max-width: 1439px) {
  .height--square-max-wd {
    min-height: 50vw;
  }
}
@media (max-width: 2559px) {
  .height--square-max-hdd {
    min-height: 50vw;
  }
}
@media (min-width: 320px) {
  .height--square-m {
    min-height: 50vw;
  }
}
@media (min-width: 550px) {
  .height--square-t {
    min-height: 50vw;
  }
}
@media (min-width: 850px) {
  .height--square-lt {
    min-height: 50vw;
  }
}
@media (min-width: 1000px) {
  .height--square-d {
    min-height: 50vw;
  }
}
@media (min-width: 1440px) {
  .height--square-wd {
    min-height: 50vw;
  }
}
@media (min-width: 2560px) {
  .height--square-hdd {
    min-height: 50vw;
  }
}

.width--full {
  width: 100%;
}
@media (max-width: 319px) {
  .width--full-max-m {
    width: 100%;
  }
}
@media (max-width: 549px) {
  .width--full-max-t {
    width: 100%;
  }
}
@media (max-width: 849px) {
  .width--full-max-lt {
    width: 100%;
  }
}
@media (max-width: 999px) {
  .width--full-max-d {
    width: 100%;
  }
}
@media (max-width: 1439px) {
  .width--full-max-wd {
    width: 100%;
  }
}
@media (max-width: 2559px) {
  .width--full-max-hdd {
    width: 100%;
  }
}
@media (min-width: 320px) {
  .width--full-m {
    width: 100%;
  }
}
@media (min-width: 550px) {
  .width--full-t {
    width: 100%;
  }
}
@media (min-width: 850px) {
  .width--full-lt {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .width--full-d {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .width--full-wd {
    width: 100%;
  }
}
@media (min-width: 2560px) {
  .width--full-hdd {
    width: 100%;
  }
}

.flex {
  display: flex;
}
@media (max-width: 319px) {
  .flex-max-m {
    display: flex;
  }
}
@media (max-width: 549px) {
  .flex-max-t {
    display: flex;
  }
}
@media (max-width: 849px) {
  .flex-max-lt {
    display: flex;
  }
}
@media (max-width: 999px) {
  .flex-max-d {
    display: flex;
  }
}
@media (max-width: 1439px) {
  .flex-max-wd {
    display: flex;
  }
}
@media (max-width: 2559px) {
  .flex-max-hdd {
    display: flex;
  }
}
@media (min-width: 320px) {
  .flex-m {
    display: flex;
  }
}
@media (min-width: 550px) {
  .flex-t {
    display: flex;
  }
}
@media (min-width: 850px) {
  .flex-lt {
    display: flex;
  }
}
@media (min-width: 1000px) {
  .flex-d {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .flex-wd {
    display: flex;
  }
}
@media (min-width: 2560px) {
  .flex-hdd {
    display: flex;
  }
}

.flex--col {
  flex-direction: column;
}
@media (max-width: 319px) {
  .flex--col-max-m {
    flex-direction: column;
  }
}
@media (max-width: 549px) {
  .flex--col-max-t {
    flex-direction: column;
  }
}
@media (max-width: 849px) {
  .flex--col-max-lt {
    flex-direction: column;
  }
}
@media (max-width: 999px) {
  .flex--col-max-d {
    flex-direction: column;
  }
}
@media (max-width: 1439px) {
  .flex--col-max-wd {
    flex-direction: column;
  }
}
@media (max-width: 2559px) {
  .flex--col-max-hdd {
    flex-direction: column;
  }
}
@media (min-width: 320px) {
  .flex--col-m {
    flex-direction: column;
  }
}
@media (min-width: 550px) {
  .flex--col-t {
    flex-direction: column;
  }
}
@media (min-width: 850px) {
  .flex--col-lt {
    flex-direction: column;
  }
}
@media (min-width: 1000px) {
  .flex--col-d {
    flex-direction: column;
  }
}
@media (min-width: 1440px) {
  .flex--col-wd {
    flex-direction: column;
  }
}
@media (min-width: 2560px) {
  .flex--col-hdd {
    flex-direction: column;
  }
}

.align-items--top {
  align-items: flex-start;
}
@media (max-width: 319px) {
  .align-items--top-max-m {
    align-items: flex-start;
  }
}
@media (max-width: 549px) {
  .align-items--top-max-t {
    align-items: flex-start;
  }
}
@media (max-width: 849px) {
  .align-items--top-max-lt {
    align-items: flex-start;
  }
}
@media (max-width: 999px) {
  .align-items--top-max-d {
    align-items: flex-start;
  }
}
@media (max-width: 1439px) {
  .align-items--top-max-wd {
    align-items: flex-start;
  }
}
@media (max-width: 2559px) {
  .align-items--top-max-hdd {
    align-items: flex-start;
  }
}
@media (min-width: 320px) {
  .align-items--top-m {
    align-items: flex-start;
  }
}
@media (min-width: 550px) {
  .align-items--top-t {
    align-items: flex-start;
  }
}
@media (min-width: 850px) {
  .align-items--top-lt {
    align-items: flex-start;
  }
}
@media (min-width: 1000px) {
  .align-items--top-d {
    align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .align-items--top-wd {
    align-items: flex-start;
  }
}
@media (min-width: 2560px) {
  .align-items--top-hdd {
    align-items: flex-start;
  }
}

.align-items--center {
  align-items: center;
}
@media (max-width: 319px) {
  .align-items--center-max-m {
    align-items: center;
  }
}
@media (max-width: 549px) {
  .align-items--center-max-t {
    align-items: center;
  }
}
@media (max-width: 849px) {
  .align-items--center-max-lt {
    align-items: center;
  }
}
@media (max-width: 999px) {
  .align-items--center-max-d {
    align-items: center;
  }
}
@media (max-width: 1439px) {
  .align-items--center-max-wd {
    align-items: center;
  }
}
@media (max-width: 2559px) {
  .align-items--center-max-hdd {
    align-items: center;
  }
}
@media (min-width: 320px) {
  .align-items--center-m {
    align-items: center;
  }
}
@media (min-width: 550px) {
  .align-items--center-t {
    align-items: center;
  }
}
@media (min-width: 850px) {
  .align-items--center-lt {
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .align-items--center-d {
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .align-items--center-wd {
    align-items: center;
  }
}
@media (min-width: 2560px) {
  .align-items--center-hdd {
    align-items: center;
  }
}

.align-items--bottom {
  align-items: flex-end;
}
@media (max-width: 319px) {
  .align-items--bottom-max-m {
    align-items: flex-end;
  }
}
@media (max-width: 549px) {
  .align-items--bottom-max-t {
    align-items: flex-end;
  }
}
@media (max-width: 849px) {
  .align-items--bottom-max-lt {
    align-items: flex-end;
  }
}
@media (max-width: 999px) {
  .align-items--bottom-max-d {
    align-items: flex-end;
  }
}
@media (max-width: 1439px) {
  .align-items--bottom-max-wd {
    align-items: flex-end;
  }
}
@media (max-width: 2559px) {
  .align-items--bottom-max-hdd {
    align-items: flex-end;
  }
}
@media (min-width: 320px) {
  .align-items--bottom-m {
    align-items: flex-end;
  }
}
@media (min-width: 550px) {
  .align-items--bottom-t {
    align-items: flex-end;
  }
}
@media (min-width: 850px) {
  .align-items--bottom-lt {
    align-items: flex-end;
  }
}
@media (min-width: 1000px) {
  .align-items--bottom-d {
    align-items: flex-end;
  }
}
@media (min-width: 1440px) {
  .align-items--bottom-wd {
    align-items: flex-end;
  }
}
@media (min-width: 2560px) {
  .align-items--bottom-hdd {
    align-items: flex-end;
  }
}

.align-self--bottom {
  align-self: flex-end;
}
@media (max-width: 319px) {
  .align-self--bottom-max-m {
    align-items: flex-end;
  }
}
@media (max-width: 549px) {
  .align-self--bottom-max-t {
    align-items: flex-end;
  }
}
@media (max-width: 849px) {
  .align-self--bottom-max-lt {
    align-items: flex-end;
  }
}
@media (max-width: 999px) {
  .align-self--bottom-max-d {
    align-items: flex-end;
  }
}
@media (max-width: 1439px) {
  .align-self--bottom-max-wd {
    align-items: flex-end;
  }
}
@media (max-width: 2559px) {
  .align-self--bottom-max-hdd {
    align-items: flex-end;
  }
}
@media (min-width: 320px) {
  .align-self--bottom-m {
    align-items: flex-end;
  }
}
@media (min-width: 550px) {
  .align-self--bottom-t {
    align-items: flex-end;
  }
}
@media (min-width: 850px) {
  .align-self--bottom-lt {
    align-items: flex-end;
  }
}
@media (min-width: 1000px) {
  .align-self--bottom-d {
    align-items: flex-end;
  }
}
@media (min-width: 1440px) {
  .align-self--bottom-wd {
    align-items: flex-end;
  }
}
@media (min-width: 2560px) {
  .align-self--bottom-hdd {
    align-items: flex-end;
  }
}

.justify--start {
  justify-content: flex-start;
}
@media (max-width: 319px) {
  .justify--start-max-m {
    justify-content: flex-start;
  }
}
@media (max-width: 549px) {
  .justify--start-max-t {
    justify-content: flex-start;
  }
}
@media (max-width: 849px) {
  .justify--start-max-lt {
    justify-content: flex-start;
  }
}
@media (max-width: 999px) {
  .justify--start-max-d {
    justify-content: flex-start;
  }
}
@media (max-width: 1439px) {
  .justify--start-max-wd {
    justify-content: flex-start;
  }
}
@media (max-width: 2559px) {
  .justify--start-max-hdd {
    justify-content: flex-start;
  }
}
@media (min-width: 320px) {
  .justify--start-m {
    justify-content: flex-start;
  }
}
@media (min-width: 550px) {
  .justify--start-t {
    justify-content: flex-start;
  }
}
@media (min-width: 850px) {
  .justify--start-lt {
    justify-content: flex-start;
  }
}
@media (min-width: 1000px) {
  .justify--start-d {
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  .justify--start-wd {
    justify-content: flex-start;
  }
}
@media (min-width: 2560px) {
  .justify--start-hdd {
    justify-content: flex-start;
  }
}

.justify--center {
  justify-content: center;
}
@media (max-width: 319px) {
  .justify--center-max-m {
    justify-content: center;
  }
}
@media (max-width: 549px) {
  .justify--center-max-t {
    justify-content: center;
  }
}
@media (max-width: 849px) {
  .justify--center-max-lt {
    justify-content: center;
  }
}
@media (max-width: 999px) {
  .justify--center-max-d {
    justify-content: center;
  }
}
@media (max-width: 1439px) {
  .justify--center-max-wd {
    justify-content: center;
  }
}
@media (max-width: 2559px) {
  .justify--center-max-hdd {
    justify-content: center;
  }
}
@media (min-width: 320px) {
  .justify--center-m {
    justify-content: center;
  }
}
@media (min-width: 550px) {
  .justify--center-t {
    justify-content: center;
  }
}
@media (min-width: 850px) {
  .justify--center-lt {
    justify-content: center;
  }
}
@media (min-width: 1000px) {
  .justify--center-d {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .justify--center-wd {
    justify-content: center;
  }
}
@media (min-width: 2560px) {
  .justify--center-hdd {
    justify-content: center;
  }
}

.justify--end {
  justify-content: flex-end;
}
@media (max-width: 319px) {
  .justify--end-max-m {
    justify-content: flex-end;
  }
}
@media (max-width: 549px) {
  .justify--end-max-t {
    justify-content: flex-end;
  }
}
@media (max-width: 849px) {
  .justify--end-max-lt {
    justify-content: flex-end;
  }
}
@media (max-width: 999px) {
  .justify--end-max-d {
    justify-content: flex-end;
  }
}
@media (max-width: 1439px) {
  .justify--end-max-wd {
    justify-content: flex-end;
  }
}
@media (max-width: 2559px) {
  .justify--end-max-hdd {
    justify-content: flex-end;
  }
}
@media (min-width: 320px) {
  .justify--end-m {
    justify-content: flex-end;
  }
}
@media (min-width: 550px) {
  .justify--end-t {
    justify-content: flex-end;
  }
}
@media (min-width: 850px) {
  .justify--end-lt {
    justify-content: flex-end;
  }
}
@media (min-width: 1000px) {
  .justify--end-d {
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) {
  .justify--end-wd {
    justify-content: flex-end;
  }
}
@media (min-width: 2560px) {
  .justify--end-hdd {
    justify-content: flex-end;
  }
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

@media (max-width: 319px) {
  .flex-order-1-max-m {
    order: 1;
  }
}
@media (max-width: 549px) {
  .flex-order-1-max-t {
    order: 1;
  }
}
@media (max-width: 849px) {
  .flex-order-1-max-lt {
    order: 1;
  }
}
@media (max-width: 999px) {
  .flex-order-1-max-d {
    order: 1;
  }
}
@media (max-width: 1439px) {
  .flex-order-1-max-wd {
    order: 1;
  }
}
@media (max-width: 2559px) {
  .flex-order-1-max-hdd {
    order: 1;
  }
}
@media (min-width: 320px) {
  .flex-order-1-m {
    order: 1;
  }
}
@media (min-width: 550px) {
  .flex-order-1-t {
    order: 1;
  }
}
@media (min-width: 850px) {
  .flex-order-1-lt {
    order: 1;
  }
}
@media (min-width: 1000px) {
  .flex-order-1-d {
    order: 1;
  }
}
@media (min-width: 1440px) {
  .flex-order-1-wd {
    order: 1;
  }
}
@media (min-width: 2560px) {
  .flex-order-1-hdd {
    order: 1;
  }
}

@media (max-width: 319px) {
  .flex-order-2-max-m {
    order: 2;
  }
}
@media (max-width: 549px) {
  .flex-order-2-max-t {
    order: 2;
  }
}
@media (max-width: 849px) {
  .flex-order-2-max-lt {
    order: 2;
  }
}
@media (max-width: 999px) {
  .flex-order-2-max-d {
    order: 2;
  }
}
@media (max-width: 1439px) {
  .flex-order-2-max-wd {
    order: 2;
  }
}
@media (max-width: 2559px) {
  .flex-order-2-max-hdd {
    order: 2;
  }
}
@media (min-width: 320px) {
  .flex-order-2-m {
    order: 2;
  }
}
@media (min-width: 550px) {
  .flex-order-2-t {
    order: 2;
  }
}
@media (min-width: 850px) {
  .flex-order-2-lt {
    order: 2;
  }
}
@media (min-width: 1000px) {
  .flex-order-2-d {
    order: 2;
  }
}
@media (min-width: 1440px) {
  .flex-order-2-wd {
    order: 2;
  }
}
@media (min-width: 2560px) {
  .flex-order-2-hdd {
    order: 2;
  }
}

@media (max-width: 319px) {
  .flex-order-3-max-m {
    order: 3;
  }
}
@media (max-width: 549px) {
  .flex-order-3-max-t {
    order: 3;
  }
}
@media (max-width: 849px) {
  .flex-order-3-max-lt {
    order: 3;
  }
}
@media (max-width: 999px) {
  .flex-order-3-max-d {
    order: 3;
  }
}
@media (max-width: 1439px) {
  .flex-order-3-max-wd {
    order: 3;
  }
}
@media (max-width: 2559px) {
  .flex-order-3-max-hdd {
    order: 3;
  }
}
@media (min-width: 320px) {
  .flex-order-3-m {
    order: 3;
  }
}
@media (min-width: 550px) {
  .flex-order-3-t {
    order: 3;
  }
}
@media (min-width: 850px) {
  .flex-order-3-lt {
    order: 3;
  }
}
@media (min-width: 1000px) {
  .flex-order-3-d {
    order: 3;
  }
}
@media (min-width: 1440px) {
  .flex-order-3-wd {
    order: 3;
  }
}
@media (min-width: 2560px) {
  .flex-order-3-hdd {
    order: 3;
  }
}

@media (max-width: 319px) {
  .flex-order-4-max-m {
    order: 4;
  }
}
@media (max-width: 549px) {
  .flex-order-4-max-t {
    order: 4;
  }
}
@media (max-width: 849px) {
  .flex-order-4-max-lt {
    order: 4;
  }
}
@media (max-width: 999px) {
  .flex-order-4-max-d {
    order: 4;
  }
}
@media (max-width: 1439px) {
  .flex-order-4-max-wd {
    order: 4;
  }
}
@media (max-width: 2559px) {
  .flex-order-4-max-hdd {
    order: 4;
  }
}
@media (min-width: 320px) {
  .flex-order-4-m {
    order: 4;
  }
}
@media (min-width: 550px) {
  .flex-order-4-t {
    order: 4;
  }
}
@media (min-width: 850px) {
  .flex-order-4-lt {
    order: 4;
  }
}
@media (min-width: 1000px) {
  .flex-order-4-d {
    order: 4;
  }
}
@media (min-width: 1440px) {
  .flex-order-4-wd {
    order: 4;
  }
}
@media (min-width: 2560px) {
  .flex-order-4-hdd {
    order: 4;
  }
}

@media (max-width: 319px) {
  .flex-order-5-max-m {
    order: 5;
  }
}
@media (max-width: 549px) {
  .flex-order-5-max-t {
    order: 5;
  }
}
@media (max-width: 849px) {
  .flex-order-5-max-lt {
    order: 5;
  }
}
@media (max-width: 999px) {
  .flex-order-5-max-d {
    order: 5;
  }
}
@media (max-width: 1439px) {
  .flex-order-5-max-wd {
    order: 5;
  }
}
@media (max-width: 2559px) {
  .flex-order-5-max-hdd {
    order: 5;
  }
}
@media (min-width: 320px) {
  .flex-order-5-m {
    order: 5;
  }
}
@media (min-width: 550px) {
  .flex-order-5-t {
    order: 5;
  }
}
@media (min-width: 850px) {
  .flex-order-5-lt {
    order: 5;
  }
}
@media (min-width: 1000px) {
  .flex-order-5-d {
    order: 5;
  }
}
@media (min-width: 1440px) {
  .flex-order-5-wd {
    order: 5;
  }
}
@media (min-width: 2560px) {
  .flex-order-5-hdd {
    order: 5;
  }
}

@media (max-width: 319px) {
  .flex-order-6-max-m {
    order: 6;
  }
}
@media (max-width: 549px) {
  .flex-order-6-max-t {
    order: 6;
  }
}
@media (max-width: 849px) {
  .flex-order-6-max-lt {
    order: 6;
  }
}
@media (max-width: 999px) {
  .flex-order-6-max-d {
    order: 6;
  }
}
@media (max-width: 1439px) {
  .flex-order-6-max-wd {
    order: 6;
  }
}
@media (max-width: 2559px) {
  .flex-order-6-max-hdd {
    order: 6;
  }
}
@media (min-width: 320px) {
  .flex-order-6-m {
    order: 6;
  }
}
@media (min-width: 550px) {
  .flex-order-6-t {
    order: 6;
  }
}
@media (min-width: 850px) {
  .flex-order-6-lt {
    order: 6;
  }
}
@media (min-width: 1000px) {
  .flex-order-6-d {
    order: 6;
  }
}
@media (min-width: 1440px) {
  .flex-order-6-wd {
    order: 6;
  }
}
@media (min-width: 2560px) {
  .flex-order-6-hdd {
    order: 6;
  }
}

@media (max-width: 319px) {
  .flex-order-7-max-m {
    order: 7;
  }
}
@media (max-width: 549px) {
  .flex-order-7-max-t {
    order: 7;
  }
}
@media (max-width: 849px) {
  .flex-order-7-max-lt {
    order: 7;
  }
}
@media (max-width: 999px) {
  .flex-order-7-max-d {
    order: 7;
  }
}
@media (max-width: 1439px) {
  .flex-order-7-max-wd {
    order: 7;
  }
}
@media (max-width: 2559px) {
  .flex-order-7-max-hdd {
    order: 7;
  }
}
@media (min-width: 320px) {
  .flex-order-7-m {
    order: 7;
  }
}
@media (min-width: 550px) {
  .flex-order-7-t {
    order: 7;
  }
}
@media (min-width: 850px) {
  .flex-order-7-lt {
    order: 7;
  }
}
@media (min-width: 1000px) {
  .flex-order-7-d {
    order: 7;
  }
}
@media (min-width: 1440px) {
  .flex-order-7-wd {
    order: 7;
  }
}
@media (min-width: 2560px) {
  .flex-order-7-hdd {
    order: 7;
  }
}

@media (max-width: 319px) {
  .flex-order-8-max-m {
    order: 8;
  }
}
@media (max-width: 549px) {
  .flex-order-8-max-t {
    order: 8;
  }
}
@media (max-width: 849px) {
  .flex-order-8-max-lt {
    order: 8;
  }
}
@media (max-width: 999px) {
  .flex-order-8-max-d {
    order: 8;
  }
}
@media (max-width: 1439px) {
  .flex-order-8-max-wd {
    order: 8;
  }
}
@media (max-width: 2559px) {
  .flex-order-8-max-hdd {
    order: 8;
  }
}
@media (min-width: 320px) {
  .flex-order-8-m {
    order: 8;
  }
}
@media (min-width: 550px) {
  .flex-order-8-t {
    order: 8;
  }
}
@media (min-width: 850px) {
  .flex-order-8-lt {
    order: 8;
  }
}
@media (min-width: 1000px) {
  .flex-order-8-d {
    order: 8;
  }
}
@media (min-width: 1440px) {
  .flex-order-8-wd {
    order: 8;
  }
}
@media (min-width: 2560px) {
  .flex-order-8-hdd {
    order: 8;
  }
}

@media (max-width: 319px) {
  .flex-order-9-max-m {
    order: 9;
  }
}
@media (max-width: 549px) {
  .flex-order-9-max-t {
    order: 9;
  }
}
@media (max-width: 849px) {
  .flex-order-9-max-lt {
    order: 9;
  }
}
@media (max-width: 999px) {
  .flex-order-9-max-d {
    order: 9;
  }
}
@media (max-width: 1439px) {
  .flex-order-9-max-wd {
    order: 9;
  }
}
@media (max-width: 2559px) {
  .flex-order-9-max-hdd {
    order: 9;
  }
}
@media (min-width: 320px) {
  .flex-order-9-m {
    order: 9;
  }
}
@media (min-width: 550px) {
  .flex-order-9-t {
    order: 9;
  }
}
@media (min-width: 850px) {
  .flex-order-9-lt {
    order: 9;
  }
}
@media (min-width: 1000px) {
  .flex-order-9-d {
    order: 9;
  }
}
@media (min-width: 1440px) {
  .flex-order-9-wd {
    order: 9;
  }
}
@media (min-width: 2560px) {
  .flex-order-9-hdd {
    order: 9;
  }
}

@media (max-width: 319px) {
  .flex-order-10-max-m {
    order: 10;
  }
}
@media (max-width: 549px) {
  .flex-order-10-max-t {
    order: 10;
  }
}
@media (max-width: 849px) {
  .flex-order-10-max-lt {
    order: 10;
  }
}
@media (max-width: 999px) {
  .flex-order-10-max-d {
    order: 10;
  }
}
@media (max-width: 1439px) {
  .flex-order-10-max-wd {
    order: 10;
  }
}
@media (max-width: 2559px) {
  .flex-order-10-max-hdd {
    order: 10;
  }
}
@media (min-width: 320px) {
  .flex-order-10-m {
    order: 10;
  }
}
@media (min-width: 550px) {
  .flex-order-10-t {
    order: 10;
  }
}
@media (min-width: 850px) {
  .flex-order-10-lt {
    order: 10;
  }
}
@media (min-width: 1000px) {
  .flex-order-10-d {
    order: 10;
  }
}
@media (min-width: 1440px) {
  .flex-order-10-wd {
    order: 10;
  }
}
@media (min-width: 2560px) {
  .flex-order-10-hdd {
    order: 10;
  }
}

.text--left {
  text-align: left;
}
@media (max-width: 319px) {
  .text--left-max-m {
    text-align: left;
  }
}
@media (max-width: 549px) {
  .text--left-max-t {
    text-align: left;
  }
}
@media (max-width: 849px) {
  .text--left-max-lt {
    text-align: left;
  }
}
@media (max-width: 999px) {
  .text--left-max-d {
    text-align: left;
  }
}
@media (max-width: 1439px) {
  .text--left-max-wd {
    text-align: left;
  }
}
@media (max-width: 2559px) {
  .text--left-max-hdd {
    text-align: left;
  }
}
@media (min-width: 320px) {
  .text--left-m {
    text-align: left;
  }
}
@media (min-width: 550px) {
  .text--left-t {
    text-align: left;
  }
}
@media (min-width: 850px) {
  .text--left-lt {
    text-align: left;
  }
}
@media (min-width: 1000px) {
  .text--left-d {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .text--left-wd {
    text-align: left;
  }
}
@media (min-width: 2560px) {
  .text--left-hdd {
    text-align: left;
  }
}

.text--center {
  text-align: center;
}
@media (max-width: 319px) {
  .text--center-max-m {
    text-align: center;
  }
}
@media (max-width: 549px) {
  .text--center-max-t {
    text-align: center;
  }
}
@media (max-width: 849px) {
  .text--center-max-lt {
    text-align: center;
  }
}
@media (max-width: 999px) {
  .text--center-max-d {
    text-align: center;
  }
}
@media (max-width: 1439px) {
  .text--center-max-wd {
    text-align: center;
  }
}
@media (max-width: 2559px) {
  .text--center-max-hdd {
    text-align: center;
  }
}
@media (min-width: 320px) {
  .text--center-m {
    text-align: center;
  }
}
@media (min-width: 550px) {
  .text--center-t {
    text-align: center;
  }
}
@media (min-width: 850px) {
  .text--center-lt {
    text-align: center;
  }
}
@media (min-width: 1000px) {
  .text--center-d {
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .text--center-wd {
    text-align: center;
  }
}
@media (min-width: 2560px) {
  .text--center-hdd {
    text-align: center;
  }
}

.text--right {
  text-align: right;
}
@media (max-width: 319px) {
  .text--right-max-m {
    text-align: right;
  }
}
@media (max-width: 549px) {
  .text--right-max-t {
    text-align: right;
  }
}
@media (max-width: 849px) {
  .text--right-max-lt {
    text-align: right;
  }
}
@media (max-width: 999px) {
  .text--right-max-d {
    text-align: right;
  }
}
@media (max-width: 1439px) {
  .text--right-max-wd {
    text-align: right;
  }
}
@media (max-width: 2559px) {
  .text--right-max-hdd {
    text-align: right;
  }
}
@media (min-width: 320px) {
  .text--right-m {
    text-align: right;
  }
}
@media (min-width: 550px) {
  .text--right-t {
    text-align: right;
  }
}
@media (min-width: 850px) {
  .text--right-lt {
    text-align: right;
  }
}
@media (min-width: 1000px) {
  .text--right-d {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .text--right-wd {
    text-align: right;
  }
}
@media (min-width: 2560px) {
  .text--right-hdd {
    text-align: right;
  }
}

.text--justify {
  text-align: justify;
}
@media (max-width: 319px) {
  .text--justify-max-m {
    text-align: justify;
  }
}
@media (max-width: 549px) {
  .text--justify-max-t {
    text-align: justify;
  }
}
@media (max-width: 849px) {
  .text--justify-max-lt {
    text-align: justify;
  }
}
@media (max-width: 999px) {
  .text--justify-max-d {
    text-align: justify;
  }
}
@media (max-width: 1439px) {
  .text--justify-max-wd {
    text-align: justify;
  }
}
@media (max-width: 2559px) {
  .text--justify-max-hdd {
    text-align: justify;
  }
}
@media (min-width: 320px) {
  .text--justify-m {
    text-align: justify;
  }
}
@media (min-width: 550px) {
  .text--justify-t {
    text-align: justify;
  }
}
@media (min-width: 850px) {
  .text--justify-lt {
    text-align: justify;
  }
}
@media (min-width: 1000px) {
  .text--justify-d {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .text--justify-wd {
    text-align: justify;
  }
}
@media (min-width: 2560px) {
  .text--justify-hdd {
    text-align: justify;
  }
}

.uc {
  text-transform: uppercase;
}
@media (max-width: 319px) {
  .uc-max-m {
    text-transform: uppercase;
  }
}
@media (max-width: 549px) {
  .uc-max-t {
    text-transform: uppercase;
  }
}
@media (max-width: 849px) {
  .uc-max-lt {
    text-transform: uppercase;
  }
}
@media (max-width: 999px) {
  .uc-max-d {
    text-transform: uppercase;
  }
}
@media (max-width: 1439px) {
  .uc-max-wd {
    text-transform: uppercase;
  }
}
@media (max-width: 2559px) {
  .uc-max-hdd {
    text-transform: uppercase;
  }
}
@media (min-width: 320px) {
  .uc-m {
    text-transform: uppercase;
  }
}
@media (min-width: 550px) {
  .uc-t {
    text-transform: uppercase;
  }
}
@media (min-width: 850px) {
  .uc-lt {
    text-transform: uppercase;
  }
}
@media (min-width: 1000px) {
  .uc-d {
    text-transform: uppercase;
  }
}
@media (min-width: 1440px) {
  .uc-wd {
    text-transform: uppercase;
  }
}
@media (min-width: 2560px) {
  .uc-hdd {
    text-transform: uppercase;
  }
}

.lc {
  text-transform: lowercase;
}
@media (max-width: 319px) {
  .lc-max-m {
    text-transform: lowercase;
  }
}
@media (max-width: 549px) {
  .lc-max-t {
    text-transform: lowercase;
  }
}
@media (max-width: 849px) {
  .lc-max-lt {
    text-transform: lowercase;
  }
}
@media (max-width: 999px) {
  .lc-max-d {
    text-transform: lowercase;
  }
}
@media (max-width: 1439px) {
  .lc-max-wd {
    text-transform: lowercase;
  }
}
@media (max-width: 2559px) {
  .lc-max-hdd {
    text-transform: lowercase;
  }
}
@media (min-width: 320px) {
  .lc-m {
    text-transform: lowercase;
  }
}
@media (min-width: 550px) {
  .lc-t {
    text-transform: lowercase;
  }
}
@media (min-width: 850px) {
  .lc-lt {
    text-transform: lowercase;
  }
}
@media (min-width: 1000px) {
  .lc-d {
    text-transform: lowercase;
  }
}
@media (min-width: 1440px) {
  .lc-wd {
    text-transform: lowercase;
  }
}
@media (min-width: 2560px) {
  .lc-hdd {
    text-transform: lowercase;
  }
}

.text--black {
  color: #000000;
}
@media (max-width: 319px) {
  .text--black-max-m {
    color: #000000;
  }
}
@media (max-width: 549px) {
  .text--black-max-t {
    color: #000000;
  }
}
@media (max-width: 849px) {
  .text--black-max-lt {
    color: #000000;
  }
}
@media (max-width: 999px) {
  .text--black-max-d {
    color: #000000;
  }
}
@media (max-width: 1439px) {
  .text--black-max-wd {
    color: #000000;
  }
}
@media (max-width: 2559px) {
  .text--black-max-hdd {
    color: #000000;
  }
}
@media (min-width: 320px) {
  .text--black-m {
    color: #000000;
  }
}
@media (min-width: 550px) {
  .text--black-t {
    color: #000000;
  }
}
@media (min-width: 850px) {
  .text--black-lt {
    color: #000000;
  }
}
@media (min-width: 1000px) {
  .text--black-d {
    color: #000000;
  }
}
@media (min-width: 1440px) {
  .text--black-wd {
    color: #000000;
  }
}
@media (min-width: 2560px) {
  .text--black-hdd {
    color: #000000;
  }
}

.text--white {
  color: #FFFFFF;
}
@media (max-width: 319px) {
  .text--white-max-m {
    color: #FFFFFF;
  }
}
@media (max-width: 549px) {
  .text--white-max-t {
    color: #FFFFFF;
  }
}
@media (max-width: 849px) {
  .text--white-max-lt {
    color: #FFFFFF;
  }
}
@media (max-width: 999px) {
  .text--white-max-d {
    color: #FFFFFF;
  }
}
@media (max-width: 1439px) {
  .text--white-max-wd {
    color: #FFFFFF;
  }
}
@media (max-width: 2559px) {
  .text--white-max-hdd {
    color: #FFFFFF;
  }
}
@media (min-width: 320px) {
  .text--white-m {
    color: #FFFFFF;
  }
}
@media (min-width: 550px) {
  .text--white-t {
    color: #FFFFFF;
  }
}
@media (min-width: 850px) {
  .text--white-lt {
    color: #FFFFFF;
  }
}
@media (min-width: 1000px) {
  .text--white-d {
    color: #FFFFFF;
  }
}
@media (min-width: 1440px) {
  .text--white-wd {
    color: #FFFFFF;
  }
}
@media (min-width: 2560px) {
  .text--white-hdd {
    color: #FFFFFF;
  }
}

.text--primary {
  color: #000;
}
@media (max-width: 319px) {
  .text--primary-max-m {
    color: #000;
  }
}
@media (max-width: 549px) {
  .text--primary-max-t {
    color: #000;
  }
}
@media (max-width: 849px) {
  .text--primary-max-lt {
    color: #000;
  }
}
@media (max-width: 999px) {
  .text--primary-max-d {
    color: #000;
  }
}
@media (max-width: 1439px) {
  .text--primary-max-wd {
    color: #000;
  }
}
@media (max-width: 2559px) {
  .text--primary-max-hdd {
    color: #000;
  }
}
@media (min-width: 320px) {
  .text--primary-m {
    color: #000;
  }
}
@media (min-width: 550px) {
  .text--primary-t {
    color: #000;
  }
}
@media (min-width: 850px) {
  .text--primary-lt {
    color: #000;
  }
}
@media (min-width: 1000px) {
  .text--primary-d {
    color: #000;
  }
}
@media (min-width: 1440px) {
  .text--primary-wd {
    color: #000;
  }
}
@media (min-width: 2560px) {
  .text--primary-hdd {
    color: #000;
  }
}

.text--secondary {
  color: #000;
}
@media (max-width: 319px) {
  .text--secondary-max-m {
    color: #000;
  }
}
@media (max-width: 549px) {
  .text--secondary-max-t {
    color: #000;
  }
}
@media (max-width: 849px) {
  .text--secondary-max-lt {
    color: #000;
  }
}
@media (max-width: 999px) {
  .text--secondary-max-d {
    color: #000;
  }
}
@media (max-width: 1439px) {
  .text--secondary-max-wd {
    color: #000;
  }
}
@media (max-width: 2559px) {
  .text--secondary-max-hdd {
    color: #000;
  }
}
@media (min-width: 320px) {
  .text--secondary-m {
    color: #000;
  }
}
@media (min-width: 550px) {
  .text--secondary-t {
    color: #000;
  }
}
@media (min-width: 850px) {
  .text--secondary-lt {
    color: #000;
  }
}
@media (min-width: 1000px) {
  .text--secondary-d {
    color: #000;
  }
}
@media (min-width: 1440px) {
  .text--secondary-wd {
    color: #000;
  }
}
@media (min-width: 2560px) {
  .text--secondary-hdd {
    color: #000;
  }
}

.text--tertiary {
  color: #000;
}
@media (max-width: 319px) {
  .text--tertiary-max-m {
    color: #000;
  }
}
@media (max-width: 549px) {
  .text--tertiary-max-t {
    color: #000;
  }
}
@media (max-width: 849px) {
  .text--tertiary-max-lt {
    color: #000;
  }
}
@media (max-width: 999px) {
  .text--tertiary-max-d {
    color: #000;
  }
}
@media (max-width: 1439px) {
  .text--tertiary-max-wd {
    color: #000;
  }
}
@media (max-width: 2559px) {
  .text--tertiary-max-hdd {
    color: #000;
  }
}
@media (min-width: 320px) {
  .text--tertiary-m {
    color: #000;
  }
}
@media (min-width: 550px) {
  .text--tertiary-t {
    color: #000;
  }
}
@media (min-width: 850px) {
  .text--tertiary-lt {
    color: #000;
  }
}
@media (min-width: 1000px) {
  .text--tertiary-d {
    color: #000;
  }
}
@media (min-width: 1440px) {
  .text--tertiary-wd {
    color: #000;
  }
}
@media (min-width: 2560px) {
  .text--tertiary-hdd {
    color: #000;
  }
}

.text--grey-lightest {
  color: #F5F5F5;
}
@media (max-width: 319px) {
  .text--grey-lightest-max-m {
    color: #F5F5F5;
  }
}
@media (max-width: 549px) {
  .text--grey-lightest-max-t {
    color: #F5F5F5;
  }
}
@media (max-width: 849px) {
  .text--grey-lightest-max-lt {
    color: #F5F5F5;
  }
}
@media (max-width: 999px) {
  .text--grey-lightest-max-d {
    color: #F5F5F5;
  }
}
@media (max-width: 1439px) {
  .text--grey-lightest-max-wd {
    color: #F5F5F5;
  }
}
@media (max-width: 2559px) {
  .text--grey-lightest-max-hdd {
    color: #F5F5F5;
  }
}
@media (min-width: 320px) {
  .text--grey-lightest-m {
    color: #F5F5F5;
  }
}
@media (min-width: 550px) {
  .text--grey-lightest-t {
    color: #F5F5F5;
  }
}
@media (min-width: 850px) {
  .text--grey-lightest-lt {
    color: #F5F5F5;
  }
}
@media (min-width: 1000px) {
  .text--grey-lightest-d {
    color: #F5F5F5;
  }
}
@media (min-width: 1440px) {
  .text--grey-lightest-wd {
    color: #F5F5F5;
  }
}
@media (min-width: 2560px) {
  .text--grey-lightest-hdd {
    color: #F5F5F5;
  }
}

.text--grey-lighter {
  color: #F5F5F5;
}
@media (max-width: 319px) {
  .text--grey-lighter-max-m {
    color: #F5F5F5;
  }
}
@media (max-width: 549px) {
  .text--grey-lighter-max-t {
    color: #F5F5F5;
  }
}
@media (max-width: 849px) {
  .text--grey-lighter-max-lt {
    color: #F5F5F5;
  }
}
@media (max-width: 999px) {
  .text--grey-lighter-max-d {
    color: #F5F5F5;
  }
}
@media (max-width: 1439px) {
  .text--grey-lighter-max-wd {
    color: #F5F5F5;
  }
}
@media (max-width: 2559px) {
  .text--grey-lighter-max-hdd {
    color: #F5F5F5;
  }
}
@media (min-width: 320px) {
  .text--grey-lighter-m {
    color: #F5F5F5;
  }
}
@media (min-width: 550px) {
  .text--grey-lighter-t {
    color: #F5F5F5;
  }
}
@media (min-width: 850px) {
  .text--grey-lighter-lt {
    color: #F5F5F5;
  }
}
@media (min-width: 1000px) {
  .text--grey-lighter-d {
    color: #F5F5F5;
  }
}
@media (min-width: 1440px) {
  .text--grey-lighter-wd {
    color: #F5F5F5;
  }
}
@media (min-width: 2560px) {
  .text--grey-lighter-hdd {
    color: #F5F5F5;
  }
}

.text--grey-light {
  color: #CCCCCC;
}
@media (max-width: 319px) {
  .text--grey-light-max-m {
    color: #CCCCCC;
  }
}
@media (max-width: 549px) {
  .text--grey-light-max-t {
    color: #CCCCCC;
  }
}
@media (max-width: 849px) {
  .text--grey-light-max-lt {
    color: #CCCCCC;
  }
}
@media (max-width: 999px) {
  .text--grey-light-max-d {
    color: #CCCCCC;
  }
}
@media (max-width: 1439px) {
  .text--grey-light-max-wd {
    color: #CCCCCC;
  }
}
@media (max-width: 2559px) {
  .text--grey-light-max-hdd {
    color: #CCCCCC;
  }
}
@media (min-width: 320px) {
  .text--grey-light-m {
    color: #CCCCCC;
  }
}
@media (min-width: 550px) {
  .text--grey-light-t {
    color: #CCCCCC;
  }
}
@media (min-width: 850px) {
  .text--grey-light-lt {
    color: #CCCCCC;
  }
}
@media (min-width: 1000px) {
  .text--grey-light-d {
    color: #CCCCCC;
  }
}
@media (min-width: 1440px) {
  .text--grey-light-wd {
    color: #CCCCCC;
  }
}
@media (min-width: 2560px) {
  .text--grey-light-hdd {
    color: #CCCCCC;
  }
}

.text--grey-dark {
  color: #BCBBBB;
}
@media (max-width: 319px) {
  .text--grey-dark-max-m {
    color: #BCBBBB;
  }
}
@media (max-width: 549px) {
  .text--grey-dark-max-t {
    color: #BCBBBB;
  }
}
@media (max-width: 849px) {
  .text--grey-dark-max-lt {
    color: #BCBBBB;
  }
}
@media (max-width: 999px) {
  .text--grey-dark-max-d {
    color: #BCBBBB;
  }
}
@media (max-width: 1439px) {
  .text--grey-dark-max-wd {
    color: #BCBBBB;
  }
}
@media (max-width: 2559px) {
  .text--grey-dark-max-hdd {
    color: #BCBBBB;
  }
}
@media (min-width: 320px) {
  .text--grey-dark-m {
    color: #BCBBBB;
  }
}
@media (min-width: 550px) {
  .text--grey-dark-t {
    color: #BCBBBB;
  }
}
@media (min-width: 850px) {
  .text--grey-dark-lt {
    color: #BCBBBB;
  }
}
@media (min-width: 1000px) {
  .text--grey-dark-d {
    color: #BCBBBB;
  }
}
@media (min-width: 1440px) {
  .text--grey-dark-wd {
    color: #BCBBBB;
  }
}
@media (min-width: 2560px) {
  .text--grey-dark-hdd {
    color: #BCBBBB;
  }
}

.text--grey-darker {
  color: #767676;
}
@media (max-width: 319px) {
  .text--grey-darker-max-m {
    color: #767676;
  }
}
@media (max-width: 549px) {
  .text--grey-darker-max-t {
    color: #767676;
  }
}
@media (max-width: 849px) {
  .text--grey-darker-max-lt {
    color: #767676;
  }
}
@media (max-width: 999px) {
  .text--grey-darker-max-d {
    color: #767676;
  }
}
@media (max-width: 1439px) {
  .text--grey-darker-max-wd {
    color: #767676;
  }
}
@media (max-width: 2559px) {
  .text--grey-darker-max-hdd {
    color: #767676;
  }
}
@media (min-width: 320px) {
  .text--grey-darker-m {
    color: #767676;
  }
}
@media (min-width: 550px) {
  .text--grey-darker-t {
    color: #767676;
  }
}
@media (min-width: 850px) {
  .text--grey-darker-lt {
    color: #767676;
  }
}
@media (min-width: 1000px) {
  .text--grey-darker-d {
    color: #767676;
  }
}
@media (min-width: 1440px) {
  .text--grey-darker-wd {
    color: #767676;
  }
}
@media (min-width: 2560px) {
  .text--grey-darker-hdd {
    color: #767676;
  }
}

.text--grey-darkest {
  color: #767676;
}
@media (max-width: 319px) {
  .text--grey-darkest-max-m {
    color: #767676;
  }
}
@media (max-width: 549px) {
  .text--grey-darkest-max-t {
    color: #767676;
  }
}
@media (max-width: 849px) {
  .text--grey-darkest-max-lt {
    color: #767676;
  }
}
@media (max-width: 999px) {
  .text--grey-darkest-max-d {
    color: #767676;
  }
}
@media (max-width: 1439px) {
  .text--grey-darkest-max-wd {
    color: #767676;
  }
}
@media (max-width: 2559px) {
  .text--grey-darkest-max-hdd {
    color: #767676;
  }
}
@media (min-width: 320px) {
  .text--grey-darkest-m {
    color: #767676;
  }
}
@media (min-width: 550px) {
  .text--grey-darkest-t {
    color: #767676;
  }
}
@media (min-width: 850px) {
  .text--grey-darkest-lt {
    color: #767676;
  }
}
@media (min-width: 1000px) {
  .text--grey-darkest-d {
    color: #767676;
  }
}
@media (min-width: 1440px) {
  .text--grey-darkest-wd {
    color: #767676;
  }
}
@media (min-width: 2560px) {
  .text--grey-darkest-hdd {
    color: #767676;
  }
}

.text--error {
  color: #ff6666;
}
@media (max-width: 319px) {
  .text--error-max-m {
    color: #ff6666;
  }
}
@media (max-width: 549px) {
  .text--error-max-t {
    color: #ff6666;
  }
}
@media (max-width: 849px) {
  .text--error-max-lt {
    color: #ff6666;
  }
}
@media (max-width: 999px) {
  .text--error-max-d {
    color: #ff6666;
  }
}
@media (max-width: 1439px) {
  .text--error-max-wd {
    color: #ff6666;
  }
}
@media (max-width: 2559px) {
  .text--error-max-hdd {
    color: #ff6666;
  }
}
@media (min-width: 320px) {
  .text--error-m {
    color: #ff6666;
  }
}
@media (min-width: 550px) {
  .text--error-t {
    color: #ff6666;
  }
}
@media (min-width: 850px) {
  .text--error-lt {
    color: #ff6666;
  }
}
@media (min-width: 1000px) {
  .text--error-d {
    color: #ff6666;
  }
}
@media (min-width: 1440px) {
  .text--error-wd {
    color: #ff6666;
  }
}
@media (min-width: 2560px) {
  .text--error-hdd {
    color: #ff6666;
  }
}

.text--success {
  color: #33cc33;
}
@media (max-width: 319px) {
  .text--success-max-m {
    color: #33cc33;
  }
}
@media (max-width: 549px) {
  .text--success-max-t {
    color: #33cc33;
  }
}
@media (max-width: 849px) {
  .text--success-max-lt {
    color: #33cc33;
  }
}
@media (max-width: 999px) {
  .text--success-max-d {
    color: #33cc33;
  }
}
@media (max-width: 1439px) {
  .text--success-max-wd {
    color: #33cc33;
  }
}
@media (max-width: 2559px) {
  .text--success-max-hdd {
    color: #33cc33;
  }
}
@media (min-width: 320px) {
  .text--success-m {
    color: #33cc33;
  }
}
@media (min-width: 550px) {
  .text--success-t {
    color: #33cc33;
  }
}
@media (min-width: 850px) {
  .text--success-lt {
    color: #33cc33;
  }
}
@media (min-width: 1000px) {
  .text--success-d {
    color: #33cc33;
  }
}
@media (min-width: 1440px) {
  .text--success-wd {
    color: #33cc33;
  }
}
@media (min-width: 2560px) {
  .text--success-hdd {
    color: #33cc33;
  }
}

.text--purple {
  color: #32124C;
}
@media (max-width: 319px) {
  .text--purple-max-m {
    color: #32124C;
  }
}
@media (max-width: 549px) {
  .text--purple-max-t {
    color: #32124C;
  }
}
@media (max-width: 849px) {
  .text--purple-max-lt {
    color: #32124C;
  }
}
@media (max-width: 999px) {
  .text--purple-max-d {
    color: #32124C;
  }
}
@media (max-width: 1439px) {
  .text--purple-max-wd {
    color: #32124C;
  }
}
@media (max-width: 2559px) {
  .text--purple-max-hdd {
    color: #32124C;
  }
}
@media (min-width: 320px) {
  .text--purple-m {
    color: #32124C;
  }
}
@media (min-width: 550px) {
  .text--purple-t {
    color: #32124C;
  }
}
@media (min-width: 850px) {
  .text--purple-lt {
    color: #32124C;
  }
}
@media (min-width: 1000px) {
  .text--purple-d {
    color: #32124C;
  }
}
@media (min-width: 1440px) {
  .text--purple-wd {
    color: #32124C;
  }
}
@media (min-width: 2560px) {
  .text--purple-hdd {
    color: #32124C;
  }
}

.text--purple-50 {
  color: #9694A8;
}
@media (max-width: 319px) {
  .text--purple-50-max-m {
    color: #9694A8;
  }
}
@media (max-width: 549px) {
  .text--purple-50-max-t {
    color: #9694A8;
  }
}
@media (max-width: 849px) {
  .text--purple-50-max-lt {
    color: #9694A8;
  }
}
@media (max-width: 999px) {
  .text--purple-50-max-d {
    color: #9694A8;
  }
}
@media (max-width: 1439px) {
  .text--purple-50-max-wd {
    color: #9694A8;
  }
}
@media (max-width: 2559px) {
  .text--purple-50-max-hdd {
    color: #9694A8;
  }
}
@media (min-width: 320px) {
  .text--purple-50-m {
    color: #9694A8;
  }
}
@media (min-width: 550px) {
  .text--purple-50-t {
    color: #9694A8;
  }
}
@media (min-width: 850px) {
  .text--purple-50-lt {
    color: #9694A8;
  }
}
@media (min-width: 1000px) {
  .text--purple-50-d {
    color: #9694A8;
  }
}
@media (min-width: 1440px) {
  .text--purple-50-wd {
    color: #9694A8;
  }
}
@media (min-width: 2560px) {
  .text--purple-50-hdd {
    color: #9694A8;
  }
}

.text--red {
  color: #3E0026;
}
@media (max-width: 319px) {
  .text--red-max-m {
    color: #3E0026;
  }
}
@media (max-width: 549px) {
  .text--red-max-t {
    color: #3E0026;
  }
}
@media (max-width: 849px) {
  .text--red-max-lt {
    color: #3E0026;
  }
}
@media (max-width: 999px) {
  .text--red-max-d {
    color: #3E0026;
  }
}
@media (max-width: 1439px) {
  .text--red-max-wd {
    color: #3E0026;
  }
}
@media (max-width: 2559px) {
  .text--red-max-hdd {
    color: #3E0026;
  }
}
@media (min-width: 320px) {
  .text--red-m {
    color: #3E0026;
  }
}
@media (min-width: 550px) {
  .text--red-t {
    color: #3E0026;
  }
}
@media (min-width: 850px) {
  .text--red-lt {
    color: #3E0026;
  }
}
@media (min-width: 1000px) {
  .text--red-d {
    color: #3E0026;
  }
}
@media (min-width: 1440px) {
  .text--red-wd {
    color: #3E0026;
  }
}
@media (min-width: 2560px) {
  .text--red-hdd {
    color: #3E0026;
  }
}

.text--red-highlight {
  color: #FF6478;
}
@media (max-width: 319px) {
  .text--red-highlight-max-m {
    color: #FF6478;
  }
}
@media (max-width: 549px) {
  .text--red-highlight-max-t {
    color: #FF6478;
  }
}
@media (max-width: 849px) {
  .text--red-highlight-max-lt {
    color: #FF6478;
  }
}
@media (max-width: 999px) {
  .text--red-highlight-max-d {
    color: #FF6478;
  }
}
@media (max-width: 1439px) {
  .text--red-highlight-max-wd {
    color: #FF6478;
  }
}
@media (max-width: 2559px) {
  .text--red-highlight-max-hdd {
    color: #FF6478;
  }
}
@media (min-width: 320px) {
  .text--red-highlight-m {
    color: #FF6478;
  }
}
@media (min-width: 550px) {
  .text--red-highlight-t {
    color: #FF6478;
  }
}
@media (min-width: 850px) {
  .text--red-highlight-lt {
    color: #FF6478;
  }
}
@media (min-width: 1000px) {
  .text--red-highlight-d {
    color: #FF6478;
  }
}
@media (min-width: 1440px) {
  .text--red-highlight-wd {
    color: #FF6478;
  }
}
@media (min-width: 2560px) {
  .text--red-highlight-hdd {
    color: #FF6478;
  }
}

.text--green {
  color: #004C43;
}
@media (max-width: 319px) {
  .text--green-max-m {
    color: #004C43;
  }
}
@media (max-width: 549px) {
  .text--green-max-t {
    color: #004C43;
  }
}
@media (max-width: 849px) {
  .text--green-max-lt {
    color: #004C43;
  }
}
@media (max-width: 999px) {
  .text--green-max-d {
    color: #004C43;
  }
}
@media (max-width: 1439px) {
  .text--green-max-wd {
    color: #004C43;
  }
}
@media (max-width: 2559px) {
  .text--green-max-hdd {
    color: #004C43;
  }
}
@media (min-width: 320px) {
  .text--green-m {
    color: #004C43;
  }
}
@media (min-width: 550px) {
  .text--green-t {
    color: #004C43;
  }
}
@media (min-width: 850px) {
  .text--green-lt {
    color: #004C43;
  }
}
@media (min-width: 1000px) {
  .text--green-d {
    color: #004C43;
  }
}
@media (min-width: 1440px) {
  .text--green-wd {
    color: #004C43;
  }
}
@media (min-width: 2560px) {
  .text--green-hdd {
    color: #004C43;
  }
}

.text--green-highlight {
  color: #8CFF50;
}
@media (max-width: 319px) {
  .text--green-highlight-max-m {
    color: #8CFF50;
  }
}
@media (max-width: 549px) {
  .text--green-highlight-max-t {
    color: #8CFF50;
  }
}
@media (max-width: 849px) {
  .text--green-highlight-max-lt {
    color: #8CFF50;
  }
}
@media (max-width: 999px) {
  .text--green-highlight-max-d {
    color: #8CFF50;
  }
}
@media (max-width: 1439px) {
  .text--green-highlight-max-wd {
    color: #8CFF50;
  }
}
@media (max-width: 2559px) {
  .text--green-highlight-max-hdd {
    color: #8CFF50;
  }
}
@media (min-width: 320px) {
  .text--green-highlight-m {
    color: #8CFF50;
  }
}
@media (min-width: 550px) {
  .text--green-highlight-t {
    color: #8CFF50;
  }
}
@media (min-width: 850px) {
  .text--green-highlight-lt {
    color: #8CFF50;
  }
}
@media (min-width: 1000px) {
  .text--green-highlight-d {
    color: #8CFF50;
  }
}
@media (min-width: 1440px) {
  .text--green-highlight-wd {
    color: #8CFF50;
  }
}
@media (min-width: 2560px) {
  .text--green-highlight-hdd {
    color: #8CFF50;
  }
}

.text--blue-highlight {
  color: #00F0FF;
}
@media (max-width: 319px) {
  .text--blue-highlight-max-m {
    color: #00F0FF;
  }
}
@media (max-width: 549px) {
  .text--blue-highlight-max-t {
    color: #00F0FF;
  }
}
@media (max-width: 849px) {
  .text--blue-highlight-max-lt {
    color: #00F0FF;
  }
}
@media (max-width: 999px) {
  .text--blue-highlight-max-d {
    color: #00F0FF;
  }
}
@media (max-width: 1439px) {
  .text--blue-highlight-max-wd {
    color: #00F0FF;
  }
}
@media (max-width: 2559px) {
  .text--blue-highlight-max-hdd {
    color: #00F0FF;
  }
}
@media (min-width: 320px) {
  .text--blue-highlight-m {
    color: #00F0FF;
  }
}
@media (min-width: 550px) {
  .text--blue-highlight-t {
    color: #00F0FF;
  }
}
@media (min-width: 850px) {
  .text--blue-highlight-lt {
    color: #00F0FF;
  }
}
@media (min-width: 1000px) {
  .text--blue-highlight-d {
    color: #00F0FF;
  }
}
@media (min-width: 1440px) {
  .text--blue-highlight-wd {
    color: #00F0FF;
  }
}
@media (min-width: 2560px) {
  .text--blue-highlight-hdd {
    color: #00F0FF;
  }
}

.text--teal {
  color: #00505A;
}
@media (max-width: 319px) {
  .text--teal-max-m {
    color: #00505A;
  }
}
@media (max-width: 549px) {
  .text--teal-max-t {
    color: #00505A;
  }
}
@media (max-width: 849px) {
  .text--teal-max-lt {
    color: #00505A;
  }
}
@media (max-width: 999px) {
  .text--teal-max-d {
    color: #00505A;
  }
}
@media (max-width: 1439px) {
  .text--teal-max-wd {
    color: #00505A;
  }
}
@media (max-width: 2559px) {
  .text--teal-max-hdd {
    color: #00505A;
  }
}
@media (min-width: 320px) {
  .text--teal-m {
    color: #00505A;
  }
}
@media (min-width: 550px) {
  .text--teal-t {
    color: #00505A;
  }
}
@media (min-width: 850px) {
  .text--teal-lt {
    color: #00505A;
  }
}
@media (min-width: 1000px) {
  .text--teal-d {
    color: #00505A;
  }
}
@media (min-width: 1440px) {
  .text--teal-wd {
    color: #00505A;
  }
}
@media (min-width: 2560px) {
  .text--teal-hdd {
    color: #00505A;
  }
}

.text--teal-50 {
  color: #80A7AC;
}
@media (max-width: 319px) {
  .text--teal-50-max-m {
    color: #80A7AC;
  }
}
@media (max-width: 549px) {
  .text--teal-50-max-t {
    color: #80A7AC;
  }
}
@media (max-width: 849px) {
  .text--teal-50-max-lt {
    color: #80A7AC;
  }
}
@media (max-width: 999px) {
  .text--teal-50-max-d {
    color: #80A7AC;
  }
}
@media (max-width: 1439px) {
  .text--teal-50-max-wd {
    color: #80A7AC;
  }
}
@media (max-width: 2559px) {
  .text--teal-50-max-hdd {
    color: #80A7AC;
  }
}
@media (min-width: 320px) {
  .text--teal-50-m {
    color: #80A7AC;
  }
}
@media (min-width: 550px) {
  .text--teal-50-t {
    color: #80A7AC;
  }
}
@media (min-width: 850px) {
  .text--teal-50-lt {
    color: #80A7AC;
  }
}
@media (min-width: 1000px) {
  .text--teal-50-d {
    color: #80A7AC;
  }
}
@media (min-width: 1440px) {
  .text--teal-50-wd {
    color: #80A7AC;
  }
}
@media (min-width: 2560px) {
  .text--teal-50-hdd {
    color: #80A7AC;
  }
}

.text--teal-highlight {
  color: #14FFC8;
}
@media (max-width: 319px) {
  .text--teal-highlight-max-m {
    color: #14FFC8;
  }
}
@media (max-width: 549px) {
  .text--teal-highlight-max-t {
    color: #14FFC8;
  }
}
@media (max-width: 849px) {
  .text--teal-highlight-max-lt {
    color: #14FFC8;
  }
}
@media (max-width: 999px) {
  .text--teal-highlight-max-d {
    color: #14FFC8;
  }
}
@media (max-width: 1439px) {
  .text--teal-highlight-max-wd {
    color: #14FFC8;
  }
}
@media (max-width: 2559px) {
  .text--teal-highlight-max-hdd {
    color: #14FFC8;
  }
}
@media (min-width: 320px) {
  .text--teal-highlight-m {
    color: #14FFC8;
  }
}
@media (min-width: 550px) {
  .text--teal-highlight-t {
    color: #14FFC8;
  }
}
@media (min-width: 850px) {
  .text--teal-highlight-lt {
    color: #14FFC8;
  }
}
@media (min-width: 1000px) {
  .text--teal-highlight-d {
    color: #14FFC8;
  }
}
@media (min-width: 1440px) {
  .text--teal-highlight-wd {
    color: #14FFC8;
  }
}
@media (min-width: 2560px) {
  .text--teal-highlight-hdd {
    color: #14FFC8;
  }
}

.text--orange-highlight {
  color: #FF8500;
}
@media (max-width: 319px) {
  .text--orange-highlight-max-m {
    color: #FF8500;
  }
}
@media (max-width: 549px) {
  .text--orange-highlight-max-t {
    color: #FF8500;
  }
}
@media (max-width: 849px) {
  .text--orange-highlight-max-lt {
    color: #FF8500;
  }
}
@media (max-width: 999px) {
  .text--orange-highlight-max-d {
    color: #FF8500;
  }
}
@media (max-width: 1439px) {
  .text--orange-highlight-max-wd {
    color: #FF8500;
  }
}
@media (max-width: 2559px) {
  .text--orange-highlight-max-hdd {
    color: #FF8500;
  }
}
@media (min-width: 320px) {
  .text--orange-highlight-m {
    color: #FF8500;
  }
}
@media (min-width: 550px) {
  .text--orange-highlight-t {
    color: #FF8500;
  }
}
@media (min-width: 850px) {
  .text--orange-highlight-lt {
    color: #FF8500;
  }
}
@media (min-width: 1000px) {
  .text--orange-highlight-d {
    color: #FF8500;
  }
}
@media (min-width: 1440px) {
  .text--orange-highlight-wd {
    color: #FF8500;
  }
}
@media (min-width: 2560px) {
  .text--orange-highlight-hdd {
    color: #FF8500;
  }
}

.bg--black {
  background: #000000;
}
@media (max-width: 319px) {
  .bg--black-max-m {
    background: #000000;
  }
}
@media (max-width: 549px) {
  .bg--black-max-t {
    background: #000000;
  }
}
@media (max-width: 849px) {
  .bg--black-max-lt {
    background: #000000;
  }
}
@media (max-width: 999px) {
  .bg--black-max-d {
    background: #000000;
  }
}
@media (max-width: 1439px) {
  .bg--black-max-wd {
    background: #000000;
  }
}
@media (max-width: 2559px) {
  .bg--black-max-hdd {
    background: #000000;
  }
}
@media (min-width: 320px) {
  .bg--black-m {
    background: #000000;
  }
}
@media (min-width: 550px) {
  .bg--black-t {
    background: #000000;
  }
}
@media (min-width: 850px) {
  .bg--black-lt {
    background: #000000;
  }
}
@media (min-width: 1000px) {
  .bg--black-d {
    background: #000000;
  }
}
@media (min-width: 1440px) {
  .bg--black-wd {
    background: #000000;
  }
}
@media (min-width: 2560px) {
  .bg--black-hdd {
    background: #000000;
  }
}

.bg--white {
  background: #FFFFFF;
}
@media (max-width: 319px) {
  .bg--white-max-m {
    background: #FFFFFF;
  }
}
@media (max-width: 549px) {
  .bg--white-max-t {
    background: #FFFFFF;
  }
}
@media (max-width: 849px) {
  .bg--white-max-lt {
    background: #FFFFFF;
  }
}
@media (max-width: 999px) {
  .bg--white-max-d {
    background: #FFFFFF;
  }
}
@media (max-width: 1439px) {
  .bg--white-max-wd {
    background: #FFFFFF;
  }
}
@media (max-width: 2559px) {
  .bg--white-max-hdd {
    background: #FFFFFF;
  }
}
@media (min-width: 320px) {
  .bg--white-m {
    background: #FFFFFF;
  }
}
@media (min-width: 550px) {
  .bg--white-t {
    background: #FFFFFF;
  }
}
@media (min-width: 850px) {
  .bg--white-lt {
    background: #FFFFFF;
  }
}
@media (min-width: 1000px) {
  .bg--white-d {
    background: #FFFFFF;
  }
}
@media (min-width: 1440px) {
  .bg--white-wd {
    background: #FFFFFF;
  }
}
@media (min-width: 2560px) {
  .bg--white-hdd {
    background: #FFFFFF;
  }
}

.bg--primary {
  background: #000;
}
@media (max-width: 319px) {
  .bg--primary-max-m {
    background: #000;
  }
}
@media (max-width: 549px) {
  .bg--primary-max-t {
    background: #000;
  }
}
@media (max-width: 849px) {
  .bg--primary-max-lt {
    background: #000;
  }
}
@media (max-width: 999px) {
  .bg--primary-max-d {
    background: #000;
  }
}
@media (max-width: 1439px) {
  .bg--primary-max-wd {
    background: #000;
  }
}
@media (max-width: 2559px) {
  .bg--primary-max-hdd {
    background: #000;
  }
}
@media (min-width: 320px) {
  .bg--primary-m {
    background: #000;
  }
}
@media (min-width: 550px) {
  .bg--primary-t {
    background: #000;
  }
}
@media (min-width: 850px) {
  .bg--primary-lt {
    background: #000;
  }
}
@media (min-width: 1000px) {
  .bg--primary-d {
    background: #000;
  }
}
@media (min-width: 1440px) {
  .bg--primary-wd {
    background: #000;
  }
}
@media (min-width: 2560px) {
  .bg--primary-hdd {
    background: #000;
  }
}

.bg--secondary {
  background: #000;
}
@media (max-width: 319px) {
  .bg--secondary-max-m {
    background: #000;
  }
}
@media (max-width: 549px) {
  .bg--secondary-max-t {
    background: #000;
  }
}
@media (max-width: 849px) {
  .bg--secondary-max-lt {
    background: #000;
  }
}
@media (max-width: 999px) {
  .bg--secondary-max-d {
    background: #000;
  }
}
@media (max-width: 1439px) {
  .bg--secondary-max-wd {
    background: #000;
  }
}
@media (max-width: 2559px) {
  .bg--secondary-max-hdd {
    background: #000;
  }
}
@media (min-width: 320px) {
  .bg--secondary-m {
    background: #000;
  }
}
@media (min-width: 550px) {
  .bg--secondary-t {
    background: #000;
  }
}
@media (min-width: 850px) {
  .bg--secondary-lt {
    background: #000;
  }
}
@media (min-width: 1000px) {
  .bg--secondary-d {
    background: #000;
  }
}
@media (min-width: 1440px) {
  .bg--secondary-wd {
    background: #000;
  }
}
@media (min-width: 2560px) {
  .bg--secondary-hdd {
    background: #000;
  }
}

.bg--tertiary {
  background: #000;
}
@media (max-width: 319px) {
  .bg--tertiary-max-m {
    background: #000;
  }
}
@media (max-width: 549px) {
  .bg--tertiary-max-t {
    background: #000;
  }
}
@media (max-width: 849px) {
  .bg--tertiary-max-lt {
    background: #000;
  }
}
@media (max-width: 999px) {
  .bg--tertiary-max-d {
    background: #000;
  }
}
@media (max-width: 1439px) {
  .bg--tertiary-max-wd {
    background: #000;
  }
}
@media (max-width: 2559px) {
  .bg--tertiary-max-hdd {
    background: #000;
  }
}
@media (min-width: 320px) {
  .bg--tertiary-m {
    background: #000;
  }
}
@media (min-width: 550px) {
  .bg--tertiary-t {
    background: #000;
  }
}
@media (min-width: 850px) {
  .bg--tertiary-lt {
    background: #000;
  }
}
@media (min-width: 1000px) {
  .bg--tertiary-d {
    background: #000;
  }
}
@media (min-width: 1440px) {
  .bg--tertiary-wd {
    background: #000;
  }
}
@media (min-width: 2560px) {
  .bg--tertiary-hdd {
    background: #000;
  }
}

.bg--grey-lightest {
  background: #F5F5F5;
}
@media (max-width: 319px) {
  .bg--grey-lightest-max-m {
    background: #F5F5F5;
  }
}
@media (max-width: 549px) {
  .bg--grey-lightest-max-t {
    background: #F5F5F5;
  }
}
@media (max-width: 849px) {
  .bg--grey-lightest-max-lt {
    background: #F5F5F5;
  }
}
@media (max-width: 999px) {
  .bg--grey-lightest-max-d {
    background: #F5F5F5;
  }
}
@media (max-width: 1439px) {
  .bg--grey-lightest-max-wd {
    background: #F5F5F5;
  }
}
@media (max-width: 2559px) {
  .bg--grey-lightest-max-hdd {
    background: #F5F5F5;
  }
}
@media (min-width: 320px) {
  .bg--grey-lightest-m {
    background: #F5F5F5;
  }
}
@media (min-width: 550px) {
  .bg--grey-lightest-t {
    background: #F5F5F5;
  }
}
@media (min-width: 850px) {
  .bg--grey-lightest-lt {
    background: #F5F5F5;
  }
}
@media (min-width: 1000px) {
  .bg--grey-lightest-d {
    background: #F5F5F5;
  }
}
@media (min-width: 1440px) {
  .bg--grey-lightest-wd {
    background: #F5F5F5;
  }
}
@media (min-width: 2560px) {
  .bg--grey-lightest-hdd {
    background: #F5F5F5;
  }
}

.bg--grey-lighter {
  background: #F5F5F5;
}
@media (max-width: 319px) {
  .bg--grey-lighter-max-m {
    background: #F5F5F5;
  }
}
@media (max-width: 549px) {
  .bg--grey-lighter-max-t {
    background: #F5F5F5;
  }
}
@media (max-width: 849px) {
  .bg--grey-lighter-max-lt {
    background: #F5F5F5;
  }
}
@media (max-width: 999px) {
  .bg--grey-lighter-max-d {
    background: #F5F5F5;
  }
}
@media (max-width: 1439px) {
  .bg--grey-lighter-max-wd {
    background: #F5F5F5;
  }
}
@media (max-width: 2559px) {
  .bg--grey-lighter-max-hdd {
    background: #F5F5F5;
  }
}
@media (min-width: 320px) {
  .bg--grey-lighter-m {
    background: #F5F5F5;
  }
}
@media (min-width: 550px) {
  .bg--grey-lighter-t {
    background: #F5F5F5;
  }
}
@media (min-width: 850px) {
  .bg--grey-lighter-lt {
    background: #F5F5F5;
  }
}
@media (min-width: 1000px) {
  .bg--grey-lighter-d {
    background: #F5F5F5;
  }
}
@media (min-width: 1440px) {
  .bg--grey-lighter-wd {
    background: #F5F5F5;
  }
}
@media (min-width: 2560px) {
  .bg--grey-lighter-hdd {
    background: #F5F5F5;
  }
}

.bg--grey-light {
  background: #CCCCCC;
}
@media (max-width: 319px) {
  .bg--grey-light-max-m {
    background: #CCCCCC;
  }
}
@media (max-width: 549px) {
  .bg--grey-light-max-t {
    background: #CCCCCC;
  }
}
@media (max-width: 849px) {
  .bg--grey-light-max-lt {
    background: #CCCCCC;
  }
}
@media (max-width: 999px) {
  .bg--grey-light-max-d {
    background: #CCCCCC;
  }
}
@media (max-width: 1439px) {
  .bg--grey-light-max-wd {
    background: #CCCCCC;
  }
}
@media (max-width: 2559px) {
  .bg--grey-light-max-hdd {
    background: #CCCCCC;
  }
}
@media (min-width: 320px) {
  .bg--grey-light-m {
    background: #CCCCCC;
  }
}
@media (min-width: 550px) {
  .bg--grey-light-t {
    background: #CCCCCC;
  }
}
@media (min-width: 850px) {
  .bg--grey-light-lt {
    background: #CCCCCC;
  }
}
@media (min-width: 1000px) {
  .bg--grey-light-d {
    background: #CCCCCC;
  }
}
@media (min-width: 1440px) {
  .bg--grey-light-wd {
    background: #CCCCCC;
  }
}
@media (min-width: 2560px) {
  .bg--grey-light-hdd {
    background: #CCCCCC;
  }
}

.bg--grey-dark {
  background: #BCBBBB;
}
@media (max-width: 319px) {
  .bg--grey-dark-max-m {
    background: #BCBBBB;
  }
}
@media (max-width: 549px) {
  .bg--grey-dark-max-t {
    background: #BCBBBB;
  }
}
@media (max-width: 849px) {
  .bg--grey-dark-max-lt {
    background: #BCBBBB;
  }
}
@media (max-width: 999px) {
  .bg--grey-dark-max-d {
    background: #BCBBBB;
  }
}
@media (max-width: 1439px) {
  .bg--grey-dark-max-wd {
    background: #BCBBBB;
  }
}
@media (max-width: 2559px) {
  .bg--grey-dark-max-hdd {
    background: #BCBBBB;
  }
}
@media (min-width: 320px) {
  .bg--grey-dark-m {
    background: #BCBBBB;
  }
}
@media (min-width: 550px) {
  .bg--grey-dark-t {
    background: #BCBBBB;
  }
}
@media (min-width: 850px) {
  .bg--grey-dark-lt {
    background: #BCBBBB;
  }
}
@media (min-width: 1000px) {
  .bg--grey-dark-d {
    background: #BCBBBB;
  }
}
@media (min-width: 1440px) {
  .bg--grey-dark-wd {
    background: #BCBBBB;
  }
}
@media (min-width: 2560px) {
  .bg--grey-dark-hdd {
    background: #BCBBBB;
  }
}

.bg--grey-darker {
  background: #767676;
}
@media (max-width: 319px) {
  .bg--grey-darker-max-m {
    background: #767676;
  }
}
@media (max-width: 549px) {
  .bg--grey-darker-max-t {
    background: #767676;
  }
}
@media (max-width: 849px) {
  .bg--grey-darker-max-lt {
    background: #767676;
  }
}
@media (max-width: 999px) {
  .bg--grey-darker-max-d {
    background: #767676;
  }
}
@media (max-width: 1439px) {
  .bg--grey-darker-max-wd {
    background: #767676;
  }
}
@media (max-width: 2559px) {
  .bg--grey-darker-max-hdd {
    background: #767676;
  }
}
@media (min-width: 320px) {
  .bg--grey-darker-m {
    background: #767676;
  }
}
@media (min-width: 550px) {
  .bg--grey-darker-t {
    background: #767676;
  }
}
@media (min-width: 850px) {
  .bg--grey-darker-lt {
    background: #767676;
  }
}
@media (min-width: 1000px) {
  .bg--grey-darker-d {
    background: #767676;
  }
}
@media (min-width: 1440px) {
  .bg--grey-darker-wd {
    background: #767676;
  }
}
@media (min-width: 2560px) {
  .bg--grey-darker-hdd {
    background: #767676;
  }
}

.bg--grey-darkest {
  background: #767676;
}
@media (max-width: 319px) {
  .bg--grey-darkest-max-m {
    background: #767676;
  }
}
@media (max-width: 549px) {
  .bg--grey-darkest-max-t {
    background: #767676;
  }
}
@media (max-width: 849px) {
  .bg--grey-darkest-max-lt {
    background: #767676;
  }
}
@media (max-width: 999px) {
  .bg--grey-darkest-max-d {
    background: #767676;
  }
}
@media (max-width: 1439px) {
  .bg--grey-darkest-max-wd {
    background: #767676;
  }
}
@media (max-width: 2559px) {
  .bg--grey-darkest-max-hdd {
    background: #767676;
  }
}
@media (min-width: 320px) {
  .bg--grey-darkest-m {
    background: #767676;
  }
}
@media (min-width: 550px) {
  .bg--grey-darkest-t {
    background: #767676;
  }
}
@media (min-width: 850px) {
  .bg--grey-darkest-lt {
    background: #767676;
  }
}
@media (min-width: 1000px) {
  .bg--grey-darkest-d {
    background: #767676;
  }
}
@media (min-width: 1440px) {
  .bg--grey-darkest-wd {
    background: #767676;
  }
}
@media (min-width: 2560px) {
  .bg--grey-darkest-hdd {
    background: #767676;
  }
}

.bg--error {
  background: #ff6666;
}
@media (max-width: 319px) {
  .bg--error-max-m {
    background: #ff6666;
  }
}
@media (max-width: 549px) {
  .bg--error-max-t {
    background: #ff6666;
  }
}
@media (max-width: 849px) {
  .bg--error-max-lt {
    background: #ff6666;
  }
}
@media (max-width: 999px) {
  .bg--error-max-d {
    background: #ff6666;
  }
}
@media (max-width: 1439px) {
  .bg--error-max-wd {
    background: #ff6666;
  }
}
@media (max-width: 2559px) {
  .bg--error-max-hdd {
    background: #ff6666;
  }
}
@media (min-width: 320px) {
  .bg--error-m {
    background: #ff6666;
  }
}
@media (min-width: 550px) {
  .bg--error-t {
    background: #ff6666;
  }
}
@media (min-width: 850px) {
  .bg--error-lt {
    background: #ff6666;
  }
}
@media (min-width: 1000px) {
  .bg--error-d {
    background: #ff6666;
  }
}
@media (min-width: 1440px) {
  .bg--error-wd {
    background: #ff6666;
  }
}
@media (min-width: 2560px) {
  .bg--error-hdd {
    background: #ff6666;
  }
}

.bg--success {
  background: #33cc33;
}
@media (max-width: 319px) {
  .bg--success-max-m {
    background: #33cc33;
  }
}
@media (max-width: 549px) {
  .bg--success-max-t {
    background: #33cc33;
  }
}
@media (max-width: 849px) {
  .bg--success-max-lt {
    background: #33cc33;
  }
}
@media (max-width: 999px) {
  .bg--success-max-d {
    background: #33cc33;
  }
}
@media (max-width: 1439px) {
  .bg--success-max-wd {
    background: #33cc33;
  }
}
@media (max-width: 2559px) {
  .bg--success-max-hdd {
    background: #33cc33;
  }
}
@media (min-width: 320px) {
  .bg--success-m {
    background: #33cc33;
  }
}
@media (min-width: 550px) {
  .bg--success-t {
    background: #33cc33;
  }
}
@media (min-width: 850px) {
  .bg--success-lt {
    background: #33cc33;
  }
}
@media (min-width: 1000px) {
  .bg--success-d {
    background: #33cc33;
  }
}
@media (min-width: 1440px) {
  .bg--success-wd {
    background: #33cc33;
  }
}
@media (min-width: 2560px) {
  .bg--success-hdd {
    background: #33cc33;
  }
}

.bg--purple {
  background: #32124C;
}
@media (max-width: 319px) {
  .bg--purple-max-m {
    background: #32124C;
  }
}
@media (max-width: 549px) {
  .bg--purple-max-t {
    background: #32124C;
  }
}
@media (max-width: 849px) {
  .bg--purple-max-lt {
    background: #32124C;
  }
}
@media (max-width: 999px) {
  .bg--purple-max-d {
    background: #32124C;
  }
}
@media (max-width: 1439px) {
  .bg--purple-max-wd {
    background: #32124C;
  }
}
@media (max-width: 2559px) {
  .bg--purple-max-hdd {
    background: #32124C;
  }
}
@media (min-width: 320px) {
  .bg--purple-m {
    background: #32124C;
  }
}
@media (min-width: 550px) {
  .bg--purple-t {
    background: #32124C;
  }
}
@media (min-width: 850px) {
  .bg--purple-lt {
    background: #32124C;
  }
}
@media (min-width: 1000px) {
  .bg--purple-d {
    background: #32124C;
  }
}
@media (min-width: 1440px) {
  .bg--purple-wd {
    background: #32124C;
  }
}
@media (min-width: 2560px) {
  .bg--purple-hdd {
    background: #32124C;
  }
}

.bg--purple-50 {
  background: #9694A8;
}
@media (max-width: 319px) {
  .bg--purple-50-max-m {
    background: #9694A8;
  }
}
@media (max-width: 549px) {
  .bg--purple-50-max-t {
    background: #9694A8;
  }
}
@media (max-width: 849px) {
  .bg--purple-50-max-lt {
    background: #9694A8;
  }
}
@media (max-width: 999px) {
  .bg--purple-50-max-d {
    background: #9694A8;
  }
}
@media (max-width: 1439px) {
  .bg--purple-50-max-wd {
    background: #9694A8;
  }
}
@media (max-width: 2559px) {
  .bg--purple-50-max-hdd {
    background: #9694A8;
  }
}
@media (min-width: 320px) {
  .bg--purple-50-m {
    background: #9694A8;
  }
}
@media (min-width: 550px) {
  .bg--purple-50-t {
    background: #9694A8;
  }
}
@media (min-width: 850px) {
  .bg--purple-50-lt {
    background: #9694A8;
  }
}
@media (min-width: 1000px) {
  .bg--purple-50-d {
    background: #9694A8;
  }
}
@media (min-width: 1440px) {
  .bg--purple-50-wd {
    background: #9694A8;
  }
}
@media (min-width: 2560px) {
  .bg--purple-50-hdd {
    background: #9694A8;
  }
}

.bg--red {
  background: #3E0026;
}
@media (max-width: 319px) {
  .bg--red-max-m {
    background: #3E0026;
  }
}
@media (max-width: 549px) {
  .bg--red-max-t {
    background: #3E0026;
  }
}
@media (max-width: 849px) {
  .bg--red-max-lt {
    background: #3E0026;
  }
}
@media (max-width: 999px) {
  .bg--red-max-d {
    background: #3E0026;
  }
}
@media (max-width: 1439px) {
  .bg--red-max-wd {
    background: #3E0026;
  }
}
@media (max-width: 2559px) {
  .bg--red-max-hdd {
    background: #3E0026;
  }
}
@media (min-width: 320px) {
  .bg--red-m {
    background: #3E0026;
  }
}
@media (min-width: 550px) {
  .bg--red-t {
    background: #3E0026;
  }
}
@media (min-width: 850px) {
  .bg--red-lt {
    background: #3E0026;
  }
}
@media (min-width: 1000px) {
  .bg--red-d {
    background: #3E0026;
  }
}
@media (min-width: 1440px) {
  .bg--red-wd {
    background: #3E0026;
  }
}
@media (min-width: 2560px) {
  .bg--red-hdd {
    background: #3E0026;
  }
}

.bg--red-highlight {
  background: #FF6478;
}
@media (max-width: 319px) {
  .bg--red-highlight-max-m {
    background: #FF6478;
  }
}
@media (max-width: 549px) {
  .bg--red-highlight-max-t {
    background: #FF6478;
  }
}
@media (max-width: 849px) {
  .bg--red-highlight-max-lt {
    background: #FF6478;
  }
}
@media (max-width: 999px) {
  .bg--red-highlight-max-d {
    background: #FF6478;
  }
}
@media (max-width: 1439px) {
  .bg--red-highlight-max-wd {
    background: #FF6478;
  }
}
@media (max-width: 2559px) {
  .bg--red-highlight-max-hdd {
    background: #FF6478;
  }
}
@media (min-width: 320px) {
  .bg--red-highlight-m {
    background: #FF6478;
  }
}
@media (min-width: 550px) {
  .bg--red-highlight-t {
    background: #FF6478;
  }
}
@media (min-width: 850px) {
  .bg--red-highlight-lt {
    background: #FF6478;
  }
}
@media (min-width: 1000px) {
  .bg--red-highlight-d {
    background: #FF6478;
  }
}
@media (min-width: 1440px) {
  .bg--red-highlight-wd {
    background: #FF6478;
  }
}
@media (min-width: 2560px) {
  .bg--red-highlight-hdd {
    background: #FF6478;
  }
}

.bg--green {
  background: #004C43;
}
@media (max-width: 319px) {
  .bg--green-max-m {
    background: #004C43;
  }
}
@media (max-width: 549px) {
  .bg--green-max-t {
    background: #004C43;
  }
}
@media (max-width: 849px) {
  .bg--green-max-lt {
    background: #004C43;
  }
}
@media (max-width: 999px) {
  .bg--green-max-d {
    background: #004C43;
  }
}
@media (max-width: 1439px) {
  .bg--green-max-wd {
    background: #004C43;
  }
}
@media (max-width: 2559px) {
  .bg--green-max-hdd {
    background: #004C43;
  }
}
@media (min-width: 320px) {
  .bg--green-m {
    background: #004C43;
  }
}
@media (min-width: 550px) {
  .bg--green-t {
    background: #004C43;
  }
}
@media (min-width: 850px) {
  .bg--green-lt {
    background: #004C43;
  }
}
@media (min-width: 1000px) {
  .bg--green-d {
    background: #004C43;
  }
}
@media (min-width: 1440px) {
  .bg--green-wd {
    background: #004C43;
  }
}
@media (min-width: 2560px) {
  .bg--green-hdd {
    background: #004C43;
  }
}

.bg--green-highlight {
  background: #8CFF50;
}
@media (max-width: 319px) {
  .bg--green-highlight-max-m {
    background: #8CFF50;
  }
}
@media (max-width: 549px) {
  .bg--green-highlight-max-t {
    background: #8CFF50;
  }
}
@media (max-width: 849px) {
  .bg--green-highlight-max-lt {
    background: #8CFF50;
  }
}
@media (max-width: 999px) {
  .bg--green-highlight-max-d {
    background: #8CFF50;
  }
}
@media (max-width: 1439px) {
  .bg--green-highlight-max-wd {
    background: #8CFF50;
  }
}
@media (max-width: 2559px) {
  .bg--green-highlight-max-hdd {
    background: #8CFF50;
  }
}
@media (min-width: 320px) {
  .bg--green-highlight-m {
    background: #8CFF50;
  }
}
@media (min-width: 550px) {
  .bg--green-highlight-t {
    background: #8CFF50;
  }
}
@media (min-width: 850px) {
  .bg--green-highlight-lt {
    background: #8CFF50;
  }
}
@media (min-width: 1000px) {
  .bg--green-highlight-d {
    background: #8CFF50;
  }
}
@media (min-width: 1440px) {
  .bg--green-highlight-wd {
    background: #8CFF50;
  }
}
@media (min-width: 2560px) {
  .bg--green-highlight-hdd {
    background: #8CFF50;
  }
}

.bg--blue-highlight {
  background: #00F0FF;
}
@media (max-width: 319px) {
  .bg--blue-highlight-max-m {
    background: #00F0FF;
  }
}
@media (max-width: 549px) {
  .bg--blue-highlight-max-t {
    background: #00F0FF;
  }
}
@media (max-width: 849px) {
  .bg--blue-highlight-max-lt {
    background: #00F0FF;
  }
}
@media (max-width: 999px) {
  .bg--blue-highlight-max-d {
    background: #00F0FF;
  }
}
@media (max-width: 1439px) {
  .bg--blue-highlight-max-wd {
    background: #00F0FF;
  }
}
@media (max-width: 2559px) {
  .bg--blue-highlight-max-hdd {
    background: #00F0FF;
  }
}
@media (min-width: 320px) {
  .bg--blue-highlight-m {
    background: #00F0FF;
  }
}
@media (min-width: 550px) {
  .bg--blue-highlight-t {
    background: #00F0FF;
  }
}
@media (min-width: 850px) {
  .bg--blue-highlight-lt {
    background: #00F0FF;
  }
}
@media (min-width: 1000px) {
  .bg--blue-highlight-d {
    background: #00F0FF;
  }
}
@media (min-width: 1440px) {
  .bg--blue-highlight-wd {
    background: #00F0FF;
  }
}
@media (min-width: 2560px) {
  .bg--blue-highlight-hdd {
    background: #00F0FF;
  }
}

.bg--teal {
  background: #00505A;
}
@media (max-width: 319px) {
  .bg--teal-max-m {
    background: #00505A;
  }
}
@media (max-width: 549px) {
  .bg--teal-max-t {
    background: #00505A;
  }
}
@media (max-width: 849px) {
  .bg--teal-max-lt {
    background: #00505A;
  }
}
@media (max-width: 999px) {
  .bg--teal-max-d {
    background: #00505A;
  }
}
@media (max-width: 1439px) {
  .bg--teal-max-wd {
    background: #00505A;
  }
}
@media (max-width: 2559px) {
  .bg--teal-max-hdd {
    background: #00505A;
  }
}
@media (min-width: 320px) {
  .bg--teal-m {
    background: #00505A;
  }
}
@media (min-width: 550px) {
  .bg--teal-t {
    background: #00505A;
  }
}
@media (min-width: 850px) {
  .bg--teal-lt {
    background: #00505A;
  }
}
@media (min-width: 1000px) {
  .bg--teal-d {
    background: #00505A;
  }
}
@media (min-width: 1440px) {
  .bg--teal-wd {
    background: #00505A;
  }
}
@media (min-width: 2560px) {
  .bg--teal-hdd {
    background: #00505A;
  }
}

.bg--teal-50 {
  background: #80A7AC;
}
@media (max-width: 319px) {
  .bg--teal-50-max-m {
    background: #80A7AC;
  }
}
@media (max-width: 549px) {
  .bg--teal-50-max-t {
    background: #80A7AC;
  }
}
@media (max-width: 849px) {
  .bg--teal-50-max-lt {
    background: #80A7AC;
  }
}
@media (max-width: 999px) {
  .bg--teal-50-max-d {
    background: #80A7AC;
  }
}
@media (max-width: 1439px) {
  .bg--teal-50-max-wd {
    background: #80A7AC;
  }
}
@media (max-width: 2559px) {
  .bg--teal-50-max-hdd {
    background: #80A7AC;
  }
}
@media (min-width: 320px) {
  .bg--teal-50-m {
    background: #80A7AC;
  }
}
@media (min-width: 550px) {
  .bg--teal-50-t {
    background: #80A7AC;
  }
}
@media (min-width: 850px) {
  .bg--teal-50-lt {
    background: #80A7AC;
  }
}
@media (min-width: 1000px) {
  .bg--teal-50-d {
    background: #80A7AC;
  }
}
@media (min-width: 1440px) {
  .bg--teal-50-wd {
    background: #80A7AC;
  }
}
@media (min-width: 2560px) {
  .bg--teal-50-hdd {
    background: #80A7AC;
  }
}

.bg--teal-highlight {
  background: #14FFC8;
}
@media (max-width: 319px) {
  .bg--teal-highlight-max-m {
    background: #14FFC8;
  }
}
@media (max-width: 549px) {
  .bg--teal-highlight-max-t {
    background: #14FFC8;
  }
}
@media (max-width: 849px) {
  .bg--teal-highlight-max-lt {
    background: #14FFC8;
  }
}
@media (max-width: 999px) {
  .bg--teal-highlight-max-d {
    background: #14FFC8;
  }
}
@media (max-width: 1439px) {
  .bg--teal-highlight-max-wd {
    background: #14FFC8;
  }
}
@media (max-width: 2559px) {
  .bg--teal-highlight-max-hdd {
    background: #14FFC8;
  }
}
@media (min-width: 320px) {
  .bg--teal-highlight-m {
    background: #14FFC8;
  }
}
@media (min-width: 550px) {
  .bg--teal-highlight-t {
    background: #14FFC8;
  }
}
@media (min-width: 850px) {
  .bg--teal-highlight-lt {
    background: #14FFC8;
  }
}
@media (min-width: 1000px) {
  .bg--teal-highlight-d {
    background: #14FFC8;
  }
}
@media (min-width: 1440px) {
  .bg--teal-highlight-wd {
    background: #14FFC8;
  }
}
@media (min-width: 2560px) {
  .bg--teal-highlight-hdd {
    background: #14FFC8;
  }
}

.bg--orange-highlight {
  background: #FF8500;
}
@media (max-width: 319px) {
  .bg--orange-highlight-max-m {
    background: #FF8500;
  }
}
@media (max-width: 549px) {
  .bg--orange-highlight-max-t {
    background: #FF8500;
  }
}
@media (max-width: 849px) {
  .bg--orange-highlight-max-lt {
    background: #FF8500;
  }
}
@media (max-width: 999px) {
  .bg--orange-highlight-max-d {
    background: #FF8500;
  }
}
@media (max-width: 1439px) {
  .bg--orange-highlight-max-wd {
    background: #FF8500;
  }
}
@media (max-width: 2559px) {
  .bg--orange-highlight-max-hdd {
    background: #FF8500;
  }
}
@media (min-width: 320px) {
  .bg--orange-highlight-m {
    background: #FF8500;
  }
}
@media (min-width: 550px) {
  .bg--orange-highlight-t {
    background: #FF8500;
  }
}
@media (min-width: 850px) {
  .bg--orange-highlight-lt {
    background: #FF8500;
  }
}
@media (min-width: 1000px) {
  .bg--orange-highlight-d {
    background: #FF8500;
  }
}
@media (min-width: 1440px) {
  .bg--orange-highlight-wd {
    background: #FF8500;
  }
}
@media (min-width: 2560px) {
  .bg--orange-highlight-hdd {
    background: #FF8500;
  }
}

.bg-cover-black {
  background: #000000;
}
.bg-cover-black:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-black-max-m {
    background: #000000;
  }
  .bg-cover-black-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-black-max-t {
    background: #000000;
  }
  .bg-cover-black-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-black-max-lt {
    background: #000000;
  }
  .bg-cover-black-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-black-max-d {
    background: #000000;
  }
  .bg-cover-black-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-black-max-wd {
    background: #000000;
  }
  .bg-cover-black-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-black-max-hdd {
    background: #000000;
  }
  .bg-cover-black-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-black-m {
    background: #000000;
  }
  .bg-cover-black-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-black-t {
    background: #000000;
  }
  .bg-cover-black-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-black-lt {
    background: #000000;
  }
  .bg-cover-black-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-black-d {
    background: #000000;
  }
  .bg-cover-black-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-black-wd {
    background: #000000;
  }
  .bg-cover-black-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-black-hdd {
    background: #000000;
  }
  .bg-cover-black-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-white {
  background: #FFFFFF;
}
.bg-cover-white:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-white-max-m {
    background: #FFFFFF;
  }
  .bg-cover-white-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-white-max-t {
    background: #FFFFFF;
  }
  .bg-cover-white-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-white-max-lt {
    background: #FFFFFF;
  }
  .bg-cover-white-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-white-max-d {
    background: #FFFFFF;
  }
  .bg-cover-white-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-white-max-wd {
    background: #FFFFFF;
  }
  .bg-cover-white-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-white-max-hdd {
    background: #FFFFFF;
  }
  .bg-cover-white-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-white-m {
    background: #FFFFFF;
  }
  .bg-cover-white-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-white-t {
    background: #FFFFFF;
  }
  .bg-cover-white-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-white-lt {
    background: #FFFFFF;
  }
  .bg-cover-white-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-white-d {
    background: #FFFFFF;
  }
  .bg-cover-white-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-white-wd {
    background: #FFFFFF;
  }
  .bg-cover-white-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-white-hdd {
    background: #FFFFFF;
  }
  .bg-cover-white-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-primary {
  background: #000;
}
.bg-cover-primary:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-primary-max-m {
    background: #000;
  }
  .bg-cover-primary-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-primary-max-t {
    background: #000;
  }
  .bg-cover-primary-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-primary-max-lt {
    background: #000;
  }
  .bg-cover-primary-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-primary-max-d {
    background: #000;
  }
  .bg-cover-primary-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-primary-max-wd {
    background: #000;
  }
  .bg-cover-primary-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-primary-max-hdd {
    background: #000;
  }
  .bg-cover-primary-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-primary-m {
    background: #000;
  }
  .bg-cover-primary-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-primary-t {
    background: #000;
  }
  .bg-cover-primary-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-primary-lt {
    background: #000;
  }
  .bg-cover-primary-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-primary-d {
    background: #000;
  }
  .bg-cover-primary-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-primary-wd {
    background: #000;
  }
  .bg-cover-primary-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-primary-hdd {
    background: #000;
  }
  .bg-cover-primary-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-secondary {
  background: #000;
}
.bg-cover-secondary:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-secondary-max-m {
    background: #000;
  }
  .bg-cover-secondary-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-secondary-max-t {
    background: #000;
  }
  .bg-cover-secondary-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-secondary-max-lt {
    background: #000;
  }
  .bg-cover-secondary-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-secondary-max-d {
    background: #000;
  }
  .bg-cover-secondary-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-secondary-max-wd {
    background: #000;
  }
  .bg-cover-secondary-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-secondary-max-hdd {
    background: #000;
  }
  .bg-cover-secondary-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-secondary-m {
    background: #000;
  }
  .bg-cover-secondary-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-secondary-t {
    background: #000;
  }
  .bg-cover-secondary-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-secondary-lt {
    background: #000;
  }
  .bg-cover-secondary-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-secondary-d {
    background: #000;
  }
  .bg-cover-secondary-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-secondary-wd {
    background: #000;
  }
  .bg-cover-secondary-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-secondary-hdd {
    background: #000;
  }
  .bg-cover-secondary-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-tertiary {
  background: #000;
}
.bg-cover-tertiary:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-tertiary-max-m {
    background: #000;
  }
  .bg-cover-tertiary-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-tertiary-max-t {
    background: #000;
  }
  .bg-cover-tertiary-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-tertiary-max-lt {
    background: #000;
  }
  .bg-cover-tertiary-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-tertiary-max-d {
    background: #000;
  }
  .bg-cover-tertiary-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-tertiary-max-wd {
    background: #000;
  }
  .bg-cover-tertiary-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-tertiary-max-hdd {
    background: #000;
  }
  .bg-cover-tertiary-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-tertiary-m {
    background: #000;
  }
  .bg-cover-tertiary-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-tertiary-t {
    background: #000;
  }
  .bg-cover-tertiary-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-tertiary-lt {
    background: #000;
  }
  .bg-cover-tertiary-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-tertiary-d {
    background: #000;
  }
  .bg-cover-tertiary-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-tertiary-wd {
    background: #000;
  }
  .bg-cover-tertiary-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-tertiary-hdd {
    background: #000;
  }
  .bg-cover-tertiary-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-lightest {
  background: #F5F5F5;
}
.bg-cover-grey-lightest:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-lightest-max-m {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-lightest-max-t {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-lightest-max-lt {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-lightest-max-d {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-lightest-max-wd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-lightest-max-hdd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-lightest-m {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-lightest-t {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-lightest-lt {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-lightest-d {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-lightest-wd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-lightest-hdd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lightest-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-lighter {
  background: #F5F5F5;
}
.bg-cover-grey-lighter:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-lighter-max-m {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-lighter-max-t {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-lighter-max-lt {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-lighter-max-d {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-lighter-max-wd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-lighter-max-hdd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-lighter-m {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-lighter-t {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-lighter-lt {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-lighter-d {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-lighter-wd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-lighter-hdd {
    background: #F5F5F5;
  }
  .bg-cover-grey-lighter-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-light {
  background: #CCCCCC;
}
.bg-cover-grey-light:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-light-max-m {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-light-max-t {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-light-max-lt {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-light-max-d {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-light-max-wd {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-light-max-hdd {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-light-m {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-light-t {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-light-lt {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-light-d {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-light-wd {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-light-hdd {
    background: #CCCCCC;
  }
  .bg-cover-grey-light-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-dark {
  background: #BCBBBB;
}
.bg-cover-grey-dark:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-dark-max-m {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-dark-max-t {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-dark-max-lt {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-dark-max-d {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-dark-max-wd {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-dark-max-hdd {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-dark-m {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-dark-t {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-dark-lt {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-dark-d {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-dark-wd {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-dark-hdd {
    background: #BCBBBB;
  }
  .bg-cover-grey-dark-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-darker {
  background: #767676;
}
.bg-cover-grey-darker:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-darker-max-m {
    background: #767676;
  }
  .bg-cover-grey-darker-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-darker-max-t {
    background: #767676;
  }
  .bg-cover-grey-darker-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-darker-max-lt {
    background: #767676;
  }
  .bg-cover-grey-darker-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-darker-max-d {
    background: #767676;
  }
  .bg-cover-grey-darker-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-darker-max-wd {
    background: #767676;
  }
  .bg-cover-grey-darker-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-darker-max-hdd {
    background: #767676;
  }
  .bg-cover-grey-darker-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-darker-m {
    background: #767676;
  }
  .bg-cover-grey-darker-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-darker-t {
    background: #767676;
  }
  .bg-cover-grey-darker-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-darker-lt {
    background: #767676;
  }
  .bg-cover-grey-darker-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-darker-d {
    background: #767676;
  }
  .bg-cover-grey-darker-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-darker-wd {
    background: #767676;
  }
  .bg-cover-grey-darker-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-darker-hdd {
    background: #767676;
  }
  .bg-cover-grey-darker-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-grey-darkest {
  background: #767676;
}
.bg-cover-grey-darkest:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-grey-darkest-max-m {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-grey-darkest-max-t {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-grey-darkest-max-lt {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-grey-darkest-max-d {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-grey-darkest-max-wd {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-grey-darkest-max-hdd {
    background: #767676;
  }
  .bg-cover-grey-darkest-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-grey-darkest-m {
    background: #767676;
  }
  .bg-cover-grey-darkest-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-grey-darkest-t {
    background: #767676;
  }
  .bg-cover-grey-darkest-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-grey-darkest-lt {
    background: #767676;
  }
  .bg-cover-grey-darkest-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-grey-darkest-d {
    background: #767676;
  }
  .bg-cover-grey-darkest-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-grey-darkest-wd {
    background: #767676;
  }
  .bg-cover-grey-darkest-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-grey-darkest-hdd {
    background: #767676;
  }
  .bg-cover-grey-darkest-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-error {
  background: #ff6666;
}
.bg-cover-error:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-error-max-m {
    background: #ff6666;
  }
  .bg-cover-error-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-error-max-t {
    background: #ff6666;
  }
  .bg-cover-error-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-error-max-lt {
    background: #ff6666;
  }
  .bg-cover-error-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-error-max-d {
    background: #ff6666;
  }
  .bg-cover-error-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-error-max-wd {
    background: #ff6666;
  }
  .bg-cover-error-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-error-max-hdd {
    background: #ff6666;
  }
  .bg-cover-error-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-error-m {
    background: #ff6666;
  }
  .bg-cover-error-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-error-t {
    background: #ff6666;
  }
  .bg-cover-error-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-error-lt {
    background: #ff6666;
  }
  .bg-cover-error-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-error-d {
    background: #ff6666;
  }
  .bg-cover-error-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-error-wd {
    background: #ff6666;
  }
  .bg-cover-error-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-error-hdd {
    background: #ff6666;
  }
  .bg-cover-error-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-success {
  background: #33cc33;
}
.bg-cover-success:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-success-max-m {
    background: #33cc33;
  }
  .bg-cover-success-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-success-max-t {
    background: #33cc33;
  }
  .bg-cover-success-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-success-max-lt {
    background: #33cc33;
  }
  .bg-cover-success-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-success-max-d {
    background: #33cc33;
  }
  .bg-cover-success-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-success-max-wd {
    background: #33cc33;
  }
  .bg-cover-success-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-success-max-hdd {
    background: #33cc33;
  }
  .bg-cover-success-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-success-m {
    background: #33cc33;
  }
  .bg-cover-success-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-success-t {
    background: #33cc33;
  }
  .bg-cover-success-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-success-lt {
    background: #33cc33;
  }
  .bg-cover-success-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-success-d {
    background: #33cc33;
  }
  .bg-cover-success-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-success-wd {
    background: #33cc33;
  }
  .bg-cover-success-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-success-hdd {
    background: #33cc33;
  }
  .bg-cover-success-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-purple {
  background: #32124C;
}
.bg-cover-purple:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-purple-max-m {
    background: #32124C;
  }
  .bg-cover-purple-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-purple-max-t {
    background: #32124C;
  }
  .bg-cover-purple-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-purple-max-lt {
    background: #32124C;
  }
  .bg-cover-purple-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-purple-max-d {
    background: #32124C;
  }
  .bg-cover-purple-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-purple-max-wd {
    background: #32124C;
  }
  .bg-cover-purple-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-purple-max-hdd {
    background: #32124C;
  }
  .bg-cover-purple-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-purple-m {
    background: #32124C;
  }
  .bg-cover-purple-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-purple-t {
    background: #32124C;
  }
  .bg-cover-purple-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-purple-lt {
    background: #32124C;
  }
  .bg-cover-purple-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-purple-d {
    background: #32124C;
  }
  .bg-cover-purple-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-purple-wd {
    background: #32124C;
  }
  .bg-cover-purple-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-purple-hdd {
    background: #32124C;
  }
  .bg-cover-purple-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-purple-50 {
  background: #9694A8;
}
.bg-cover-purple-50:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-purple-50-max-m {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-purple-50-max-t {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-purple-50-max-lt {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-purple-50-max-d {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-purple-50-max-wd {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-purple-50-max-hdd {
    background: #9694A8;
  }
  .bg-cover-purple-50-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-purple-50-m {
    background: #9694A8;
  }
  .bg-cover-purple-50-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-purple-50-t {
    background: #9694A8;
  }
  .bg-cover-purple-50-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-purple-50-lt {
    background: #9694A8;
  }
  .bg-cover-purple-50-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-purple-50-d {
    background: #9694A8;
  }
  .bg-cover-purple-50-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-purple-50-wd {
    background: #9694A8;
  }
  .bg-cover-purple-50-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-purple-50-hdd {
    background: #9694A8;
  }
  .bg-cover-purple-50-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-red {
  background: #3E0026;
}
.bg-cover-red:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-red-max-m {
    background: #3E0026;
  }
  .bg-cover-red-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-red-max-t {
    background: #3E0026;
  }
  .bg-cover-red-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-red-max-lt {
    background: #3E0026;
  }
  .bg-cover-red-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-red-max-d {
    background: #3E0026;
  }
  .bg-cover-red-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-red-max-wd {
    background: #3E0026;
  }
  .bg-cover-red-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-red-max-hdd {
    background: #3E0026;
  }
  .bg-cover-red-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-red-m {
    background: #3E0026;
  }
  .bg-cover-red-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-red-t {
    background: #3E0026;
  }
  .bg-cover-red-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-red-lt {
    background: #3E0026;
  }
  .bg-cover-red-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-red-d {
    background: #3E0026;
  }
  .bg-cover-red-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-red-wd {
    background: #3E0026;
  }
  .bg-cover-red-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-red-hdd {
    background: #3E0026;
  }
  .bg-cover-red-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-red-highlight {
  background: #FF6478;
}
.bg-cover-red-highlight:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-red-highlight-max-m {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-red-highlight-max-t {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-red-highlight-max-lt {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-red-highlight-max-d {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-red-highlight-max-wd {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-red-highlight-max-hdd {
    background: #FF6478;
  }
  .bg-cover-red-highlight-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-red-highlight-m {
    background: #FF6478;
  }
  .bg-cover-red-highlight-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-red-highlight-t {
    background: #FF6478;
  }
  .bg-cover-red-highlight-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-red-highlight-lt {
    background: #FF6478;
  }
  .bg-cover-red-highlight-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-red-highlight-d {
    background: #FF6478;
  }
  .bg-cover-red-highlight-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-red-highlight-wd {
    background: #FF6478;
  }
  .bg-cover-red-highlight-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-red-highlight-hdd {
    background: #FF6478;
  }
  .bg-cover-red-highlight-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-green {
  background: #004C43;
}
.bg-cover-green:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-green-max-m {
    background: #004C43;
  }
  .bg-cover-green-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-green-max-t {
    background: #004C43;
  }
  .bg-cover-green-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-green-max-lt {
    background: #004C43;
  }
  .bg-cover-green-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-green-max-d {
    background: #004C43;
  }
  .bg-cover-green-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-green-max-wd {
    background: #004C43;
  }
  .bg-cover-green-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-green-max-hdd {
    background: #004C43;
  }
  .bg-cover-green-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-green-m {
    background: #004C43;
  }
  .bg-cover-green-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-green-t {
    background: #004C43;
  }
  .bg-cover-green-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-green-lt {
    background: #004C43;
  }
  .bg-cover-green-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-green-d {
    background: #004C43;
  }
  .bg-cover-green-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-green-wd {
    background: #004C43;
  }
  .bg-cover-green-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-green-hdd {
    background: #004C43;
  }
  .bg-cover-green-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-green-highlight {
  background: #8CFF50;
}
.bg-cover-green-highlight:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-green-highlight-max-m {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-green-highlight-max-t {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-green-highlight-max-lt {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-green-highlight-max-d {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-green-highlight-max-wd {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-green-highlight-max-hdd {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-green-highlight-m {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-green-highlight-t {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-green-highlight-lt {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-green-highlight-d {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-green-highlight-wd {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-green-highlight-hdd {
    background: #8CFF50;
  }
  .bg-cover-green-highlight-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-blue-highlight {
  background: #00F0FF;
}
.bg-cover-blue-highlight:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-blue-highlight-max-m {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-blue-highlight-max-t {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-blue-highlight-max-lt {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-blue-highlight-max-d {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-blue-highlight-max-wd {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-blue-highlight-max-hdd {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-blue-highlight-m {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-blue-highlight-t {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-blue-highlight-lt {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-blue-highlight-d {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-blue-highlight-wd {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-blue-highlight-hdd {
    background: #00F0FF;
  }
  .bg-cover-blue-highlight-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-teal {
  background: #00505A;
}
.bg-cover-teal:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-teal-max-m {
    background: #00505A;
  }
  .bg-cover-teal-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-teal-max-t {
    background: #00505A;
  }
  .bg-cover-teal-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-teal-max-lt {
    background: #00505A;
  }
  .bg-cover-teal-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-teal-max-d {
    background: #00505A;
  }
  .bg-cover-teal-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-teal-max-wd {
    background: #00505A;
  }
  .bg-cover-teal-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-teal-max-hdd {
    background: #00505A;
  }
  .bg-cover-teal-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-teal-m {
    background: #00505A;
  }
  .bg-cover-teal-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-teal-t {
    background: #00505A;
  }
  .bg-cover-teal-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-teal-lt {
    background: #00505A;
  }
  .bg-cover-teal-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-teal-d {
    background: #00505A;
  }
  .bg-cover-teal-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-teal-wd {
    background: #00505A;
  }
  .bg-cover-teal-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-teal-hdd {
    background: #00505A;
  }
  .bg-cover-teal-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-teal-50 {
  background: #80A7AC;
}
.bg-cover-teal-50:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-teal-50-max-m {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-teal-50-max-t {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-teal-50-max-lt {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-teal-50-max-d {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-teal-50-max-wd {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-teal-50-max-hdd {
    background: #80A7AC;
  }
  .bg-cover-teal-50-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-teal-50-m {
    background: #80A7AC;
  }
  .bg-cover-teal-50-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-teal-50-t {
    background: #80A7AC;
  }
  .bg-cover-teal-50-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-teal-50-lt {
    background: #80A7AC;
  }
  .bg-cover-teal-50-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-teal-50-d {
    background: #80A7AC;
  }
  .bg-cover-teal-50-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-teal-50-wd {
    background: #80A7AC;
  }
  .bg-cover-teal-50-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-teal-50-hdd {
    background: #80A7AC;
  }
  .bg-cover-teal-50-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-teal-highlight {
  background: #14FFC8;
}
.bg-cover-teal-highlight:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-teal-highlight-max-m {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-teal-highlight-max-t {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-teal-highlight-max-lt {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-teal-highlight-max-d {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-teal-highlight-max-wd {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-teal-highlight-max-hdd {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-teal-highlight-m {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-teal-highlight-t {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-teal-highlight-lt {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-teal-highlight-d {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-teal-highlight-wd {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-teal-highlight-hdd {
    background: #14FFC8;
  }
  .bg-cover-teal-highlight-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

.bg-cover-orange-highlight {
  background: #FF8500;
}
.bg-cover-orange-highlight:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: inherit;
}
@media (max-width: 319px) {
  .bg-cover-orange-highlight-max-m {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 549px) {
  .bg-cover-orange-highlight-max-t {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 849px) {
  .bg-cover-orange-highlight-max-lt {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 999px) {
  .bg-cover-orange-highlight-max-d {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 1439px) {
  .bg-cover-orange-highlight-max-wd {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (max-width: 2559px) {
  .bg-cover-orange-highlight-max-hdd {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-max-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 320px) {
  .bg-cover-orange-highlight-m {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 550px) {
  .bg-cover-orange-highlight-t {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-t:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 850px) {
  .bg-cover-orange-highlight-lt {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-lt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1000px) {
  .bg-cover-orange-highlight-d {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-d:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 1440px) {
  .bg-cover-orange-highlight-wd {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-wd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}
@media (min-width: 2560px) {
  .bg-cover-orange-highlight-hdd {
    background: #FF8500;
  }
  .bg-cover-orange-highlight-hdd:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    background: inherit;
  }
}

@media (min-width: 320px) {
  .c-m-black {
    color: #000000;
  }
  .c-m-white {
    color: #FFFFFF;
  }
  .c-m-primary {
    color: #000;
  }
  .c-m-secondary {
    color: #000;
  }
  .c-m-tertiary {
    color: #000;
  }
  .c-m-grey-lightest {
    color: #F5F5F5;
  }
  .c-m-grey-lighter {
    color: #F5F5F5;
  }
  .c-m-grey-light {
    color: #CCCCCC;
  }
  .c-m-grey-dark {
    color: #BCBBBB;
  }
  .c-m-grey-darker {
    color: #767676;
  }
  .c-m-grey-darkest {
    color: #767676;
  }
  .c-m-error {
    color: #ff6666;
  }
  .c-m-success {
    color: #33cc33;
  }
  .c-m-purple {
    color: #32124C;
  }
  .c-m-purple-50 {
    color: #9694A8;
  }
  .c-m-red {
    color: #3E0026;
  }
  .c-m-red-highlight {
    color: #FF6478;
  }
  .c-m-green {
    color: #004C43;
  }
  .c-m-green-highlight {
    color: #8CFF50;
  }
  .c-m-blue-highlight {
    color: #00F0FF;
  }
  .c-m-teal {
    color: #00505A;
  }
  .c-m-teal-50 {
    color: #80A7AC;
  }
  .c-m-teal-highlight {
    color: #14FFC8;
  }
  .c-m-orange-highlight {
    color: #FF8500;
  }
  .bg-m-black {
    background: #000000;
  }
  .bg-m-white {
    background: #FFFFFF;
  }
  .bg-m-primary {
    background: #000;
  }
  .bg-m-secondary {
    background: #000;
  }
  .bg-m-tertiary {
    background: #000;
  }
  .bg-m-grey-lightest {
    background: #F5F5F5;
  }
  .bg-m-grey-lighter {
    background: #F5F5F5;
  }
  .bg-m-grey-light {
    background: #CCCCCC;
  }
  .bg-m-grey-dark {
    background: #BCBBBB;
  }
  .bg-m-grey-darker {
    background: #767676;
  }
  .bg-m-grey-darkest {
    background: #767676;
  }
  .bg-m-error {
    background: #ff6666;
  }
  .bg-m-success {
    background: #33cc33;
  }
  .bg-m-purple {
    background: #32124C;
  }
  .bg-m-purple-50 {
    background: #9694A8;
  }
  .bg-m-red {
    background: #3E0026;
  }
  .bg-m-red-highlight {
    background: #FF6478;
  }
  .bg-m-green {
    background: #004C43;
  }
  .bg-m-green-highlight {
    background: #8CFF50;
  }
  .bg-m-blue-highlight {
    background: #00F0FF;
  }
  .bg-m-teal {
    background: #00505A;
  }
  .bg-m-teal-50 {
    background: #80A7AC;
  }
  .bg-m-teal-highlight {
    background: #14FFC8;
  }
  .bg-m-orange-highlight {
    background: #FF8500;
  }
  .bg-m-none {
    background: none;
  }
}
@media (min-width: 550px) {
  .c-t-black {
    color: #000000;
  }
  .c-t-white {
    color: #FFFFFF;
  }
  .c-t-primary {
    color: #000;
  }
  .c-t-secondary {
    color: #000;
  }
  .c-t-tertiary {
    color: #000;
  }
  .c-t-grey-lightest {
    color: #F5F5F5;
  }
  .c-t-grey-lighter {
    color: #F5F5F5;
  }
  .c-t-grey-light {
    color: #CCCCCC;
  }
  .c-t-grey-dark {
    color: #BCBBBB;
  }
  .c-t-grey-darker {
    color: #767676;
  }
  .c-t-grey-darkest {
    color: #767676;
  }
  .c-t-error {
    color: #ff6666;
  }
  .c-t-success {
    color: #33cc33;
  }
  .c-t-purple {
    color: #32124C;
  }
  .c-t-purple-50 {
    color: #9694A8;
  }
  .c-t-red {
    color: #3E0026;
  }
  .c-t-red-highlight {
    color: #FF6478;
  }
  .c-t-green {
    color: #004C43;
  }
  .c-t-green-highlight {
    color: #8CFF50;
  }
  .c-t-blue-highlight {
    color: #00F0FF;
  }
  .c-t-teal {
    color: #00505A;
  }
  .c-t-teal-50 {
    color: #80A7AC;
  }
  .c-t-teal-highlight {
    color: #14FFC8;
  }
  .c-t-orange-highlight {
    color: #FF8500;
  }
  .bg-t-black {
    background: #000000;
  }
  .bg-t-white {
    background: #FFFFFF;
  }
  .bg-t-primary {
    background: #000;
  }
  .bg-t-secondary {
    background: #000;
  }
  .bg-t-tertiary {
    background: #000;
  }
  .bg-t-grey-lightest {
    background: #F5F5F5;
  }
  .bg-t-grey-lighter {
    background: #F5F5F5;
  }
  .bg-t-grey-light {
    background: #CCCCCC;
  }
  .bg-t-grey-dark {
    background: #BCBBBB;
  }
  .bg-t-grey-darker {
    background: #767676;
  }
  .bg-t-grey-darkest {
    background: #767676;
  }
  .bg-t-error {
    background: #ff6666;
  }
  .bg-t-success {
    background: #33cc33;
  }
  .bg-t-purple {
    background: #32124C;
  }
  .bg-t-purple-50 {
    background: #9694A8;
  }
  .bg-t-red {
    background: #3E0026;
  }
  .bg-t-red-highlight {
    background: #FF6478;
  }
  .bg-t-green {
    background: #004C43;
  }
  .bg-t-green-highlight {
    background: #8CFF50;
  }
  .bg-t-blue-highlight {
    background: #00F0FF;
  }
  .bg-t-teal {
    background: #00505A;
  }
  .bg-t-teal-50 {
    background: #80A7AC;
  }
  .bg-t-teal-highlight {
    background: #14FFC8;
  }
  .bg-t-orange-highlight {
    background: #FF8500;
  }
  .bg-t-none {
    background: none;
  }
}
@media (min-width: 850px) {
  .c-lt-black {
    color: #000000;
  }
  .c-lt-white {
    color: #FFFFFF;
  }
  .c-lt-primary {
    color: #000;
  }
  .c-lt-secondary {
    color: #000;
  }
  .c-lt-tertiary {
    color: #000;
  }
  .c-lt-grey-lightest {
    color: #F5F5F5;
  }
  .c-lt-grey-lighter {
    color: #F5F5F5;
  }
  .c-lt-grey-light {
    color: #CCCCCC;
  }
  .c-lt-grey-dark {
    color: #BCBBBB;
  }
  .c-lt-grey-darker {
    color: #767676;
  }
  .c-lt-grey-darkest {
    color: #767676;
  }
  .c-lt-error {
    color: #ff6666;
  }
  .c-lt-success {
    color: #33cc33;
  }
  .c-lt-purple {
    color: #32124C;
  }
  .c-lt-purple-50 {
    color: #9694A8;
  }
  .c-lt-red {
    color: #3E0026;
  }
  .c-lt-red-highlight {
    color: #FF6478;
  }
  .c-lt-green {
    color: #004C43;
  }
  .c-lt-green-highlight {
    color: #8CFF50;
  }
  .c-lt-blue-highlight {
    color: #00F0FF;
  }
  .c-lt-teal {
    color: #00505A;
  }
  .c-lt-teal-50 {
    color: #80A7AC;
  }
  .c-lt-teal-highlight {
    color: #14FFC8;
  }
  .c-lt-orange-highlight {
    color: #FF8500;
  }
  .bg-lt-black {
    background: #000000;
  }
  .bg-lt-white {
    background: #FFFFFF;
  }
  .bg-lt-primary {
    background: #000;
  }
  .bg-lt-secondary {
    background: #000;
  }
  .bg-lt-tertiary {
    background: #000;
  }
  .bg-lt-grey-lightest {
    background: #F5F5F5;
  }
  .bg-lt-grey-lighter {
    background: #F5F5F5;
  }
  .bg-lt-grey-light {
    background: #CCCCCC;
  }
  .bg-lt-grey-dark {
    background: #BCBBBB;
  }
  .bg-lt-grey-darker {
    background: #767676;
  }
  .bg-lt-grey-darkest {
    background: #767676;
  }
  .bg-lt-error {
    background: #ff6666;
  }
  .bg-lt-success {
    background: #33cc33;
  }
  .bg-lt-purple {
    background: #32124C;
  }
  .bg-lt-purple-50 {
    background: #9694A8;
  }
  .bg-lt-red {
    background: #3E0026;
  }
  .bg-lt-red-highlight {
    background: #FF6478;
  }
  .bg-lt-green {
    background: #004C43;
  }
  .bg-lt-green-highlight {
    background: #8CFF50;
  }
  .bg-lt-blue-highlight {
    background: #00F0FF;
  }
  .bg-lt-teal {
    background: #00505A;
  }
  .bg-lt-teal-50 {
    background: #80A7AC;
  }
  .bg-lt-teal-highlight {
    background: #14FFC8;
  }
  .bg-lt-orange-highlight {
    background: #FF8500;
  }
  .bg-lt-none {
    background: none;
  }
}
@media (min-width: 1000px) {
  .c-d-black {
    color: #000000;
  }
  .c-d-white {
    color: #FFFFFF;
  }
  .c-d-primary {
    color: #000;
  }
  .c-d-secondary {
    color: #000;
  }
  .c-d-tertiary {
    color: #000;
  }
  .c-d-grey-lightest {
    color: #F5F5F5;
  }
  .c-d-grey-lighter {
    color: #F5F5F5;
  }
  .c-d-grey-light {
    color: #CCCCCC;
  }
  .c-d-grey-dark {
    color: #BCBBBB;
  }
  .c-d-grey-darker {
    color: #767676;
  }
  .c-d-grey-darkest {
    color: #767676;
  }
  .c-d-error {
    color: #ff6666;
  }
  .c-d-success {
    color: #33cc33;
  }
  .c-d-purple {
    color: #32124C;
  }
  .c-d-purple-50 {
    color: #9694A8;
  }
  .c-d-red {
    color: #3E0026;
  }
  .c-d-red-highlight {
    color: #FF6478;
  }
  .c-d-green {
    color: #004C43;
  }
  .c-d-green-highlight {
    color: #8CFF50;
  }
  .c-d-blue-highlight {
    color: #00F0FF;
  }
  .c-d-teal {
    color: #00505A;
  }
  .c-d-teal-50 {
    color: #80A7AC;
  }
  .c-d-teal-highlight {
    color: #14FFC8;
  }
  .c-d-orange-highlight {
    color: #FF8500;
  }
  .bg-d-black {
    background: #000000;
  }
  .bg-d-white {
    background: #FFFFFF;
  }
  .bg-d-primary {
    background: #000;
  }
  .bg-d-secondary {
    background: #000;
  }
  .bg-d-tertiary {
    background: #000;
  }
  .bg-d-grey-lightest {
    background: #F5F5F5;
  }
  .bg-d-grey-lighter {
    background: #F5F5F5;
  }
  .bg-d-grey-light {
    background: #CCCCCC;
  }
  .bg-d-grey-dark {
    background: #BCBBBB;
  }
  .bg-d-grey-darker {
    background: #767676;
  }
  .bg-d-grey-darkest {
    background: #767676;
  }
  .bg-d-error {
    background: #ff6666;
  }
  .bg-d-success {
    background: #33cc33;
  }
  .bg-d-purple {
    background: #32124C;
  }
  .bg-d-purple-50 {
    background: #9694A8;
  }
  .bg-d-red {
    background: #3E0026;
  }
  .bg-d-red-highlight {
    background: #FF6478;
  }
  .bg-d-green {
    background: #004C43;
  }
  .bg-d-green-highlight {
    background: #8CFF50;
  }
  .bg-d-blue-highlight {
    background: #00F0FF;
  }
  .bg-d-teal {
    background: #00505A;
  }
  .bg-d-teal-50 {
    background: #80A7AC;
  }
  .bg-d-teal-highlight {
    background: #14FFC8;
  }
  .bg-d-orange-highlight {
    background: #FF8500;
  }
  .bg-d-none {
    background: none;
  }
}
@media (min-width: 1440px) {
  .c-wd-black {
    color: #000000;
  }
  .c-wd-white {
    color: #FFFFFF;
  }
  .c-wd-primary {
    color: #000;
  }
  .c-wd-secondary {
    color: #000;
  }
  .c-wd-tertiary {
    color: #000;
  }
  .c-wd-grey-lightest {
    color: #F5F5F5;
  }
  .c-wd-grey-lighter {
    color: #F5F5F5;
  }
  .c-wd-grey-light {
    color: #CCCCCC;
  }
  .c-wd-grey-dark {
    color: #BCBBBB;
  }
  .c-wd-grey-darker {
    color: #767676;
  }
  .c-wd-grey-darkest {
    color: #767676;
  }
  .c-wd-error {
    color: #ff6666;
  }
  .c-wd-success {
    color: #33cc33;
  }
  .c-wd-purple {
    color: #32124C;
  }
  .c-wd-purple-50 {
    color: #9694A8;
  }
  .c-wd-red {
    color: #3E0026;
  }
  .c-wd-red-highlight {
    color: #FF6478;
  }
  .c-wd-green {
    color: #004C43;
  }
  .c-wd-green-highlight {
    color: #8CFF50;
  }
  .c-wd-blue-highlight {
    color: #00F0FF;
  }
  .c-wd-teal {
    color: #00505A;
  }
  .c-wd-teal-50 {
    color: #80A7AC;
  }
  .c-wd-teal-highlight {
    color: #14FFC8;
  }
  .c-wd-orange-highlight {
    color: #FF8500;
  }
  .bg-wd-black {
    background: #000000;
  }
  .bg-wd-white {
    background: #FFFFFF;
  }
  .bg-wd-primary {
    background: #000;
  }
  .bg-wd-secondary {
    background: #000;
  }
  .bg-wd-tertiary {
    background: #000;
  }
  .bg-wd-grey-lightest {
    background: #F5F5F5;
  }
  .bg-wd-grey-lighter {
    background: #F5F5F5;
  }
  .bg-wd-grey-light {
    background: #CCCCCC;
  }
  .bg-wd-grey-dark {
    background: #BCBBBB;
  }
  .bg-wd-grey-darker {
    background: #767676;
  }
  .bg-wd-grey-darkest {
    background: #767676;
  }
  .bg-wd-error {
    background: #ff6666;
  }
  .bg-wd-success {
    background: #33cc33;
  }
  .bg-wd-purple {
    background: #32124C;
  }
  .bg-wd-purple-50 {
    background: #9694A8;
  }
  .bg-wd-red {
    background: #3E0026;
  }
  .bg-wd-red-highlight {
    background: #FF6478;
  }
  .bg-wd-green {
    background: #004C43;
  }
  .bg-wd-green-highlight {
    background: #8CFF50;
  }
  .bg-wd-blue-highlight {
    background: #00F0FF;
  }
  .bg-wd-teal {
    background: #00505A;
  }
  .bg-wd-teal-50 {
    background: #80A7AC;
  }
  .bg-wd-teal-highlight {
    background: #14FFC8;
  }
  .bg-wd-orange-highlight {
    background: #FF8500;
  }
  .bg-wd-none {
    background: none;
  }
}
@media (min-width: 2560px) {
  .c-hdd-black {
    color: #000000;
  }
  .c-hdd-white {
    color: #FFFFFF;
  }
  .c-hdd-primary {
    color: #000;
  }
  .c-hdd-secondary {
    color: #000;
  }
  .c-hdd-tertiary {
    color: #000;
  }
  .c-hdd-grey-lightest {
    color: #F5F5F5;
  }
  .c-hdd-grey-lighter {
    color: #F5F5F5;
  }
  .c-hdd-grey-light {
    color: #CCCCCC;
  }
  .c-hdd-grey-dark {
    color: #BCBBBB;
  }
  .c-hdd-grey-darker {
    color: #767676;
  }
  .c-hdd-grey-darkest {
    color: #767676;
  }
  .c-hdd-error {
    color: #ff6666;
  }
  .c-hdd-success {
    color: #33cc33;
  }
  .c-hdd-purple {
    color: #32124C;
  }
  .c-hdd-purple-50 {
    color: #9694A8;
  }
  .c-hdd-red {
    color: #3E0026;
  }
  .c-hdd-red-highlight {
    color: #FF6478;
  }
  .c-hdd-green {
    color: #004C43;
  }
  .c-hdd-green-highlight {
    color: #8CFF50;
  }
  .c-hdd-blue-highlight {
    color: #00F0FF;
  }
  .c-hdd-teal {
    color: #00505A;
  }
  .c-hdd-teal-50 {
    color: #80A7AC;
  }
  .c-hdd-teal-highlight {
    color: #14FFC8;
  }
  .c-hdd-orange-highlight {
    color: #FF8500;
  }
  .bg-hdd-black {
    background: #000000;
  }
  .bg-hdd-white {
    background: #FFFFFF;
  }
  .bg-hdd-primary {
    background: #000;
  }
  .bg-hdd-secondary {
    background: #000;
  }
  .bg-hdd-tertiary {
    background: #000;
  }
  .bg-hdd-grey-lightest {
    background: #F5F5F5;
  }
  .bg-hdd-grey-lighter {
    background: #F5F5F5;
  }
  .bg-hdd-grey-light {
    background: #CCCCCC;
  }
  .bg-hdd-grey-dark {
    background: #BCBBBB;
  }
  .bg-hdd-grey-darker {
    background: #767676;
  }
  .bg-hdd-grey-darkest {
    background: #767676;
  }
  .bg-hdd-error {
    background: #ff6666;
  }
  .bg-hdd-success {
    background: #33cc33;
  }
  .bg-hdd-purple {
    background: #32124C;
  }
  .bg-hdd-purple-50 {
    background: #9694A8;
  }
  .bg-hdd-red {
    background: #3E0026;
  }
  .bg-hdd-red-highlight {
    background: #FF6478;
  }
  .bg-hdd-green {
    background: #004C43;
  }
  .bg-hdd-green-highlight {
    background: #8CFF50;
  }
  .bg-hdd-blue-highlight {
    background: #00F0FF;
  }
  .bg-hdd-teal {
    background: #00505A;
  }
  .bg-hdd-teal-50 {
    background: #80A7AC;
  }
  .bg-hdd-teal-highlight {
    background: #14FFC8;
  }
  .bg-hdd-orange-highlight {
    background: #FF8500;
  }
  .bg-hdd-none {
    background: none;
  }
}
.border-black {
  border-top: 1px solid #000000;
}

.border-white {
  border-top: 1px solid #FFFFFF;
}

.border-primary {
  border-top: 1px solid #000;
}

.border-secondary {
  border-top: 1px solid #000;
}

.border-tertiary {
  border-top: 1px solid #000;
}

.border-grey-lightest {
  border-top: 1px solid #F5F5F5;
}

.border-grey-lighter {
  border-top: 1px solid #F5F5F5;
}

.border-grey-light {
  border-top: 1px solid #CCCCCC;
}

.border-grey-dark {
  border-top: 1px solid #BCBBBB;
}

.border-grey-darker {
  border-top: 1px solid #767676;
}

.border-grey-darkest {
  border-top: 1px solid #767676;
}

.border-error {
  border-top: 1px solid #ff6666;
}

.border-success {
  border-top: 1px solid #33cc33;
}

.border-purple {
  border-top: 1px solid #32124C;
}

.border-purple-50 {
  border-top: 1px solid #9694A8;
}

.border-red {
  border-top: 1px solid #3E0026;
}

.border-red-highlight {
  border-top: 1px solid #FF6478;
}

.border-green {
  border-top: 1px solid #004C43;
}

.border-green-highlight {
  border-top: 1px solid #8CFF50;
}

.border-blue-highlight {
  border-top: 1px solid #00F0FF;
}

.border-teal {
  border-top: 1px solid #00505A;
}

.border-teal-50 {
  border-top: 1px solid #80A7AC;
}

.border-teal-highlight {
  border-top: 1px solid #14FFC8;
}

.border-orange-highlight {
  border-top: 1px solid #FF8500;
}

.align--center {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 319px) {
  .align--center-max-m {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 549px) {
  .align--center-max-t {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 849px) {
  .align--center-max-lt {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 999px) {
  .align--center-max-d {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1439px) {
  .align--center-max-wd {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 2559px) {
  .align--center-max-hdd {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 320px) {
  .align--center-m {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 550px) {
  .align--center-t {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 850px) {
  .align--center-lt {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1000px) {
  .align--center-d {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1440px) {
  .align--center-wd {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 2560px) {
  .align--center-hdd {
    top: 50%;
    transform: translateY(-50%);
  }
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.overflow--visible {
  overflow: visible;
}

/*
--------------------
HEADER
--------------------
*/
.site-header {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  transition: background-color 0.25s ease-in-out;
}
.site-header__main {
  height: calc(1.029vw + 149.71px);
  max-height: 100%;
}
@media all and (min-width: 1001px) {
  .site-header__main {
    height: calc(0vw + 169px);
  }
}
@media all and (min-width: 1440px) {
  .site-header__main {
    height: calc(1.786vw + 144.29px);
  }
}

/*
--------------------
FOOTER
--------------------
*/
.site-footer {
  position: relative;
  z-index: 1;
  height: 40px;
}
.site-footer:after {
  content: "";
  clear: both;
  display: table;
}
.site-footer .legal {
  font-size: 12px;
}
/*
--------------------
PAGE: Home
--------------------
*/
.page-home .page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
}
@media (min-width: 1001px) {
  .page-home .page-header {
    flex-direction: row;
  }
}
.page-home .page-header .page-content, .page-home .page-header .content-width {
  margin: auto auto;
}
@media (max-width: 660px) {
  .page-home .page-header__intro br {
    display: none;
  }
}
.page-home .page-header .shape svg {
  display: block;
  height: 100%;
  width: 100%;
}
.page-home .page-header .shape--desktop {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.page-home .page-header .shape--desktop svg {
  max-width: 40vw;
}
.page-home .page-header .shape--mobile {
  width: 100%;
}
.page-home .page-footer {
  position: relative;
}
.page-home .page-footer__shape svg {
  display: block;
  height: auto;
  width: 100%;
}
@media (max-width: 660px) {
  .page-home .f-intro-xlarge br {
    display: none;
  }
}