@charset "UTF-8";

.button,
.button-content {
  border-radius: 100px;
}

.button {
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-box-shadow 150ms;
  transition: -webkit-box-shadow 150ms;
  -o-transition: box-shadow 150ms;
  transition: box-shadow 150ms;
  transition: box-shadow 150ms, -webkit-box-shadow 150ms;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
}

.button::before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 100px;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  opacity: 0;
  -webkit-transition: opacity 150ms, -webkit-transform 150ms;
  transition: opacity 150ms, -webkit-transform 150ms;
  -o-transition: transform 150ms, opacity 150ms;
  transition: transform 150ms, opacity 150ms;
  transition: transform 150ms, opacity 150ms, -webkit-transform 150ms;
  pointer-events: none;
}

.button-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 84px;
  height: 48px;
  background-clip: padding-box;
  padding: 0 28px;
  border-width: 0;
  border-style: solid;
  -webkit-transition: color 150ms, background 150ms, border 150ms;
  -o-transition: color 150ms, background 150ms, border 150ms;
  transition: color 150ms, background 150ms, border 150ms;
  cursor: pointer;
}

.button-content svg g,
.button-content svg path,
.button-content svg use {
  fill: currentColor;
}

.button-content input {
  width: auto !important;
  min-height: 48px;
  background: none;
  padding: 0 28px !important;
  border: 0;
  margin: 0 -28px;
  outline: 0;
}

.button-layout--icon-text .button-content {
  padding-left: 24px;
}

.button-layout--icon-text .button-content input {
  padding-left: 24px;
  margin-left: -24px;
}

.button-layout--icon-texts .button-content {
  padding-left: 24px;
  padding-right: 32px;
}

.button-layout--icon-texts input {
  padding-left: 24px;
  padding-right: 32px;
  margin-left: -24px;
  margin-right: -32px;
}

.button-layout--text-icon .button-content,
.button-layout--texts-icon .button-content {
  padding-left: 32px;
  padding-right: 24px;
}

.button-layout--text-icon input,
.button-layout--texts-icon input {
  padding-left: 32px;
  padding-right: 24px;
  margin-left: -32px;
  margin-right: -24px;
}

.button-layout--icon-text .button-content,
.button-layout--icon-texts .button-content,
.button-layout--text-icon .button-content,
.button-layout--texts-icon .button-content {
  min-width: 0;
}

.button-text {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.button-text-small {
  display: block;
  font-size: 0.87em;
}

.button-text + .button-icon,
.button-icon + .button-text {
  margin-left: 12px;
}

.button-transparent {
  color: #92a1ae;
}

.button-transparent .button-content {
  border-width: 1px;
  border-color: transparent;
  margin: -1px;
}

.button-transparent--border-gray {
  color: #92a1ae;
}

.button-transparent--border-gray .button-content {
  border-width: 2px;
  border-color: rgba(146, 161, 174, 0.25);
  margin: -2px;
}

.button-transparent--border-red {
  color: #ff0044;
}

.button-transparent--border-red .button-content {
  border-width: 2px;
  border-color: #ff0044;
  margin: -2px;
}

.button-red {
  color: white;
  -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
  box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
}

.button-red .button-content {
  background-color: #ff0044;
}

.button-red--border-red {
  color: white;
  -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
  box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
}

.button-red--border-red::before {
  border-color: #ff0044;
}

.button-red--border-red .button-content {
  background-color: #ff0044;
}

.button-transparent-red--border-red {
  color: #ff0044;
  -webkit-box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
  box-shadow: 0 4px 20px 0 rgba(255, 0, 68, 0.4);
}

.button-transparent-red--border-red::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  border-color: #ff0044;
}

.button-transparent-red--border-red .button-content {
  background: transparent;
  -webkit-transition: color 150ms, background 300ms, border 300ms;
  -o-transition: color 150ms, background 300ms, border 300ms;
  transition: color 150ms, background 300ms, border 300ms;
}

.button-white {
  color: #ff0044;
  -webkit-box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1);
  box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1);
}

.button-white .button-content {
  background-color: white;
  border-width: 1px;
  border-color: transparent;
  margin: -1px;
}

.button-white--border-white {
  color: #ff0044;
  -webkit-box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1);
  box-shadow: 0 4px 20px 0 rgba(29, 31, 38, 0.1);
}

.button-white--border-white::before {
  border-color: white;
}

.button-white--border-white .button-content {
  background-color: white;
}

.button-transparent-white--border-white {
  color: white;
}

.button-transparent-white--border-white::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  border-color: white;
}

.button-transparent-white--border-white .button-content {
  background: transparent;
  -webkit-transition: color 150ms, background 300ms, border 300ms;
  -o-transition: color 150ms, background 300ms, border 300ms;
  transition: color 150ms, background 300ms, border 300ms;
}

.no-touchevents .button:active {
  -webkit-transition: -webkit-box-shadow 30ms;
  transition: -webkit-box-shadow 30ms;
  -o-transition: box-shadow 30ms;
  transition: box-shadow 30ms;
  transition: box-shadow 30ms, -webkit-box-shadow 30ms;
}

.no-touchevents .button:active::before {
  -webkit-transition: opacity 30ms, -webkit-transform 30ms;
  transition: opacity 30ms, -webkit-transform 30ms;
  -o-transition: transform 30ms, opacity 30ms;
  transition: transform 30ms, opacity 30ms;
  transition: transform 30ms, opacity 30ms, -webkit-transform 30ms;
}

.no-touchevents .button-content:active {
  -webkit-transition: color 30ms, background 30ms, border 30ms;
  -o-transition: color 30ms, background 30ms, border 30ms;
  transition: color 30ms, background 30ms, border 30ms;
}

.no-touchevents .button-transparent:hover .button-content {
  background-color: rgba(146, 161, 174, 0.1);
  border-color: rgba(146, 161, 174, 0.25);
}

.no-touchevents .button-transparent:active .button-content {
  background-color: rgba(146, 161, 174, 0.25);
  border-color: rgba(146, 161, 174, 0.6);
}

.no-touchevents .button-transparent--border-gray:hover,
.no-touchevents .button-transparent--border-gray:active {
  color: #ff0044;
}

.no-touchevents .button-transparent--border-gray:hover .button-content,
.no-touchevents .button-transparent--border-gray:active .button-content {
  border-color: #ff0044;
}

.no-touchevents .button-transparent--border-gray:active .button-content {
  background-color: rgba(146, 161, 174, 0.1);
}

.no-touchevents .button-transparent--border-red:hover,
.no-touchevents .button-transparent--border-red:active {
  color: #ff0044;
}

.no-touchevents .button-transparent--border-red:hover .button-content,
.no-touchevents .button-transparent--border-red:active .button-content {
  border-color: #ff0044;
}

.no-touchevents .button-transparent--border-red:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.3);
  box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.3);
}

.no-touchevents .button-transparent--border-red:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.4);
  box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.4);
}

.no-touchevents .button-red:hover .button-content,
.no-touchevents .button-red:active .button-content {
  background-color: #ff0044;
}

.no-touchevents .button-red:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-red:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-red:active .button-content {
  -webkit-box-shadow: 0 0 0 1px rgba(29, 31, 38, 0.25) inset;
  box-shadow: 0 0 0 1px rgba(29, 31, 38, 0.25) inset;
}

.no-touchevents .button-red--border-red:hover,
.no-touchevents .button-red--border-red:active {
  color: #ff0044;
}

.no-touchevents .button-red--border-red:hover::before,
.no-touchevents .button-red--border-red:active::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.no-touchevents .button-red--border-red:hover .button-content,
.no-touchevents .button-red--border-red:active .button-content {
  background: transparent;
}

.no-touchevents .button-red--border-red:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-red--border-red:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-transparent-red--border-red:hover,
.no-touchevents .button-transparent-red--border-red:active {
  color: white;
}

.no-touchevents .button-transparent-red--border-red:hover::before,
.no-touchevents .button-transparent-red--border-red:active::before {
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  opacity: 0;
}

.no-touchevents .button-transparent-red--border-red:hover .button-content,
.no-touchevents .button-transparent-red--border-red:active .button-content {
  background-color: #ff0044;
}

.no-touchevents .button-transparent-red--border-red:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 4px 24px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-transparent-red--border-red:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
  box-shadow: 0 2px 10px 0 rgba(255, 0, 68, 0.5);
}

.no-touchevents .button-white:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
  box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
}

.no-touchevents .button-white:active {
  color: #ff0044;
  -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
  box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
}

.no-touchevents .button-white:active .button-content {
  border-color: rgba(146, 161, 174, 0.25);
}

.no-touchevents .button-white--border-white:hover,
.no-touchevents .button-white--border-white:active {
  color: white;
}

.no-touchevents .button-white--border-white:hover::before,
.no-touchevents .button-white--border-white:active::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.no-touchevents .button-white--border-white:hover .button-content,
.no-touchevents .button-white--border-white:active .button-content {
  background: transparent;
}

.no-touchevents .button-white--border-white:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
  box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
}

.no-touchevents .button-white--border-white:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
  box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
}

.no-touchevents .button-transparent-white--border-white:hover,
.no-touchevents .button-transparent-white--border-white:active {
  color: #ff0044;
}

.no-touchevents .button-transparent-white--border-white:hover::before,
.no-touchevents .button-transparent-white--border-white:active::before {
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  opacity: 0;
}

.no-touchevents .button-transparent-white--border-white:hover .button-content,
.no-touchevents .button-transparent-white--border-white:active .button-content {
  background-color: white;
}

.no-touchevents .button-transparent-white--border-white:hover {
  -webkit-box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
  box-shadow: 0 4px 24px 0 rgba(26, 29, 41, 0.2);
}

.no-touchevents .button-transparent-white--border-white:active {
  -webkit-box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
  box-shadow: 0 2px 10px 0 rgba(137, 162, 184, 0.25);
}

/**
Remove autofill contact icon for Safari
 */

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/**
Remove yellow background in autofilled inputs
 */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: inset 0 0 0 9999px #25282F;
  background-clip: content-box !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/files/TT_Hoves_Pro_Light-bf76677411459cdeccc19b437bb04a19.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/files/TT_Hoves_Pro_Regular-efe9545a2132eca7d5f8cea475d511c6.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/files/TT_Hoves_Pro_Medium-d309031b20ef7fbb6e9cb9d0ede69c90.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/files/TT_Hoves_Pro_SemiBold-bf93f9513aa77d3b9dc331554f6b050f.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/files/TT_Hoves_Pro_Bold-59c473210a9ceeade3b22fc643391816.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 800;
  src: url(/assets/files/TT_Hoves_Pro_ExtraBold-bf46b3551cba36ef5701d507a27d76a1.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "TT Hoves Pro";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/files/TT_Hoves_Pro_Black-b9f691627364c0532223c15eab03811a.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sofia";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/files/SofiaSansExtraCondensed-Regular-79e9ebe33a1fe1350e5b7481ba62c611.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sofia";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/files/SofiaSansExtraCondensed-SemiBold-6b06f0b31db2e1af57067a0596edecea.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sofia";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/files/SofiaSansExtraCondensed-Bold-c2f23157cf443e779f6f95280fdc41c2.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sofia";
  font-style: normal;
  font-weight: 800;
  src: url(/assets/files/SofiaSansExtraCondensed-ExtraBold-2c751ea88eebfc02029ffec87c380f98.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sofia";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/files/SofiaSansExtraCondensed-Black-1e3c8e808934bcbf0c41b4b3e9b01d56.woff2) format("woff2");
  font-display: swap;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

[hidden],
template {
  display: none;
}

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

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

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

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

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

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

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

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

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

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}

div[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

div[role="button"]:focus-within,
div[role="button"]:focus-visible,
div[role="button"]:focus {
  outline: none;
}

body {
  font-family: 'Helvetica CY', Arial, 'Nimbus Sans L', sans-serif;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  scroll-behavior: smooth;
  position: relative;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body,
a {
  color: #2e2e2e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}

h1 i,
h1 em,
h1 q,
h2 i,
h2 em,
h2 q,
h3 i,
h3 em,
h3 q,
h4 i,
h4 em,
h4 q,
h5 i,
h5 em,
h5 q,
h6 i,
h6 em,
h6 q,
strong i,
strong em,
strong q,
b i,
b em,
b q {
  font-weight: bold;
  font-style: italic;
}

i,
em,
q {
  font-style: italic;
}

a,
a:hover {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

address {
  font-style: normal;
  display: block;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: transparent;
}

/* Hide Play button + controls on iOS */

video::-webkit-media-controls {
  display: none !important;
}

.g-hide {
  display: none !important;
}

.g-hidden {
  visibility: hidden !important;
}

.g-invisible {
  opacity: 0 !important;
}

@media only screen and (min-width: 1025px) {
  .g-zoom {
    font-size: 0.78125vw;
  }
}

@media only screen and (min-width: 1920px) {
  .g-zoom {
    font-size: 1.5em;
  }
}

.privacy-modal {
  background-color: #15171b;
  position: fixed;
  width: 100vw;
  height: 100vh;
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 0;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .privacy-modal {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-modal {
    padding: 60px 0;
  }
}

.privacy-modal_close-btn {
  background: url(/assets/files/i-32-cross-76729f95be7b00e31ac302e6064b6937.svg) 50% 50% no-repeat transparent;
  opacity: 0.7;
  background-size: auto 32px;
  position: fixed;
  z-index: 500;
  color: white;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 64px;
  height: 64px;
  -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.privacy-modal_close-btn:hover {
  opacity: 1;
  background-color: #ff0044;
}

@media only screen and (max-width: 1024px) {
  .privacy-modal_close-btn {
    background-size: auto 20px;
    width: 40px;
    height: 40px;
  }
}

.privacy-modal_inner {
  margin: auto;
}

@media only screen and (min-width: 1280px) {
  .privacy-modal_inner {
    width: calc(1150px * 8 / 12);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .privacy-modal_inner {
    width: calc(920px * 8 / 12);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .privacy-modal_inner {
    width: calc(93.75vw * 8 / 12);
  }
}

@media only screen and (max-width: 767px) {
  .privacy-modal_inner {
    width: 87.5vw;
  }
}

.privacy-modal_title {
  color: #ff0044;
}

.privacy-modal_title-main {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.08;
  color: #ff0044;
  margin-bottom: 0.54em;
}

@media only screen and (max-width: 1024px) {
  .privacy-modal_title-main {
    font-size: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-modal_title-main {
    font-size: 28px;
  }
}

.privacy-modal_title-second {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.28;
  color: #ff0044;
  margin-bottom: 0.64em;
  margin-top: 56px;
}

@media only screen and (max-width: 1024px) {
  .privacy-modal_title-second {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-modal_title-second {
    font-size: 18px;
  }
}

.privacy-modal_paragraph,
.privacy-modal li,
.privacy-modal_link {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
}

@media only screen and (max-width: 767px) {
  .privacy-modal_paragraph,
  .privacy-modal li,
  .privacy-modal_link {
    font-size: 16px;
  }
}

.privacy-modal_paragraph,
.privacy-modal li {
  color: rgba(255, 255, 255, 0.75);
}

.privacy-modal_link {
  color: #ff0044;
}

.privacy-modal_link:hover {
  color: white;
}

@media only screen and (min-width: 1025px) {
  .privacy-modal li {
    padding-left: calc((1150px / 12) * 0.3);
  }
}

.privacy-modal li::before {
  content: "\2014";
  margin-right: 0.3em;
}

.cookie-msg {
  z-index: 99;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #17181f;
}

@media only screen and (min-width: 768px) {
  .cookie-msg {
    position: fixed;
    width: 260px;
    max-width: 87.5vw;
    padding: 12px 56px 12px 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .cookie-msg {
    bottom: 40px;
    left: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cookie-msg {
    top: 86px;
    right: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .cookie-msg {
    position: absolute;
    padding: 13px 40px 17px 21px;
    width: 100%;
    left: 0;
    top: 62px;
  }
}

.cookie-msg--hidden {
  display: none;
}

.cookie-msg__text {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.785em;
  color: white;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .cookie-msg__text {
    padding-right: 5em;
  }
}

.cookie-msg__close-btn {
  position: absolute;
  top: 12px;
  right: 14px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.cookie-msg__close-btn g {
  fill: white;
}

.cookie-msg__close-btn:hover g {
  fill: #ff0044;
}

/**
 * Common layout
 **/

iframe[name='google_conversion_frame'] {
  position: absolute;
  height: 0;
}

.l-header {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1025px) {
  .l-header {
    background: rgba(249, 249, 249, 0.9);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
  }

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .l-header {
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px);
      background-color: rgba(255, 255, 255, 0.9);
    }
}

  .l-header--transparent {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .l-header--sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.l-header nav a,
.l-header nav a span {
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.l-body-wrapper.hidden {
  display: none;
}

.l-body-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

.l-footer {
  min-height: 200px;
  background-color: #1d1f26;
  position: relative;
}

.l-column {
  font-size: 1em;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-column {
    width: 87.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-column {
    width: 86.32813vw;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .l-column {
    width: 98em;
  }
}

@media only screen and (min-width: 1280px) {
  .l-column {
    width: 115em;
  }
}

.noscroll {
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .noscroll {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.touchevents .noscroll,
.noscroll.touchevents {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .scrollable {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

.disable-pointer-events,
.disable-pointer-events * {
  pointer-events: none !important;
}

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

.row,
.row-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.gr-0,
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.gr-adapt {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.gr-grow {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.push-0,
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8 {
  position: relative;
}

.pull-0,
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8 {
  position: relative;
}

.nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.nowrap > * {
  white-space: normal;
}

.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: normal;
}

.gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}

@media screen and (max-width: 767px) {
  .container\@mobile:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .row\@mobile,
  .row-reverse\@mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (max-width: 767px) {
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .gr-adapt\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .gr-grow\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .push-0\@mobile,
  .push-1\@mobile,
  .push-2\@mobile,
  .push-3\@mobile,
  .push-4\@mobile,
  .push-5\@mobile,
  .push-6\@mobile,
  .push-7\@mobile,
  .push-8\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .pull-0\@mobile,
  .pull-1\@mobile,
  .pull-2\@mobile,
  .pull-3\@mobile,
  .pull-4\@mobile,
  .pull-5\@mobile,
  .pull-6\@mobile,
  .pull-7\@mobile,
  .pull-8\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .nowrap\@mobile {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@mobile > * {
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  .wrap\@mobile {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  .gr-centered\@mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container\@tablet:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row\@tablet,
  .row-reverse\@tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-adapt\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-grow\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .push-0\@tablet,
  .push-1\@tablet,
  .push-2\@tablet,
  .push-3\@tablet,
  .push-4\@tablet,
  .push-5\@tablet,
  .push-6\@tablet,
  .push-7\@tablet,
  .push-8\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pull-0\@tablet,
  .pull-1\@tablet,
  .pull-2\@tablet,
  .pull-3\@tablet,
  .pull-4\@tablet,
  .pull-5\@tablet,
  .pull-6\@tablet,
  .pull-7\@tablet,
  .pull-8\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .nowrap\@tablet {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@tablet > * {
    white-space: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap\@tablet {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-centered\@tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 1025px) {
  .container\@desktop:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 1025px) {
  .row\@desktop,
  .row-reverse\@desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (min-width: 1025px) {
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .gr-adapt\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .gr-grow\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .push-0\@desktop,
  .push-1\@desktop,
  .push-2\@desktop,
  .push-3\@desktop,
  .push-4\@desktop,
  .push-5\@desktop,
  .push-6\@desktop,
  .push-7\@desktop,
  .push-8\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 1025px) {
  .pull-0\@desktop,
  .pull-1\@desktop,
  .pull-2\@desktop,
  .pull-3\@desktop,
  .pull-4\@desktop,
  .pull-5\@desktop,
  .pull-6\@desktop,
  .pull-7\@desktop,
  .pull-8\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 1025px) {
  .nowrap\@desktop {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@desktop > * {
    white-space: normal;
  }
}

@media screen and (min-width: 1025px) {
  .wrap\@desktop {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (min-width: 1025px) {
  .gr-centered\@desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}

#gridle-settings {
  content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "767px", "query" : "screen and (max-width: 767px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "768px", "max-width" : "1024px", "query" : "screen and (min-width: 768px) and (max-width: 1024px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop":{ "name" : "desktop", "min-width" : "1025px", "max-width" : null, "query" : "screen and (min-width: 1025px)", "classes" : true, "context" : "8", "column-width" : null, "gutter-width" : "4em", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "2em", "gutter-bottom" : "0", "gutter-left" : "2em", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }';
}

.gr-0 {
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.push-0 {
  left: 0%;
  right: auto;
}

.pull-0 {
  right: 0%;
  left: auto;
}

.prefix-0 {
  margin-left: 0%;
}

.suffix-0 {
  margin-right: 0%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-1 {
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.push-1 {
  left: 12.5%;
  right: auto;
}

.pull-1 {
  right: 12.5%;
  left: auto;
}

.prefix-1 {
  margin-left: 12.5%;
}

.suffix-1 {
  margin-right: 12.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-2 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.push-2 {
  left: 25%;
  right: auto;
}

.pull-2 {
  right: 25%;
  left: auto;
}

.prefix-2 {
  margin-left: 25%;
}

.suffix-2 {
  margin-right: 25%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-3 {
  -webkit-flex-basis: 37.5%;
  -ms-flex-preferred-size: 37.5%;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.push-3 {
  left: 37.5%;
  right: auto;
}

.pull-3 {
  right: 37.5%;
  left: auto;
}

.prefix-3 {
  margin-left: 37.5%;
}

.suffix-3 {
  margin-right: 37.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-4 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.push-4 {
  left: 50%;
  right: auto;
}

.pull-4 {
  right: 50%;
  left: auto;
}

.prefix-4 {
  margin-left: 50%;
}

.suffix-4 {
  margin-right: 50%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-5 {
  -webkit-flex-basis: 62.5%;
  -ms-flex-preferred-size: 62.5%;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.push-5 {
  left: 62.5%;
  right: auto;
}

.pull-5 {
  right: 62.5%;
  left: auto;
}

.prefix-5 {
  margin-left: 62.5%;
}

.suffix-5 {
  margin-right: 62.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-6 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.push-6 {
  left: 75%;
  right: auto;
}

.pull-6 {
  right: 75%;
  left: auto;
}

.prefix-6 {
  margin-left: 75%;
}

.suffix-6 {
  margin-right: 75%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-7 {
  -webkit-flex-basis: 87.5%;
  -ms-flex-preferred-size: 87.5%;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.push-7 {
  left: 87.5%;
  right: auto;
}

.pull-7 {
  right: 87.5%;
  left: auto;
}

.prefix-7 {
  margin-left: 87.5%;
}

.suffix-7 {
  margin-right: 87.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-8 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.push-8 {
  left: 100%;
  right: auto;
}

.pull-8 {
  right: 100%;
  left: auto;
}

.prefix-8 {
  margin-left: 100%;
}

.suffix-8 {
  margin-right: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.no-gutter-top {
  padding-top: 0;
}

.no-gutter-bottom {
  padding-bottom: 0;
}

.gutter {
  padding-right: 2em;
  padding-left: 2em;
}

.gutter-left {
  padding-left: 2em;
}

.gutter-right {
  padding-right: 2em;
}

.auto-height {
  height: inherit;
}

.row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

[class*="no-gutter"] > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

[class*="no-gutter"] > .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

.col-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

.row-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.row-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.row-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.row-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.row-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.row-align-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.hide {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.show {
  display: block;
}

.show-inline {
  display: inline-block;
}

.visible {
  visibility: visible;
}

.row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.row-debug:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 25% 100%;
  z-index: 99999;
}

body {
  direction: ltr;
}

@media screen and (max-width: 767px) {
  .gr-0\@mobile {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@mobile {
    left: 0%;
    right: auto;
  }

  .pull-0\@mobile {
    right: 0%;
    left: auto;
  }

  .prefix-0\@mobile {
    margin-left: 0%;
  }

  .suffix-0\@mobile {
    margin-right: 0%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@mobile {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@mobile {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@mobile {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@mobile {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@mobile {
    margin-left: 12.5%;
  }

  .suffix-1\@mobile {
    margin-right: 12.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@mobile {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@mobile {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@mobile {
    left: 25%;
    right: auto;
  }

  .pull-2\@mobile {
    right: 25%;
    left: auto;
  }

  .prefix-2\@mobile {
    margin-left: 25%;
  }

  .suffix-2\@mobile {
    margin-right: 25%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@mobile {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@mobile {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@mobile {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@mobile {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@mobile {
    margin-left: 37.5%;
  }

  .suffix-3\@mobile {
    margin-right: 37.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@mobile {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@mobile {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@mobile {
    left: 50%;
    right: auto;
  }

  .pull-4\@mobile {
    right: 50%;
    left: auto;
  }

  .prefix-4\@mobile {
    margin-left: 50%;
  }

  .suffix-4\@mobile {
    margin-right: 50%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@mobile {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@mobile {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@mobile {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@mobile {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@mobile {
    margin-left: 62.5%;
  }

  .suffix-5\@mobile {
    margin-right: 62.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@mobile {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@mobile {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@mobile {
    left: 75%;
    right: auto;
  }

  .pull-6\@mobile {
    right: 75%;
    left: auto;
  }

  .prefix-6\@mobile {
    margin-left: 75%;
  }

  .suffix-6\@mobile {
    margin-right: 75%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@mobile {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@mobile {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@mobile {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@mobile {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@mobile {
    margin-left: 87.5%;
  }

  .suffix-7\@mobile {
    margin-right: 87.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@mobile {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@mobile {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@mobile {
    left: 100%;
    right: auto;
  }

  .pull-8\@mobile {
    right: 100%;
    left: auto;
  }

  .prefix-8\@mobile {
    margin-left: 100%;
  }

  .suffix-8\@mobile {
    margin-right: 100%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@mobile {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@mobile {
    float: left;
  }

  .float-right\@mobile {
    float: right;
  }

  .clear\@mobile {
    clear: both;
  }

  .clear-left\@mobile {
    clear: left;
  }

  .clear-right\@mobile {
    clear: right;
  }

  .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@mobile {
    padding-left: 0;
  }

  .no-gutter-right\@mobile {
    padding-right: 0;
  }

  .no-gutter-top\@mobile {
    padding-top: 0;
  }

  .no-gutter-bottom\@mobile {
    padding-bottom: 0;
  }

  .gutter\@mobile {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@mobile {
    padding-left: 2em;
  }

  .gutter-right\@mobile {
    padding-right: 2em;
  }

  .auto-height\@mobile {
    height: inherit;
  }

  .row\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@mobile {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@mobile {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@mobile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@mobile {
    display: none;
  }

  .not-visible\@mobile {
    visibility: hidden;
  }

  .show\@mobile {
    display: block;
  }

  .show-inline\@mobile {
    display: inline-block;
  }

  .visible\@mobile {
    visibility: visible;
  }

  .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@mobile:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-0\@tablet {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@tablet {
    left: 0%;
    right: auto;
  }

  .pull-0\@tablet {
    right: 0%;
    left: auto;
  }

  .prefix-0\@tablet {
    margin-left: 0%;
  }

  .suffix-0\@tablet {
    margin-right: 0%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@tablet {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@tablet {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@tablet {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@tablet {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@tablet {
    margin-left: 12.5%;
  }

  .suffix-1\@tablet {
    margin-right: 12.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@tablet {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@tablet {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@tablet {
    left: 25%;
    right: auto;
  }

  .pull-2\@tablet {
    right: 25%;
    left: auto;
  }

  .prefix-2\@tablet {
    margin-left: 25%;
  }

  .suffix-2\@tablet {
    margin-right: 25%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@tablet {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@tablet {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@tablet {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@tablet {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@tablet {
    margin-left: 37.5%;
  }

  .suffix-3\@tablet {
    margin-right: 37.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@tablet {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@tablet {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@tablet {
    left: 50%;
    right: auto;
  }

  .pull-4\@tablet {
    right: 50%;
    left: auto;
  }

  .prefix-4\@tablet {
    margin-left: 50%;
  }

  .suffix-4\@tablet {
    margin-right: 50%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@tablet {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@tablet {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@tablet {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@tablet {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@tablet {
    margin-left: 62.5%;
  }

  .suffix-5\@tablet {
    margin-right: 62.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@tablet {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@tablet {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@tablet {
    left: 75%;
    right: auto;
  }

  .pull-6\@tablet {
    right: 75%;
    left: auto;
  }

  .prefix-6\@tablet {
    margin-left: 75%;
  }

  .suffix-6\@tablet {
    margin-right: 75%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@tablet {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@tablet {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@tablet {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@tablet {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@tablet {
    margin-left: 87.5%;
  }

  .suffix-7\@tablet {
    margin-right: 87.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@tablet {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@tablet {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@tablet {
    left: 100%;
    right: auto;
  }

  .pull-8\@tablet {
    right: 100%;
    left: auto;
  }

  .prefix-8\@tablet {
    margin-left: 100%;
  }

  .suffix-8\@tablet {
    margin-right: 100%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@tablet {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@tablet {
    float: left;
  }

  .float-right\@tablet {
    float: right;
  }

  .clear\@tablet {
    clear: both;
  }

  .clear-left\@tablet {
    clear: left;
  }

  .clear-right\@tablet {
    clear: right;
  }

  .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@tablet {
    padding-left: 0;
  }

  .no-gutter-right\@tablet {
    padding-right: 0;
  }

  .no-gutter-top\@tablet {
    padding-top: 0;
  }

  .no-gutter-bottom\@tablet {
    padding-bottom: 0;
  }

  .gutter\@tablet {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@tablet {
    padding-left: 2em;
  }

  .gutter-right\@tablet {
    padding-right: 2em;
  }

  .auto-height\@tablet {
    height: inherit;
  }

  .row\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@tablet {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@tablet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@tablet {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@tablet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@tablet {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@tablet {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@tablet {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@tablet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@tablet {
    display: none;
  }

  .not-visible\@tablet {
    visibility: hidden;
  }

  .show\@tablet {
    display: block;
  }

  .show-inline\@tablet {
    display: inline-block;
  }

  .visible\@tablet {
    visibility: visible;
  }

  .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@tablet:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

@media screen and (min-width: 1025px) {
  .gr-0\@desktop {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@desktop {
    left: 0%;
    right: auto;
  }

  .pull-0\@desktop {
    right: 0%;
    left: auto;
  }

  .prefix-0\@desktop {
    margin-left: 0%;
  }

  .suffix-0\@desktop {
    margin-right: 0%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@desktop {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@desktop {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@desktop {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@desktop {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@desktop {
    margin-left: 12.5%;
  }

  .suffix-1\@desktop {
    margin-right: 12.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@desktop {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@desktop {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@desktop {
    left: 25%;
    right: auto;
  }

  .pull-2\@desktop {
    right: 25%;
    left: auto;
  }

  .prefix-2\@desktop {
    margin-left: 25%;
  }

  .suffix-2\@desktop {
    margin-right: 25%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@desktop {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@desktop {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@desktop {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@desktop {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@desktop {
    margin-left: 37.5%;
  }

  .suffix-3\@desktop {
    margin-right: 37.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@desktop {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@desktop {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@desktop {
    left: 50%;
    right: auto;
  }

  .pull-4\@desktop {
    right: 50%;
    left: auto;
  }

  .prefix-4\@desktop {
    margin-left: 50%;
  }

  .suffix-4\@desktop {
    margin-right: 50%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@desktop {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@desktop {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@desktop {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@desktop {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@desktop {
    margin-left: 62.5%;
  }

  .suffix-5\@desktop {
    margin-right: 62.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@desktop {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@desktop {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@desktop {
    left: 75%;
    right: auto;
  }

  .pull-6\@desktop {
    right: 75%;
    left: auto;
  }

  .prefix-6\@desktop {
    margin-left: 75%;
  }

  .suffix-6\@desktop {
    margin-right: 75%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@desktop {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@desktop {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@desktop {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@desktop {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@desktop {
    margin-left: 87.5%;
  }

  .suffix-7\@desktop {
    margin-right: 87.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@desktop {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@desktop {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@desktop {
    left: 100%;
    right: auto;
  }

  .pull-8\@desktop {
    right: 100%;
    left: auto;
  }

  .prefix-8\@desktop {
    margin-left: 100%;
  }

  .suffix-8\@desktop {
    margin-right: 100%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@desktop {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@desktop {
    float: left;
  }

  .float-right\@desktop {
    float: right;
  }

  .clear\@desktop {
    clear: both;
  }

  .clear-left\@desktop {
    clear: left;
  }

  .clear-right\@desktop {
    clear: right;
  }

  .no-gutter\@desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@desktop {
    padding-left: 0;
  }

  .no-gutter-right\@desktop {
    padding-right: 0;
  }

  .no-gutter-top\@desktop {
    padding-top: 0;
  }

  .no-gutter-bottom\@desktop {
    padding-bottom: 0;
  }

  .gutter\@desktop {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@desktop {
    padding-left: 2em;
  }

  .gutter-right\@desktop {
    padding-right: 2em;
  }

  .auto-height\@desktop {
    height: inherit;
  }

  .row\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@desktop {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@desktop {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@desktop {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@desktop {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@desktop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@desktop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@desktop {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@desktop {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@desktop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@desktop {
    display: none;
  }

  .not-visible\@desktop {
    visibility: hidden;
  }

  .show\@desktop {
    display: block;
  }

  .show-inline\@desktop {
    display: inline-block;
  }

  .visible\@desktop {
    visibility: visible;
  }

  .row-debug\@desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@desktop:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

[class*="gr-"] > [class^="row"],
[class*="gr-"] > [class^="col"] {
  margin-left: -2em;
  margin-right: -2em;
}

@media screen and (max-width: 767px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

@media screen and (min-width: 1025px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

.link,
.b-project-section a {
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  color: #5c5c5c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0044), to(#ff0044));
  background-image: -webkit-linear-gradient(#ff0044, #ff0044);
  background-image: -o-linear-gradient(#ff0044, #ff0044);
  background-image: linear-gradient(#ff0044, #ff0044);
  background-repeat: repeat-x;
  background-position: 0 95%;
  background-size: 1px 1px;
}

.link:hover,
.b-project-section a:hover {
  color: #ff0044;
}

.h1 span,
.h2 span,
.h3 span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #ff0044;
}

.h1 span,
.h2 span {
  line-height: 1.3;
}

.h1 span {
  font-size: 8em;
}

@media screen and (max-width: 767px) {
  .h1 span {
    font-size: 3.2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h1 span {
    font-size: 6.4em;
  }
}

.h2 span {
  font-size: 5.7em;
}

@media screen and (max-width: 767px) {
  .h2 span {
    font-size: 2.28em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h2 span {
    font-size: 4.56em;
  }
}

.h3 span {
  font-size: 4em;
}

@media screen and (max-width: 767px) {
  .h3 span {
    font-size: 1.6em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h3 span {
    font-size: 3.2em;
  }
}

.h4 span {
  font-size: 2.8em;
}

@media screen and (max-width: 767px) {
  .h4 span {
    font-size: 1.12em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .h4 span {
    font-size: 2.24em;
  }
}

.p {
  margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
  .p {
    margin-bottom: 1.4em;
  }
}

.p span {
  font-family: "Roboto", sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.8em;
}

@media screen and (max-width: 767px) {
  .p span {
    font-size: 1.6em;
  }
}

.list-title {
  margin-top: 2.7em;
  margin-bottom: 1.8em;
}

.unordered-list {
  margin-bottom: 3.1em;
}

.unordered-list ul {
  margin-top: 1.4em;
}

.unordered-list li {
  position: relative;
  margin-bottom: 1.4em;
  padding-left: 2.1em;
}

.unordered-list li::before {
  position: absolute;
  top: 1.1em;
  left: .1em;
  width: 1em;
  height: .2em;
  content: '';
  background: #ff0044;
}

.unordered-list span {
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .unordered-list span {
    font-size: 2em;
  }
}

@media screen and (max-width: 767px) {
  .unordered-list span {
    font-size: 1.5em;
  }
}

.bold {
  font-weight: 500;
  color: #2e2e2e;
}

.bolder {
  font-weight: 900;
  color: #2e2e2e;
}

.lead {
  margin-bottom: 2.4em;
}

@media screen and (max-width: 767px) {
  .lead {
    margin-bottom: 1.4em;
  }
}

.lead span {
  font-family: "Roboto", sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.8em;
}

@media screen and (max-width: 767px) {
  .lead span {
    font-size: 1.6em;
  }
}

.lead span {
  font-weight: 400;
  line-height: 1.7;
  color: rgba(29, 31, 38, 0.7);
}

@media screen and (max-width: 767px) {
  .lead span {
    font-size: 1.8em;
    line-height: 1.5;
  }
}

.quote span {
  font-size: 2.2em;
  font-style: italic;
  line-height: 2.1;
}

@media screen and (max-width: 767px) {
  .quote span {
    font-size: 1.6em;
  }
}

.number span {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: rgba(46, 46, 46, 0.1);
}

.big-caption {
  font-size: 32em;
  font-weight: bold;
  line-height: 1;
  color: rgba(0, 0, 0, 0.03);
}

/**
 * Component Logo
 **/

/**
 * Component Navigation
 **/

/**
 * Component Request Estimate link
 **/

/**
 * Component Button
 **/

/**
 * Component Form Fields
 **/

.c-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.c-button_wrap {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-button_wrap svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.c-button_wrap g {
  fill: #2e2e2e;
}

.c-button_content {
  position: relative;
  z-index: 2;
  padding: 0 20px;
  text-align: center;
  white-space: nowrap;
  outline: 0;
}

.c-field {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #444;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: rgba(255, 255, 255, 0.04);
}

.c-field input::-webkit-input-placeholder,
.c-field textarea::-webkit-input-placeholder {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.665em;
}

@media only screen and (max-width: 767px) {
  .c-field input::-webkit-input-placeholder,
  .c-field textarea::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 1.53;
  }
}

.c-field input::-moz-placeholder,
.c-field textarea::-moz-placeholder {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.665em;
}

@media only screen and (max-width: 767px) {
  .c-field input::-moz-placeholder,
  .c-field textarea::-moz-placeholder {
    font-size: 13px;
    line-height: 1.53;
  }
}

.c-field input:-ms-input-placeholder,
.c-field textarea:-ms-input-placeholder {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.665em;
}

@media only screen and (max-width: 767px) {
  .c-field input:-ms-input-placeholder,
  .c-field textarea:-ms-input-placeholder {
    font-size: 13px;
    line-height: 1.53;
  }
}

.c-field.error {
  border-color: #ff0044;
}

.c-field.c-field--focused {
  border-color: white;
}

.c-field_label {
  color: #aeaeae;
}

.c-field_label span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.785em;
  color: white;
}

.c-textfield {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .c-textfield {
    height: 4.2em;
    padding: 1.1em 1.2em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .c-textfield {
    height: 3.9em;
    padding: 1em .8em;
  }
}

@media only screen and (min-width: 1280px) {
  .c-textfield {
    height: 4.2em;
    padding: 1.1em;
  }
}

.c-textarea {
  width: 100%;
}

.c-radiobutton {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  cursor: default;
}

.c-radiobutton label {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 1.8em;
}

@media only screen and (max-width: 767px) {
  .c-radiobutton label {
    padding-left: 5em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-radiobutton label {
    padding-left: 5.5em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .c-radiobutton label {
    padding-left: 4.9em;
  }
}

@media only screen and (min-width: 1280px) {
  .c-radiobutton label {
    padding-left: 5.2em;
  }
}

.c-radiobutton span {
  font-size: 1.6em;
  color: #5c5c5c;
}

.ui-radio + i {
  width: 2.4em;
  height: 2.4em;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  margin-top: -1.2em;
  background-image: url(/assets/files/button_radio-716aa557650ee01a87ab699309a2d98d.png);
  background-repeat: no-repeat;
  background-position: 0 -2.4em;
  background-size: 2.4em;
}

@media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) {
  .ui-radio + i {
    background-image: url(/assets/files/button_radio@2x-a10d7fe537933f98c97a213f9940b38b.png);
    background-position: 0 -2.4em;
  }
}

.ui-radio:checked + i {
  background-image: url(/assets/files/button_radio-716aa557650ee01a87ab699309a2d98d.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2.4em;
}

@media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) {
  .ui-radio:checked + i {
    background-image: url(/assets/files/button_radio@2x-a10d7fe537933f98c97a213f9940b38b.png);
    background-position: 0 0;
  }
}

.ui-checkbox + i {
  width: 2.4em;
  height: 2.4em;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  margin-top: -1.2em;
  background-image: url(/assets/files/button_checkbox-f780c9e935ac16132ccd399ead1ba665.png);
  background-repeat: no-repeat;
  background-position: 0 -2.4em;
  background-size: 2.4em;
}

@media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) {
  .ui-checkbox + i {
    background-image: url(/assets/files/button_checkbox@2x-5e6ecf1b0fb859d82f582d79f9c06b05.png);
    background-position: 0 -2.4em;
  }
}

.ui-checkbox:checked + i {
  background-image: url(/assets/files/button_checkbox-f780c9e935ac16132ccd399ead1ba665.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2.4em;
}

@media only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), (min-width: 320px) and (min-resolution: 192dpi), (min-width: 320px) and (min-resolution: 2dppx) {
  .ui-checkbox:checked + i {
    background-image: url(/assets/files/button_checkbox@2x-5e6ecf1b0fb859d82f582d79f9c06b05.png);
    background-position: 0 0;
  }
}

.ui-radio,
.ui-checkbox {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 2.4em;
  height: 2.4em;
  margin-top: -1.2em;
  opacity: 0;
  cursor: pointer;
}

.ui-textfield,
.ui-textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
}

@media only screen and (max-width: 1024px) {
  .ui-textfield,
  .ui-textarea {
    font-size: 1.8em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .ui-textfield,
  .ui-textarea {
    font-size: 1.6em;
  }
}

@media only screen and (min-width: 1280px) {
  .ui-textfield,
  .ui-textarea {
    font-size: 1.8em;
  }
}

.ui-textfield ~ .c-field_label,
.ui-textarea ~ .c-field_label {
  position: absolute;
  top: -28px;
  left: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.ui-textfield.full ~ .c-field_label,
.ui-textarea.full ~ .c-field_label {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  .ui-textfield.full ~ .c-field_label,
  .ui-textarea.full ~ .c-field_label {
    top: -28px;
  }
}

@media only screen and (min-width: 1025px) {
  .ui-textfield.full ~ .c-field_label,
  .ui-textarea.full ~ .c-field_label {
    top: -28px;
  }
}

.ui-textfield.required ~ .c-field_label,
.ui-textarea.required ~ .c-field_label {
  padding-right: 1.4em;
}

.ui-textfield.required ~ .c-field_label:after,
.ui-textarea.required ~ .c-field_label:after {
  font-size: 1.4em;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  content: '*';
  color: #ff0044;
}

.ui-textfield {
  width: 100%;
}

.ui-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  resize: none;
}

@media only screen and (max-width: 1024px) {
  .ui-textarea {
    padding: 0.66667em 0.5em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .ui-textarea {
    padding: 0.75em 0.5625em;
  }
}

@media only screen and (min-width: 1280px) {
  .ui-textarea {
    padding: 0.66667em 0.5em;
  }
}

/**
 * Component Popup
 **/

.c-popup_close {
  background: url(/assets/files/i-32-cross-76729f95be7b00e31ac302e6064b6937.svg) 50% 50% no-repeat transparent;
  opacity: 0.7;
  background-size: auto 32px;
  position: absolute;
  z-index: 500;
  color: white;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 64px;
  height: 64px;
  -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.c-popup_close:hover {
  opacity: 1;
  background-color: #ff0044;
}

@media only screen and (max-width: 1024px) {
  .c-popup_close {
    position: fixed;
  }
}

.c-popup_content {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-popup.request_estimate {
  margin: auto;
  z-index: 2;
  background-color: #18191c;
}

@media only screen and (max-width: 1024px) {
  .c-popup.request_estimate {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 1024px) {
  .c-popup.request_estimate .c-popup_content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: 100%;
  }
}

.c-request_estimate {
  position: fixed;
  z-index: 40;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 1024px) {
  .c-request_estimate {
    top: 0;
    height: 100%;
    left: 0;
    background: #fff;
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 1025px) {
  .c-request_estimate {
    top: 0;
    height: 100%;
  }
}

.c-request_estimate.finished .c-request_estimate_form {
  display: none;
}

.c-request_estimate.active .request_estimate_container {
  opacity: 1;
}

.request_estimate_container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  overflow-y: auto;
}

.c-slide.request_estimate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(29, 31, 38, 0.9);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-request_estimate-slide {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #bfbfbf;
  background-color: rgba(29, 31, 38, 0.9);
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide {
    min-height: 570px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_estimate-slide {
    min-height: 600px;
  }
}

.b-request_estimate-slide .b-request_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  background-color: #18191c;
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content {
    width: 100%;
    background-color: transparent;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content {
    padding: 72px 64px 64px;
  }
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content {
    padding: 64px 0 0;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content {
    width: calc(calc(100vw - 155px) / 12 * 8 - 1px);
  }
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.b-request_estimate-slide .b-request_content_part {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-request_estimate-slide .b-request_content_part_inner {
  padding: 48px 0 56px;
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part_inner {
    padding: 32px 0 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part_inner {
    padding: unset;
  }
}

.b-request_estimate-slide .b-request_content_part .b-request_form_inner {
  width: 100%;
  overflow: hidden;
}

.b-request_estimate-slide .b-request_content_part-1 {
  padding-right: 56px;
}

@media only screen and (min-width: 1200px) and (max-width: 1359px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 64px;
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: unset;
    background-color: #18191c;
    padding: 48px 60px 64px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-inline: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-inline: 24px;
  }
}

.b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
  padding-left: 64px;
  width: calc(8 * calc(100vw - 155px) / 12 - 67px);
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    padding-left: 56px;
    width: calc(7 * calc(100vw - 155px) / 12 - 56px);
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(7 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1560px) and (max-width: 1799px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(6 * calc(100vw - 155px) / 12 - 76px);
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 80px);
    padding-left: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: 100%;
    padding-left: unset;
  }
}

.b-request_estimate-slide .b-request_content_part-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 56px;
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    border-right: unset;
    padding-left: unset;
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1359px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 64px;
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 80px;
  }
}

.b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
  padding-right: 56px;
  height: 100%;
  width: calc(calc(100vw - 155px) / 12 * 5 - 112px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 64px;
  width: calc(4 * calc(100vw - 155px) / 12 - 64px);
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-right: 56px;
    width: calc(5 * calc(100vw - 155px) / 12 - 56px);
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1560px) and (max-width: 1799px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 73px);
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 80px);
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: auto;
    padding-right: unset;
    gap: 32px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-inline: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-inline: 24px;
  }
}

.b-request_paragraph {
  font-family: "TT Hoves Pro", "Arial", sans-serif;
  font-weight: 300;
  color: white;
  font-size: 22px;
  line-height: 1.27;
}

@media only screen and (min-width: 1360px) and (max-width: 1799px) {
  .b-request_paragraph {
    font-size: 24px;
    line-height: 1.33;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_paragraph {
    font-size: clamp(24px, calc(-36.5042px + 3.36134vw), 28px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_paragraph {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_paragraph {
    font-size: 32px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_paragraph {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_paragraph {
    font-size: 22px;
    line-height: 28px;
  }
}

/**
 * Component Shadow
 **/

.c-shadow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0;
  background: #000000;
}

@media only screen and (max-width: 1024px) {
  .c-request_estimate .c-shadow {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .c-request_estimate.active .c-shadow {
    opacity: 1;
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * Component Request Estimate
 **/

.c-logo {
  position: relative;
  left: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .c-logo {
    z-index: 2;
    -webkit-transition: opacity .4s ease .2s;
    -o-transition: opacity .4s ease .2s;
    transition: opacity .4s ease .2s;
    opacity: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-logo {
    left: -12px;
  }
}

@media only screen and (max-width: 767px) {
  .c-logo {
    left: -14px;
  }
}

@media only screen and (max-width: 1024px) {
  .collapse .c-logo {
    display: none;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0;
  }
}

.c-logo:before {
  display: block;
  width: 21em;
  height: 4.6em;
  content: ' ';
  background-image: url(/assets/files/mercdev-logo-black-38738ac3e55531f1867e301e1fef28e5.svg), url(/assets/files/mercdev-logo-white-b6d4fd7c7e2c4b757714ae0a197997cc.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
  -webkit-transition: background-image .3s ease-in-out;
  -o-transition: background-image .3s ease-in-out;
  transition: background-image .3s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  .c-logo:before {
    width: 17em;
    height: 3.6em;
  }
}

@media only screen and (max-width: 767px) {
  .c-logo:before {
    width: 14em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .c-logo:before {
    background-image: url(/assets/files/mercdev-logo-mini-black-12bee38d5d86ed21a16b463efc5cb637.svg), url(/assets/files/mercdev-logo-mini-white-c4bd644c578c2efc735217e919ecd1c1.svg);
    width: 8em;
    height: 6em;
  }
}

@media only screen and (min-width: 1025px) {
  .c-logo:before {
    margin-top: -6px;
  }

  .l-header--transparent .c-logo:before {
    background-image: url(/assets/files/mercdev-logo-white-b6d4fd7c7e2c4b757714ae0a197997cc.svg), url(/assets/files/mercdev-logo-black-38738ac3e55531f1867e301e1fef28e5.svg);
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1279px) {
  .l-header--transparent .c-logo:before {
    background-image: url(/assets/files/mercdev-logo-mini-white-c4bd644c578c2efc735217e919ecd1c1.svg), url(/assets/files/mercdev-logo-mini-black-12bee38d5d86ed21a16b463efc5cb637.svg);
    width: 8em;
    height: 6em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .c-logo:before {
    margin-top: 0px;
  }
}

@-webkit-keyframes logo-fade-out {
  to {
    display: none;
    opacity: 0;
  }
}

@keyframes logo-fade-out {
  to {
    display: none;
    opacity: 0;
  }
}

@-webkit-keyframes logo-fade-in {
  to {
    display: block;
    opacity: 1;
  }
}

@keyframes logo-fade-in {
  to {
    display: block;
    opacity: 1;
  }
}

@media only screen and (max-width: 1024px) {
  .c-nav {
    position: fixed;
    z-index: 1;
    top: .8em;
    right: 1.2em;
    width: 4.4em;
    height: 4.4em;
    -webkit-transition: all 216.66667ms ease 416.66667ms;
    -o-transition: all 216.66667ms ease 416.66667ms;
    transition: all 216.66667ms ease 416.66667ms;
  }

  .c-nav.active {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .c-nav.active .c-nav_wrap {
    width: 100vw;
    height: 100%;
    min-height: 100vh;
    -webkit-transition: opacity 416.66667ms ease 216.66667ms;
    -o-transition: opacity 416.66667ms ease 216.66667ms;
    transition: opacity 416.66667ms ease 216.66667ms;
    opacity: 1;
  }

  .c-nav:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 4.4em;
    height: 4.4em;
    content: '';
    -webkit-transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms;
    -o-transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms;
    transition: all 633.33333ms ease, opacity 633.33333ms ease 416.66667ms;
    opacity: 0;
    border-radius: 2.2em;
    background: #fff;
  }

  .c-nav:after {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 6.2em;
    content: '';
    -webkit-transition: all 633.33333ms ease;
    -o-transition: all 633.33333ms ease;
    transition: all 633.33333ms ease;
    background: #fff;
  }

  .c-nav.active:after {
    opacity: 0;
  }

  .c-nav.collapse:after {
    top: .8em;
    right: 1.2em;
    width: 4.4em;
    height: 4.4em;
    border-radius: 2.2em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1024px) {
  .c-nav.active:before {
    top: 50%;
    right: 50%;
    width: 300vw;
    height: 300vw;
    margin: -150vw -150vw 0 0;
    -webkit-transition: all 633.33333ms ease, opacity 1ms ease;
    -o-transition: all 633.33333ms ease, opacity 1ms ease;
    transition: all 633.33333ms ease, opacity 1ms ease;
    opacity: 1;
    border-radius: 150vw;
  }
}

@media only screen and (orientation: portrait) and (max-width: 1024px) {
  .c-nav.active:before {
    top: 50%;
    right: 50%;
    width: 300vh;
    height: 300vh;
    margin: -150vh -150vh 0 0;
    -webkit-transition: all 633.33333ms ease, opacity 1ms ease;
    -o-transition: all 633.33333ms ease, opacity 1ms ease;
    transition: all 633.33333ms ease, opacity 1ms ease;
    opacity: 1;
    border-radius: 150vh;
  }
}

@media only screen and (max-width: 767px) {
  .c-nav.active:after {
    z-index: 4;
    background-color: white;
    opacity: 1;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media only screen and (max-width: 1024px) {
  .c-nav_wrap {
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    -webkit-transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease;
    -o-transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease;
    transition: all 0.5s ease 416.66667ms, opacity 416.66667ms ease;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .c-nav_wrap {
    padding: 9em 0 10em 4em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 10em 0 4em;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_list {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.c-nav_overlay {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 6.2em;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 2px #ccc;
  box-shadow: 0 0 4px 2px #ccc;
}

@media only screen and (max-width: 767px) {
  .c-nav_overlay {
    z-index: 5;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_overlay {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.c-nav_ico {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .c-nav_ico {
    position: absolute;
    z-index: 4;
    top: 1.4em;
    right: 1em;
    display: block;
    width: 2.4em;
    height: 1.6em;
  }

  .c-nav_ico:before {
    padding: 28px 46px;
    content: '';
  }
}

@media only screen and (max-width: 767px) {
  .c-nav_ico {
    z-index: 5;
  }
}

.c-nav_ico.active .top {
  top: 0.7em;
  -webkit-transition: top 233.33333ms ease-in-out 33.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  transition: top 233.33333ms ease-in-out 33.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  -o-transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms;
  transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms;
  transition: top 233.33333ms ease-in-out 33.33333ms, transform 266.66667ms ease-in-out 333.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.c-nav_ico.active .middle {
  top: 50%;
  margin-top: -.1em;
  -webkit-transition: -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  transition: -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  -o-transition: transform 266.66667ms ease-in-out 333.33333ms;
  transition: transform 266.66667ms ease-in-out 333.33333ms;
  transition: transform 266.66667ms ease-in-out 333.33333ms, -webkit-transform 266.66667ms ease-in-out 333.33333ms;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.c-nav_ico.active .bottom {
  bottom: 0.7em;
  -webkit-transition: bottom 233.33333ms ease-in-out 33.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms;
  transition: bottom 233.33333ms ease-in-out 33.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms;
  -o-transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms;
  transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms;
  transition: bottom 233.33333ms ease-in-out 33.33333ms, transform 300ms ease-in-out 333.33333ms, -webkit-transform 300ms ease-in-out 333.33333ms;
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
  transform: rotate(-45deg) translate3d(0, 0, 0);
}

@media only screen and (max-width: 1024px) {
  .c-nav_ico_line {
    position: absolute;
    left: 0;
    width: 100%;
    height: .2em;
    -webkit-transition: all 266.66667ms ease-in-out 33.33333ms;
    -o-transition: all 266.66667ms ease-in-out 33.33333ms;
    transition: all 266.66667ms ease-in-out 33.33333ms;
    /*webGl hack*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: .1em;
    background-color: #ed3d24;
  }

  .c-nav_ico_line.top {
    top: 0;
  }

  .c-nav_ico_line.middle {
    top: 50%;
    margin-top: -.1em;
  }

  .c-nav_ico_line.bottom {
    bottom: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_ico_line {
    display: none;
  }
}

.c-nav_link_wrap {
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .c-nav_link_wrap {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_link_wrap {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_link_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .c-nav_link_wrap:hover,
  .c-nav_link_wrap.active {
    background-color: white;
  }

  .c-nav_link_wrap:hover .c-nav_link span,
  .c-nav_link_wrap.active .c-nav_link span {
    color: #ff0044;
  }

  .l-header--transparent .c-nav_link_wrap:hover,
  .l-header--transparent .c-nav_link_wrap.active {
    background-color: transparent;
  }
}

.c-nav_link_wrap .b-nav_customer_support span,
.c-nav_link_wrap .b-nav_customer_login span {
  color: rgba(29, 31, 38, 0.85);
}

.c-nav_link {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .c-nav_link {
    line-height: 54px;
    display: block;
  }

  .c-nav_link span {
    color: rgba(29, 31, 38, 0.85);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_link {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 4em 0;
    text-align: center;
  }

  .c-nav_link:hover {
    background: #fcd9d4;
  }

  .c-nav_link span {
    font-size: 32px;
    line-height: 1em;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.9em;
  }

  .c-nav_link span {
    font-size: 14px;
  }

  .l-header--transparent .c-nav_link span {
    color: white;
  }
}

.c-nav_link span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  color: #1d1f26;
  margin-bottom: 0.69em;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_link span {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .c-nav_footer {
    margin-top: 3em;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .c-nav_footer {
    margin-bottom: 2em;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .c-nav_footer {
    margin-bottom: 3em;
  }
}

@media only screen and (min-width: 1025px) {
  .c-nav_footer {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    top: -40px;
    min-height: 15em;
    margin: 0 auto;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .c-nav_footer {
    margin-bottom: 10em;
  }
}

@media only screen and (max-width: 1024px) {
  .b-nav_request_estimate_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-nav_request_estimate_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 1025px) {
  .b-nav_request_estimate_link {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .b-nav_customer_support,
  .b-nav_customer_login {
    display: none;
  }
}

.b-nav_footer_text {
  padding: 1.1em 0 1em;
  text-decoration: underline;
  opacity: .35;
  color: black;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-nav_footer_text {
    opacity: 1;
    color: #909090;
  }
}

.b-nav_footer_text span {
  font-size: 1.4em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-nav_footer_text span {
    font-size: 1.6em;
  }
}

.b-nav_footer_email {
  display: inline-block;
  vertical-align: top;
}

.c-request_estimate_link {
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .c-request_estimate_link {
    width: 21em;
  }
}

@media only screen and (max-width: 767px) {
  .c-request_estimate_link {
    letter-spacing: .08em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-request_estimate_link {
    letter-spacing: 1.6px;
  }
}

@media only screen and (min-width: 1025px) {
  .l-header--transparent .c-request_estimate_link {
    color: white;
  }
}

@media only screen and (max-width: 1024px) {
  .c-request_estimate_link svg {
    width: 100%;
    height: 100%;
  }
}

.c-request_estimate_link .c-request_estimate_link_value_less-desktop {
  display: none;
  font-size: inherit;
}

@media only screen and (max-width: 1024px) {
  .c-request_estimate_link .c-request_estimate_link_value_less-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .c-request_estimate_link .c-request_estimate_link_value_less-desktop {
    height: 54px;
  }
}

.c-request_estimate_button {
  display: none;
  text-transform: none;
}

@media only screen and (min-width: 1025px) {
  .c-request_estimate_button {
    display: block;
  }
}

.c-request_estimate_link_icon {
  position: relative;
  margin-right: .62em;
}

@media only screen and (max-width: 767px) {
  .c-request_estimate_link_icon {
    width: 14px;
    height: 14px;
    margin-right: .6em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-request_estimate_link_icon {
    width: 32px;
    height: 32px;
    margin-right: 1.2em;
  }
}

.c-request_estimate_link_icon svg g {
  fill: #ff0044;
}

.landing__request-estimate-section {
  position: relative;
  padding: 160px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #121418;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .landing__request-estimate-section {
    padding-top: unset;
    padding-bottom: unset;
  }
}

.landing__request-estimate-section::before {
  content: "CONTACT US";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 300px;
  line-height: 1.07;
  color: rgba(146, 161, 174, 0.1);
  letter-spacing: 6px;
  margin-bottom: 0.535em;
  letter-spacing: 10px;
  white-space: nowrap;
  color: #1d1f26;
  margin-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  .landing__request-estimate-section::before {
    left: 50%;
    bottom: -60px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 1024px) {
  .landing__request-estimate-section::before {
    display: none;
  }
}

.landing__request-estimate-section .b-request_estimate-slide {
  position: relative;
  z-index: 2;
  background-color: transparent;
  min-height: 0;
  font-size: 10px;
  overflow: visible;
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .landing__request-estimate-section .b-request_submit {
    margin-left: 20px;
  }
}

.b-request_bg {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 1024px) {
  .b-request_bg {
    border: unset;
  }
}

.b-request_bg_inner {
  width: 100%;
  height: 100%;
}

.b-request_bg .b-request_content,
.b-request_bg .b-request_content_part-1 {
  height: 100%;
}

.b-request_content {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1024px) {
  .b-request_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.b-request_result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1280px) {
  .b-request_result_fail {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.b-request_result_content {
  height: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1280px) {
  .b-request_result_content {
    min-width: 480px;
  }
}

.b-request_result_wrap {
  text-align: left;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.b-request_estimate-slide-cols {
  font-size: 10px;
  width: 100%;
}

.b-request_title {
  width: 100%;
  text-transform: uppercase;
  font-family: "Sofia", "Arial", sans-serif;
  color: #ff0044;
  font-size: 44px;
  line-height: 1.09;
  letter-spacing: 3.52px;
  font-weight: 800;
  margin-bottom: 24px;
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_title {
    font-size: 52px;
    line-height: 1.15;
    letter-spacing: 4.16px;
  }
}

@media only screen and (min-width: 1560px) and (max-width: 1799px) {
  .b-request_title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 3.84px;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_title {
    font-size: clamp(48px, calc(-73.0084px + 6.72269vw), 56px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_title {
    font-size: 64px;
    line-height: 72px;
    letter-spacing: 5.12px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_title {
    font-size: 80px;
    line-height: 1;
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_title {
    font-size: 68px;
    line-height: 72px;
    letter-spacing: 5.44px;
  }
}

@media only screen and (min-width: 380px) and (max-width: 459px) {
  .b-request_title {
    font-size: 52px;
    line-height: 56px;
    letter-spacing: 4.16px;
  }
}

@media only screen and (max-width: 379px) {
  .b-request_title {
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 3.52px;
  }
}

.b-request_contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.b-request_contact .l-mail-link {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
  font-family: "Sofia", "Arial", sans-serif;
  font-weight: 900;
  color: #ff0044;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1.4px;
  pointer-events: all;
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_contact .l-mail-link {
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: 2.2px;
  }
}

@media only screen and (min-width: 1560px) {
  .b-request_contact .l-mail-link {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_contact .l-mail-link {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2.4px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_contact .l-mail-link {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2.4px;
  }
}

@media only screen and (min-width: 380px) and (max-width: 459px) {
  .b-request_contact .l-mail-link {
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 2.1px;
  }
}

@media only screen and (max-width: 379px) {
  .b-request_contact .l-mail-link {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 1.7px;
  }
}

.b-request_contact .l-mail-link:hover {
  color: white;
}

.b-request_contact .l-mail-link:active {
  color: rgba(255, 255, 255, 0.75);
}

.b-request_contact .l-phone-link a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Sofia", "Arial", sans-serif;
  color: white;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  font-weight: 800;
  font-size: 32px;
  line-height: 1.19;
  letter-spacing: 2.56px;
  text-transform: uppercase;
  pointer-events: all;
}

@media only screen and (min-width: 1360px) and (max-width: 1919px) {
  .b-request_contact .l-phone-link a {
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: 2.88px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_contact .l-phone-link a {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 3.2px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_contact .l-phone-link a {
    font-size: 44px;
    line-height: 1;
    letter-spacing: 3.52px;
  }
}

@media only screen and (min-width: 380px) and (max-width: 459px) {
  .b-request_contact .l-phone-link a {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: 3.04px;
  }
}

@media only screen and (max-width: 379px) {
  .b-request_contact .l-phone-link a {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 2.56px;
  }
}

.b-request_contact .l-phone-link a:hover {
  color: #ff0044;
}

.b-request_contact .l-phone-link a:active {
  color: #ed4159;
}

.b-request_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 25px 0 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_footer {
    margin: 40px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .b-request_footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (min-width: 1280px) {
  .b-request_bg .b-request_footer {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .b-request_content {
    width: 100%;
  }

  .b-request_content .b-request_submit {
    width: 178px;
    margin: 27px 0 0;
  }

  .b-request_content .b-request_radio-wrapper {
    margin-top: 20px;
  }

  .b-request_content .b-request_radio .c-radiobutton {
    margin-bottom: 26px;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .b-request_content .b-request_radio .c-radiobutton:nth-child(6) {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom {
    top: -11px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_content {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .b-request_content .b-request_submit {
    width: 178px;
    margin: 0;
  }

  .b-request_content .c-field.c-textarea {
    height: 137px;
    margin: 7em auto 0;
  }

  .b-request_content .b-request_user {
    width: 100%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .b-request_content .b-request_user .c-field {
    display: inline-block;
    width: calc(50% - 8px);
    margin: 0;
  }

  .b-request_content .b-request_company {
    padding: 0;
  }

  .b-request_content .b-request_radio {
    display: block;
    padding: 10px 0 0 16px;
  }

  .b-request_content .b-request_radio-wrapper {
    margin-top: 40px;
  }

  .b-request_content .b-request_radio .c-radiobutton {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
  .b-request_content .b-request_radio .c-radiobutton {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_content .b-request_radio .c-radiobutton:last-child {
    margin-bottom: 15px;
  }

  .b-request_content .b-request_radio .c-radiobutton label {
    padding-left: 38px;
  }

  .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom {
    width: 190px;
  }
}

@media only screen and (min-width: 1025px) {
  .b-request_content .b-request_submit {
    width: 178px;
  }

  .b-request_content .b-request_contact {
    bottom: -2px;
    left: 121px;
  }

  .b-request_content .c-field.c-textarea {
    height: 107px;
  }

  .b-request_content .b-request_user {
    margin-bottom: 28px;
  }

  .b-request_content .b-request_radio {
    padding: 10px 0 0 10px;
  }

  .b-request_content .b-request_radio-wrapper {
    margin-top: 20px;
  }

  .b-request_content .b-request_radio .c-radiobutton {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 25px;
    width: 50%;
  }

  .b-request_content .b-request_radio .c-radiobutton label {
    padding-left: 38px;
  }

  .b-request_content .b-request_radio .c-radiobutton:last-child {
    margin-top: 0;
  }

  .b-request_content .b-request_radio .c-radiobutton .b-request_radio_custom {
    top: -14px;
  }
}

@media only screen and (min-width: 1280px) {
  .b-request_content .b-request_submit {
    width: 178px;
    margin: 0;
  }

  .b-request_content .c-field {
    height: 42px;
    padding: 11px 11px 10px;
  }

  .b-request_content .c-field input,
  .b-request_content .c-field textarea {
    font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: rgba(29, 31, 38, 0.75);
    margin-bottom: 0.665em;
    color: white;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  .b-request_content .c-field input,
  .b-request_content .c-field textarea {
    font-size: 13px;
    line-height: 1.53;
  }
}

@media only screen and (min-width: 1280px) {
  .b-request_content .c-field input::-webkit-input-placeholder,
  .b-request_content .c-field textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .b-request_content .c-field input::-moz-placeholder,
  .b-request_content .c-field textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .b-request_content .c-field input::-ms-input-placeholder,
  .b-request_content .c-field textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .b-request_content .c-field input::placeholder,
  .b-request_content .c-field textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .b-request_content .c-field.error input,
  .b-request_content .c-field.error textarea {
    color: #ff0044;
  }

  .b-request_content .c-field.c-textarea {
    height: 145px;
  }

  .b-request_content .b-request_user {
    margin-bottom: 35px;
  }

  .b-request_content .b-request_user .c-field {
    width: calc(50% - 20px);
  }

  .b-request_bg_inner .b-request_content .b-request_user .c-field {
    width: 270px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1024px) {
  .b-request_content .b-request_user .c-field {
    width: 250px;
    max-width: 65vw;
  }
}

@media only screen and (min-width: 1280px) {
  .b-request_content .b-request_user .c-field:first-child {
    margin-right: 40px;
  }

  .b-request_content .b-request_radio {
    padding: 15px 0 0 13px;
  }

  .b-request_content .b-request_radio .c-radiobutton {
    display: inline-block;
    margin-bottom: 27px;
  }

  .b-request_content .b-request_radio .b-request_radio_custom {
    font-size: 16px;
    line-height: 18px;
    height: 38px;
    padding: 10px 8px 10px;
  }
}

/**
 * Component Header
 **/

/**
 * Component Copyright
 **/

/**
 * Component Customer Support
 **/

/**
 * Component Customer Login
 **/

.c-copyright span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: rgba(146, 161, 174, 0.6);
  margin-bottom: 0.5em;
  color: white;
}

.c-customer_support {
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-customer_support {
    display: inline-block;
    width: 100%;
    height: 100%;
    letter-spacing: 1.6px;
  }

  .c-customer_support:hover {
    background: #fcd9d4;
  }
}

.c-customer_support span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  color: #1d1f26;
  margin-bottom: 0.69em;
  color: rgba(255, 255, 255, 0.75);
}

.c-nav .c-customer_support span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  color: #1d1f26;
  margin-bottom: 0.69em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav .c-customer_support span {
    font-size: 32px;
  }
}

.c-customer_login {
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-customer_login {
    display: inline-block;
    width: 100%;
    height: 100%;
    letter-spacing: 1.6px;
  }

  .c-customer_login:hover {
    background: #fcd9d4;
  }
}

.c-customer_login span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  color: #1d1f26;
  margin-bottom: 0.69em;
  color: rgba(255, 255, 255, 0.75);
}

.c-nav .c-customer_login span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  color: #1d1f26;
  margin-bottom: 0.69em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav .c-customer_login span {
    font-size: 32px;
  }
}

/**
 * Component footer
 **/

.c-footer + .c-footer {
  margin-top: 15px;
}

@media only screen and (max-width: 1024px) {
  .c-footer + .c-footer {
    margin-top: 24px;
  }
}

.c-footer-badges-top {
  padding-top: 20px;
}

@media only screen and (max-width: 1024px) {
  .c-footer-badges-top {
    padding-top: 28px;
  }
}

.c-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .c-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 6.2em;
  }
}

@media only screen and (min-width: 1025px) {
  .c-header {
    height: 9em;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 1024px) {
  .b-header_request_estimate_link {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .b-header_request_estimate_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.b-header_request_estimate_link .button,
.no-touchevents .b-header_request_estimate_link .button {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header__request-estimate-link-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  width: 210px;
  min-width: 210px;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 1024px) {
  .header__request-estimate-link-container {
    display: none;
  }
}

.header__request-estimate-links {
  margin-left: auto;
}

.header__request-estimate-link,
.header__phone {
  position: relative;
  white-space: nowrap;
  padding: 6px 0 6px 32px;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

.header__request-estimate-link div,
.header__phone div {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.header__request-estimate-link path,
.header__phone path {
  fill: currentColor;
}

.header__request-estimate-link {
  text-transform: none;
  color: #ff0044;
  cursor: pointer;
}

.no-touchevents .header__request-estimate-link:hover {
  color: rgba(255, 0, 68, 0.7);
}

.no-touchevents .l-header--transparent .header__request-estimate-link:hover {
  color: white;
}

.header__phone {
  color: rgba(29, 31, 38, 0.7);
}

.l-header--transparent .header__phone {
  color: rgba(255, 255, 255, 0.75);
}

.c-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  min-height: 70px;
  color: white;
}

@media only screen and (max-width: 1024px) {
  .c-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-footer a {
  color: white;
}

.c-footer_links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 1024px) {
  .c-footer_links-wrapper {
    display: none;
  }
}

.c-footer_links-wrapper_item {
  opacity: 0.6;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .c-footer_links-wrapper_item:hover {
    opacity: 1;
  }
}

.no-touchevents .c-footer_links-wrapper_item:hover {
  opacity: 1;
}

.c-footer_links-wrapper_item + .c-footer_links-wrapper_item {
  margin-left: 40px;
}

.c-footer_socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.c-footer_socials_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 25.5px;
  border: solid 2px rgba(255, 255, 255, 0.75);
  opacity: 0.6;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

.c-footer_socials_item + .c-footer_socials_item {
  margin-left: 16px;
}

.no-touchevents .c-footer_socials_item:hover {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .c-footer_socials_item:hover {
    opacity: 1;
  }
}

.b-footer_contact {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media only screen and (max-width: 1024px) {
  .b-footer_contact {
    text-align: center;
    margin-bottom: 32px;
  }
}

.b-footer_email {
  color: white;
}

.b-footer_email:hover > span {
  color: #ff0044;
}

.b-footer_email span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.53;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.765em;
  color: rgba(255, 255, 255, 0.75);
}

.b-footer_address {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.b-footer_address .c-office {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: inline-block;
  vertical-align: top;
  padding: 0 2.4em;
  text-align: center;
}

.b-footer_address .c-office .c-office_phone {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.645em;
  margin-bottom: 0;
}

.b-footer_address .c-office .c-office_place {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.53;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.765em;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0;
}

.c-badge {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  opacity: .4;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-backface-visibility: hidden;
}

@media only screen and (max-width: 1024px) {
  .c-badge {
    margin: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .c-badge {
    margin: 15px 12px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .c-badge:hover {
    opacity: .6;
  }
}

.c-badge_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .c-badge_wrapper {
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.b-footer_customer_support,
.b-footer_customer_login {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: block;
}

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

.row,
.row-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.gr-0,
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.gr-adapt {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.gr-grow {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em;
  padding-left: 2em;
}

.push-0,
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8 {
  position: relative;
}

.pull-0,
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8 {
  position: relative;
}

.nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.nowrap > * {
  white-space: normal;
}

.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: normal;
}

.gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}

@media screen and (max-width: 767px) {
  .container\@mobile:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .row\@mobile,
  .row-reverse\@mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (max-width: 767px) {
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .gr-adapt\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .gr-grow\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (max-width: 767px) {
  .push-0\@mobile,
  .push-1\@mobile,
  .push-2\@mobile,
  .push-3\@mobile,
  .push-4\@mobile,
  .push-5\@mobile,
  .push-6\@mobile,
  .push-7\@mobile,
  .push-8\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .pull-0\@mobile,
  .pull-1\@mobile,
  .pull-2\@mobile,
  .pull-3\@mobile,
  .pull-4\@mobile,
  .pull-5\@mobile,
  .pull-6\@mobile,
  .pull-7\@mobile,
  .pull-8\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .nowrap\@mobile {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@mobile > * {
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  .wrap\@mobile {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  .gr-centered\@mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container\@tablet:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row\@tablet,
  .row-reverse\@tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-adapt\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-grow\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .push-0\@tablet,
  .push-1\@tablet,
  .push-2\@tablet,
  .push-3\@tablet,
  .push-4\@tablet,
  .push-5\@tablet,
  .push-6\@tablet,
  .push-7\@tablet,
  .push-8\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pull-0\@tablet,
  .pull-1\@tablet,
  .pull-2\@tablet,
  .pull-3\@tablet,
  .pull-4\@tablet,
  .pull-5\@tablet,
  .pull-6\@tablet,
  .pull-7\@tablet,
  .pull-8\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .nowrap\@tablet {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@tablet > * {
    white-space: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap\@tablet {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-centered\@tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 1025px) {
  .container\@desktop:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 1025px) {
  .row\@desktop,
  .row-reverse\@desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (min-width: 1025px) {
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .gr-adapt\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .gr-grow\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (min-width: 1025px) {
  .push-0\@desktop,
  .push-1\@desktop,
  .push-2\@desktop,
  .push-3\@desktop,
  .push-4\@desktop,
  .push-5\@desktop,
  .push-6\@desktop,
  .push-7\@desktop,
  .push-8\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 1025px) {
  .pull-0\@desktop,
  .pull-1\@desktop,
  .pull-2\@desktop,
  .pull-3\@desktop,
  .pull-4\@desktop,
  .pull-5\@desktop,
  .pull-6\@desktop,
  .pull-7\@desktop,
  .pull-8\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 1025px) {
  .nowrap\@desktop {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .nowrap\@desktop > * {
    white-space: normal;
  }
}

@media screen and (min-width: 1025px) {
  .wrap\@desktop {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media screen and (min-width: 1025px) {
  .gr-centered\@desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

.gr-0 {
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.push-0 {
  left: 0%;
  right: auto;
}

.pull-0 {
  right: 0%;
  left: auto;
}

.prefix-0 {
  margin-left: 0%;
}

.suffix-0 {
  margin-right: 0%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-1 {
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.push-1 {
  left: 12.5%;
  right: auto;
}

.pull-1 {
  right: 12.5%;
  left: auto;
}

.prefix-1 {
  margin-left: 12.5%;
}

.suffix-1 {
  margin-right: 12.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-2 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.push-2 {
  left: 25%;
  right: auto;
}

.pull-2 {
  right: 25%;
  left: auto;
}

.prefix-2 {
  margin-left: 25%;
}

.suffix-2 {
  margin-right: 25%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-3 {
  -webkit-flex-basis: 37.5%;
  -ms-flex-preferred-size: 37.5%;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.push-3 {
  left: 37.5%;
  right: auto;
}

.pull-3 {
  right: 37.5%;
  left: auto;
}

.prefix-3 {
  margin-left: 37.5%;
}

.suffix-3 {
  margin-right: 37.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-4 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.push-4 {
  left: 50%;
  right: auto;
}

.pull-4 {
  right: 50%;
  left: auto;
}

.prefix-4 {
  margin-left: 50%;
}

.suffix-4 {
  margin-right: 50%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-5 {
  -webkit-flex-basis: 62.5%;
  -ms-flex-preferred-size: 62.5%;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.push-5 {
  left: 62.5%;
  right: auto;
}

.pull-5 {
  right: 62.5%;
  left: auto;
}

.prefix-5 {
  margin-left: 62.5%;
}

.suffix-5 {
  margin-right: 62.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-6 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.push-6 {
  left: 75%;
  right: auto;
}

.pull-6 {
  right: 75%;
  left: auto;
}

.prefix-6 {
  margin-left: 75%;
}

.suffix-6 {
  margin-right: 75%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-7 {
  -webkit-flex-basis: 87.5%;
  -ms-flex-preferred-size: 87.5%;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.push-7 {
  left: 87.5%;
  right: auto;
}

.pull-7 {
  right: 87.5%;
  left: auto;
}

.prefix-7 {
  margin-left: 87.5%;
}

.suffix-7 {
  margin-right: 87.5%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-8 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.push-8 {
  left: 100%;
  right: auto;
}

.pull-8 {
  right: 100%;
  left: auto;
}

.prefix-8 {
  margin-left: 100%;
}

.suffix-8 {
  margin-right: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.no-gutter-top {
  padding-top: 0;
}

.no-gutter-bottom {
  padding-bottom: 0;
}

.gutter {
  padding-right: 2em;
  padding-left: 2em;
}

.gutter-left {
  padding-left: 2em;
}

.gutter-right {
  padding-right: 2em;
}

.auto-height {
  height: inherit;
}

.row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

[class*="no-gutter"] > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

[class*="no-gutter"] > .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

.col-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -2em;
  margin-right: -2em;
}

.row-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.row-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.row-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.row-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.row-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.row-align-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.hide {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.show {
  display: block;
}

.show-inline {
  display: inline-block;
}

.visible {
  visibility: visible;
}

.row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.row-debug:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 25% 100%;
  z-index: 99999;
}

body {
  direction: ltr;
}

@media screen and (max-width: 767px) {
  .gr-0\@mobile {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@mobile {
    left: 0%;
    right: auto;
  }

  .pull-0\@mobile {
    right: 0%;
    left: auto;
  }

  .prefix-0\@mobile {
    margin-left: 0%;
  }

  .suffix-0\@mobile {
    margin-right: 0%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@mobile {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@mobile {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@mobile {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@mobile {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@mobile {
    margin-left: 12.5%;
  }

  .suffix-1\@mobile {
    margin-right: 12.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@mobile {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@mobile {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@mobile {
    left: 25%;
    right: auto;
  }

  .pull-2\@mobile {
    right: 25%;
    left: auto;
  }

  .prefix-2\@mobile {
    margin-left: 25%;
  }

  .suffix-2\@mobile {
    margin-right: 25%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@mobile {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@mobile {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@mobile {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@mobile {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@mobile {
    margin-left: 37.5%;
  }

  .suffix-3\@mobile {
    margin-right: 37.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@mobile {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@mobile {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@mobile {
    left: 50%;
    right: auto;
  }

  .pull-4\@mobile {
    right: 50%;
    left: auto;
  }

  .prefix-4\@mobile {
    margin-left: 50%;
  }

  .suffix-4\@mobile {
    margin-right: 50%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@mobile {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@mobile {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@mobile {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@mobile {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@mobile {
    margin-left: 62.5%;
  }

  .suffix-5\@mobile {
    margin-right: 62.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@mobile {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@mobile {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@mobile {
    left: 75%;
    right: auto;
  }

  .pull-6\@mobile {
    right: 75%;
    left: auto;
  }

  .prefix-6\@mobile {
    margin-left: 75%;
  }

  .suffix-6\@mobile {
    margin-right: 75%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@mobile {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@mobile {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@mobile {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@mobile {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@mobile {
    margin-left: 87.5%;
  }

  .suffix-7\@mobile {
    margin-right: 87.5%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@mobile {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@mobile {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@mobile {
    left: 100%;
    right: auto;
  }

  .pull-8\@mobile {
    right: 100%;
    left: auto;
  }

  .prefix-8\@mobile {
    margin-left: 100%;
  }

  .suffix-8\@mobile {
    margin-right: 100%;
  }

  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@mobile {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@mobile {
    float: left;
  }

  .float-right\@mobile {
    float: right;
  }

  .clear\@mobile {
    clear: both;
  }

  .clear-left\@mobile {
    clear: left;
  }

  .clear-right\@mobile {
    clear: right;
  }

  .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@mobile {
    padding-left: 0;
  }

  .no-gutter-right\@mobile {
    padding-right: 0;
  }

  .no-gutter-top\@mobile {
    padding-top: 0;
  }

  .no-gutter-bottom\@mobile {
    padding-bottom: 0;
  }

  .gutter\@mobile {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@mobile {
    padding-left: 2em;
  }

  .gutter-right\@mobile {
    padding-right: 2em;
  }

  .auto-height\@mobile {
    height: inherit;
  }

  .row\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@mobile {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@mobile {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@mobile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@mobile {
    display: none;
  }

  .not-visible\@mobile {
    visibility: hidden;
  }

  .show\@mobile {
    display: block;
  }

  .show-inline\@mobile {
    display: inline-block;
  }

  .visible\@mobile {
    visibility: visible;
  }

  .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@mobile:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gr-0\@tablet {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@tablet {
    left: 0%;
    right: auto;
  }

  .pull-0\@tablet {
    right: 0%;
    left: auto;
  }

  .prefix-0\@tablet {
    margin-left: 0%;
  }

  .suffix-0\@tablet {
    margin-right: 0%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@tablet {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@tablet {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@tablet {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@tablet {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@tablet {
    margin-left: 12.5%;
  }

  .suffix-1\@tablet {
    margin-right: 12.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@tablet {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@tablet {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@tablet {
    left: 25%;
    right: auto;
  }

  .pull-2\@tablet {
    right: 25%;
    left: auto;
  }

  .prefix-2\@tablet {
    margin-left: 25%;
  }

  .suffix-2\@tablet {
    margin-right: 25%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@tablet {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@tablet {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@tablet {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@tablet {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@tablet {
    margin-left: 37.5%;
  }

  .suffix-3\@tablet {
    margin-right: 37.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@tablet {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@tablet {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@tablet {
    left: 50%;
    right: auto;
  }

  .pull-4\@tablet {
    right: 50%;
    left: auto;
  }

  .prefix-4\@tablet {
    margin-left: 50%;
  }

  .suffix-4\@tablet {
    margin-right: 50%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@tablet {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@tablet {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@tablet {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@tablet {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@tablet {
    margin-left: 62.5%;
  }

  .suffix-5\@tablet {
    margin-right: 62.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@tablet {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@tablet {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@tablet {
    left: 75%;
    right: auto;
  }

  .pull-6\@tablet {
    right: 75%;
    left: auto;
  }

  .prefix-6\@tablet {
    margin-left: 75%;
  }

  .suffix-6\@tablet {
    margin-right: 75%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@tablet {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@tablet {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@tablet {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@tablet {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@tablet {
    margin-left: 87.5%;
  }

  .suffix-7\@tablet {
    margin-right: 87.5%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@tablet {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@tablet {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@tablet {
    left: 100%;
    right: auto;
  }

  .pull-8\@tablet {
    right: 100%;
    left: auto;
  }

  .prefix-8\@tablet {
    margin-left: 100%;
  }

  .suffix-8\@tablet {
    margin-right: 100%;
  }

  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@tablet {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@tablet {
    float: left;
  }

  .float-right\@tablet {
    float: right;
  }

  .clear\@tablet {
    clear: both;
  }

  .clear-left\@tablet {
    clear: left;
  }

  .clear-right\@tablet {
    clear: right;
  }

  .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@tablet {
    padding-left: 0;
  }

  .no-gutter-right\@tablet {
    padding-right: 0;
  }

  .no-gutter-top\@tablet {
    padding-top: 0;
  }

  .no-gutter-bottom\@tablet {
    padding-bottom: 0;
  }

  .gutter\@tablet {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@tablet {
    padding-left: 2em;
  }

  .gutter-right\@tablet {
    padding-right: 2em;
  }

  .auto-height\@tablet {
    height: inherit;
  }

  .row\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@tablet {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@tablet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@tablet {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@tablet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@tablet {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@tablet {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@tablet {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@tablet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@tablet {
    display: none;
  }

  .not-visible\@tablet {
    visibility: hidden;
  }

  .show\@tablet {
    display: block;
  }

  .show-inline\@tablet {
    display: inline-block;
  }

  .visible\@tablet {
    visibility: visible;
  }

  .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@tablet:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

@media screen and (min-width: 1025px) {
  .gr-0\@desktop {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }

  .push-0\@desktop {
    left: 0%;
    right: auto;
  }

  .pull-0\@desktop {
    right: 0%;
    left: auto;
  }

  .prefix-0\@desktop {
    margin-left: 0%;
  }

  .suffix-0\@desktop {
    margin-right: 0%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-0\@desktop {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-1\@desktop {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .push-1\@desktop {
    left: 12.5%;
    right: auto;
  }

  .pull-1\@desktop {
    right: 12.5%;
    left: auto;
  }

  .prefix-1\@desktop {
    margin-left: 12.5%;
  }

  .suffix-1\@desktop {
    margin-right: 12.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-1\@desktop {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-2\@desktop {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .push-2\@desktop {
    left: 25%;
    right: auto;
  }

  .pull-2\@desktop {
    right: 25%;
    left: auto;
  }

  .prefix-2\@desktop {
    margin-left: 25%;
  }

  .suffix-2\@desktop {
    margin-right: 25%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-2\@desktop {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-3\@desktop {
    -webkit-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .push-3\@desktop {
    left: 37.5%;
    right: auto;
  }

  .pull-3\@desktop {
    right: 37.5%;
    left: auto;
  }

  .prefix-3\@desktop {
    margin-left: 37.5%;
  }

  .suffix-3\@desktop {
    margin-right: 37.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-3\@desktop {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-4\@desktop {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .push-4\@desktop {
    left: 50%;
    right: auto;
  }

  .pull-4\@desktop {
    right: 50%;
    left: auto;
  }

  .prefix-4\@desktop {
    margin-left: 50%;
  }

  .suffix-4\@desktop {
    margin-right: 50%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-4\@desktop {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-5\@desktop {
    -webkit-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .push-5\@desktop {
    left: 62.5%;
    right: auto;
  }

  .pull-5\@desktop {
    right: 62.5%;
    left: auto;
  }

  .prefix-5\@desktop {
    margin-left: 62.5%;
  }

  .suffix-5\@desktop {
    margin-right: 62.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-5\@desktop {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-6\@desktop {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .push-6\@desktop {
    left: 75%;
    right: auto;
  }

  .pull-6\@desktop {
    right: 75%;
    left: auto;
  }

  .prefix-6\@desktop {
    margin-left: 75%;
  }

  .suffix-6\@desktop {
    margin-right: 75%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-6\@desktop {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-7\@desktop {
    -webkit-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .push-7\@desktop {
    left: 87.5%;
    right: auto;
  }

  .pull-7\@desktop {
    right: 87.5%;
    left: auto;
  }

  .prefix-7\@desktop {
    margin-left: 87.5%;
  }

  .suffix-7\@desktop {
    margin-right: 87.5%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-7\@desktop {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .gr-8\@desktop {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .push-8\@desktop {
    left: 100%;
    right: auto;
  }

  .pull-8\@desktop {
    right: 100%;
    left: auto;
  }

  .prefix-8\@desktop {
    margin-left: 100%;
  }

  .suffix-8\@desktop {
    margin-right: 100%;
  }

  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-8\@desktop {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .float-left\@desktop {
    float: left;
  }

  .float-right\@desktop {
    float: right;
  }

  .clear\@desktop {
    clear: both;
  }

  .clear-left\@desktop {
    clear: left;
  }

  .clear-right\@desktop {
    clear: right;
  }

  .no-gutter\@desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .no-gutter-left\@desktop {
    padding-left: 0;
  }

  .no-gutter-right\@desktop {
    padding-right: 0;
  }

  .no-gutter-top\@desktop {
    padding-top: 0;
  }

  .no-gutter-bottom\@desktop {
    padding-bottom: 0;
  }

  .gutter\@desktop {
    padding-right: 2em;
    padding-left: 2em;
  }

  .gutter-left\@desktop {
    padding-left: 2em;
  }

  .gutter-right\@desktop {
    padding-right: 2em;
  }

  .auto-height\@desktop {
    height: inherit;
  }

  .row\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  [class*="no-gutter"] > .row-reverse\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .row-full\@desktop {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .col\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .col-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -2em;
    margin-right: -2em;
  }

  .row-align-left\@desktop {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .row-align-center\@desktop {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .row-align-right\@desktop {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .row-align-middle\@desktop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .row-align-top\@desktop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .row-align-bottom\@desktop {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .row-align-around\@desktop {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .row-align-between\@desktop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .hide\@desktop {
    display: none;
  }

  .not-visible\@desktop {
    visibility: hidden;
  }

  .show\@desktop {
    display: block;
  }

  .show-inline\@desktop {
    display: inline-block;
  }

  .visible\@desktop {
    visibility: visible;
  }

  .row-debug\@desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }

  .row-debug\@desktop:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 25% 100%;
    z-index: 99999;
  }

  body {
    direction: ltr;
  }
}

[class*="gr-"] > [class^="row"],
[class*="gr-"] > [class^="col"] {
  margin-left: -2em;
  margin-right: -2em;
}

@media screen and (max-width: 767px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

@media screen and (min-width: 1025px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -2em;
    margin-right: -2em;
  }
}

/**
 * common
 **/

.b-btn_projects {
  width: 100%;
}

.b-btn_projects-wrap {
  position: relative;
}

.b-btn_projects-wrap .c-button_wrap g {
  fill: #000;
}

.b-btn_projects-back {
  font-size: 2em;
  position: absolute;
  bottom: -5.4em;
  left: 1em;
  text-transform: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-btn_projects-back {
    font-size: 1.6em;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .b-btn_projects-back {
    font-size: 1.6em;
    top: 0;
    right: 0;
    bottom: -4em;
    left: 0;
    width: 9em;
    height: 3em;
    margin: auto;
  }
}

.b-btn_projects-back a {
  color: #f15b41;
}

.b-btn_projects-back .c-button_content {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: rgba(146, 161, 174, 0.6);
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 14px 14px 14px;
  color: #f15b41;
}

.b-btn_projects-back .c-button_wrap {
  display: none;
}

.b-btn_projects-arrow {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(/assets/files/ic_arrow_back_red_18px-e835604443610f8e324d5b9f62743bcc.png) center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .b-btn_projects-arrow {
    width: 15px;
    height: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-btn_projects-arrow {
    width: 15px;
    height: 15px;
  }
}

.c-all_projects {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 2;
  font-size: 15px;
  line-height: 1.27;
  letter-spacing: 0.5px;
  white-space: nowrap;
  color: white;
  padding: 18px 14px 18px 28px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
}

.c-all_projects:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/assets/files/back-0b881a92b57b8c0111a6dc7fa9d259e6.svg) no-repeat center;
  margin-top: -8px;
}

.c-all_projects span {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.no-touchevents .c-all_projects:hover {
  opacity: .8;
}

.b-project-close-video {
  position: absolute;
  z-index: -1;
  top: 2em;
  left: 2em;
  cursor: pointer;
  opacity: 0;
}

.b-project-close-video .c-button_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.8em;
  padding: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f15b41;
}

.b-project-close-video .c-button_content:before {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  content: ' ';
  background: url(/assets/files/close-50e618c271dbfa5ef81b57c9b3e247ea.svg);
}

.b-project-close-video .c-button_wrap g {
  fill: #000;
}

.b-project-play-video {
  z-index: 50;
  visibility: hidden;
  margin: 2em auto 5.5em;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media only screen and (max-width: 1024px) {
  .b-project-play-video {
    margin: -3.5em auto 2.5em;
  }
}

.b-project-play-video.visible {
  visibility: visible;
  opacity: 1;
}

.b-project-play-video .c-button_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.645em;
  color: white;
  margin-bottom: 0;
  padding: 1.4em;
}

.b-project-play-video .c-button_content:before {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  content: ' ';
  background: url(/assets/files/32-pt-video-84fe9002e11c3c70a99e5784098cc9dc.svg);
}

.b-project-play-video .c-button_wrap g {
  fill: #000;
}

.b-project-header {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 60em;
  margin-bottom: 2em;
  background: url(/assets/files/header_placeholder-4ce68203e9045847252d9f0e924e5143.png) center bottom no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .b-project-header {
    height: 30em;
    margin-bottom: 1.8em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-header {
    height: 40em;
  }
}

.b-project-header > .no-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .b-project-header > .no-video {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.b-project-header-no-video > .no-video {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.b-project-image-header,
.b-project-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.b-project-image-header {
  z-index: 1;
  opacity: .3;
  background-position: center bottom;
  background-size: cover;
}

.b-project-pattern {
  z-index: 2;
  background: url(/assets/files/pattern-91906460351e2461b43c9ac384839ea4.png) 0 0 repeat;
}

.b-project-play_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100pt;
  height: 50pt;
  margin: auto;
  cursor: pointer;
}

.b-project-play_btn .c-button_content {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  padding: 20px;
  letter-spacing: 1px;
  color: white;
}

.b-project-header-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .b-project-header-video iframe {
    height: 30em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-header-video iframe {
    height: 40em;
  }
}

.b-project-logo {
  z-index: 10;
  width: 100%;
  max-width: 38.4em;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .b-project-logo {
    max-height: 26em;
  }
}

.case-study-video {
  overflow: hidden;
  position: relative;
  min-height: 600px;
  background-color: #000;
  margin-top: 90px;
}

@media only screen and (min-width: 768px) {
  .case-study-video {
    -webkit-transition: min-height 0.3s ease-in-out 0.15s;
    -o-transition: min-height 0.3s ease-in-out 0.15s;
    transition: min-height 0.3s ease-in-out 0.15s;
  }
}

@media only screen and (max-width: 1024px) {
  .case-study-video {
    min-height: 400px;
    margin-top: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .case-study-video {
    min-height: 300px;
    margin-bottom: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .case-study-video-opened {
    -webkit-transition: min-height 0.3s ease-in-out;
    -o-transition: min-height 0.3s ease-in-out;
    transition: min-height 0.3s ease-in-out;
  }
}

.case-study-video-loading {
  min-height: calc(100vh - 80px);
}

@media only screen and (max-width: 1024px) {
  .case-study-video-loading {
    min-height: calc(100vh - 60px);
  }
}

@media only screen and (max-width: 767px) {
  .case-study-video-loading {
    min-height: 300px;
  }
}

.case-study-video-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.case-study-video-content-foreground {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .case-study-video-content-foreground {
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    -o-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
  }
}

.case-study-video-opened .case-study-video-content-foreground {
  opacity: 1;
}

.case-study-video-loading .case-study-video-content-foreground {
  opacity: 0;
}

.case-study-video-content-background {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/files/header_placeholder-4ce68203e9045847252d9f0e924e5143.png);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.case-study-video-content-background::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(/assets/files/pattern-91906460351e2461b43c9ac384839ea4.png);
  background-size: 4px 4px;
  background-position: 0 0;
  background-repeat: repeat;
}

.case-study-video-content-background > div {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.case-study-video-logo {
  position: relative;
  z-index: 2;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.case-study-video-logo img {
  width: 100%;
  max-width: 384px;
}

@media only screen and (max-width: 767px) {
  .case-study-video-logo img {
    max-height: 260px;
  }
}

.case-study-video-play-button {
  position: relative;
  z-index: 5;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
}

@media only screen and (max-width: 1024px) {
  .case-study-video-play-button {
    top: -60px;
  }
}

@media only screen and (max-width: 767px) {
  .case-study-video-play-button {
    top: -40px;
  }
}

.case-study-video-loading .case-study-video-play-button {
  opacity: 0;
  pointer-events: none;
}

.case-study-video-close-button {
  display: none;
  position: absolute;
  z-index: 28;
  right: 0;
  top: 0;
  cursor: pointer;
  background-color: #ff0044;
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .case-study-video-close-button {
    padding: 18px;
  }
}

.case-study-video-close-button svg {
  display: block;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .case-study-video-close-button svg {
    width: 18px;
    height: 18px;
  }
}

.case-study-video-close-button path {
  fill: white;
  -webkit-transition: fill 0.3s ease-out;
  -o-transition: fill 0.3s ease-out;
  transition: fill 0.3s ease-out;
}

.case-study-video-opened .case-study-video-close-button {
  display: block;
}

.case-study-video-loading .case-study-video-close-button {
  display: none;
}

.no-touchevents .case-study-video-close-button:hover {
  background-color: white;
}

.no-touchevents .case-study-video-close-button:hover path {
  fill: #ff0044;
}

.case-study-video iframe {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.case-study-video iframe.opened {
  width: 100%;
  height: 100%;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .case-study-video iframe.opened {
    -webkit-transition: opacity 0.25s ease-in 0.15s;
    -o-transition: opacity 0.25s ease-in 0.15s;
    transition: opacity 0.25s ease-in 0.15s;
  }
}

.mercdev-shields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .mercdev-shields {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.mercdev-shield {
  display: block;
  width: 116px;
  min-width: 116px;
  text-decoration: none;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .mercdev-shield {
    width: 64px;
    min-width: 64px;
    margin-right: 5px;
  }
}

.mercdev-shield:last-child {
  margin-right: 0;
}

.mercdev-shield--clutch {
  width: 136px;
  min-width: 136px;
}

@media only screen and (max-width: 767px) {
  .mercdev-shield--clutch {
    width: 75px;
    min-width: 75px;
  }
}

.mercdev-shield__image {
  text-align: center;
}

.mercdev-shield__image img {
  width: 100%;
  height: auto;
}

.mercdev-shield__title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

@media only screen and (max-width: 767px) {
  .mercdev-shield__title {
    display: none;
  }
}

.no-touchevents a.mercdev-shield:hover .mercdev-shield__title {
  color: white;
}

html,
body {
  min-height: 100%;
}

body {
  height: 100%;
  color: #5c5c5c;
  background: #fff !important;
}

.container {
  font-family: Roboto;
  max-width: 116em;
  margin: 0 auto;
  padding: 0 4em;
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 2em;
  }
}

.b-project-section {
  margin: 8em 0;
}

@media screen and (max-width: 767px) {
  .b-project-section {
    margin: 4em 0;
  }
}

@media screen and (max-width: 767px) {
  .b-project-section p + p:last-child {
    margin-bottom: 0;
  }
}

.b-project-section-highlighted .row {
  font-style: italic;
  padding-top: 8em;
  padding-bottom: 7em;
  background: rgba(228, 229, 230, 0.4);
}

@media screen and (max-width: 767px) {
  .b-project-section-highlighted .row {
    padding-top: 4em;
    padding-bottom: 3em;
  }
}

.b-project-section.review {
  padding: 6em 0 4.7em;
  background-color: rgba(146, 161, 174, 0.1);
}

@media screen and (max-width: 767px) {
  .b-project-section.review {
    padding: 4em 0 2.7em;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review {
    background: transparent;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .b-project-customer {
    margin-bottom: 1.1em;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .b-project-customer .gr-1 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .b-project-customer .gr-4 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .b-project-customer .avatar {
    min-width: 10em;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .b-project-customer .title {
    display: inline-block;
    position: relative;
    top: 19px;
    padding: 0 0.8em;
    font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 1.27;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    color: rgba(146, 161, 174, 0.6);
    margin-bottom: 0.5em;
    background-color: white;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .b-project-section.bordered-review .b-project-customer .title span {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .caption,
  .b-project-section.bordered-review .name,
  .b-project-section.bordered-review .b-project-quote-line {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .gr-6 {
    padding: 3.5em 5em 1.9em 5em;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(146, 161, 174, 0.4);
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .gr-6 p {
    text-align: center;
  }
}

.b-project-section.bordered-review .double-quote {
  font-size: 1em;
}

@media only screen and (min-width: 1025px) {
  .b-project-section.bordered-review .double-quote {
    display: none;
  }
}

.b-project-section:last-child {
  margin-bottom: 0;
  padding-bottom: 18.6em;
}

@media only screen and (max-width: 1024px) {
  .b-project-section:last-child {
    padding-bottom: 3.4em;
  }
}

.b-project-section h1 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.08;
  color: #ff0044;
  margin-bottom: 0.54em;
}

@media only screen and (max-width: 1024px) {
  .b-project-section h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-section h1 {
    font-size: 28px;
  }
}

.b-project-section h2 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.12;
  color: #ff0044;
  margin-bottom: 0.56em;
}

@media only screen and (max-width: 1024px) {
  .b-project-section h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-section h2 {
    font-size: 24px;
  }
}

.b-project-section h3 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.21;
  color: #ff0044;
  margin-bottom: 0.605em;
}

@media only screen and (max-width: 1024px) {
  .b-project-section h3 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-section h3 {
    font-size: 20px;
  }
}

.b-project-section p {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
}

@media only screen and (max-width: 767px) {
  .b-project-section p {
    font-size: 16px;
  }
}

.b-project-section ul li {
  position: relative;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  padding-left: 1.17em;
  margin: 0.675em 0;
}

.b-project-section ul li:last-of-type {
  margin-bottom: 1.4em;
}

.b-project-section ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.675em;
  left: 0.06em;
  width: 0.56em;
  height: 2px;
  background-color: #ff0044;
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .b-project-section ul li {
    font-size: 15px;
  }
}

.b-project-section .b-project-list-title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
}

@media only screen and (max-width: 767px) {
  .b-project-section .b-project-list-title {
    font-size: 16px;
  }
}

.b-project-section .b-project-text-quote {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  line-height: 2.09;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 1.045em;
}

@media only screen and (max-width: 767px) {
  .b-project-section .b-project-text-quote {
    font-size: 16px;
    line-height: 2.06;
  }
}

.b-project-section .b-text-intro {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.67;
  color: rgba(29, 31, 38, 0.7);
  margin-bottom: 0.835em;
}

@media only screen and (max-width: 767px) {
  .b-project-section .b-text-intro {
    font-size: 18px;
  }
}

.b-project-section .b-header-h1-row {
  padding: 2.9em 0 0 0;
}

@media screen and (max-width: 767px) {
  .b-project-section .b-header-h1-row {
    padding-top: 0;
  }
}

.b-project-section .b-header-h1-row .b-project-header-number span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.08;
  color: #ff0044;
  margin-bottom: 0.54em;
  color: rgba(146, 161, 174, 0.25);
}

@media only screen and (max-width: 1024px) {
  .b-project-section .b-header-h1-row .b-project-header-number span {
    font-size: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-section .b-header-h1-row .b-project-header-number span {
    font-size: 28px;
  }
}

.b-project-section .b-header-h2-row {
  padding: 1em 0 0 0;
}

@media screen and (max-width: 767px) {
  .b-project-section .b-header-h2-row {
    padding-top: 0;
  }
}

.b-project-section .b-header-h2-row .b-project-header-number span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.12;
  color: #ff0044;
  margin-bottom: 0.56em;
  color: rgba(146, 161, 174, 0.25);
}

@media only screen and (max-width: 1024px) {
  .b-project-section .b-header-h2-row .b-project-header-number span {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-section .b-header-h2-row .b-project-header-number span {
    font-size: 24px;
  }
}

.b-project-section .row {
  margin: 0;
}

.b-project-header {
  margin-top: 8em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-header {
    margin-top: 6em;
  }
}

@media screen and (max-width: 767px) {
  .b-project-header {
    margin-top: 6em;
  }
}

.b-project-video {
  width: 100%;
  height: 40em;
  margin: 2em 0 4em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-video {
    height: 35em;
  }
}

@media screen and (max-width: 767px) {
  .b-project-video {
    height: 30em;
  }
}

.b-project-img {
  display: block;
  width: 100%;
  margin: 6em 0;
}

@media screen and (max-width: 767px) {
  .b-project-img {
    margin: 3em 0;
  }
}

.img-border .b-project-img {
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

.b-project-img-description {
  margin-bottom: 10%;
}

@media screen and (max-width: 767px) {
  .b-project-img-description {
    margin-bottom: 0;
  }
}

.b-project-img-description .title {
  margin-bottom: 2.8em;
}

.b-project-img-description .title span {
  font-size: 1.1em;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(46, 46, 46, 0.3);
}

.b-project-img-description .description {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.75em;
  margin-bottom: 0;
}

.b-project-img-description .description p {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.75em;
  margin: 0 0 1em 0;
}

.b-project-quote-line {
  max-width: 10em;
  height: 4px;
  background-color: #ff0044;
  margin-top: 2em;
}

.b-project-customer {
  margin-bottom: 5em;
}

@media screen and (max-width: 767px) {
  .b-project-customer {
    margin-bottom: 1.5em;
  }
}

.b-project-customer .avatar {
  overflow: hidden;
  max-width: 10em;
  border-radius: 100%;
}

.b-project-customer .avatar img {
  display: block;
  width: 100%;
}

.b-project-customer .caption {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: rgba(146, 161, 174, 0.6);
  margin-bottom: 0.5em;
  margin-top: 0.4em;
  margin-bottom: 1.2em;
}

.b-project-customer .name {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: #ff0044;
  margin-bottom: 0.625em;
  margin-bottom: 0.3em;
}

.b-project-customer .title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.53;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.765em;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .b-project-statistigs-grid {
    margin-right: 0;
    margin-left: 0;
  }
}

.b-project-statistics-gr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(33.3% - 8em);
  margin: 2em;
  padding: 2em;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(146, 161, 174, 0.1);
}

@media screen and (max-width: 767px) {
  .b-project-statistics-gr {
    width: calc(50% - 2.8em);
    margin: .4em;
    padding: 1em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-statistics-gr {
    width: calc(33.3% - 4.8em);
    margin: .4em;
  }
}

.b-project-statistics-block {
  width: 100%;
  height: 100%;
}

.b-project-statistics-block .title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.17;
  color: #ff0044;
  margin-bottom: 0.585em;
}

@media only screen and (max-width: 1024px) {
  .b-project-statistics-block .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .b-project-statistics-block .title {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .b-project-statistics-block .title {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }
}

.b-project-statistics-block .description {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.665em;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .b-project-statistics-block .description {
    font-size: 13px;
    line-height: 1.53;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-statistics-block .description {
    margin-bottom: .5em;
  }
}

@media screen and (max-width: 767px) {
  .b-project-statistics-block .description {
    margin-bottom: .5em;
  }
}

.b-project-statistics-block .icon {
  margin: .4em 0 1.8em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-statistics-block .icon {
    margin-bottom: .5em;
  }
}

@media screen and (max-width: 767px) {
  .b-project-statistics-block .icon {
    margin-bottom: .5em;
  }
}

.landing__section {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

.landing__section h1 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.08;
  color: #ff0044;
  margin-bottom: 0.54em;
}

@media only screen and (max-width: 1024px) {
  .landing__section h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__section h1 {
    font-size: 28px;
  }
}

.landing__section h2 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.12;
  color: #ff0044;
  margin-bottom: 0.56em;
}

@media only screen and (max-width: 1024px) {
  .landing__section h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__section h2 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__section h2 {
    font-size: 38px;
  }
}

.landing__section h3 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.21;
  color: #ff0044;
  margin-bottom: 0.605em;
}

@media only screen and (max-width: 1024px) {
  .landing__section h3 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__section h3 {
    font-size: 20px;
  }
}

.landing__section p {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
  padding-right: 12.5%;
  padding-left: 12.5%;
}

@media only screen and (max-width: 767px) {
  .landing__section p {
    font-size: 16px;
  }
}

.landing__section p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__section p {
    font-size: 18px;
    line-height: 1.67;
    color: rgba(29, 31, 38, 0.85);
    font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 100;
  }
}

@media only screen and (max-width: 767px) {
  .landing__section p {
    padding-right: 0;
    padding-left: 0;
  }
}

.landing__section .l-column {
  padding: 100px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__section .l-column {
    padding: 69px 0;
  }
}

@media only screen and (max-width: 767px) {
  .landing__section .l-column {
    padding: 50px 0;
  }
}

.landing__canvas-section {
  overflow: hidden;
}

.landing__canvas-section .c-canvas-bg-pattern {
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1920px;
  height: auto;
  min-height: 100%;
}

.landing__canvas-section .l-column {
  position: relative;
  z-index: 2;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .landing__intro-section::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.landing__intro-section-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 50%;
  height: 731px;
  padding-left: 12.5%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__intro-section-content {
    height: 531px;
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .landing__intro-section-content {
    width: auto;
    height: 362px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .landing__intro-section-content__link {
    padding-top: 14px;
  }
}

.landing__intro-section-content__text {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.landing__intro-section .l-column {
  z-index: 3;
}

.landing__intro-section h1 {
  position: relative;
  color: white;
  margin-bottom: 0.7em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__intro-section h1 {
    font-size: 50px;
    margin-bottom: 1.4em;
    position: relative;
    top: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__intro-section h1 {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.2em;
  }
}

.landing__intro-section h1::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: -25%;
  top: 0.5em;
  width: 18.33%;
  height: 9px;
  background-color: white;
  margin-top: -4px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__intro-section h1::before {
    width: 8.5%;
    left: -15%;
  }
}

.landing__all-projects-button {
  display: inline-block;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 14px;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: white;
  background-image: url(/assets/files/back-0b881a92b57b8c0111a6dc7fa9d259e6.svg);
  background-size: 16px 16px;
  background-position: 0 calc(50% - 1px);
  background-repeat: no-repeat;
  padding: 18px 14px 18px 28px;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__all-projects-button {
    left: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__all-projects-button {
    position: static;
  }
}

.no-touchevents .landing__all-projects-button:hover {
  opacity: .8;
}

.landing__all-projects-button--red {
  color: #ff0044;
  background-image: url(/assets/files/back-red-7491a95878375b31fa9837bb8006c32b.svg);
}

.landing__link-section .l-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 56px 0 102px 0;
}

@media only screen and (max-width: 767px) {
  .landing__link-section .l-column {
    display: block;
    height: auto;
    padding: 32px 0 38px 0;
  }
}

.landing__link-section a {
  display: block;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.no-touchevents .landing__link-section a {
  -webkit-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
}

.no-touchevents .landing__link-section a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.landing__link-section-text-1 {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.645em;
  color: white;
  margin-bottom: 2.2em;
}

@media only screen and (max-width: 767px) {
  .landing__link-section-text-1 {
    margin-bottom: 1.6em;
    padding: 0;
  }
}

.landing__link-section-text-2 {
  position: relative;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.12;
  color: #ff0044;
  margin-bottom: 0.56em;
  color: white;
  padding: 0 25% 0 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .landing__link-section-text-2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__link-section-text-2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .landing__link-section-text-2 {
    padding: 0;
  }
}

.landing__link-section-text-2 svg {
  display: block;
  position: absolute;
  z-index: 1;
  width: 72px;
  height: 72px;
  -webkit-transform: rotate3d(0, 0, 1, 180deg);
  transform: rotate3d(0, 0, 1, 180deg);
  margin-top: -36px;
}

@media only screen and (min-width: 768px) {
  .landing__link-section-text-2 svg {
    top: 50%;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .landing__link-section-text-2 svg {
    display: none;
  }
}

.landing__link-section-text-2 svg g g {
  fill: currentColor;
}

.landing__heading {
  padding-right: 12.5%;
  padding-left: 12.5%;
}

@media only screen and (max-width: 767px) {
  .landing__heading {
    padding-right: 0;
    padding-left: 0;
  }
}

.landing__heading--ordered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .landing__heading--ordered {
    display: block;
  }
}

.landing__heading--ordered span:first-child {
  font-weight: 900;
  width: 12.5%;
  color: rgba(146, 161, 174, 0.25);
}

@media only screen and (max-width: 767px) {
  .landing__heading--ordered span:first-child {
    display: none;
  }
}

.landing__heading--ordered span:last-child {
  width: 75%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__heading--ordered span:last-child {
    width: 62%;
  }
}

@media only screen and (max-width: 767px) {
  .landing__heading--ordered span:last-child {
    display: block;
    width: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  h3.landing__heading {
    font-size: 24px;
    line-height: 1.17;
  }
}

.landing__image-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__image-content {
    padding: 26px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .landing__image-content {
    display: block;
  }
}

.landing__image-content--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.landing__image-content--reversed .landing__image-content-text {
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .landing__image-content--reversed .landing__image-content-text {
    padding-right: 3.33%;
  }
}

.landing__image-content-image {
  width: 37.5%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__image-content-image {
    width: 45%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .landing__image-content-image {
    width: 70%;
    margin: 0 auto;
  }
}

.landing__image-content-image img {
  width: 100%;
  height: auto;
}

.landing__image-content-text {
  width: 62.5%;
  padding-left: 3.33%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing__image-content-text {
    width: 77%;
    margin: 17px auto 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .landing__image-content-text {
    width: auto;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
  }
}

.landing__image-content-text .landing__heading,
.landing__image-content-text p {
  padding-right: 0;
  padding-left: 0;
}

/**
 * Component Tiles
 **/

/**
 * Component Tile
 **/

.c-tiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .c-tiles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .c-tiles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
}

.c-tiles::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  background-color: rgba(29, 31, 38, 0.85);
}

.c-tiles:not(.c-tiles--no-transition).c-tiles::after {
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.c-tiles--overlay::after {
  opacity: 1;
  pointer-events: initial;
}

.c-tile {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-size .3s ease-out;
  -o-transition: background-size .3s ease-out;
  transition: background-size .3s ease-out;
  background-position: center;
  background-size: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.no-touchevents .c-tile-external-url:not(.c-tile--popup):hover .b-project,
.no-touchevents .c-tile.tile-no-url:not(.c-tile--popup):hover .b-project {
  cursor: pointer;
}

.c-tile.single {
  font-size: 10px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-tile.single {
    font-size: calc((30 / (3 * 10.24)) * 1vw);
    width: 33.33333%;
    height: calc(33.33333vw - 5px);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  .c-tile.single {
    font-size: calc((30 / (4 * 10.24)) * 1vw);
    width: 25%;
    height: calc(25vw - 3.75px);
  }
}

@media only screen and (min-width: 1920px) {
  .c-tile.single {
    font-size: calc((30 / (6 * 10.24)) * 1vw);
    width: 16.66667%;
    height: calc(16.66667vw - 2.5px);
  }
}

@media only screen and (max-width: 767px) {
  .c-tile.single {
    width: 100%;
    height: calc(100vw - 15px);
  }
}

.js-tile-wrapper > .c-tile.single {
  width: 100%;
  height: 100%;
}

.js-tile-wrapper > .c-tile.single:not(.c-tile--popup) {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.c-tile.single.js-tile-wrapper {
  overflow: visible;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-tile.double {
    font-size: calc((30 / (3 * 10.24)) * 1vw);
    width: 66.66667%;
    height: calc(33.33333vw - 5px);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  .c-tile.double {
    font-size: calc((30 / (4 * 10.24)) * 1vw);
    width: 50%;
    height: calc(25vw - 3.75px);
  }
}

@media only screen and (min-width: 1920px) {
  .c-tile.double {
    font-size: calc((30 / (6 * 10.24)) * 1vw);
    width: 33.33333%;
    height: calc(16.66667vw - 2.5px);
  }
}

@media only screen and (max-width: 767px) {
  .c-tile.double {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .c-tile:first-child > .b-development {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6.2em;
  }
}

body.no-webp .c-tile.project.aisle {
  background-image: url(/assets/files/aisle-b2d0a68694d4a10ac60fcd6534219835.jpg);
}

body.webp .c-tile.project.aisle {
  background-image: url(/assets/files/aisle-d37be402966f687fb1c32d90b012b5fb.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.aisle {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.barco {
  background-image: url(/assets/files/barco-89634b8dde5f2e7f5383420442d59089.jpg);
}

body.webp .c-tile.project.barco {
  background-image: url(/assets/files/barco-d00727bfbaee94336fade69767dd5cd9.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.barco {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.bladepad {
  background-image: url(/assets/files/bladepad-d675fa01fc8436f4d5c8928e484761b8.jpg);
}

body.webp .c-tile.project.bladepad {
  background-image: url(/assets/files/bladepad-744a9c30e54c1b74d664b4cb6392287f.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.bladepad {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.boiron {
  background-image: url(/assets/files/boiron-05f8eb7742d5b20fc756c3d19f64d54f.jpg);
}

body.webp .c-tile.project.boiron {
  background-image: url(/assets/files/boiron-c1b20eb08d8d42b32e22ba93aaa95200.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.boiron {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.borran_software {
  background-image: url(/assets/files/borran_software-d48bc1c4d3a6f96ce9ed7cc290f6f4f0.jpg);
}

body.webp .c-tile.project.borran_software {
  background-image: url(/assets/files/borran_software-f237779454e3cf2c15fab49dde52da37.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.borran_software {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.brandsource {
  background-image: url(/assets/files/brandsource-4265619da99024143857d46c61a275ee.jpg);
}

body.webp .c-tile.project.brandsource {
  background-image: url(/assets/files/brandsource-db2cac033c38b7a2564b1226ebe6925f.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.brandsource {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.bsecure {
  background-image: url(/assets/files/bsecure-e12fe14acc5f56eb69341ec54ac0884b.jpg);
}

body.webp .c-tile.project.bsecure {
  background-image: url(/assets/files/bsecure-bd6e9b1ad17fd876e329dc95fa4a3373.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.bsecure {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.burger_king {
  background-image: url(/assets/files/burger_king-44b6d1a3921d7e1d16c0e2fe40f5b60c.jpg);
}

body.webp .c-tile.project.burger_king {
  background-image: url(/assets/files/burger_king-86c1911603144c3a586c684d13e95c78.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.burger_king {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.cisco {
  background-image: url(/assets/files/cisco-3d1125291add9a10dd1cfcda9b2e4f28.jpg);
}

body.webp .c-tile.project.cisco {
  background-image: url(/assets/files/cisco-36651a296083c662d5f620afafcbcde9.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.cisco {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.comodo {
  background-image: url(/assets/files/comodo-a40e015d53c6ef5ede6003dcdda94b10.jpg);
}

body.webp .c-tile.project.comodo {
  background-image: url(/assets/files/comodo-80f78b0cfb4ad1a6a95690e5548f4f2d.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.comodo {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.dow {
  background-image: url(/assets/files/dow-989ab821a1c1a8398a6ec793dbfb4d02.jpg);
}

body.webp .c-tile.project.dow {
  background-image: url(/assets/files/dow-d9aebc001f5afe507ea63df410b7c769.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.dow {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.ecwid {
  background-image: url(/assets/files/ecwid-8b4a3467444738a1d595b0d140359311.jpg);
}

body.webp .c-tile.project.ecwid {
  background-image: url(/assets/files/ecwid-0c93bde5ee8e232731ba304cd5d385b6.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.ecwid {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.emojme {
  background-image: url(/assets/files/emojme-1096159b0b11bafb2a8742fe7e767a85.jpg);
}

body.webp .c-tile.project.emojme {
  background-image: url(/assets/files/emojme-389ad5cc49b37972cf4f4291b85bcdb8.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.emojme {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.eventicious {
  background-image: url(/assets/files/eventicious-5b3c9c021c203d3da038d2f0613460a0.jpg);
}

body.webp .c-tile.project.eventicious {
  background-image: url(/assets/files/eventicious-8979108a4a2a791ae45ad64a2c307b7d.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.eventicious {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.eyeic {
  background-image: url(/assets/files/eyeic-2d0f381f48d8096c142c915ffda71602.jpg);
}

body.webp .c-tile.project.eyeic {
  background-image: url(/assets/files/eyeic-92024167e6242afe8779ce3d2c998cba.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.eyeic {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.ezlynk {
  background-image: url(/assets/files/ezlynk-76fd46e4f14d8329e0903cf403f342da.jpg);
}

body.webp .c-tile.project.ezlynk {
  background-image: url(/assets/files/ezlynk-5baa7eeaa75dc5701c5c264fd98f9b1f.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.ezlynk {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.ellpa {
  background-image: url(/assets/files/ellpa-39f2cfd26bfb1ce732936dcd3184e863.jpg);
}

body.webp .c-tile.project.ellpa {
  background-image: url(/assets/files/ellpa-a7af4897691efe851bd2b6b1e63d32cb.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.ellpa {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.fest404 {
  background-image: url(/assets/files/fest404-0118aec070778f4e2434ea1b37b1de94.jpg);
}

body.webp .c-tile.project.fest404 {
  background-image: url(/assets/files/fest404-7b79b832b70d3ad6fd68f8ed550d7b4b.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.fest404 {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.firecore {
  background-image: url(/assets/files/firecore-04aec9ce4072039355ed2973e332354e.jpg);
}

body.webp .c-tile.project.firecore {
  background-image: url(/assets/files/firecore-e2f6413c45b1be03ee7c8ef5a897f063.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.firecore {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.fitbit {
  background-image: url(/assets/files/fitbit-dfc5f11f3db756b82dae69da0e454f48.jpg);
}

body.webp .c-tile.project.fitbit {
  background-image: url(/assets/files/fitbit-d114e7ae744a21d97ee96ce40b8be27a.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.fitbit {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.fitness_bank {
  background-image: url(/assets/files/fitness_bank-7c0b60939f0377dd815c0d4492101d11.jpg);
}

body.webp .c-tile.project.fitness_bank {
  background-image: url(/assets/files/fitness_bank-acf8be7c2b7d6a8643c4a812795dc864.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.fitness_bank {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.google_glass {
  background-image: url(/assets/files/google_glass-15293b2917ee5f8f73e6eebdc24d439f.jpg);
}

body.webp .c-tile.project.google_glass {
  background-image: url(/assets/files/google_glass-df70d071605715b36b67c08415cbd950.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.google_glass {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.grainger {
  background-image: url(/assets/files/grainger-d1f8b7795c7477d98b485ce920f94290.jpg);
}

body.webp .c-tile.project.grainger {
  background-image: url(/assets/files/grainger-9bfc6060c4151ab2273d868a03f2ffa9.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.grainger {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.grants {
  background-image: url(/assets/files/grants-f0116fd946c1c393ad2bfa2d6adcddc5.jpg);
}

body.webp .c-tile.project.grants {
  background-image: url(/assets/files/grants-943db471230e67d2dcbc1c04198e0edd.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.grants {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.greenlinks {
  background-image: url(/assets/files/greenlinks-943ed7f37601ffad47e60481867bac14.jpg);
}

body.webp .c-tile.project.greenlinks {
  background-image: url(/assets/files/greenlinks-7fa2989dce2e85ce385340a26370ba01.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.greenlinks {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.henkel {
  background-image: url(/assets/files/henkel-aac18b2b7d762c7f03b25a80bf116430.jpg);
}

body.webp .c-tile.project.henkel {
  background-image: url(/assets/files/henkel-00cbabd2c32db87b77616eedc8119b2b.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.henkel {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.henry_ford {
  background-image: url(/assets/files/henry_ford-e58b9ca32efa484191a973c469192d0f.jpg);
}

body.webp .c-tile.project.henry_ford {
  background-image: url(/assets/files/henry_ford-e3eb47c119591cde3877658731fbef60.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.henry_ford {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.hex3 {
  background-image: url(/assets/files/hex3-c5b40825ce80ad40e267e2970612db72.jpg);
}

body.webp .c-tile.project.hex3 {
  background-image: url(/assets/files/hex3-6c81d39aa404ac21a89df96cece7fa0f.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.hex3 {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.hsbc {
  background-image: url(/assets/files/hsbc-ad161f2e2c28193fb63d658dc7813940.jpg);
}

body.webp .c-tile.project.hsbc {
  background-image: url(/assets/files/hsbc-34393ea6278f09f0eb15befaf2c28949.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.hsbc {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.jaja {
  background-image: url(/assets/files/jaja-0bbdd5ccaa6c84cfad54818d9017c88a.jpg);
}

body.webp .c-tile.project.jaja {
  background-image: url(/assets/files/jaja-8a837cf3885151ad1a629d4625159345.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.jaja {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.kensington {
  background-image: url(/assets/files/kensington-594a525614df9dddde690ae5194a13d6.jpg);
}

body.webp .c-tile.project.kensington {
  background-image: url(/assets/files/kensington-73bfd5cf2b75a8ac8236c243ec0f7846.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.kensington {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.kensington_presentair {
  background-image: url(/assets/files/kensington_presentair-431816575fa65c98e4269f4625f1fdcd.jpg);
}

body.webp .c-tile.project.kensington_presentair {
  background-image: url(/assets/files/kensington_presentair-1648dd51714df729aa6d8fa353bba4c8.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.kensington_presentair {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.kensington_proximo {
  background-image: url(/assets/files/kensington_proximo-b876f794888066ff1d8a1d690a6521d5.jpg);
}

body.webp .c-tile.project.kensington_proximo {
  background-image: url(/assets/files/kensington_proximo-819dd16f9e7083d0513e1276cb52b93c.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.kensington_proximo {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.kia {
  background-image: url(/assets/files/kia-977e78a859c3823724ffb6d85951a64c.jpg);
}

body.webp .c-tile.project.kia {
  background-image: url(/assets/files/kia-1ba937981b1fd3417f8bbd9f258f799a.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.kia {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.kompoz {
  background-image: url(/assets/files/kompoz-8a660883fc3906562be1d94394631c28.jpg);
}

body.webp .c-tile.project.kompoz {
  background-image: url(/assets/files/kompoz-d12a552feb9b82da52195ead59c09c34.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.kompoz {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.leroy_merlin {
  background-image: url(/assets/files/leroy_merlin-83d12bf7ae90d2a0a8b85decc8fac789.jpg);
}

body.webp .c-tile.project.leroy_merlin {
  background-image: url(/assets/files/leroy_merlin-78b969c345cc40ed6e0c4d809cc14cc1.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.leroy_merlin {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.mars {
  background-image: url(/assets/files/mars-e1d57a65a5ccbd03d4dbc3c0fd56d8d8.jpg);
}

body.webp .c-tile.project.mars {
  background-image: url(/assets/files/mars-7a0baf0098ac21c14286eba50e9df842.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.mars {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.mayday {
  background-image: url(/assets/files/mayday-f8568efc573e337673b48961c119b8c5.jpg);
}

body.webp .c-tile.project.mayday {
  background-image: url(/assets/files/mayday-06bb19250e9aa24a0c91d0f25e02e109.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.mayday {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.mercedes {
  background-image: url(/assets/files/mercedes-63e78cb1767ae59dc39385596fa4097a.jpg);
}

body.webp .c-tile.project.mercedes {
  background-image: url(/assets/files/mercedes-8256b6b3d2454bbc677a155843b290f5.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.mercedes {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.miami_childrens_hospital {
  background-image: url(/assets/files/miami_childrens_hospital-ecedf735dace509f72a0ffeb61e5576d.jpg);
}

body.webp .c-tile.project.miami_childrens_hospital {
  background-image: url(/assets/files/miami_childrens_hospital-8fba46f84121b6b69f080ad35d2b53b1.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.miami_childrens_hospital {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.mimedia {
  background-image: url(/assets/files/mimedia-639cd08d74b072631f47cdf1f1bb5cb2.jpg);
}

body.webp .c-tile.project.mimedia {
  background-image: url(/assets/files/mimedia-a79e07363343511e683667824bb61a16.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.mimedia {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.nestle {
  background-image: url(/assets/files/nestle-334c37caa38de988a07bc94a59ff23c6.jpg);
}

body.webp .c-tile.project.nestle {
  background-image: url(/assets/files/nestle-3af81756fd604dcc8d6563558e1d9e2e.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.nestle {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.novartis_pharma {
  background-image: url(/assets/files/novartis_pharma-b200b23ccf072eb671825d773c1c04da.jpg);
}

body.webp .c-tile.project.novartis_pharma {
  background-image: url(/assets/files/novartis_pharma-530ac02a1ab6a1b8f37bff60fcae3751.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.novartis_pharma {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.oneinfour {
  background-image: url(/assets/files/oneinfour-738fe529df6ee40ed0c64ef06341ebbf.jpg);
}

body.webp .c-tile.project.oneinfour {
  background-image: url(/assets/files/oneinfour-7bb12f1334eb6d44894f5b4598fb4a38.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.oneinfour {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.odds_finder {
  background-image: url(/assets/files/odds_finder-bba91731a291a74230d7fef088e60f27.jpg);
}

body.webp .c-tile.project.odds_finder {
  background-image: url(/assets/files/odds_finder-512109919a6412cc263ac3ae457cd069.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.odds_finder {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.one_spa_world {
  background-image: url(/assets/files/one_spa_world-96af723fb08cefe14bde1109f1d8a550.jpg);
}

body.webp .c-tile.project.one_spa_world {
  background-image: url(/assets/files/one_spa_world-dd5569b635a16bf6411cf08ee68e90bb.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.one_spa_world {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.open_edge {
  background-image: url(/assets/files/open_edge-e3658316037fc25df4436d5da97a822f.jpg);
}

body.webp .c-tile.project.open_edge {
  background-image: url(/assets/files/open_edge-e0c262db6cbec95ff6b30afe10230d97.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.open_edge {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.origo {
  background-image: url(/assets/files/origo-a9864386fb8da1aeff1e2f5ddeacf476.jpg);
}

body.webp .c-tile.project.origo {
  background-image: url(/assets/files/origo-7efa9d7a0d0c6c05f1fc0f4ddfc44ad1.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.origo {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.philip_morris_i {
  background-image: url(/assets/files/philip_morris_i-a81459489c3a2baba80d1e5fca323bab.jpg);
}

body.webp .c-tile.project.philip_morris_i {
  background-image: url(/assets/files/philip_morris_i-86b144565e19390dd6947190bcb25dc0.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.philip_morris_i {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.ppm {
  background-image: url(/assets/files/ppm-a94ee902c406b402cbae0a4b838a99eb.jpg);
}

body.webp .c-tile.project.ppm {
  background-image: url(/assets/files/ppm-a655cdc18b1fc0dd6e5492c10be82d76.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.ppm {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.practiceadmin {
  background-image: url(/assets/files/practiceadmin-59a870b2fa6bbdeb7125e0e8f0ff088e.jpg);
}

body.webp .c-tile.project.practiceadmin {
  background-image: url(/assets/files/practiceadmin-93d79bb8d1bd93cefb1aa407ddc678e8.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.practiceadmin {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.sberbank {
  background-image: url(/assets/files/sberbank-712a772f757de55bccd6c929c20d8f2b.jpg);
}

body.webp .c-tile.project.sberbank {
  background-image: url(/assets/files/sberbank-a19109a51f8497a776a7cd00382579e4.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.sberbank {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.shots {
  background-image: url(/assets/files/shots-f325c562e0d2c3583e65670758578eec.jpg);
}

body.webp .c-tile.project.shots {
  background-image: url(/assets/files/shots-da1dde1b2426faf893eb5dbaa6b0298c.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.shots {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.sns {
  background-image: url(/assets/files/sns-7f4d4f9d58a110b51b5b307dbc792db8.jpg);
}

body.webp .c-tile.project.sns {
  background-image: url(/assets/files/sns-4835af3ed99dc24646c2a44d0dba813e.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.sns {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.sony {
  background-image: url(/assets/files/sony-1586c1151d1ea5417fe65f2fd7a534c8.jpg);
}

body.webp .c-tile.project.sony {
  background-image: url(/assets/files/sony-22493b94a6b267df8a67f28fbf553c97.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.sony {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.stada {
  background-image: url(/assets/files/stada-84dbc7ffd06bba49d218ab737f0d0e0c.jpg);
}

body.webp .c-tile.project.stada {
  background-image: url(/assets/files/stada-535d3077279dba6b18c7ff9044333431.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.stada {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.thnks {
  background-image: url(/assets/files/thnks-37b885eecc43db0dd75bcd8f8970575e.jpg);
}

body.webp .c-tile.project.thnks {
  background-image: url(/assets/files/thnks-2cc7585469758d643f526a6ae74866ec.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.thnks {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.thomson_reuters {
  background-image: url(/assets/files/thomson_reuters-57f12b1e53a34a01e5edcb361c447be7.jpg);
}

body.webp .c-tile.project.thomson_reuters {
  background-image: url(/assets/files/thomson_reuters-3e0a489715f185c5834f3d8f270cbc09.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.thomson_reuters {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.tom_sawyer_fest {
  background-image: url(/assets/files/tom_sawyer_fest-7894938155e0cefaf1ed2fc837ac0a53.jpg);
}

body.webp .c-tile.project.tom_sawyer_fest {
  background-image: url(/assets/files/tom_sawyer_fest-af6880e97ddb88b507110c560510577f.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.tom_sawyer_fest {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.tonal {
  background-image: url(/assets/files/tonal-31382c149f3313b404c52f6879dacd8f.jpg);
}

body.webp .c-tile.project.tonal {
  background-image: url(/assets/files/tonal-fb593ed5c954ffb1bab213fe83d9096a.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.tonal {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.twin_river_casino {
  background-image: url(/assets/files/twin_river_casino-54e05aa009422a001857cfe58c91a6d8.jpg);
}

body.webp .c-tile.project.twin_river_casino {
  background-image: url(/assets/files/twin_river_casino-6ab2d0abffcb989d1d21d5b3c0b0a25b.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.twin_river_casino {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.vision_group {
  background-image: url(/assets/files/vision_group-843fba10fbbb378290e5179583d42709.jpg);
}

body.webp .c-tile.project.vision_group {
  background-image: url(/assets/files/vision_group-0b852359db4e27755d33169a0d2ac931.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.vision_group {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.wellez {
  background-image: url(/assets/files/wellez-b7693dfcfceeb9eccae2ac555b9c3b6f.jpg);
}

body.webp .c-tile.project.wellez {
  background-image: url(/assets/files/wellez-7c3e3577ddb6386bf3072a01eca7ddc3.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.wellez {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.wobble {
  background-image: url(/assets/files/wobble-2fd31c245cb69529b37940dc85f65899.jpg);
}

body.webp .c-tile.project.wobble {
  background-image: url(/assets/files/wobble-a5fd366a1e49f6d4e9f29bfa6d672964.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.wobble {
    background-size: cover;
  }
}

body.no-webp .c-tile.project.world_skills {
  background-image: url(/assets/files/world_skills-c4b1054cd16322da50b155c24fb47ceb.jpg);
}

body.webp .c-tile.project.world_skills {
  background-image: url(/assets/files/world_skills-fb3a1631bda7fd8b283d837de7462d40.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.world_skills {
    background-size: cover;
  }
}

.see-also .c-tile.project.android {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.android {
  background-image: url(/assets/files/android-7f41a8061d808a5ec0deb3755966acea.jpg);
}

body.webp .see-also .c-tile.project.android {
  background-image: url(/assets/files/android-fd2dac26891af935b85edc0fdbd58d03.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.android {
    background-size: cover;
  }
}

.see-also .c-tile.project.apple {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.apple {
  background-image: url(/assets/files/apple-fa9614555e79ebc6f56312d7b50cac08.jpg);
}

body.webp .see-also .c-tile.project.apple {
  background-image: url(/assets/files/apple-c8594562d18ef0364de5b692cba1f5cb.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.apple {
    background-size: cover;
  }
}

.see-also .c-tile.project.apple_tv {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.apple_tv {
  background-image: url(/assets/files/apple_tv-faa8149988f54834b9e9524c676521e2.jpg);
}

body.webp .see-also .c-tile.project.apple_tv {
  background-image: url(/assets/files/apple_tv-66c1c86ec79564608f1e3653a50e0256.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.apple_tv {
    background-size: cover;
  }
}

.see-also .c-tile.project.ios_and_android {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.ios_and_android {
  background-image: url(/assets/files/ios_and_android-064b1da985cc024ee06a543ffe97cb7e.jpg);
}

body.webp .see-also .c-tile.project.ios_and_android {
  background-image: url(/assets/files/ios_and_android-98e1a6f9d4caa5a15a83c4e15bc89ccd.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.ios_and_android {
    background-size: cover;
  }
}

.see-also .c-tile.project.smart_tv {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.smart_tv {
  background-image: url(/assets/files/smart_tv-d9fb1a3f9a0c25f0560891143f7598c2.jpg);
}

body.webp .see-also .c-tile.project.smart_tv {
  background-image: url(/assets/files/smart_tv-dc6c1f3e0bbf1b856dacb09c2ff31421.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.smart_tv {
    background-size: cover;
  }
}

.see-also .c-tile.project.web {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.web {
  background-image: url(/assets/files/web-5b62dd7233b2c1a5812cdbd8c51d5262.jpg);
}

body.webp .see-also .c-tile.project.web {
  background-image: url(/assets/files/web-227c66e7433f783f3ec2063378ab73a5.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.web {
    background-size: cover;
  }
}

.see-also .c-tile.project.watch {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.watch {
  background-image: url(/assets/files/watch-0034284fd26a921cc698599d06ee3edc.jpg);
}

body.webp .see-also .c-tile.project.watch {
  background-image: url(/assets/files/watch-61b1fddfe85a5369d50cfc72ec01feb4.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.watch {
    background-size: cover;
  }
}

.see-also .c-tile.project.windows_and_osx {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.windows_and_osx {
  background-image: url(/assets/files/windows_and_osx-9c496cf360ff4a62d96f741eaf4faabd.jpg);
}

body.webp .see-also .c-tile.project.windows_and_osx {
  background-image: url(/assets/files/windows_and_osx-b9c0291174810226921ed697fe4ef789.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.windows_and_osx {
    background-size: cover;
  }
}

.see-also .c-tile.project.design {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.design {
  background-image: url(/assets/files/design-59ca56e3b06463bf14acd96e2d4ca552.jpg);
}

body.webp .see-also .c-tile.project.design {
  background-image: url(/assets/files/design-6f3101d082a6efd34877d39863d374f9.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.design {
    background-size: cover;
  }
}

.see-also .c-tile.project.digital_transformation {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.digital_transformation {
  background-image: url(/assets/files/digital_transformation-2117a2b252b17b0b8294c9991ae20c01.jpg);
}

body.webp .see-also .c-tile.project.digital_transformation {
  background-image: url(/assets/files/digital_transformation-23d5cac00ee1520797ae042640161389.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.digital_transformation {
    background-size: cover;
  }
}

.see-also .c-tile.project.discovery {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.discovery {
  background-image: url(/assets/files/discovery-00415dd6c965d01bbacc97680d690a47.jpg);
}

body.webp .see-also .c-tile.project.discovery {
  background-image: url(/assets/files/discovery-1d82618310b8e6e62809b74279178b9a.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.discovery {
    background-size: cover;
  }
}

.see-also .c-tile.project.fitness_and_wellness {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.fitness_and_wellness {
  background-image: url(/assets/files/fitness_and_wellness-97423f35370e05d80063e85cecd55ce8.jpg);
}

body.webp .see-also .c-tile.project.fitness_and_wellness {
  background-image: url(/assets/files/fitness_and_wellness-fd64f861ee3df7dba603a1c4d56abf6c.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.fitness_and_wellness {
    background-size: cover;
  }
}

.see-also .c-tile.project.healthcare {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.healthcare {
  background-image: url(/assets/files/healthcare-973e864f7b6ee1e9f8541bfcd930a7cb.jpg);
}

body.webp .see-also .c-tile.project.healthcare {
  background-image: url(/assets/files/healthcare-1ad8472fbf32dd22d7ff79c2274fbd03.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.healthcare {
    background-size: cover;
  }
}

.see-also .c-tile.project.staff_augmentation {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.staff_augmentation {
  background-image: url(/assets/files/staff_augmentation-576b44df4008e68e319f29a2dc7e87f2.jpg);
}

body.webp .see-also .c-tile.project.staff_augmentation {
  background-image: url(/assets/files/staff_augmentation-5ed5ed9fe26687cd0fc03150f0703cc1.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.staff_augmentation {
    background-size: cover;
  }
}

.see-also .c-tile.project.quality_assurance {
  background-size: auto 100%;
}

body.no-webp .see-also .c-tile.project.quality_assurance {
  background-image: url(/assets/files/quality_assurance-2cc89eb82805ad0d70679d82094dcb0c.jpg);
}

body.webp .see-also .c-tile.project.quality_assurance {
  background-image: url(/assets/files/quality_assurance-2ca53287643ce7f1d00a94a25280bcdd.webp);
}

@media only screen and (max-width: 767px) {
  .see-also .c-tile.project.quality_assurance {
    background-size: cover;
  }
}

.c-tile__btn {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  pointer-events: none;
  display: block;
  z-index: 4;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(/assets/files/i-24-cross-db1c96032b1a788184081dc816df84eb.svg);
  background-size: 24px 24px;
  background-position: 50% 50%;
}

.c-tile__btn::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  opacity: 0;
  -webkit-transition: opacity 0.3s easy-in-out;
  -o-transition: opacity 0.3s easy-in-out;
  transition: opacity 0.3s easy-in-out;
  z-index: 3;
}

.c-tile__btn:hover::before {
  opacity: 1;
}

.c-tile--popup > .c-tile__btn {
  visibility: visible;
  pointer-events: initial;
}

.b-tile_project:not(.tile-no-url):not(.c-tile-external-url):after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  background-image: -webkit-linear-gradient(315deg, #ff435d, #b0208e);
  background-image: -o-linear-gradient(315deg, #ff435d, #b0208e);
  background-image: linear-gradient(135deg, #ff435d, #b0208e);
  opacity: 0;
}

.no-touchevents .b-tile_project.c-tile--popup::after,
.no-touchevents .b-tile_project:not(.c-tile--popup):hover::after {
  opacity: 0.7;
}

.b-tile_testimonial:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0.9;
}

.b-tile_testimonial.hsbc:after {
  background-image: -webkit-linear-gradient(315deg, #37b8ff, #0058ff);
  background-image: -o-linear-gradient(315deg, #37b8ff, #0058ff);
  background-image: linear-gradient(135deg, #37b8ff, #0058ff);
}

.b-tile_testimonial.wobble:after,
.b-tile_testimonial.sns:after {
  background-image: -webkit-linear-gradient(315deg, #b1e752, #00a525);
  background-image: -o-linear-gradient(315deg, #b1e752, #00a525);
  background-image: linear-gradient(135deg, #b1e752, #00a525);
}

.b-tile_testimonial.bladepad:after {
  background-image: -webkit-linear-gradient(315deg, #ffd461, #ff7c4b);
  background-image: -o-linear-gradient(315deg, #ffd461, #ff7c4b);
  background-image: linear-gradient(135deg, #ffd461, #ff7c4b);
}

.b-tile_testimonial.eventicious:after {
  background-image: -webkit-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%);
  background-image: -o-linear-gradient(315deg, #ac53ff 0%, #4439ff 100%);
  background-image: linear-gradient(135deg, #ac53ff 0%, #4439ff 100%);
}

.b-tile_testimonial.dow:after {
  background-image: -webkit-linear-gradient(153deg, #009a9e, #00fc9c);
  background-image: -o-linear-gradient(153deg, #009a9e, #00fc9c);
  background-image: linear-gradient(297deg, #009a9e, #00fc9c);
}

.b-tile_testimonial.ppm:after {
  background-image: -webkit-linear-gradient(333deg, #ff883a, #ff284c);
  background-image: -o-linear-gradient(333deg, #ff883a, #ff284c);
  background-image: linear-gradient(117deg, #ff883a, #ff284c);
}

.b-tile_testimonial.eyeic:after {
  background: -webkit-linear-gradient(153deg, #99179c, #ff2747);
  background: -o-linear-gradient(153deg, #99179c, #ff2747);
  background: linear-gradient(297deg, #99179c, #ff2747);
}

.b-tile_testimonial.firecore:after {
  background: -webkit-linear-gradient(315deg, #ffd461, #ff7c4b);
  background: -o-linear-gradient(315deg, #ffd461, #ff7c4b);
  background: linear-gradient(135deg, #ffd461, #ff7c4b);
}

.b-tile_testimonial.barco:after {
  background: -webkit-linear-gradient(315deg, #37b8ff, #0058ff);
  background: -o-linear-gradient(315deg, #37b8ff, #0058ff);
  background: linear-gradient(135deg, #37b8ff, #0058ff);
}

.tile-no-url.c-tile:hover {
  background-size: 100%;
}

.c-tile:not(.landing) .project-shield-container::after {
  background-image: none !important;
}

.see-also {
  padding: 60px 0;
  background-color: #1d1f26;
}

@media only screen and (min-width: 1025px) {
  .see-also {
    padding: 120px 0;
  }
}

.see-also--border {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.see-also__title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.08;
  color: #ff0044;
  margin-bottom: 0.54em;
  margin-bottom: 36px;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .see-also__title {
    font-size: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .see-also__title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1025px) {
  .see-also__title {
    margin-bottom: 72px;
  }
}

.see-also__cards {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .see-also__cards {
    grid-gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .see-also__cards {
    grid-gap: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .see-also__cards--wide {
    grid-template-columns: 1fr 1fr;
  }

  .see-also__cards--narrow {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.see-also__card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 210px;
  width: 100%;
}

.see-also__card__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.see-also__cards--wide .see-also__card__body {
  padding: 0 90px;
}

.see-also__cards--narrow .see-also__card__body {
  padding: 0 32px;
}

.see-also__card__logo {
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.see-also__cards--wide .see-also__card__logo {
  padding: 0 90px;
}

.see-also__cards--narrow .see-also__card__logo {
  padding: 0 32px;
}

.see-also__card__logo img {
  max-width: 100%;
}

.see-also__card__body + .see-also__card__logo {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.see-also__card__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.see-also__card__inner--background {
  z-index: 0;
  -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.see-also__card__title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.28;
  color: #ff0044;
  margin-bottom: 0.64em;
  color: white;
  margin: 12px 0 0;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .see-also__card__title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .see-also__card__title {
    font-size: 18px;
  }
}

.see-also__card__body .see-also__card__title {
  margin: 0;
}

.see-also__card__description {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  color: rgba(29, 31, 38, 0.75);
  margin-bottom: 0.665em;
  color: rgba(255, 255, 255, 0.7);
  margin: 16px 0 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .see-also__card__description {
    font-size: 13px;
    line-height: 1.53;
  }
}

.see-also__card::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: -webkit-linear-gradient(315deg, #ff435d, #b0208e);
  background-image: -o-linear-gradient(315deg, #ff435d, #b0208e);
  background-image: linear-gradient(135deg, #ff435d, #b0208e);
}

.see-also__card:hover::before {
  opacity: 0.7;
}

.see-also__card:hover .see-also__card__inner--background {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.see-also__card:hover .see-also__card__body {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.see-also__card:hover .see-also__card__body + .see-also__card__logo {
  opacity: 0;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.c-slide.request_estimate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(29, 31, 38, 0.9);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-request_estimate-slide {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #bfbfbf;
  background-color: rgba(29, 31, 38, 0.9);
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide {
    min-height: 570px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_estimate-slide {
    min-height: 600px;
  }
}

.b-request_estimate-slide .b-request_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  background-color: #18191c;
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content {
    width: 100%;
    background-color: transparent;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content {
    padding: 72px 64px 64px;
  }
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content {
    padding: 64px 0 0;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content {
    width: calc(calc(100vw - 155px) / 12 * 8 - 1px);
  }
}

@media only screen and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.b-request_estimate-slide .b-request_content_part {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.b-request_estimate-slide .b-request_content_part_inner {
  padding: 48px 0 56px;
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part_inner {
    padding: 32px 0 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part_inner {
    padding: unset;
  }
}

.b-request_estimate-slide .b-request_content_part .b-request_form_inner {
  width: 100%;
  overflow: hidden;
}

.b-request_estimate-slide .b-request_content_part-1 {
  padding-right: 56px;
}

@media only screen and (min-width: 1200px) and (max-width: 1359px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 64px;
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-right: unset;
    background-color: #18191c;
    padding: 48px 60px 64px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-inline: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_estimate-slide .b-request_content_part-1 {
    padding-inline: 24px;
  }
}

.b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
  padding-left: 64px;
  width: calc(8 * calc(100vw - 155px) / 12 - 67px);
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    padding-left: 56px;
    width: calc(7 * calc(100vw - 155px) / 12 - 56px);
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(7 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1560px) and (max-width: 1799px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(6 * calc(100vw - 155px) / 12 - 76px);
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 80px);
    padding-left: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-1 .b-request_content_part_inner {
    width: 100%;
    padding-left: unset;
  }
}

.b-request_estimate-slide .b-request_content_part-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 56px;
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    border-right: unset;
    padding-left: unset;
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1359px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 64px;
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-2 {
    padding-left: 80px;
  }
}

.b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
  padding-right: 56px;
  height: 100%;
  width: calc(calc(100vw - 155px) / 12 * 5 - 112px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 64px;
  width: calc(4 * calc(100vw - 155px) / 12 - 64px);
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-right: 56px;
    width: calc(5 * calc(100vw - 155px) / 12 - 56px);
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1559px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1560px) and (max-width: 1799px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 73px);
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(5 * calc(100vw - 155px) / 12 - 72px);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: calc(4 * calc(100vw - 155px) / 12 - 80px);
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    width: auto;
    padding-right: unset;
    gap: 32px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-inline: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_estimate-slide .b-request_content_part-2 .b-request_content_part_inner {
    padding-inline: 24px;
  }
}

.b-request_paragraph {
  font-family: "TT Hoves Pro", "Arial", sans-serif;
  font-weight: 300;
  color: white;
  font-size: 22px;
  line-height: 1.27;
}

@media only screen and (min-width: 1360px) and (max-width: 1799px) {
  .b-request_paragraph {
    font-size: 24px;
    line-height: 1.33;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .b-request_paragraph {
    font-size: responsive-clamp(1800, 1919, 24, 28);
  }
}

@media only screen and (min-width: 1920px) {
  .b-request_paragraph {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .b-request_paragraph {
    font-size: 32px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  .b-request_paragraph {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 459px) {
  .b-request_paragraph {
    font-size: 22px;
    line-height: 28px;
  }
}

.b-project-section {
  position: relative;
  margin: 0;
}

.b-project-section .b-text p {
  text-align: center;
  margin: 0;
}

.b-project-full-width-section .container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.b-project-full-width-section .container > .row {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
}

.b-what_we_do_project {
  overflow: hidden;
  background-color: #f5f5f5;
}

.b-background-text {
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .b-background-text {
    display: none;
  }
}

.b-background-text span {
  font-size: 32em;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 300px;
  line-height: 1.07;
  color: rgba(146, 161, 174, 0.1);
  letter-spacing: 6px;
  margin-bottom: 0.535em;
}

.b-parallax-element {
  position: absolute;
  z-index: 1;
  left: 50%;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  .b-parallax-element {
    display: none;
  }
}

.b-project-bottom-background {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
}

.b-project-bottom-background img {
  display: block;
  width: 100%;
  height: auto;
}

.c-all_projects {
  z-index: 4;
  top: 104px;
  color: #ff0044;
}

.c-all_projects:before {
  background: url(/assets/files/back-red-7491a95878375b31fa9837bb8006c32b.svg) no-repeat center;
}

@media only screen and (max-width: 1024px) {
  .c-all_projects {
    top: 76px;
  }
}

.l-footer {
  position: relative;
  z-index: 3;
}

.b-project-section .b-header-h2-row h2 {
  text-align: center;
}

.b-project-section .b-header-h2-row .b-project-header-number {
  display: none;
}

.b-project-section .b-header-h2-row .gr-6 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.b-project-subheader {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .b-project-subheader h3,
  .b-project-subheader .b-project-subheader-type {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
  }
}

.b-project-subheader h3 {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .b-project-subheader h3 {
    top: 1.79em;
  }
}

.b-project-subheader-number {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 180px;
  line-height: 1;
  color: rgba(146, 161, 174, 0.1);
  margin-bottom: 0.5em;
  text-align: center;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .b-project-subheader-number {
    display: none;
  }
}

.b-project-subheader-type {
  top: 4.4em;
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: rgba(146, 161, 174, 0.6);
  margin-bottom: 0.5em;
  text-align: center;
  color: rgba(146, 161, 174, 0.6);
}

@media only screen and (max-width: 1024px) {
  .b-project-subheader-type {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .apps {
    padding-bottom: 5.1em;
  }
}

@media only screen and (min-width: 1025px) {
  .apps {
    padding-bottom: 10.4em;
  }
}

.apps .b-project-devices-mobile-container {
  padding-top: 4.1em;
}

.apps .b-project-devices-mobile {
  width: 54.1em;
  min-width: 54.1em;
}

.b-project-apps-container {
  overflow: hidden;
  padding-top: 5.6em;
}

@media only screen and (max-width: 1024px) {
  .b-project-apps-container {
    display: none;
  }
}

.b-project-apps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: 50%;
  width: 100%;
  max-width: 140em;
  min-width: 102.4em;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.b-project-app {
  width: 20%;
}

.b-project-app .b-project-app-button {
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.b-project-app-image {
  padding-bottom: 2em;
  margin: 0 auto;
}

.b-project-app-image.ios,
.b-project-app-image.android {
  width: 20.1em;
}

.b-project-app-image.web,
.b-project-app-image.macos,
.b-project-app-image.windows {
  width: 20em;
}

.b-project-app-image img {
  display: block;
  width: 100%;
}

.b-project-app-button {
  display: block;
  height: 4.6em;
  margin: 0 auto;
}

.b-project-app-button:hover {
  opacity: 1;
}

.b-project-app-button.ios {
  width: 15em;
}

body.no-webp .b-project-app-button.ios {
  background-image: url(/assets/files/btn_appstore@2x-85ca2ad7fc3d4ed32a2cbd50e348cf88.png);
}

body.webp .b-project-app-button.ios {
  background-image: url(/assets/files/btn_appstore@2x-248e1792134b4b33df1f42ffd885df23.webp);
}

.b-project-app-button.android {
  width: 16em;
}

body.no-webp .b-project-app-button.android {
  background-image: url(/assets/files/btn_playmarket@2x-93640a0ae3c1656c098440b41f3feeda.png);
}

body.webp .b-project-app-button.android {
  background-image: url(/assets/files/btn_playmarket@2x-220509e63618f045d8ecdd66742d6c84.webp);
}

.b-project-app-button.web {
  width: 14em;
}

body.no-webp .b-project-app-button.web {
  background-image: url(/assets/files/btn_web@2x-07ead14739cfd166269c4387ec77662e.png);
}

body.webp .b-project-app-button.web {
  background-image: url(/assets/files/btn_web@2x-3695a0b5b8f1de7bc28dde26bd5590d9.webp);
}

.b-project-app-button.macos {
  width: 16em;
}

body.no-webp .b-project-app-button.macos {
  background-image: url(/assets/files/btn_macos@2x-4963a20455cd709bcd8f50eefde7d62d.png);
}

body.webp .b-project-app-button.macos {
  background-image: url(/assets/files/btn_macos@2x-e5da4bff9b52660d6559baf7565ef91c.webp);
}

.b-project-app-button.windows {
  width: 17.4em;
}

body.no-webp .b-project-app-button.windows {
  background-image: url(/assets/files/btn_windows@2x-a31a4c6ab95e2169be7811d32cc017f3.png);
}

body.webp .b-project-app-button.windows {
  background-image: url(/assets/files/btn_windows@2x-c63f4c5613c87126951702d3417505c9.webp);
}

.no-touchevents .b-project-section .b-project-app-button {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.no-touchevents .b-project-section .b-project-app-button:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .tech-crunch {
    padding-top: 5em;
  }
}

@media only screen and (max-width: 1024px) {
  .tech-crunch {
    background-color: white;
  }
}

@media only screen and (min-width: 768px) {
  .tech-crunch {
    padding-top: 9.8em;
    padding-bottom: 8.9em;
  }
}

.b-project-tech-crunch-container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.b-project-tech-crunch::before {
  content: "";
  display: block;
  width: 10em;
  height: 6em;
  background-image: url(/assets/files/TechCrunch_logo-dd6ae4ccdf43cb8bafeab290a8aaf74a.svg);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto 1.5em auto;
}

.b-project-tech-crunch a {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .b-project-tech-crunch a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .yunicorn {
    padding-bottom: 6em;
  }
}

@media only screen and (max-width: 1024px) {
  .yunicorn {
    background-color: white;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .yunicorn {
    padding-top: 4.4em;
    padding-bottom: 5.3em;
  }
}

@media only screen and (min-width: 1025px) {
  .yunicorn {
    padding-bottom: 2.9em;
  }
}

@media only screen and (max-width: 767px) {
  .yunicorn .b-text {
    padding-top: 4.9em;
  }
}

@media only screen and (min-width: 768px) {
  .yunicorn .b-text {
    padding-top: 1.5em;
  }
}

.yunicorn .b-text::before,
.yunicorn .b-text::after {
  content: "";
  display: block;
  margin: 0 auto;
}

.yunicorn .b-text::before {
  width: 7em;
  height: 4.6em;
  background-image: url(/assets/files/yu_logo-36c23c28ce7e2aa387a2f045f9dddba4.svg);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.yunicorn .b-text::after {
  width: 4em;
  height: 0.4em;
  background-color: #0082ff;
}

@media only screen and (max-width: 767px) {
  .yunicorn .b-text::after {
    display: none;
  }
}

.yunicorn .b-text .gr-6 {
  padding-right: 0;
  padding-left: 0;
}

.yunicorn .b-text p {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.9em;
  font-weight: 400;
  text-align: center;
  color: #0082ff;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .yunicorn .b-text p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .yunicorn .b-text p {
    padding-top: 1.65em;
  }
}

@media only screen and (min-width: 768px) {
  .yunicorn .b-text p {
    padding-top: 2.15em;
    padding-bottom: 2.1em;
  }
}

.b-project-yunicorn-video-container {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .b-project-yunicorn-video-container {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .b-project-yunicorn-video-container {
    width: 66.2em;
    height: 36em;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
  }

  body.no-webp .b-project-yunicorn-video-container {
    background-image: url(/assets/files/mask_android_yu_landscape@2x-58f0345533944381abc909f91a69c7eb.png);
  }

  body.webp .b-project-yunicorn-video-container {
    background-image: url(/assets/files/mask_android_yu_landscape@2x-3af41626d80a2e2eb8da95afecc81b64.webp);
  }
}

.b-project-yunicorn-thumbnail {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 26.4em;
  background-position: 50% 50%;
  background-size: auto 26.4em;
  background-repeat: no-repeat;
  background-color: white;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

body.no-webp .b-project-yunicorn-thumbnail {
  background-image: url(/assets/files/youtube_video-02bf55bc560b4521c1fa8bbd96d434c5.jpg);
}

body.webp .b-project-yunicorn-thumbnail {
  background-image: url(/assets/files/youtube_video-d748f8ca457cf549d8136c96ea4720bd.webp);
}

@media only screen and (max-width: 767px) {
  .b-project-yunicorn-thumbnail {
    max-width: 100%;
    left: 0;
    top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .b-project-yunicorn-thumbnail {
    left: 9.55em;
    top: 3.5em;
    max-width: 47em;
  }
}

.b-project-yunicorn-thumbnail::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10em;
  height: 8em;
  background-image: url(/assets/files/100x80_btn_youtube_sprite-11b4fe45f07b3eb87e20b5ab46007940.svg);
  background-position: 0 0;
  background-size: 10em 16em;
  background-repeat: no-repeat;
  margin-left: -5em;
  margin-top: -4em;
}

.no-touchevents .b-project-yunicorn-thumbnail:hover::before {
  background-position: 0 -8em;
}

.b-project-yunicorn-thumbnail.hidden {
  opacity: 0;
  pointer-events: none;
}

.b-project-yunicorn-thumbnail.hidden::before {
  display: none;
}

.b-project-yunicorn-video {
  width: 100%;
  max-width: 47em;
  height: 26.4em;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  .b-project-yunicorn-video {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .b-project-yunicorn-video {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 9.55em;
    top: 3.5em;
  }
}

.b-project-devices-container {
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .b-project-devices-container {
    display: none;
  }
}

.b-project-devices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

@media only screen and (min-width: 1025px) {
  .b-project-devices-mobile-container {
    display: none;
  }
}

.b-project-devices-mobile {
  position: relative;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.b-project-devices-mobile img {
  display: block;
  width: 100%;
}

.b-project-device-image {
  margin: 0 auto;
}

.b-project-device-image img {
  display: block;
  width: 100%;
}

.b-project-device-title {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: #ff0044;
  margin-bottom: 0.625em;
  text-align: center;
  margin-bottom: 0;
}

.b-project-device-text {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.785em;
  text-align: center;
  padding-top: 1em;
  margin: 0 auto;
}

.mobile-devices .b-project-device-text {
  max-width: 18.57em;
}

.mobile-devices .b-project-devices {
  width: 100%;
  min-width: 108em;
  max-width: 135.4em;
}

.mobile-devices .b-project-device {
  width: 33.3%;
  min-width: 36em;
}

.mobile-devices .b-project-device-image {
  width: 36em;
}

.mobile-devices .b-project-device-title {
  margin-top: -1.3em;
}

.b-project-section .tablet-devices {
  padding-top: 2.4em;
}

.tablet-devices .b-project-device-text,
.desktop-devices .b-project-device-text {
  max-width: 28.57em;
}

.tablet-devices .b-project-device-image {
  width: 106.2em;
}

.tablet-devices .b-project-device-title {
  margin-top: -0.3em;
}

.desktop-devices .b-project-devices {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.desktop-devices .b-project-device-image {
  width: 100em;
}

.desktop-devices .b-project-device-image img {
  -webkit-box-shadow: 0 16px 31px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 16px 31px 0 rgba(0, 0, 0, 0.15);
}

.desktop-devices .b-project-device-title {
  padding-top: 3.9em;
}

@media only screen and (min-width: 1025px) {
  .b-project-header > .no-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 26.6em;
  }
}

.b-project-logo {
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  .b-project-logo {
    width: 16.8em;
    max-width: 16.8em;
    height: 13.2em;
  }

  body.no-webp .b-project-logo {
    background-image: url(/assets/files/logo-media-mobile@2x-4f51275a441153a28d09311749fdd145.png);
  }

  body.webp .b-project-logo {
    background-image: url(/assets/files/logo-media-mobile@2x-f3f360b5c8d92c49f703ea60bf35e102.webp);
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-logo {
    width: 52.8em;
    max-width: 52.8em;
    height: 11em;
  }

  body.no-webp .b-project-logo {
    background-image: url(/assets/files/mimedia_logo@2x-5552c3c667f07b25d8eb71fc0a814b73.png);
  }

  body.webp .b-project-logo {
    background-image: url(/assets/files/mimedia_logo@2x-acecae29da9013e238892a5fee390d7b.webp);
  }
}

.b-project-description-container {
  max-width: 116em;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .b-project-description {
    padding: 4.8em 2em;
  }
}

@media only screen and (min-width: 768px) {
  .b-project-description {
    width: 75%;
    padding-top: 6.4em;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b-project-description {
    padding-right: 4em;
    padding-left: 4em;
  }
}

.b-project-description p {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.67;
  color: rgba(29, 31, 38, 0.7);
  margin-bottom: 0.835em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .b-project-description p {
    font-size: 18px;
  }
}

.b-project-play-video {
  margin: 0 auto;
}

.b-project-image-header {
  opacity: 1;
}

.b-project-pattern {
  display: none;
}

.b-btn_projects-back .c-button_wrap {
  display: none;
}

@media only screen and (max-width: 767px) {
  .b-btn_projects-back {
    bottom: -11.5em;
  }
}

@media only screen and (min-width: 768px) {
  .b-btn_projects-back {
    bottom: -9em;
  }
}

.b-project-header-container {
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .b-project-header-container {
    padding-bottom: 1028px;
  }
}

.b-project-header-bubbles {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  bottom: 2em;
}

@media only screen and (max-width: 1024px) {
  .b-project-header-bubbles {
    display: none;
  }
}

.b-project-header-bubbles svg {
  display: block;
  width: 250em;
  min-width: 250em;
  height: 150em;
}

.b-project-header-container-background {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1025px) {
  .b-project-header-container-background {
    background-position: 50% 100%;
    background-size: 228em 96.1em;
    background-repeat: no-repeat;
  }

  body.no-webp .b-project-header-container-background {
    background-image: url(/assets/files/img_mimedia_02-e6ec2bf5b9fc20f575bb5e8a11beaff4.png);
  }

  body.webp .b-project-header-container-background {
    background-image: url(/assets/files/img_mimedia_02-d150159d09af90fb1d00913baa3bd132.webp);
  }
}

.b-project-header-background {
  position: absolute;
  left: 0;
  top: -8em;
  z-index: 1;
  width: 100%;
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  .b-project-header-background {
    height: 55.8em;
  }

  body.no-webp .b-project-header-background {
    background-image: url(/assets/files/top_img_mimedia_mob-934a96f27412679acef3abc84aacc3d2.jpg);
  }

  body.webp .b-project-header-background {
    background-image: url(/assets/files/top_img_mimedia_mob-cd7a1f5769d85afee609369746d57f6f.webp);
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-header-background {
    height: 68.1em;
  }

  body.no-webp .b-project-header-background {
    background-image: url(/assets/files/header_mimedia-6d0c9bd06cb081842a094ec175055c32.jpg);
  }

  body.webp .b-project-header-background {
    background-image: url(/assets/files/header_mimedia-1cdb3ef8e9cfd9051f1f906f7f242055.webp);
  }
}

.b-project-header {
  position: relative;
  z-index: 3;
  background: none;
}

@media only screen and (max-width: 1024px) {
  .b-project-header {
    height: 57em;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-header {
    height: auto;
  }
}

.b-project-header-video {
  z-index: -1;
}

.b-btn_projects-back {
  z-index: 4;
}

.case-study-video {
  z-index: 3;
  min-height: 790px;
  background-color: transparent;
}

@media only screen and (max-width: 1024px) {
  .case-study-video {
    min-height: 570px;
  }
}

@media only screen and (max-width: 767px) {
  .case-study-video {
    min-height: 570px;
  }
}

.case-study-video-loading {
  min-height: calc(100vh - 80px);
}

@media only screen and (max-width: 1024px) {
  .case-study-video-loading {
    min-height: calc(100vh - 60px);
  }
}

@media only screen and (max-width: 767px) {
  .case-study-video-loading {
    min-height: 570px;
  }
}

@media only screen and (min-width: 1025px) {
  .case-study-video-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.case-study-video-content > div {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .case-study-video-content > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-logo-description {
    width: 100%;
    padding-top: 18em;
  }
}

@media only screen and (max-width: 1024px) {
  .case-study-video-play-button {
    top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .b-project-section.review {
    background-color: #fff;
  }
}

@media only screen and (max-width: 1024px) {
  .b-project-section.review::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(146, 161, 174, 0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .b-project-section.review .container {
    z-index: 2;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.michael-yoon {
    background-color: white;
    padding-top: 0;
    padding-bottom: 8.1em;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.michael-yoon .b-project-customer .title {
    background-color: white;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.chris-giordano {
    padding-top: 5.2em;
    padding-bottom: 6.2em;
  }
}

@media only screen and (min-width: 1025px) {
  .b-project-section.chris-giordano .b-project-customer .title {
    background-color: #f5f5f5;
  }
}

@media only screen and (max-width: 767px) {
  .challenge {
    padding-bottom: 4em;
  }
}

@media only screen and (min-width: 768px) {
  .challenge {
    padding-top: 2.9em;
    padding-bottom: 5.5em;
  }
}

.solution {
  background-color: white;
}

@media only screen and (max-width: 767px) {
  .solution {
    padding-top: 5.1em;
    padding-bottom: 5em;
  }
}

@media only screen and (min-width: 768px) {
  .solution {
    padding-top: 7.5em;
    padding-bottom: 7.2em;
  }
}

@media only screen and (max-width: 767px) {
  .result {
    padding-top: 5.1em;
  }
}

@media only screen and (max-width: 1024px) {
  .result {
    background-color: white;
  }
}

@media only screen and (min-width: 768px) {
  .result {
    padding-top: 9.9em;
  }
}

.result .mobile-devices {
  padding-top: 9em;
}

@media only screen and (max-width: 1024px) {
  .result-devices {
    background-color: white;
    padding-top: 5.5em;
    padding-bottom: 3.3em;
  }
}

.result-devices .b-project-devices-mobile-container {
  padding-top: 5.4em;
  padding-bottom: 3.4em;
}

.result-devices .b-project-devices-mobile {
  width: 52.2em;
  min-width: 52.2em;
}

.result-devices .b-parallax-element-1 {
  width: 1.05em;
  height: 1.6em;
  top: -1.6em;
  background-image: url(/assets/files/01_parallax_03-889bfcbc88ba96081c034a837b26dfb8.svg);
  margin-left: -70em;
  opacity: 0.37;
}

.result-devices .b-parallax-element-2 {
  width: 3.6em;
  height: 3.6em;
  top: 48.7em;
  background-image: url(/assets/files/01_parallax_01-ec8b1b3173daf3346a5fc1b0c55c4fea.svg);
  margin-left: -86.6em;
  opacity: 0.5;
}

.result-devices .b-parallax-element-3 {
  width: 1.4em;
  height: 1.4em;
  top: 89.2em;
  background-image: url(/assets/files/01_parallax_01-ec8b1b3173daf3346a5fc1b0c55c4fea.svg);
  margin-left: -79em;
}

.result-devices .b-parallax-element-4 {
  width: 1.1em;
  height: 1.1em;
  top: 70.8em;
  background-image: url(/assets/files/01_parallax_01-ec8b1b3173daf3346a5fc1b0c55c4fea.svg);
  margin-left: 44.6em;
  opacity: 0.21;
}

.result-devices .b-parallax-element-5 {
  width: 4.4em;
  height: 2.2em;
  top: 7.5em;
  background-image: url(/assets/files/01_parallax_02-d7d266beb457f7120d015a610717cf9e.svg);
  margin-left: 23.2em;
}

.result-devices .b-parallax-element-6 {
  width: 2.1em;
  height: 3.2em;
  top: 81.4em;
  background-image: url(/assets/files/01_parallax_03-889bfcbc88ba96081c034a837b26dfb8.svg);
  margin-left: 74.4em;
}

.result-devices .b-parallax-element-7 {
  width: 1.2em;
  height: 1.2em;
  top: 101.8em;
  background-image: url(/assets/files/01_parallax_01-ec8b1b3173daf3346a5fc1b0c55c4fea.svg);
  margin-left: 88.4em;
}

.result-devices .b-parallax-element-8 {
  width: 10em;
  height: 5em;
  top: 77.8em;
  background-image: url(/assets/files/01_parallax_02-d7d266beb457f7120d015a610717cf9e.svg);
  margin-left: -68.4em;
  opacity: 0.24;
}

.result-devices .b-parallax-element-9 {
  width: 10em;
  height: 5em;
  top: 45em;
  background-image: url(/assets/files/01_parallax_02-d7d266beb457f7120d015a610717cf9e.svg);
  margin-left: 91em;
  opacity: 0.17;
}

@media only screen and (max-width: 767px) {
  .design {
    padding-top: 5.1em;
    padding-bottom: 7.2em;
  }
}

@media only screen and (min-width: 768px) {
  .design {
    padding-top: 8.6em;
    padding-bottom: 8.6em;
  }
}

.colors-and-fonts {
  background-color: white;
  padding-top: 8em;
  padding-bottom: 10em;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .colors-and-fonts {
    display: none;
  }
}

.colors-and-fonts .b-background-text {
  left: 50%;
  top: 44.4em;
  margin-left: -9em;
}

.colors-and-fonts .b-project-colors-and-fonts-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.colors-and-fonts .b-project-colors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 120em;
  padding-top: 5em;
  padding-bottom: 9em;
  margin: 0 auto;
}

.colors-and-fonts .b-project-colors .green .b-project-color-outer-border {
  border-color: rgba(8, 160, 158, 0.1);
}

.colors-and-fonts .b-project-colors .green .b-project-color-inner-border {
  border-color: rgba(8, 160, 158, 0.2);
}

.colors-and-fonts .b-project-colors .green .b-project-color-fill {
  background-color: #08a09e;
}

.colors-and-fonts .b-project-colors .black .b-project-color-outer-border {
  border-color: rgba(68, 70, 70, 0.1);
}

.colors-and-fonts .b-project-colors .black .b-project-color-inner-border {
  border-color: rgba(68, 70, 70, 0.2);
}

.colors-and-fonts .b-project-colors .black .b-project-color-fill {
  background-color: #444646;
}

.colors-and-fonts .b-project-colors .gray .b-project-color-outer-border {
  border-color: rgba(143, 146, 146, 0.1);
}

.colors-and-fonts .b-project-colors .gray .b-project-color-inner-border {
  border-color: rgba(143, 146, 146, 0.2);
}

.colors-and-fonts .b-project-colors .gray .b-project-color-fill {
  background-color: #8f9292;
}

.colors-and-fonts .b-project-colors .red .b-project-color-outer-border {
  border-color: rgba(214, 73, 65, 0.1);
}

.colors-and-fonts .b-project-colors .red .b-project-color-inner-border {
  border-color: rgba(214, 73, 65, 0.2);
}

.colors-and-fonts .b-project-colors .red .b-project-color-fill {
  background-color: #d64942;
}

.colors-and-fonts .b-project-color {
  width: 25%;
}

.colors-and-fonts .b-project-color-inner-border {
  width: 9.6em;
  height: 9.6em;
  padding: 2em;
  border-width: 0.2em;
  border-style: solid;
  border-radius: 100em;
}

.colors-and-fonts .b-project-color-outer-border {
  width: 14em;
  height: 14em;
  padding: 1.9em;
  border-width: 0.1em;
  border-style: solid;
  border-radius: 100em;
  margin: 0 auto;
}

.colors-and-fonts .b-project-color-fill {
  width: 9.6em;
  height: 9.6em;
  border-radius: 96em;
  background-image: url(/assets/files/24pt_drop-bf5fe832e7eee42072307cf191accfe5.svg);
  background-repeat: no-repeat;
  background-size: 2.4em 2.4em;
  background-position: 50% 50%;
}

.colors-and-fonts .b-project-color-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 18em;
  padding-left: 5.7em;
  margin: 0 auto;
}

.colors-and-fonts .b-project-color-title {
  padding-top: 1.8em;
}

.colors-and-fonts .b-project-color-title:first-child {
  padding-top: 1.3em;
}

.colors-and-fonts .b-project-color-title span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: rgba(146, 161, 174, 0.6);
  margin-bottom: 0.5em;
  margin-bottom: 0;
}

.colors-and-fonts .b-project-color-value {
  padding-top: 0.6em;
}

.colors-and-fonts .b-project-color-value span {
  font-family: "TT Hoves Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(29, 31, 38, 0.85);
  margin-bottom: 0.785em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.colors-and-fonts .b-project-fonts {
  width: 92.1em;
  height: 17em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  margin: 0 auto;
}

body.no-webp .colors-and-fonts .b-project-fonts {
  background-image: url(/assets/files/mimedia-fonts@2x-c4bb35c82e2db64738cea1cdaef830fe.png);
}

body.webp .colors-and-fonts .b-project-fonts {
  background-image: url(/assets/files/mimedia-fonts@2x-c7f7acaf69f97ee4840b373e031581d0.webp);
}

@media only screen and (min-width: 1025px) {
  .mobile-and-tablet {
    padding-top: 10.5em;
    padding-bottom: 14.4em;
  }
}

.mobile-and-tablet .mobile-devices .b-project-device {
  padding-top: 5em;
  padding-bottom: 4.6em;
}

.mobile-and-tablet .b-project-devices-mobile {
  width: 68em;
  min-width: 68em;
  padding-top: 2.1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mobile-and-tablet .b-project-devices-mobile {
    margin-left: -7em;
  }
}

.mobile-and-tablet .b-background-text-mobile {
  top: 74em;
  right: 50%;
  margin-right: -30em;
}

.mobile-and-tablet .b-background-text-tablet {
  bottom: -7.4em;
  left: 50%;
  margin-left: -31em;
}

@media only screen and (max-width: 1024px) {
  .web-technology {
    padding-top: 2.7em;
    padding-bottom: 1.8em;
  }
}

@media only screen and (min-width: 1025px) {
  .web-technology {
    background-color: white;
  }
}

@media only screen and (min-width: 1025px) {
  .web-technology .container {
    padding-top: 10.1em;
    padding-bottom: 12.4em;
  }
}

.web-technology .desktop-devices .b-project-device {
  padding-top: 5em;
  padding-bottom: 2em;
}

@media only screen and (max-width: 1024px) {
  .web-technology.b-project-full-width-section .container .b-project-devices-mobile-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .web-technology.b-project-full-width-section .container .b-project-devices-mobile-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.web-technology.b-project-full-width-section .container .b-project-devices-mobile-container .b-project-devices-mobile {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.web-technology .b-project-devices-mobile {
  padding-top: 1.8em;
}

.web-technology .b-project-devices-mobile {
  width: 48em;
  min-width: 48em;
  margin-left: -15.4em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .web-technology .b-project-devices-mobile {
    margin-left: 0;
  }
}

.web-technology .b-background-text {
  right: 50%;
  top: 78.4em;
  margin-right: 22.6em;
}

.web-technology .b-parallax-element-1 {
  width: 10.9em;
  height: 0.4em;
  top: 75em;
  background-image: url(/assets/files/02_parallax_05-7e21aa36f6cdd66bad3c3dcfd30a5364.svg);
  margin-left: -72.8em;
}

.web-technology .b-parallax-element-2 {
  width: 10.9em;
  height: 0.4em;
  top: 133em;
  background-image: url(/assets/files/02_parallax_05-7e21aa36f6cdd66bad3c3dcfd30a5364.svg);
  margin-left: 89.7em;
}

.web-technology .b-parallax-element-3 {
  width: 2.4em;
  height: 2.4em;
  top: 133.4em;
  background-image: url(/assets/files/02_parallax_09-0f1719c9106b03731520ef261c1c0407.svg);
  margin-left: -82.4em;
}

.web-technology .b-parallax-element-4 {
  width: 12.5em;
  height: 2.2em;
  top: 45.6em;
  margin-left: 55.7em;
}

body.no-webp .web-technology .b-parallax-element-4 {
  background-image: url(/assets/files/02_parallax_03@2x-96f73412718013bc91962aeb2c86cfd5.png);
}

body.webp .web-technology .b-parallax-element-4 {
  background-image: url(/assets/files/02_parallax_03@2x-febc156f3b2962b3653aa290d6c3a02e.webp);
}

.web-technology .b-parallax-element-5 {
  width: 9.5em;
  height: 2.2em;
  top: 59em;
  margin-left: 80.1em;
}

body.no-webp .web-technology .b-parallax-element-5 {
  background-image: url(/assets/files/02_parallax_04@2x-6f6468c6670f00ab2a4cf15eaff1f265.png);
}

body.webp .web-technology .b-parallax-element-5 {
  background-image: url(/assets/files/02_parallax_04@2x-5fae983aaca282a578b2ae80caff72ab.webp);
}

.web-technology .b-parallax-element-6 {
  width: 2em;
  height: 2em;
  top: 91.2em;
  background-image: url(/assets/files/02_parallax_06-c98b6073c55c26e800db5210c44329e1.svg);
  margin-left: 58.4em;
}

.web-technology .b-parallax-element-7 {
  width: 2.4em;
  height: 2.4em;
  top: 124.6em;
  background-image: url(/assets/files/02_parallax_10-678e47122691cbafc93322044e08a551.svg);
  margin-left: 64.4em;
}

.web-technology .b-parallax-element-8 {
  width: 26.1em;
  height: 11em;
  top: 53.8em;
  margin-left: -91.4em;
}

body.no-webp .web-technology .b-parallax-element-8 {
  background-image: url(/assets/files/02_parallax_02@2x-64eeb06b203e011c83f462753484b176.png);
}

body.webp .web-technology .b-parallax-element-8 {
  background-image: url(/assets/files/02_parallax_02@2x-8e348e16e7fc79b09a4994c6a49543ad.webp);
}

.web-technology .b-parallax-element-9 {
  width: 28.4em;
  height: 34.5em;
  top: 150.8em;
  margin-left: -90.6em;
}

body.no-webp .web-technology .b-parallax-element-9 {
  background-image: url(/assets/files/02_parallax_12@2x-a8e8cad0db1873d570933b88213057af.png);
}

body.webp .web-technology .b-parallax-element-9 {
  background-image: url(/assets/files/02_parallax_12@2x-8dc18e59443a5c660cc008bfb041ebeb.webp);
}

.web-technology .b-parallax-element-10 {
  width: 31.5em;
  height: 16.8em;
  top: 93.3em;
  margin-left: 60.5em;
}

body.no-webp .web-technology .b-parallax-element-10 {
  background-image: url(/assets/files/02_parallax_07@2x-f6b80a777e3d75ff598f573b329da666.png);
}

body.webp .web-technology .b-parallax-element-10 {
  background-image: url(/assets/files/02_parallax_07@2x-5c766c8f8d2a7a855052831090330e2d.webp);
}

.web-technology .b-parallax-element-11 {
  width: 22em;
  height: 35.9em;
  top: 144em;
  margin-left: 71em;
}

body.no-webp .web-technology .b-parallax-element-11 {
  background-image: url(/assets/files/02_parallax_11@2x-d920bb9abd3cd0207336e54e537a1782.png);
}

body.webp .web-technology .b-parallax-element-11 {
  background-image: url(/assets/files/02_parallax_11@2x-e3063a68d170dd3c8e69d9d6034e8974.webp);
}

.web-technology .b-parallax-element-12 {
  z-index: 2;
  width: 28.1em;
  height: 11em;
  top: 42em;
  margin-left: -68.4em;
}

body.no-webp .web-technology .b-parallax-element-12 {
  background-image: url(/assets/files/02_parallax_01@2x-aed0e4ffd4a0b7578a0c2e0384c95652.png);
}

body.webp .web-technology .b-parallax-element-12 {
  background-image: url(/assets/files/02_parallax_01@2x-1520eb26067cf56a2d7e0a11f5398df7.webp);
}

.web-technology .b-parallax-element-13 {
  width: 8.8em;
  height: 8.8em;
  top: 119em;
  margin-left: -67.4em;
}

body.no-webp .web-technology .b-parallax-element-13 {
  background-image: url(/assets/files/02_parallax_08@2x-9f5165d6e69412f5417850c37a2d340e.png);
}

body.webp .web-technology .b-parallax-element-13 {
  background-image: url(/assets/files/02_parallax_08@2x-76155666a3acf2df3a5af5b41e4a1075.webp);
}

@media only screen and (max-width: 1024px) {
  .windows-and-macos {
    padding-bottom: 5.1em;
  }
}

@media only screen and (min-width: 1025px) {
  .windows-and-macos .container {
    padding-top: 10em;
    padding-bottom: 4.8em;
  }
}

.windows-and-macos .desktop-devices .b-project-device {
  padding-top: 5em;
  padding-bottom: 6em;
}

.windows-and-macos .b-project-devices-mobile {
  width: 56em;
  min-width: 56em;
  padding-top: 2.9em;
}

.windows-and-macos .b-background-text {
  right: 50%;
  top: 92.4em;
  margin-right: -87.4em;
}

.windows-and-macos .b-parallax-element-1 {
  width: 22.8em;
  height: 13.9em;
  top: 51.7em;
  margin-left: -88.8em;
}

body.no-webp .windows-and-macos .b-parallax-element-1 {
  background-image: url(/assets/files/03_parallax_01@2x-821d965b0462974f3e752e4157d6a106.png);
}

body.webp .windows-and-macos .b-parallax-element-1 {
  background-image: url(/assets/files/03_parallax_01@2x-118947a81cbb8f927124de8fc6f9b419.webp);
}

.windows-and-macos .b-parallax-element-2 {
  width: 22.8em;
  height: 13.9em;
  top: 137.1em;
  margin-left: -105.2em;
}

body.no-webp .windows-and-macos .b-parallax-element-2 {
  background-image: url(/assets/files/03_parallax_04@2x-8b5d60f80cec177db451e74d5353d967.png);
}

body.webp .windows-and-macos .b-parallax-element-2 {
  background-image: url(/assets/files/03_parallax_04@2x-2d440d01f5b23c1d6237167111d7f4a2.webp);
}

.windows-and-macos .b-parallax-element-3 {
  width: 22.8em;
  height: 13.9em;
  top: 132em;
  margin-left: 45.4em;
}

body.no-webp .windows-and-macos .b-parallax-element-3 {
  background-image: url(/assets/files/03_parallax_05@2x-7468ec4d1e2ca56793e4be816b34ece6.png);
}

body.webp .windows-and-macos .b-parallax-element-3 {
  background-image: url(/assets/files/03_parallax_05@2x-f7bea07c3e80c601d3dcc6165c246921.webp);
}

.windows-and-macos .b-parallax-element-4 {
  width: 21.9em;
  height: 13.9em;
  top: 157.9em;
  margin-left: 69.1em;
}

body.no-webp .windows-and-macos .b-parallax-element-4 {
  background-image: url(/assets/files/03_parallax_06@2x-4aafdaae5e631781da0bf29b2c162d0c.png);
}

body.webp .windows-and-macos .b-parallax-element-4 {
  background-image: url(/assets/files/03_parallax_06@2x-f0ec71658f1834d7805ecbbd9fa51a4f.webp);
}

.windows-and-macos .b-parallax-element-5 {
  width: 20.3em;
  height: 13.9em;
  top: 49.2em;
  margin-left: 62em;
}

body.no-webp .windows-and-macos .b-parallax-element-5 {
  background-image: url(/assets/files/03_parallax_03@2x-77b4b15985a43322a109b912d08ce68d.png);
}

body.webp .windows-and-macos .b-parallax-element-5 {
  background-image: url(/assets/files/03_parallax_03@2x-ff70d3609a2a2ec1f88c86f370a22455.webp);
}

.windows-and-macos .b-parallax-element-6 {
  z-index: 2;
  width: 26.5em;
  height: 20.1em;
  top: 67.2em;
  margin-left: -61.2em;
}

body.no-webp .windows-and-macos .b-parallax-element-6 {
  background-image: url(/assets/files/03_parallax_02@2x-2e06f04eb1a0b7a18dc8314eb23898a4.png);
}

body.webp .windows-and-macos .b-parallax-element-6 {
  background-image: url(/assets/files/03_parallax_02@2x-dc26d2711ae9e16fafae40c8365a00ba.webp);
}

@media only screen and (max-width: 767px) {
  .statistics {
    padding-bottom: 11em;
  }
}

@media only screen and (min-width: 768px) {
  .statistics {
    padding-bottom: 26em;
  }
}

.b-project-statistics-block .icon {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .b-project-statistigs-grid {
    padding-top: 1.3em;
  }
}