@charset "UTF-8";
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:200,300,400,500|Trirong:300,500,700&subset=latin-ext");
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: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * 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 {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

:focus {
  outline: 0;
}

/** FONTS **/
/** COLORS **/
/** SCREEN BREAKPOINTS **/
/** GRID **/
/** EASING **/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../font/fontawesome-webfont.eot?v=4.7.0");
  src: url("../font/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.container {
  width: 89%;
  max-width: 1450px;
}
.container, .container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.container-fluid {
  width: 100%;
}
@media (min-width: 1024px) {
  .container {
    width: 78%;
  }
}
@media (min-width: 1680px) {
  .container {
    width: 75%;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  position: relative;
}
.row.no-gutters .col, .row.no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col, [class*=col-] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xs-3 {
    margin-left: 25%;
  }

  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xs-6 {
    margin-left: 50%;
  }

  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-9 {
    margin-left: 75%;
  }

  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }

  .offset-xx-0 {
    margin-left: 0;
  }
}
@media (min-width: 568px) {
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }

  .offset-md-0 {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }
}
@media (min-width: 1350px) {
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }
}
@media (min-width: 1680px) {
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }
}
html {
  overflow-x: hidden;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}

main {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

h1, h2, h3, h4, p {
  margin-bottom: 0;
}

h1, h2, h3, h4 {
  font-family: "Trirong", serif;
  font-weight: 300;
}

h1 {
  line-height: 1.2;
  letter-spacing: 0.03em;
  margin-top: 0;
}
h1 u {
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 0;
}
h1 u:after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0.175em;
  background: #20252e;
  z-index: -1;
}
h1 + p {
  margin-top: 2.7rem;
}

h2 {
  margin-top: 0;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

h3 {
  margin-top: 0;
  font-size: 1.625rem;
  letter-spacing: 0.035em;
}

h4 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
}

p {
  line-height: 1.65;
  letter-spacing: 0.05em;
  font-size: 1.125rem;
}
p strong {
  font-weight: 500;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.75em;
  }

  h2 {
    font-size: 2rem;
  }

  p {
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1679px) {
  h1 {
    font-size: 3rem;
  }
  h1 + p {
    margin-top: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 1680px) {
  h1 + p {
    margin-top: 2.7rem;
  }
}
@keyframes levitate-1 {
  0%, 100% {
    transform: translate3d(0, -0.5rem, 0);
  }
  55% {
    transform: translate3d(0, 0.5rem, 0);
  }
}
@keyframes levitate-2 {
  0%, 100% {
    transform: translate3d(0, 0.5rem, 0);
  }
  55% {
    transform: translate3d(0, -0.5rem, 0);
  }
}
@keyframes levitate-3 {
  0%, 100% {
    transform: translate3d(2rem, -1rem, 0);
  }
  55% {
    transform: translate3d(-2rem, 1rem, 0);
  }
}
@keyframes levitate-4 {
  0%, 100% {
    transform: translate3d(-2rem, 1rem, 0);
  }
  55% {
    transform: translate3d(2rem, -1rem, 0);
  }
}
@keyframes levitate-fin-1 {
  0%, 100% {
    transform: translate3d(1rem, -2rem, 0);
  }
  55% {
    transform: translate3d(-1rem, 2rem, 0);
  }
}
@keyframes levitate-fin-2 {
  0%, 100% {
    transform: translate3d(-1rem, 2rem, 0);
  }
  55% {
    transform: translate3d(1rem, -2rem, 0);
  }
}
@keyframes levitate-fin-c-1 {
  0%, 100% {
    transform: translate3d(1.5rem, -3rem, 0);
  }
  55% {
    transform: translate3d(-1.5rem, 3rem, 0);
  }
}
@keyframes levitate-fin-c-2 {
  0%, 100% {
    transform: translate3d(-1.5rem, 3rem, 0);
  }
  55% {
    transform: translate3d(1.5rem, -3rem, 0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(220deg);
  }
}
@keyframes circular-loader-1 {
  0%, 100% {
    stroke-dasharray: 0, 500;
  }
  10% {
    stroke-dasharray: 100, 500;
  }
  20% {
    stroke-dasharray: 90, 500;
  }
  30% {
    stroke-dasharray: 230, 500;
  }
  40% {
    stroke-dasharray: 180, 500;
  }
  50% {
    stroke-dasharray: 170, 500;
  }
  60% {
    stroke-dasharray: 240, 500;
  }
  70% {
    stroke-dasharray: 170, 500;
  }
  80% {
    stroke-dasharray: 200, 500;
  }
  90% {
    stroke-dasharray: 140, 500;
  }
}
@keyframes circular-loader-2 {
  0%, 100% {
    stroke-dasharray: 200, 500;
  }
  10% {
    stroke-dasharray: 340, 500;
  }
  20% {
    stroke-dasharray: 230, 500;
  }
  30% {
    stroke-dasharray: 80, 500;
  }
  40% {
    stroke-dasharray: 160, 500;
  }
  50% {
    stroke-dasharray: 370, 500;
  }
  60% {
    stroke-dasharray: 240, 500;
  }
  70% {
    stroke-dasharray: 320, 500;
  }
  80% {
    stroke-dasharray: 110, 500;
  }
  90% {
    stroke-dasharray: 60, 500;
  }
}
@keyframes circular-loader-1-phone {
  0%, 100% {
    stroke-dasharray: 0, 500;
  }
  10% {
    stroke-dasharray: 75, 500;
  }
  20% {
    stroke-dasharray: 70, 500;
  }
  30% {
    stroke-dasharray: 175, 500;
  }
  40% {
    stroke-dasharray: 135, 500;
  }
  50% {
    stroke-dasharray: 125, 500;
  }
  60% {
    stroke-dasharray: 180, 500;
  }
  70% {
    stroke-dasharray: 125, 500;
  }
  80% {
    stroke-dasharray: 75, 500;
  }
  90% {
    stroke-dasharray: 105, 500;
  }
}
@keyframes circular-loader-2-phone {
  0%, 100% {
    stroke-dasharray: 150, 500;
  }
  10% {
    stroke-dasharray: 255, 500;
  }
  20% {
    stroke-dasharray: 170, 500;
  }
  30% {
    stroke-dasharray: 60, 500;
  }
  40% {
    stroke-dasharray: 120, 500;
  }
  50% {
    stroke-dasharray: 280, 500;
  }
  60% {
    stroke-dasharray: 180, 500;
  }
  70% {
    stroke-dasharray: 240, 500;
  }
  80% {
    stroke-dasharray: 85, 500;
  }
  90% {
    stroke-dasharray: 45, 500;
  }
}
.a-btn {
  -webkit-appearance: none;
  border: 0;
  background: 0;
}

.a-navbar-toggle {
  padding: 1.125rem 1rem;
  display: block;
}
.a-navbar-toggle span {
  height: 2px;
  width: 2rem;
  background: #20252e;
  display: block;
  transition: 0.3s opacity ease, 0.3s transform ease;
  position: relative;
}
.a-navbar-toggle span + span {
  margin-top: 0.375rem;
}
.a-navbar-toggle span:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: translate3d(0, 0, 0);
  transition: 0.3s opacity ease, 0.3s transform ease;
}

.a-open-ref {
  display: block;
  text-decoration: none;
  font-size: 1.125rem;
  letter-spacing: 0.03em;
  color: #fff;
  background: transparent;
  padding: 1rem 2rem;
  width: 100%;
  max-width: 23.5rem;
  border-radius: 2rem;
  margin: 1.25rem auto;
  position: relative;
  transform: scale(1);
  transition: 0.5s transform ease;
  will-change: transform;
}
.a-open-ref:before, .a-open-ref:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 50vw;
  background: #e9e9ea;
  z-index: -1;
}
.a-open-ref:before {
  right: 100%;
}
.a-open-ref:after {
  left: 100%;
}
.a-open-ref span {
  display: block;
  position: absolute;
  top: -0.625rem;
  left: -0.75rem;
  width: calc(100% + 1.5rem);
  height: calc(100% + 1.25rem);
  z-index: -1;
  border: 2px solid #f03846;
  border-radius: 3rem;
  transform: scale(0.9, 0.7);
  will-change: transform, opacity;
  opacity: 0.6;
}
.a-open-ref:hover {
  transform: scale(0.95, 0.975);
}
.a-open-ref:hover span {
  transform: scale(1);
  opacity: 0;
  transition: 0.65s transform ease-out, 0.65s opacity ease-out;
}
@media (min-width: 350px) {
  .a-open-ref {
    padding: 1.125rem 2rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .a-open-ref {
    font-size: 1.25rem;
    padding: 0.875rem 2rem;
    max-width: 20rem;
  }
}
@media (min-width: 1680px) {
  .a-open-ref {
    font-size: 1.5rem;
    padding: 1.125rem 2rem;
    max-width: 23.5rem;
  }
}

.a-input, .a-textarea, .a-submit {
  -webkit-appearance: none;
  border: 0;
  background: 0;
  color: #fff;
}

.a-input, .a-textarea {
  background: #2b2f37;
  width: 100%;
  padding: 1.375rem 2rem;
  border: 1px solid #2b2f37;
  transition: 0.3s border-color ease;
}
.a-input.incorrect, .a-textarea.incorrect {
  border-color: #f03846;
}

.a-textarea {
  resize: vertical;
  min-height: 100px;
  max-height: 300px;
}

.a-submit {
  text-align: center;
  padding: 1.25rem 5rem;
  font-size: 1.25rem;
  width: 20rem;
  max-width: 100%;
  margin-top: 0.25rem;
  border-radius: 1rem;
  position: relative;
}
.a-submit:before, .a-submit:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.a-submit:before {
  top: -0.5rem;
  left: -0.5rem;
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  border: 2px solid #fbfbfb;
  border-radius: 1.25rem;
  transform: scale(0.85, 0.75);
  will-change: transform, opacity;
  opacity: 0.6;
}
.a-submit:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background: #f03846;
  transform: scale(1);
  transition: 0.4s transform ease, 0.4s opacity ease;
  will-change: transform, opacity;
}
.a-submit:hover:before {
  transform: scale(1);
  opacity: 0;
  transition: 0.65s transform ease-out, 0.65s opacity ease-out;
}
.a-submit:hover:after {
  transform: scale(0.975);
  opacity: 0.95;
}

@media (min-width: 768px) {
  .a-submit {
    width: 23.5rem;
  }
}
@media (min-width: 1024px) {
  .a-submit {
    width: 20rem;
    font-size: 1.125rem;
    padding: 1rem 3rem;
  }
}
@media (min-width: 1680px) {
  .a-submit {
    width: 23.5rem;
    font-size: 1.25rem;
    padding: 1.25rem 5rem;
  }
}
.a-form-alert {
  text-align: center;
  font-weight: 400;
  padding-bottom: 1rem;
}
.a-form-alert:before {
  font-family: FontAwesome;
  margin-right: 0.5rem;
}
.a-form-alert.success, .a-form-alert .error {
  display: block;
}
.a-form-alert.success:before {
  content: "";
}
.a-form-alert.error {
  color: #f03846;
}
.a-form-alert.error:before {
  content: "";
}

.a-logo {
  height: 3.375rem;
  width: 3.375rem;
  background: #20252e;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.16);
  color: #20252e;
}
.a-logo .img {
  display: inline-block;
  width: 1.625rem;
  margin-top: 1.125rem;
}
@media (min-width: 568px) {
  .a-logo {
    height: 4.5rem;
    width: 4.5rem;
  }
  .a-logo .img {
    width: 2.1rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .a-logo {
    height: 3.5rem;
    width: 3.5rem;
  }
  .a-logo .img {
    width: 1.8rem;
    margin-top: 1.2rem;
  }
}
@media (min-width: 1680px) {
  .a-logo {
    height: 4.5rem;
    width: 4.5rem;
  }
  .a-logo .img {
    width: 2.1rem;
    margin-top: 1.5rem;
  }
}

.a-client-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  height: 2.25rem;
  position: relative;
}
.a-client-logo img {
  display: inline-block;
  max-width: 92%;
  max-height: 2.25rem;
  opacity: 1;
  transition: 0.3s opacity ease;
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.a-client-logo img.hover {
  opacity: 0;
}
.a-client-logo img.patria {
  max-width: 97%;
}
.a-client-logo img.awis {
  max-height: 2.1875rem;
}
.a-client-logo img.pp {
  max-width: 100%;
}
.a-client-logo img.pfi {
  max-width: 96%;
}
.a-client-logo img.finlandia {
  max-height: 2.75rem;
}
.a-client-logo img.dp {
  max-height: 2.5rem;
}
.a-client-logo:hover img {
  opacity: 0;
}
.a-client-logo:hover img.hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .a-client-logo {
    margin-top: 4rem;
    height: 2.625rem;
  }
  .a-client-logo img {
    max-width: 82%;
    max-height: 2.625rem;
  }
  .a-client-logo img.patria {
    max-width: 76%;
  }
  .a-client-logo img.awis {
    max-height: 2.5rem;
  }
  .a-client-logo img.pp {
    max-width: 85%;
  }
  .a-client-logo img.finlandia {
    max-height: 3.5rem;
  }
  .a-client-logo img.dp {
    max-height: 3rem;
  }
}
@media (min-width: 1024px) {
  .a-client-logo {
    margin-top: 4.5rem;
  }
  .a-client-logo img.patria {
    max-width: 62%;
  }
  .a-client-logo img.pp {
    max-width: 68.5%;
  }
  .a-client-logo img.finlandia {
    max-height: 3.75rem;
  }
  .a-client-logo img.dp {
    max-height: 2.75rem;
  }
}
@media (min-width: 1680px) {
  .a-client-logo {
    margin-top: 6rem;
  }
  .a-client-logo img {
    max-height: 3rem;
  }
  .a-client-logo img.awis {
    max-height: 3rem;
  }
  .a-client-logo img.finlandia {
    max-height: 4.25rem;
  }
  .a-client-logo img.dp {
    max-height: 3.5rem;
  }
}

.a-nav-link, .a-nav-lang {
  text-decoration: none;
  display: block;
}
.a-nav-link {
  font-size: 1.25rem;
  color: #20252e;
  padding: 0 1rem;
  font-family: "Trirong", serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.a-nav-lang {
  height: 2.5rem;
  width: 5rem;
  line-height: 2.5rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  border-radius: 1.25rem;
  background: rgba(32, 37, 46, 0.1);
  margin-left: 1.5rem;
  position: relative;
  overflow: hidden;
}
.a-nav-lang:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background: #20252e;
  border-radius: 1.25rem;
  z-index: -1;
  transition: 0.3s left ease;
}
.a-nav-lang span {
  display: block;
  width: 50%;
  height: 2.5rem;
  float: left;
  text-align: center;
  color: #fff;
  transition: 0.3s color ease;
}
.a-nav-lang span + span {
  color: #20252e;
}
@media (min-width: 768px) {
  .a-nav-lang:hover:before {
    left: 50%;
  }
  .a-nav-lang:hover span {
    color: #20252e;
  }
  .a-nav-lang:hover span + span {
    color: #fff;
  }
}
@media (min-width: 1024px) and (max-width: 1679px) {
  .a-nav-lang {
    height: 2rem;
    width: 4rem;
    line-height: 2rem;
    font-size: 0.75rem;
    border-radius: 1rem;
  }
  .a-nav-lang span {
    height: 2rem;
  }
}
@media (min-width: 1024px) {
  .a-nav-link {
    font-size: 1rem;
    padding: 0.25rem 1rem;
  }
}
@media (min-width: 1680px) {
  .a-nav-link {
    font-size: 1.25rem;
    padding: 0 1rem;
  }
}

.a-social {
  height: 3rem;
  width: 3rem;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  position: relative;
  text-decoration: none;
}
.a-social:before, .a-social:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.a-social:before {
  top: -15%;
  left: -15%;
  width: 130%;
  height: 130%;
  border: 2px solid #fbfbfb;
  border-radius: 50%;
  transform: scale(0.6);
  will-change: transform, opacity;
  opacity: 0.4;
}
.a-social:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #2b2f37;
}
.a-social i, .a-social:after {
  transform: scale(1);
  transition: 0.4s transform ease;
  will-change: transform;
}
.a-social:hover:before {
  transform: scale(1);
  opacity: 0;
  transition: 0.65s transform ease-out, 0.65s opacity ease-out;
}
.a-social:hover:after {
  transform: scale(0.9);
}
.a-social:hover i {
  transform: scale(0.9);
}
.a-social i {
  line-height: 3rem;
  font-size: 1.375rem;
}
@media (min-width: 350px) {
  .a-social {
    height: 3.75rem;
    width: 3.75rem;
  }
  .a-social i {
    line-height: 3.75rem;
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  .a-social {
    height: 3.25rem;
    width: 3.25rem;
  }
  .a-social i {
    line-height: 3.25rem;
    font-size: 1.625rem;
  }
}
@media (min-width: 1680px) {
  .a-social {
    height: 3.75rem;
    width: 3.75rem;
  }
  .a-social i {
    line-height: 3.75rem;
    font-size: 2rem;
  }
}

.a-app-store a, .a-app-store span, .a-app-store img {
  display: block;
  width: 115px;
  height: 35px;
}
@media (min-width: 1024px) and (max-width: 1679px) {
  .a-app-store a, .a-app-store span, .a-app-store img {
    width: 92px;
    height: 28px;
  }
}

.a-circle {
  background: #f03846;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  position: relative;
  margin-top: 1.375rem;
  font-family: "Trirong", serif;
  transition: 0.3s background-color ease;
}
.a-circle:after {
  position: relative;
  z-index: 1;
  transition: 0.3s border-color ease, transform 0.4s ease-out;
}
.a-circle.black {
  background: #20252e;
}
.a-circle.arrow-r:after, .a-circle.arrow-d:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 9px;
  width: 9px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.a-circle.arrow-d:after {
  bottom: 0.375rem;
  transform: rotate(45deg);
}
.a-circle.arrow-r:after {
  right: 0.375rem;
  transform: rotate(-45deg);
}
.a-circle.quote {
  background: transparent url(../img/quotes.svg) no-repeat center;
  background-size: 100% 100%;
}
.a-circle.quote:after {
  content: none;
  display: none;
}
.a-circle.info {
  background: #f03846 url(../img/icons/info.png) no-repeat center center;
  background-size: 3px 18px;
}
.a-circle .label {
  color: #20252e;
  font-size: 1.25rem;
  line-height: 2.5rem;
  position: absolute;
  top: 0.125rem;
  left: 3rem;
  white-space: nowrap;
  font-family: "Fira Sans", sans-serif;
}
.a-circle .label.tiny {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.35em;
  line-height: 2.1;
}

.a-bg-circle, .a-bg-rectangle {
  position: absolute;
  z-index: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.a-bg-circle.red, .a-bg-rectangle.red {
  background: #fbc8c4;
}
.a-bg-circle.green, .a-bg-rectangle.green {
  background: #aadde1;
}
.a-bg-circle.blue, .a-bg-rectangle.blue {
  background: #cfeaf1;
}
.a-bg-circle.ammotio1, .a-bg-rectangle.ammotio1 {
  background: #5db8f1;
}
.a-bg-circle.ammotio2, .a-bg-rectangle.ammotio2 {
  background: #f3f4f6;
}

.a-bg-circle {
  border-radius: 50%;
}
.a-bg-circle.multiply {
  mix-blend-mode: multiply;
}
.a-bg-circle .shadow {
  position: absolute;
  background: inherit;
  height: 100%;
  width: 100%;
}
.a-bg-circle .shadow:not(.gradient) {
  box-shadow: 0 0 2rem 0;
}
.a-bg-circle .shadow.gradient:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

.a-ico {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.a-ico img {
  display: block;
  height: 1.625rem;
}
@media (min-width: 1024px) {
  .a-ico {
    height: 3.5rem;
    width: 3.5rem;
  }
}
@media (min-width: 1680px) {
  .a-ico {
    height: 4rem;
    width: 4rem;
  }
}

.a-contact .link {
  text-decoration: none;
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 0.625rem;
  letter-spacing: 0.025em;
}
.a-contact a.link:hover {
  text-decoration: underline;
}
.a-contact .label {
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
  color: #adb1bc;
}
.a-contact.main .link {
  margin-top: 0;
  letter-spacing: 0.05em;
}
@media (min-width: 350px) {
  .a-contact.main .link {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .a-contact .label {
    margin-top: 3.5rem;
  }
  .a-contact.main .link {
    font-size: 3rem;
    margin-top: 0.5rem;
    letter-spacing: 0.0275em;
  }
}
@media (min-width: 1024px) {
  .a-contact .link {
    font-size: 1.25rem;
  }
  .a-contact .label {
    margin-top: 2rem;
  }
  .a-contact.main .link {
    font-size: 2.25rem;
  }
}
@media (min-width: 1680px) {
  .a-contact .link {
    font-size: 1.5rem;
  }
  .a-contact .label {
    margin-top: 2rem;
  }
  .a-contact.main .link {
    font-size: 2.5rem;
  }
}

.a-project-info {
  font-size: 1.625rem;
  letter-spacing: 0.03em;
  margin-top: 2.25rem;
  line-height: 1.45;
}
.a-project-info .name {
  font-family: "Trirong", serif;
}
.a-project-info .development {
  opacity: 0.5;
  font-weight: 200;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  .a-project-info {
    margin-top: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .a-project-info {
    font-size: 1.375rem;
  }
}
@media (min-width: 1680px) {
  .a-project-info {
    font-size: 1.625rem;
  }
}

.a-mockup {
  width: 100%;
  height: 60vw;
  padding: 0.75rem 0.375rem 0.375rem;
  border-radius: 0.375rem;
  box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
  position: relative;
  background: #fff;
}
.a-mockup:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #e8ecf2;
  box-shadow: 4px 0 0 0 #ecf1f9, 8px 0 0 0 #eaf5f9;
}
.a-mockup img {
  display: block;
  width: 100%;
}
.a-mockup .content {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 30rem;
  overflow: hidden;
}
.a-mockup + .a-mockup {
  margin-top: 0.375rem;
}
.a-mockup.full {
  height: auto;
  padding: 0.75rem;
}
.a-mockup.full:after {
  content: none !important;
  display: none !important;
}
.a-mockup.img-only {
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.a-mockup.img-only:after {
  content: none !important;
  display: none !important;
}
@media (min-width: 768px) {
  .a-mockup {
    padding: 1.5rem 0.75rem 0.75rem;
  }
  .a-mockup:after {
    top: 0.5rem;
    left: 0.75rem;
    height: 6px;
    width: 6px;
    box-shadow: 8px 0 0 0 #ecf1f9, 16px 0 0 0 #eaf5f9;
  }
  .a-mockup + .a-mockup, .a-mockup + .a-mockup-container {
    margin-top: 2.125rem;
  }
  .a-mockup.full {
    padding: 1rem;
  }
}
@media (min-width: 1350px) {
  .a-mockup {
    padding-top: 1.75rem;
  }
  .a-mockup:after {
    top: 0.625rem;
    left: 0.875rem;
    height: 0.5rem;
    width: 0.5rem;
    box-shadow: 0.625rem 0 0 0 #ecf1f9, 1.25rem 0 0 0 #eaf5f9;
  }
}

.a-mockup-container {
  position: relative;
}
@media (min-width: 768px) {
  .a-mockup-container + .a-mockup, .a-mockup-container + .a-mockup-container {
    margin-top: 2.125rem;
  }
}

/***** SCROLLBAR *****/
.mCustomScrollbar {
  touch-action: pinch-zoom;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  position: absolute;
  width: 0.75rem;
  height: calc(100% - .5rem);
  background: #fff;
  left: auto;
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  border-radius: 0.375rem;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
  background: transparent;
}
.mCSB_scrollTools .mCSB_dragger:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 0.25rem;
  background-color: #f03846;
  background-image: url(../img/scrollbar-arrow-up.png), url(../img/scrollbar-arrow-down.png);
  background-repeat: no-repeat;
  background-position: center top 3px, center bottom 3px;
  background-size: 6px auto, 6px auto;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}

@media (min-width: 768px) {
  .mCSB_scrollTools {
    width: 1rem;
    border-radius: 0.5rem;
  }

  .mCSB_scrollTools .mCSB_dragger:after {
    border-radius: 0.375rem;
    background-position: center top 4px, center bottom 4px;
    background-size: 7px auto, 7px auto;
  }
}
.a-color {
  display: block;
  width: 8rem;
  box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
}
.a-color .color {
  height: 5.4rem;
  background: red;
  position: relative;
}
.a-color .color > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 0.625rem;
  width: 75%;
  background: rgba(255, 255, 255, 0.25);
}
.a-color .color > div:before, .a-color .color > div:after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  height: 100%;
}
.a-color .color > div:before {
  width: 66.6666%;
}
.a-color .color > div:after {
  width: 33.3333%;
}
.a-color .name {
  text-align: center;
  font-size: 0.625rem;
  padding: 1rem 0;
  background: #fff;
}
@media (min-width: 768px) {
  .a-color .color {
    height: 6rem;
  }
  .a-color .name {
    padding: 1.125rem 0;
  }
}
@media (min-width: 1680px) {
  .a-color {
    width: 12rem;
  }
  .a-color .color {
    height: 10rem;
  }
  .a-color .color > div {
    height: 1.25rem;
  }
  .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
}
.a-color.c-crown-1 .color {
  background: #040e21;
}
.a-color.c-crown-2 .color {
  background: #27acc8;
}
.a-color.c-crown-3 .color {
  background: #04d9de;
}
.a-color.c-crown-4 .color {
  background: #eeedf4;
}
.a-color.c-crown-5 .color {
  background: #f6f5fb;
}
.a-color.c-justio-1 .color {
  background: #ecc609;
}
.a-color.c-justio-2 .color {
  background: #d3daeb;
}
.a-color.c-justio-3 .color {
  background: #2f3849;
}
.a-color.c-cisnik-1 .color {
  background: #ff5554;
}
.a-color.c-cisnik-2 .color {
  background: #1a1a1a;
}
.a-color.c-cisnik-white .color {
  background: #fff;
}

.a-statistic {
  display: block;
  position: relative;
  margin: 2rem auto 0;
  font-size: 2.5rem;
  height: 0;
  width: 14rem;
  padding-top: 14rem;
  background: #fff;
  border-radius: 50%;
}
.a-statistic span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  display: block;
  height: 1em;
}
.a-statistic .circular-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.a-statistic .circular-loader {
  stroke: #f03846;
  position: absolute;
  height: 106%;
  width: 106%;
  top: -3%;
  left: -3%;
  transform: rotate(-90deg);
}
.a-statistic .circular-loader .loader-path {
  stroke-width: 0.375rem;
  stroke-linecap: round;
  fill: none;
  r: 47.5%;
  cx: 50%;
  cy: 50%;
  stroke-dasharray: 0, 800;
  stroke-dashoffset: 0;
  transition-property: stroke-dasharray;
  transition-duration: 2s;
  transition-timing-function: ease-out;
}
@media (min-width: 768px) {
  .a-statistic {
    margin: 3.5rem auto 2rem;
    font-size: 3.25rem;
  }
}
@media (min-width: 1024px) {
  .a-statistic {
    margin: 2.5rem auto 2rem;
    font-size: 2.5rem;
  }
}
@media (min-width: 1680px) {
  .a-statistic {
    margin: 4.5rem auto 3rem;
    font-size: 3.25rem;
  }
}
.a-statistic.basic {
  width: auto;
  height: auto;
  padding: 1.5rem 0;
  border-radius: 0;
  background: 0;
  margin: 1.75rem auto;
  font-size: 3.875rem;
}
@media (min-width: 1024px) {
  .a-statistic.basic {
    font-size: 3rem;
  }
}
@media (min-width: 1680px) {
  .a-statistic.basic {
    font-size: 3.875rem;
  }
}

.a-font {
  display: inline-block;
}
.a-font img {
  height: 20px;
  display: inline-block;
}
@media (min-width: 768px) {
  .a-font img {
    height: 34px;
  }
}

.a-banner {
  display: block;
  overflow: hidden;
  box-shadow: 0 0 1.5rem 0 rgba(32, 37, 46, 0.15);
  background: #fbfbfb url(../img/banner-picto.png) no-repeat center center;
  background-size: 48px 48px;
  margin: 0.375rem;
}
.a-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: 0.2s opacity ease;
}
.a-banner.hovered img {
  opacity: 1;
}
@media (min-width: 1024px) {
  .a-banner {
    background-color: #f1f4f7;
  }
}

.a-video {
  margin-top: 4rem;
  box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
  position: relative;
}
.a-video video {
  width: 100%;
  display: block;
  object-fit: cover;
}
@media (min-width: 568px) {
  .a-video {
    background: #fff;
    padding: 3rem 1.25rem 4rem;
    border-radius: 0.375rem;
  }
  .a-video:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.125rem;
    left: 1.25rem;
    height: 0.875rem;
    width: 0.875rem;
    border-radius: 50%;
    background: #e8ecf2;
    box-shadow: 1.125rem 0 0 0 #ecf1f9, 2.25rem 0 0 0 #eaf5f9;
  }
}
@media (min-width: 1024px) {
  .a-video {
    padding: 3.25rem 1.5rem 4rem;
  }
  .a-video:after {
    top: 1.25rem;
  }
}
@media (min-width: 1350px) {
  .a-video {
    padding: 3.25rem 2rem 4rem;
  }
  .a-video:after {
    left: 2rem;
  }
}
.a-video .controls {
  display: block;
  width: 100%;
  height: 2rem;
  position: absolute;
  padding: 0 0.5rem;
  bottom: -2.25rem;
  left: 0;
  right: 0;
}
.a-video .controls > * {
  float: left;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 0.375rem;
}
.a-video .controls > *:first-child {
  margin-left: 0;
}
.a-video .controls > *:last-child {
  margin-right: 0;
}
.a-video .controls button {
  -webkit-appearance: none;
  border: 0;
  cursor: pointer;
  background: 0;
  color: #2b2f37;
  border-radius: 0;
  box-shadow: none;
  transition: 0.2s color ease;
  font-size: 0;
}
.a-video .controls button:before {
  font-family: "FontAwesome";
  font-size: 1.25rem;
}
.a-video .controls button:hover {
  color: #f03846;
}
.a-video .controls button[data-state=play]:before {
  content: "";
}
.a-video .controls button[data-state=pause]:before {
  content: "";
}
.a-video .controls button[data-state=stop]:before {
  content: "";
}
.a-video .controls button[data-state=mute]:before {
  content: "";
}
.a-video .controls button[data-state=unmute]:before {
  content: "";
}
.a-video .controls .progress {
  width: calc(100% - ((3 * (2rem + (0.375rem * 2)))));
}
.a-video .controls progress {
  display: block;
  width: 100%;
  height: 0.5rem;
  margin-top: 0.6875rem;
  border: 0;
  color: #f03846;
  border-radius: 0;
  background: #2b2f37;
}
.a-video .controls progress[data-state=fake] {
  background: #2b2f37;
  height: 1rem;
}
.a-video .controls progress span {
  width: 0;
  height: 1rem;
  display: inline-block;
  color: #20252e;
}
@media (min-width: 568px) {
  .a-video .controls {
    padding: 0 2rem;
    bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .a-video .controls {
    padding: 0 1.5rem;
  }
}

progress::-moz-progress-bar {
  background: #f03846 !important;
}

progress::-webkit-progress-value {
  background: #f03846 !important;
}

.a-cookies-bar {
  position: fixed;
  height: auto;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #20252e;
  color: #fff;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  transform: translate3d(0, 0, 0);
  transition: 0.5s transform ease;
}
.a-cookies-bar a {
  color: #f03846;
  text-decoration: none;
}
.a-cookies-bar a:hover {
  text-decoration: underline;
}
.a-cookies-bar button {
  margin-top: 0.5rem;
  min-width: 4rem;
  background: #f03846;
  padding: 0.375rem;
  border-radius: 0.25rem;
}
.a-cookies-bar.hidden {
  transform: translate3d(0, 110%, 0);
}
@media (min-width: 1024px) {
  .a-cookies-bar .col-sm-10 {
    padding-top: 0.375rem;
  }
  .a-cookies-bar button {
    margin-top: 0;
  }
}

.m-logo {
  position: relative;
}
.m-logo .label {
  text-transform: uppercase;
  position: absolute;
  top: 1.25rem;
  left: 4.75rem;
  font-size: 0.75rem;
  letter-spacing: 0.175em;
  font-weight: 300;
  color: #20252e;
}
@media (min-width: 568px) {
  .m-logo .label {
    top: 1.675rem;
    left: 6.25rem;
    font-size: 1rem;
    letter-spacing: 0.15em;
  }
}
@media (min-width: 1024px) {
  .m-logo .label {
    top: 1.25rem;
    left: 4.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1680px) {
  .m-logo .label {
    top: 1.675rem;
    left: 6.25rem;
    font-size: 1rem;
    letter-spacing: 0.15em;
  }
}

.m-nav ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.m-nav ul li {
  display: inline-flex;
  align-items: stretch;
}
.m-nav ul .point {
  width: 6px;
  height: 6px;
  background: #20252e;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}
.m-nav ul .point.hidden {
  opacity: 0;
}
@media (min-width: 1024px) and (max-width: 1679px) {
  .m-nav ul .point {
    width: 5px;
    height: 5px;
  }
}
.m-nav.opened + .button .a-navbar-toggle span:nth-child(1), .m-nav.opened + .button .a-navbar-toggle span:nth-child(3) {
  opacity: 0;
}
.m-nav.opened + .button .a-navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
}
.m-nav.opened + .button .a-navbar-toggle span:nth-child(2):after {
  transform: rotate(-90deg);
}

.m-tile-header, .m-tile-body {
  position: relative;
  width: 100%;
}
.m-tile-header {
  height: 0;
  padding-top: 64%;
  background: no-repeat center;
  background-size: cover;
  z-index: 2;
}
.m-tile-header.zoom {
  overflow: hidden;
}
.m-tile-header.zoom .bg {
  transform: scale(1);
  will-change: transform;
  transition: 0.8s transform ease-out;
}
.m-tile-header.fade .hover, .m-tile-header.fade .hover-out {
  will-change: opacity;
  transition: 0.6s opacity ease-out;
}
.m-tile-header.fade .hover {
  opacity: 0;
}
.m-tile-header.fade .hover-out {
  opacity: 1;
}
.m-tile-header img {
  position: absolute;
  z-index: 1;
  max-width: 100%;
  pointer-events: none;
}
.m-tile-header .bg {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.m-tile-body {
  z-index: 1;
  background: #fff;
  padding: 1.25rem 2rem 1.75rem;
  display: block;
  text-decoration: none;
}
.m-tile-body .a-circle.arrow-r {
  transition: 0.3s background-color ease;
}
.m-tile-body .a-circle.arrow-r:after {
  transition: 0.3s border-color ease;
}
.m-tile-body .date {
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  font-weight: 400;
  opacity: 0.5;
}
.m-tile-body .development {
  font-weight: 300;
  color: #adb1bc;
  letter-spacing: 0.005em;
}
.m-tile-body .description {
  margin-top: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 1.55;
}
.m-tile-body .description strong {
  font-weight: 500;
}
.m-tile-body h3, .m-tile-body .development, .m-tile-body .description {
  text-decoration: none;
}
.m-tile-body h3, .m-tile-body .description {
  color: #20252e;
}
.m-tile-body h4 {
  line-height: 1.15;
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .m-tile-header {
    padding-top: 66%;
  }
}
@media (min-width: 1024px) {
  .m-tile-header {
    padding-top: 67%;
  }
  .m-tile-body {
    padding-top: 2rem;
  }
  .m-tile-body .button {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media (min-width: 1350px) {
  .m-tile-body .button {
    justify-content: center;
  }
}
@media (min-width: 1024px) and (max-width: 1679px) {
  .m-tile-body .description {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
  .m-tile-body .development {
    font-size: 0.875rem;
  }
}

.m-testimonial {
  padding-top: 3.375rem;
  padding-bottom: 5.25rem;
}
.m-testimonial .author {
  line-height: 1.8;
}
.m-testimonial .author .name {
  display: block;
  font-weight: 500;
}
.m-testimonial .body {
  padding-top: 1.625rem;
}
.m-testimonial .body p {
  font-size: 1.25rem;
  line-height: 1.7;
  letter-spacing: 0.03em;
  font-family: "Trirong", serif;
}
@media (min-width: 768px) {
  .m-testimonial {
    padding-bottom: 4.25rem;
  }
  .m-testimonial .author .name {
    display: inline-block;
  }
  .m-testimonial .body {
    padding-top: 0;
  }
  .m-testimonial .body p {
    margin-top: 0.75rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .m-testimonial {
    padding: 2rem 0 4rem;
  }
  .m-testimonial .body p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1680px) {
  .m-testimonial {
    padding: 3.375rem 0 4.25rem;
  }
  .m-testimonial .body p {
    font-size: 1.25rem;
  }
}

.m-ico-list-item {
  margin-top: 3.5rem;
  font-size: 1.5rem;
}
.m-ico-list-item .text {
  display: block;
  margin-top: 0.75rem;
}
.m-ico-list-item .text sup {
  font-family: "Trirong", serif;
  color: #adb1bc;
  font-weight: 700;
  font-size: 0.5em;
  top: -0.875em;
}
@media (min-width: 768px) {
  .m-ico-list-item {
    margin-top: 2rem;
  }
  .m-ico-list-item .text {
    display: inline-block;
    margin-left: 1.5rem;
    margin-top: 0;
    width: calc(100% - 6rem);
  }
}
@media (min-width: 1024px) {
  .m-ico-list-item {
    font-size: 1.125rem;
  }
  .m-ico-list-item .text {
    padding-left: 1rem;
  }
}
@media (min-width: 1680px) {
  .m-ico-list-item {
    font-size: 1.5rem;
  }
  .m-ico-list-item .text {
    padding-left: 1.5rem;
  }
}

.m-input-group {
  padding-top: 0.5rem;
}

.m-socials {
  margin-top: 1.5rem;
  display: block;
  text-align: center;
}
.m-socials .a-social {
  margin: 0 0.25rem;
}
.m-socials .a-social:first-child {
  margin-left: 0;
}
.m-socials .a-social:last-child {
  margin-right: 0;
}
@media (min-width: 350px) {
  .m-socials .a-social {
    margin: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .m-socials {
    margin-top: 1.75rem;
  }
}

.m-colors {
  margin-top: 0;
  display: flex;
  justify-content: center;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  transform: translateY(2.75rem);
}
.m-colors .a-color {
  margin: 0 0.5rem;
}
@media (min-width: 768px) {
  .m-colors {
    margin-top: 2.25rem;
    padding: 0 6%;
  }
}
@media (min-width: 1024px) {
  .m-colors {
    margin-top: 0;
  }
}
@media (min-width: 1680px) {
  .m-colors {
    margin-top: 1.25rem;
  }
}

.m-open-ref {
  position: relative;
}
.m-open-ref .a-open-ref:before, .m-open-ref .a-open-ref:after {
  content: none;
  display: none;
}
.m-open-ref:before {
  content: "";
  position: absolute;
  top: 1.7rem;
  right: -9999px;
  left: -9999px;
  margin: auto;
  height: 1px;
  width: 100vw;
  background: #e9e9ea;
  z-index: -1;
}
@media (min-width: 350px) {
  .m-open-ref:before {
    top: 2rem;
  }
}
@media (min-width: 1024px) {
  .m-open-ref {
    display: flex;
    justify-content: center;
  }
  .m-open-ref:before {
    top: 0;
    bottom: 0;
  }
  .m-open-ref .a-open-ref {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.m-fonts {
  text-align: left;
}
.m-fonts .a-font {
  margin-right: 1.5rem;
}

.m-banners {
  margin: 0 auto;
  padding-bottom: 1rem;
}
.m-banners .content {
  height: 25rem;
  height: 51vw;
  display: flex;
  align-items: stretch;
}
.m-banners .sidebar, .m-banners .main {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.m-banners .sidebar {
  width: 20.5%;
}
.m-banners .main {
  width: 80.5%;
}
.m-banners .banner1 {
  height: 71%;
}
.m-banners .banner2 {
  height: 29%;
}
.m-banners .banner3 {
  height: 19%;
}
.m-banners .banner4 {
  height: 81%;
}
@media (min-width: 1024px) {
  .m-banners {
    padding: 2.5rem 1.125rem 1.125rem;
    background: #fff;
    border-radius: 0.375rem;
    width: 77.5%;
    box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
    margin-bottom: 1.25rem;
  }
  .m-banners .content {
    background: #f1f4f7;
    padding: 1rem;
    height: 34rem;
    height: 30vw;
  }
  .m-banners:after {
    top: 0.625rem;
    left: 0.875rem;
    height: 0.5rem;
    width: 0.5rem;
    box-shadow: 0.625rem 0 0 0 #ecf1f9, 1.25rem 0 0 0 #eaf5f9;
  }
}

.m-timeline {
  border-left: 1px dashed #d8dce2;
  position: relative;
}
.m-timeline .mark {
  padding-left: 1.75rem;
  font-size: 1rem;
  line-height: 0.5rem;
}
.m-timeline .mark + .mark {
  margin-top: 3.5rem;
}
.m-timeline .mark:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: -4px;
  background: #d8dce2;
}
.m-timeline .mark.seen:before {
  background: #f03846;
}
.m-timeline .marker {
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 0;
  background: #f03846;
  z-index: 1;
}
.m-timeline .marker:before, .m-timeline .marker:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
}
.m-timeline .marker:before {
  background: #fbfbfb;
  border: 1px solid #f03846;
  width: 26px;
  height: 26px;
  bottom: -13px;
  left: -12px;
}
.m-timeline .marker:after {
  background: #f03846;
  width: 16px;
  height: 16px;
  left: -7px;
  bottom: -8px;
}
.m-timeline.no-marks:before, .m-timeline.no-marks:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: -4px;
}
.m-timeline.no-marks:before {
  top: 0;
  background: #f03846;
}
.m-timeline.no-marks:after {
  bottom: 0;
  background: #d8dce2;
}
@media (min-width: 1680px) {
  .m-timeline .mark + .mark {
    margin-top: 3.9rem;
  }
}

.m-preloader {
  display: block;
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.m-preloader .a-logo {
  height: 6rem;
  width: 6rem;
}
.m-preloader .a-logo img {
  width: 2.625rem;
  margin-top: 2rem;
}
.m-preloader .m-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 8rem;
  width: 20rem;
}
.m-preloader .m-logo .a-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-shadow: none;
}
.m-preloader .m-logo .a-logo, .m-preloader .m-logo .circular-loader {
  transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.m-preloader .m-logo .a-logo, .m-preloader .m-logo .circular-container {
  z-index: -1000;
}
.m-preloader .m-logo .circular-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.m-preloader .m-logo .circular-loader {
  position: absolute;
}
.m-preloader .m-logo .circular-loader .loader-path {
  stroke-linecap: butt;
  fill: none;
  r: 47.5%;
  cx: 50%;
  cy: 50%;
  stroke-dashoffset: 0;
}
.m-preloader .m-logo .circular-loader.circular1 {
  stroke: #f03846;
  height: 132%;
  width: 132%;
  top: -16%;
  left: -16%;
  transform: rotate(-90deg);
}
.m-preloader .m-logo .circular-loader.circular1 .loader-path {
  stroke-width: 0.25rem;
  stroke-dasharray: 0, 500;
}
.m-preloader .m-logo .circular-loader.circular2 {
  stroke: #f1f1f1;
  height: 140%;
  width: 140%;
  top: -20%;
  left: -20%;
}
.m-preloader .m-logo .circular-loader.circular2 .loader-path {
  r: 44.5%;
  stroke-width: 0.75rem;
  stroke-dasharray: 200, 500;
}
.m-preloader .m-logo.show .a-logo, .m-preloader .m-logo.show .circular-container2 {
  z-index: 1;
}
.m-preloader .m-logo.show .circular-container1 {
  z-index: 2;
}
.m-preloader .m-logo.show .a-logo {
  opacity: 1;
}
.m-preloader .m-logo.circles .a-logo .circular-loader {
  opacity: 1;
}
.m-preloader .m-logo.circles .a-logo .circular1 {
  animation: 2.7s rotate ease-in-out infinite;
}
.m-preloader .m-logo.circles .a-logo .circular1 .loader-path {
  animation: 10s circular-loader-1-phone linear infinite;
}
.m-preloader .m-logo.circles .a-logo .circular-container1 {
  animation: 5.9s rotate cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.m-preloader .m-logo.circles .a-logo .circular2 {
  animation: 3.5s rotate2 ease-in-out infinite;
}
.m-preloader .m-logo.circles .a-logo .circular2 .loader-path {
  animation: 13s circular-loader-2-phone linear infinite;
}
.m-preloader .m-logo.circles .a-logo .circular-container2 {
  animation: 7.7s rotate2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.m-preloader .m-logo.stop {
  opacity: 0;
  z-index: -1000;
}
.m-preloader .m-logo.stop * {
  animation: none !important;
}
@media (min-width: 768px) {
  .m-preloader .a-logo {
    width: 8rem;
    height: 8rem;
  }
  .m-preloader .a-logo img {
    width: 3.5rem;
    margin-top: 2.875rem;
  }
  .m-preloader .m-logo.circles .a-logo .circular1 .loader-path {
    animation: 10s circular-loader-1 linear infinite;
  }
  .m-preloader .m-logo.circles .a-logo .circular2 .loader-path {
    animation: 13s circular-loader-2 linear infinite;
  }
}

.o-header {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 3.75rem 1.325rem 0 2.25rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.o-header .m-logo, .o-header .button {
  position: relative;
  z-index: 1;
}
.o-header .a-logo {
  box-shadow: none;
}
@media (max-width: 767px) {
  .o-header .m-nav {
    position: fixed;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 0 2.5rem 0.25rem rgba(75, 94, 127, 0.3);
    top: -40rem;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 11rem 6% 5rem;
    will-change: top, opacity;
    transition: 0.6s top ease, 0.6s opacity ease;
  }
  .o-header .m-nav ul {
    flex-direction: column;
  }
  .o-header .m-nav ul li {
    display: flex;
  }
  .o-header .m-nav .a-nav-link {
    font-size: 2rem;
    font-weight: 300;
  }
  .o-header .m-nav .a-nav-lang {
    margin-top: 3rem;
    height: 2.25rem;
    width: 4.5rem;
    line-height: 2.25rem;
    font-size: 0.75rem;
    letter-spacing: 0.075em;
    margin-left: 1rem;
  }
  .o-header .m-nav.opened {
    top: 0;
    opacity: 1;
  }
  .o-header .m-nav.opened .a-navbar-toggle > span:first-child, .o-header .m-nav.opened .a-navbar-toggle > span:last-child {
    opacity: 0;
  }
  .o-header .m-nav.opened .a-navbar-toggle > span:nth-child(2) {
    transform: rotate(45deg);
  }
  .o-header .m-nav.opened .a-navbar-toggle > span:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #20252e;
    transform: rotate(-90%);
  }
}
@media (max-width: 767px) {
  .o-header.fixed .button {
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
  }
  .o-header.fixed .button .a-bg-circle {
    top: -5.375rem;
    right: -4.625rem;
    height: 0;
    width: 10rem;
    padding-top: 10rem;
    background: #fff !important;
    z-index: -1;
    border-radius: 0;
    border-bottom-left-radius: 50%;
    box-shadow: 0 0 1rem 0 rgba(75, 94, 127, 0.15);
  }
  .o-header.fixed .m-nav {
    padding-top: 8rem;
  }
}
@media (min-width: 568px) {
  .o-header {
    padding: 3.75rem 3.5rem 0;
  }
}
@media (min-width: 768px) {
  .o-header .m-nav {
    margin-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .o-header {
    padding: 2.75rem 2.75rem 0 3.75rem;
  }
}
@media (min-width: 1680px) {
  .o-header {
    padding-top: 3.75rem;
  }
}

@media (max-width: 767px) {
  #awwwards {
    display: none;
  }
}

.o-footer {
  background: #20252e;
  color: #fff;
  text-align: center;
  padding: 5rem 0 3rem;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.o-footer a {
  color: inherit;
}
.o-footer .a-logo {
  height: 4.5rem;
  width: 4.5rem;
}
.o-footer .a-logo img {
  width: 2.15rem;
  margin-top: 1.6rem;
}
.o-footer .contacts {
  margin-top: 2.875rem;
}
.o-footer .o-form {
  margin-top: 3rem;
}
.o-footer .o-form + h4 {
  margin-top: 4.5rem;
}
.o-footer .copyright {
  margin-top: 4.5rem;
}
.o-footer .row {
  z-index: 1;
}
.o-footer .a-bg-circle {
  background: #22262f !important;
  box-shadow: 0 0 7rem 0 rgba(0, 0, 0, 0.16);
}
.o-footer .bg-circle-1 {
  top: -29rem;
  right: -32rem;
  width: 40rem;
  height: 40rem;
}
.o-footer .bg-circle-2 {
  bottom: -37rem;
  left: -40rem;
  width: 60rem;
  height: 60rem;
}
@media (min-width: 768px) {
  .o-footer .contacts {
    margin-top: 0.5rem;
  }
  .o-footer .o-form {
    margin-top: 4rem;
  }
  .o-footer .bg-circle-1 {
    top: -28rem;
    right: -26rem;
  }
  .o-footer .bg-circle-2 {
    bottom: -38rem;
    left: -42rem;
  }
}
@media (min-width: 1024px) {
  .o-footer {
    padding: 8rem 0 3.5rem;
  }
  .o-footer .row {
    padding: 0 10%;
  }
  .o-footer .content {
    padding: 0;
  }
  .o-footer .contacts {
    margin-top: 2rem;
  }
  .o-footer .o-form {
    margin-top: 4rem;
  }
  .o-footer .o-form + h4 {
    margin-top: 4rem;
  }
}
@media (min-width: 1680px) {
  .o-footer .row {
    padding: 0;
  }
  .o-footer .contacts {
    margin-top: 3.25rem;
  }
  .o-footer .o-form {
    margin-top: 5.25rem;
  }
  .o-footer .o-form + h4 {
    margin-top: 5.25rem;
  }
}

.o-carousel {
  text-align: center;
}
.o-carousel .slick-arrow {
  z-index: 2;
}
.o-carousel .numbering {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.125rem;
  margin: auto;
  width: 4rem;
  text-align: center;
  font-family: "Trirong", serif;
  font-weight: 300;
  color: #20252e;
  font-size: 0.875rem;
}
.o-carousel .numbering .divider {
  display: inline-block;
  width: 10px;
  height: 11px;
  background: url(../img/testimonials-slash.png) no-repeat center center;
  background-size: 9px auto;
}

.o-mobile-slider .slide img.phone-screen {
  max-width: 94%;
  max-height: 40rem;
  margin: 0 auto;
  box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
}
.o-mobile-slider .slick-dots {
  bottom: 0.5rem;
}

.o-horizontal-slider {
  overflow: hidden;
}
.o-horizontal-slider .content {
  white-space: nowrap;
  display: inline-block;
  padding: 0 2rem;
}
.o-horizontal-slider .content .a-mockup {
  max-width: 81vw;
}
@media (min-width: 1024px) {
  .o-horizontal-slider .content {
    padding: 0 15%;
    padding: 0 30vw;
  }
  .o-horizontal-slider .content .a-mockup {
    max-width: 43.5vw;
  }
}
@media (min-width: 1680px) {
  .o-horizontal-slider .content .a-mockup {
    max-width: 41.25vw;
  }
}

.o-big-dots-slider {
  margin-top: 3rem;
  padding-bottom: 5rem;
}
.o-big-dots-slider .slick-list {
  overflow: visible;
}
.o-big-dots-slider .slick-dots li button {
  height: 2rem;
  width: 2rem;
  position: relative;
  margin: 0 1.5rem;
}
.o-big-dots-slider .slick-dots li button:before {
  content: "";
  display: block;
  position: absolute;
  height: 3rem;
  width: 3rem;
  top: -0.5rem;
  left: -0.5rem;
  border: 1px solid #f03846;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.3s scale ease;
}
.o-big-dots-slider .slick-dots li.slick-active button {
  background: #f03846;
}
.o-big-dots-slider .slick-dots li.slick-active button:before {
  transform: scale(1);
}
.o-big-dots-slider .slick-arrow {
  background: 0;
  z-index: 1;
}
.o-big-dots-slider .slick-prev {
  left: 10%;
}
.o-big-dots-slider .slick-next {
  right: 10%;
}
@media (min-width: 768px) {
  .o-big-dots-slider {
    padding-bottom: 6rem;
  }
  .o-big-dots-slider .slick-prev {
    left: 25%;
  }
  .o-big-dots-slider .slick-next {
    right: 25%;
  }
}
@media (min-width: 1024px) {
  .o-big-dots-slider {
    margin-top: 3rem;
  }
}
@media (min-width: 1680px) {
  .o-big-dots-slider {
    margin-top: 5.5rem;
  }
}

.o-campaigns-slider {
  padding: 7rem 0 5rem;
  position: relative;
}
.o-campaigns-slider > .slick-dots, .o-campaigns-slider > .slick-arrow {
  bottom: auto;
  top: 1.375rem;
}
.o-campaigns-slider .slick-arrow {
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: -2rem;
  margin: auto;
  background: 0;
}
.o-campaigns-slider .slick-arrow:after {
  height: 1rem;
  width: 1rem;
  border-bottom-width: 3px;
}
.o-campaigns-slider .slick-arrow.slick-prev {
  left: 8%;
}
.o-campaigns-slider .slick-arrow.slick-prev:after {
  border-left-width: 3px;
}
.o-campaigns-slider .slick-arrow.slick-next {
  right: 8%;
}
.o-campaigns-slider .slick-arrow.slick-next:after {
  border-right-width: 3px;
}
.o-campaigns-slider > .slick-dots li button {
  height: 1rem;
  width: 1rem;
  position: relative;
  margin: 0 0.5rem;
}
.o-campaigns-slider > .slick-dots li button:before {
  content: "";
  display: block;
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: -0.25rem;
  left: -0.25rem;
  border: 1px solid #f03846;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.3s scale ease;
}
.o-campaigns-slider > .slick-dots li.slick-active button {
  background: #f03846;
}
.o-campaigns-slider > .slick-dots li.slick-active button:before {
  transform: scale(1);
}
.o-campaigns-slider .o-mobile-slider {
  padding-bottom: 3rem;
}
.o-campaigns-slider .o-mobile-slider .slick-slide {
  padding: 1rem;
}
@media (min-width: 768px) {
  .o-campaigns-slider {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .o-campaigns-slider {
    padding-top: 5rem;
  }
  .o-campaigns-slider .slick-arrow {
    top: 6rem;
    bottom: 0;
  }
  .o-campaigns-slider .slick-arrow.slick-prev {
    left: 15%;
  }
  .o-campaigns-slider .slick-arrow.slick-next {
    right: 15%;
  }
}
@media (min-width: 1680px) {
  .o-campaigns-slider .slick-arrow.slick-prev {
    left: 17%;
  }
  .o-campaigns-slider .slick-arrow.slick-next {
    right: 17%;
  }
}

.o-switch {
  padding-top: 7.65rem;
}
.o-switch img {
  max-width: 100%;
}
.o-switch .slick-dots {
  top: 2.375rem;
  left: 0;
  right: auto;
  bottom: auto;
  border-radius: 1.5rem;
  background: #e0e1e5;
}
.o-switch .slick-dots button {
  height: 2.75rem;
  width: auto;
  padding: 0 1.5rem;
  margin: 0;
  border-radius: 1.5rem;
  background: 0;
}
.o-switch .slick-dots button:after {
  font-size: 1.25rem;
  color: #20252e;
}
.o-switch .slick-dots > li + li {
  margin-left: 0.35rem;
}
.o-switch .slick-active button:after {
  color: #fff;
}
@media (min-width: 568px) {
  .o-switch {
    padding-top: 9.25rem;
    width: 95%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .o-switch {
    padding-top: 7.25rem;
  }
  .o-switch .slick-dots {
    top: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .o-switch {
    padding-top: 9rem;
    width: 100%;
  }
  .o-switch .slick-dots {
    top: 2rem;
  }
}

/***** SCROLLBAR *****/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 4.75rem;
}
@media (min-width: 1024px) {
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1680px) {
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 4.75rem;
  }
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: 90%;
  height: 3rem;
  top: auto;
  right: 5%;
  bottom: 0;
  left: 5%;
  background: transparent;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 2rem !important;
  height: 2rem;
  left: 0;
  top: 0.5rem;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 3rem;
  height: 3rem;
  border: 1px solid #f03846;
  border-radius: 50%;
  box-sizing: border-box;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f03846 url(../img/horizontal-slider-arrows.png) no-repeat center center;
  background-size: 20px 9px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  display: block;
  height: 1px;
  margin-top: 1.5rem;
  background: #d8dce2;
  position: relative;
  width: calc(100% - 2rem);
  margin-left: 1rem;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail:after, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  background: #d8dce2;
  border-radius: 50%;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail:after {
  right: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail:before {
  left: 0;
}

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

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

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

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

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

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

.slick-arrow {
  -webkit-appearance: none;
  background: #fff;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  border: 0;
  font-size: 0;
  color: transparent;
}
.slick-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 0.5rem;
  width: 0.5rem;
  border-bottom: 1px solid #adb1bc;
  transition: 0.2s transform;
}

.slick-next {
  right: 0;
}
.slick-next:after {
  border-right: 1px solid #adb1bc;
  transform: translateX(0) rotate(-45deg);
}
.slick-next:hover:after {
  transform: translateX(0.25rem) rotate(-45deg);
}

.slick-prev {
  left: 0;
}
.slick-prev:after {
  border-left: 1px solid #adb1bc;
  transform: translateX(0) rotate(45deg);
}
.slick-prev:hover:after {
  transform: translateX(-0.25rem) rotate(45deg);
}

.slick-dots {
  position: absolute;
  bottom: 0;
  padding: 0;
  left: 3rem;
  right: 3rem;
  margin: auto;
  display: block;
  text-align: center;
  list-style: none;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  padding: 0;
  margin: 0 0.25rem;
  display: block;
  -webkit-appearance: none;
  font-size: 0;
  color: transparent;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  border: 0;
  background: rgba(32, 37, 46, 0.05);
}
.slick-dots li.slick-active button {
  background: #f03846;
}
.slick-dots li:only-child {
  display: none;
}

@media (min-width: 768px) {
  .slick-prev {
    left: 24%;
  }

  .slick-next {
    right: 24%;
  }
}
@media (min-width: 1350px) {
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 74%;
    right: 13%;
    left: 13%;
  }
}
.o-tile {
  margin-top: 2rem;
  display: block;
  text-decoration: none;
  color: #20252e;
}
.o-tile .a-circle {
  background: #fbfbfb;
  height: 2rem;
  width: 2rem;
}
.o-tile .a-circle:after {
  border-color: #adb1bc;
}
.o-tile .a-circle .label {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 2rem;
  letter-spacing: 0.325em;
}
@media (max-width: 567px) {
  .o-tile {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media (min-width: 768px) {
  .o-tile {
    transition: 0.6s box-shadow ease-out;
  }
  .o-tile:hover {
    box-shadow: 0 0.5rem 1.25rem 0 rgba(75, 94, 127, 0.25);
  }
  .o-tile:hover .m-tile-header.zoom .bg {
    transform: scale(1.05);
  }
  .o-tile:hover .m-tile-header.fade .hover {
    opacity: 1;
  }
  .o-tile:hover .m-tile-header.fade .hover-out {
    opacity: 0;
  }
  .o-tile:hover .m-tile-body .a-circle.arrow-r {
    background-color: #f03846;
  }
  .o-tile:hover .m-tile-body .a-circle.arrow-r:after {
    border-color: #fff;
  }
}

.o-content-box {
  background: #fff;
  padding: 4.625rem 2.375rem;
}
@media (min-width: 768px) {
  .o-content-box {
    padding: 4.625rem 5.5rem 6rem;
  }
}
@media (min-width: 1024px) {
  .o-content-box {
    padding: 4rem 4rem 0;
  }
}
@media (min-width: 1350px) {
  .o-content-box {
    padding: 8rem 5rem 0;
  }
}
@media (min-width: 1680px) {
  .o-content-box {
    padding: 10.5rem 6rem 0;
  }
}

.o-credits {
  padding: 0 15% 2rem;
  text-align: center;
}
.o-credits .logo .role {
  display: block;
  margin-top: 0.5rem;
}
.o-credits .logo .bold {
  width: 85px;
  padding-top: 13px;
}
.o-credits .logo .besocial {
  width: 100px;
  padding-top: 11px;
}
.o-credits .logo .a-logo {
  width: 57px;
  height: 57px;
}
.o-credits .logo .a-logo .img {
  width: 30px;
  margin-top: 19px;
}
.o-credits .credits {
  padding-top: 1rem;
  letter-spacing: 0.025em;
}
.o-credits .credits .item {
  padding: 0.75rem 0;
}
.o-credits .credits .item .job, .o-credits .credits .item .name {
  display: block;
}
.o-credits .credits .item .job {
  font-size: 0.85rem;
  color: #adb1bc;
  font-weight: 400;
}
.o-credits .credits .item .name {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .o-credits {
    padding: 0;
  }
  .o-credits .logo {
    height: 100px;
    position: relative;
  }
  .o-credits .logo .role {
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }
  .o-credits .credits {
    padding-top: 0;
  }
  .o-credits .credits .item {
    padding: 1rem 0;
  }
  .o-credits .credits .item.close {
    padding: 1rem 0 0.125rem;
  }
}
@media (min-width: 1024px) {
  .o-credits {
    padding: 0 7%;
  }
}

.o-next-project {
  padding: 5rem 0 3.5rem;
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
}
.o-next-project img {
  pointer-events: none;
}
.o-next-project .name {
  font-size: 1.75rem;
  font-family: "Trirong", serif;
}
.o-next-project .description {
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: 0.875rem;
}
.o-next-project .description strong {
  font-weight: 500;
}
.o-next-project .a-circle {
  margin-top: 1.125rem;
}
.o-next-project .a-circle .label {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.325em;
}
.o-next-project .image img {
  position: absolute;
}
@media (min-width: 768px) {
  .o-next-project {
    padding: 4.75rem 0 3.375rem;
  }
  .o-next-project .name {
    font-size: 2rem;
    letter-spacing: 0.03em;
  }
  .o-next-project .description {
    margin-top: 0.75rem;
  }
  .o-next-project .a-circle {
    margin-top: 2.5rem;
  }
  .o-next-project:hover .a-circle.arrow-r {
    background-color: #f03846 !important;
  }
  .o-next-project:hover .a-circle.arrow-r:after {
    border-color: #fff !important;
  }
}
@media (min-width: 1024px) {
  .o-next-project {
    padding: 3rem 0 2.25rem 9%;
  }
  .o-next-project .name {
    font-size: 1.75rem;
  }
  .o-next-project .description {
    margin-top: 0.625rem;
    max-width: 25rem;
  }
  .o-next-project .a-circle {
    margin-top: 1.5rem;
    height: 2rem;
    width: 2rem;
  }
  .o-next-project .a-circle .label {
    top: 0;
    left: 2.75rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1680px) {
  .o-next-project {
    padding: 4.75rem 0 3.375rem 16%;
  }
  .o-next-project .name {
    font-size: 2rem;
  }
  .o-next-project .a-circle {
    margin-top: 2.75rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .o-next-project .a-circle .label {
    top: 0.125rem;
    left: 3rem;
    line-height: 2.5rem;
  }
}
.o-next-project.justio, .o-next-project.magebit, .o-next-project.cisnik, .o-next-project.ammotio {
  background: #f1f4f7;
}
.o-next-project.justio .a-circle, .o-next-project.magebit .a-circle, .o-next-project.cisnik .a-circle, .o-next-project.ammotio .a-circle {
  background: #adb1bc;
}
.o-next-project.justio .a-circle:after, .o-next-project.magebit .a-circle:after, .o-next-project.cisnik .a-circle:after, .o-next-project.ammotio .a-circle:after {
  border-color: #2b2f37;
}
.o-next-project.ammotio .image img {
  right: -3%;
  bottom: 0;
  height: 83%;
}
@media (min-width: 350px) {
  .o-next-project.ammotio .image img {
    right: 0;
  }
}
@media (min-width: 568px) {
  .o-next-project.ammotio .image img {
    height: 95%;
  }
}
@media (min-width: 1024px) {
  .o-next-project.ammotio .image img {
    height: 130%;
    right: 6%;
  }
}
.o-next-project.cisnik .description {
  max-width: 16rem;
}
.o-next-project.cisnik .image .img1 {
  width: 11.5rem;
  right: 0.5rem;
  top: -10.75rem;
}
.o-next-project.cisnik .image .img2 {
  width: 10.75rem;
  right: -4.75rem;
  top: -1.875rem;
}
.o-next-project.cisnik .image .circle1 {
  background: #aadde1;
  height: 0;
  width: 16rem;
  padding-top: 16rem;
  top: -9.25rem;
  right: -8.75rem;
}
.o-next-project.cisnik .image .circle2 {
  background: #fbc8c4;
  height: 0;
  width: 30rem;
  padding-top: 30rem;
  top: 8.75rem;
  right: -23rem;
}
@media (min-width: 768px) {
  .o-next-project.cisnik .image .img1 {
    right: 11.75rem;
    top: -10.375rem;
    transform: translate3d(0, 0, 0);
    transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.cisnik .image .img2 {
    right: 0.875rem;
    top: -8.375rem;
    transform: translate3d(0, 0, 0);
    transition: 1.1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.cisnik .image .circle1 {
    top: -7.75rem;
    right: 9.5rem;
  }
  .o-next-project.cisnik .image .circle2 {
    height: 0;
    width: 32rem;
    padding-top: 32rem;
    top: -1.375rem;
    right: -22rem;
  }
  .o-next-project.cisnik:hover .image .img1 {
    transform: translate3d(0, 20%, 0);
  }
  .o-next-project.cisnik:hover .image .img2 {
    transform: translate3d(0, -10%, 0);
  }
}
@media (min-width: 1024px) {
  .o-next-project.cisnik .image .img1 {
    right: 50.5%;
    top: -9.4rem;
    width: 13rem;
  }
  .o-next-project.cisnik .image .img2 {
    right: 4.75%;
    top: -7.75rem;
    width: 12rem;
  }
  .o-next-project.cisnik .image .circle1 {
    height: 0;
    width: 17rem;
    padding-top: 17rem;
    top: -6.5rem;
    right: 56%;
  }
  .o-next-project.cisnik .image .circle2 {
    height: 0;
    width: 34rem;
    padding-top: 34rem;
    top: 3rem;
    right: -21rem;
  }
}
@media (min-width: 1024px) and (min-width: 1680px) {
  .o-next-project.cisnik .image .img1 {
    right: 53.5%;
    top: -12.4rem;
    width: 15.3rem;
  }
  .o-next-project.cisnik .image .img2 {
    right: 7.75%;
    top: -9.75rem;
    width: 14.375rem;
  }
  .o-next-project.cisnik .image .circle1 {
    height: 0;
    width: 21.25rem;
    padding-top: 21.25rem;
    top: -8.75rem;
    right: 58.6%;
  }
  .o-next-project.cisnik .image .circle2 {
    height: 0;
    width: 40rem;
    padding-top: 40rem;
    top: 2.5rem;
    right: -24rem;
  }
}
.o-next-project.justio .description {
  max-width: 16rem;
}
.o-next-project.justio .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.o-next-project.justio .image img {
  width: 16.25rem;
  max-width: 72vw;
  bottom: 1.5rem;
  right: 0;
}
@media (min-width: 768px) {
  .o-next-project.justio .image img {
    width: 27.25rem;
    bottom: -6.6rem;
    right: -1rem;
    transform: translate3d(0, 0, 0);
    transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.justio .image .a-bg-circle {
    background: #ecc609;
    height: 0;
    width: 31rem;
    padding-top: 31rem;
    top: -21.5%;
    right: -11.8rem;
  }
  .o-next-project.justio:hover .image img {
    transform: translate3d(3rem, -1.5rem, 0);
  }
}
@media (min-width: 1024px) {
  .o-next-project.justio .image img {
    width: 50rem;
    width: 60.2vw;
    bottom: -4.5rem;
    right: -4rem;
  }
  .o-next-project.justio .image .a-bg-circle {
    height: 0;
    width: 34rem;
    padding-top: 34rem;
    top: -9.5%;
    right: -5.5rem;
  }
}
@media (min-width: 1680px) {
  .o-next-project.justio .image .a-bg-circle {
    height: 0;
    width: 41rem;
    padding-top: 41rem;
  }
}
.o-next-project.finlandia {
  background: linear-gradient(to right, #093574 1%, #0536b9 100%);
}
.o-next-project.finlandia .a-circle {
  background: rgba(255, 255, 255, 0.05);
}
.o-next-project.finlandia img {
  position: absolute;
}
.o-next-project.finlandia .circle-1 {
  width: 16.35%;
  top: -8.5%;
  left: 66.2%;
}
.o-next-project.finlandia .circle-2 {
  width: 28%;
  top: -23.75%;
  left: 65.75%;
}
.o-next-project.finlandia .circle-3 {
  width: 26.7%;
  top: 33.75%;
  left: 67.25%;
}
.o-next-project.finlandia .bottles {
  top: -20%;
  width: 51%;
  right: 0;
}
.o-next-project.finlandia .bottles-1 {
  width: 25.8%;
  top: 9.5%;
  left: 45.7%;
}
.o-next-project.finlandia .bottles-2 {
  width: 17.55%;
  top: -37.75%;
  left: 62.75%;
}
.o-next-project.finlandia .bottles-3 {
  width: 16.7%;
  top: 25.75%;
  left: 66.75%;
}
@media (min-width: 768px) {
  .o-next-project.finlandia .circle-1 {
    width: 18.35%;
    top: -8.5%;
    left: 71.2%;
  }
  .o-next-project.finlandia .circle-2 {
    width: 17%;
    top: 53.25%;
    left: 44.75%;
  }
  .o-next-project.finlandia .circle-3 {
    width: 13.7%;
    top: 70.75%;
    left: 77.25%;
  }
  .o-next-project.finlandia .bottles-1 {
    width: 25.8%;
    top: 9.5%;
    left: 45.7%;
  }
  .o-next-project.finlandia .bottles-2 {
    width: 27.55%;
    top: -25.75%;
    left: 66.75%;
  }
  .o-next-project.finlandia .bottles-3 {
    width: 26.7%;
    top: 34.25%;
    left: 68.75%;
  }
  .o-next-project.finlandia .bottles-1, .o-next-project.finlandia .bottles-2, .o-next-project.finlandia .bottles-3 {
    transform: translate3d(0, 0, 0);
    transition: 2s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.finlandia .circle-1, .o-next-project.finlandia .circle-2, .o-next-project.finlandia .circle-3 {
    transform: translate3d(0, 0, 0);
    transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.finlandia:hover .bottles-1 {
    transform: translate3d(1rem, -2rem, 0);
  }
  .o-next-project.finlandia:hover .bottles-2 {
    transform: translate3d(-1rem, 2rem, 0);
  }
  .o-next-project.finlandia:hover .bottles-3 {
    transform: translate3d(0.5rem, -1rem, 0);
  }
  .o-next-project.finlandia:hover .circle-1 {
    transform: translate3d(0.33rem, -0.67rem, 0);
  }
  .o-next-project.finlandia:hover .circle-2 {
    transform: translate3d(-0.33rem, 0.67rem, 0);
  }
  .o-next-project.finlandia:hover .circle-3 {
    transform: translate3d(-0.17rem, 0.33rem, 0);
  }
}
@media (min-width: 1024px) {
  .o-next-project.finlandia .circle-1 {
    width: 10.35%;
    top: -3.5%;
    left: 66.2%;
  }
  .o-next-project.finlandia .circle-2 {
    width: 9.7%;
    top: 62%;
    left: 48.75%;
  }
  .o-next-project.finlandia .circle-3 {
    width: 7.2%;
    top: 80%;
    left: 74.25%;
  }
  .o-next-project.finlandia .bottles-1 {
    width: 16.8%;
    top: -9.5%;
    left: 51.7%;
  }
  .o-next-project.finlandia .bottles-2 {
    width: 17.55%;
    top: -37.75%;
    left: 62.75%;
  }
  .o-next-project.finlandia .bottles-3 {
    width: 16.7%;
    top: 25.75%;
    left: 66.75%;
  }
}
@media (min-width: 1350px) {
  .o-next-project.finlandia {
    margin-bottom: -1px;
  }
}
@media (min-width: 1680px) {
  .o-next-project.finlandia {
    margin-bottom: 0;
  }
}
.o-next-project.magebit .image img {
  width: 11.125rem;
  right: -2.75rem;
  top: -13.125rem;
}
.o-next-project.magebit .image .a-bg-circle {
  background: #5e82d3;
  height: 0;
  width: 10rem;
  padding-top: 10rem;
  right: 1.25rem;
  top: -9.5rem;
}
.o-next-project.magebit .image .a-bg-rectangle {
  background: #51bde2;
  width: 6rem;
  padding-top: 3.75rem;
  transform: rotate(-30deg);
  top: -5rem;
  right: -5rem;
}
@media (min-width: 350px) {
  .o-next-project.magebit .image img {
    width: 12.125rem;
    right: -0.75rem;
  }
  .o-next-project.magebit .image .a-bg-circle {
    height: 0;
    width: 11.375rem;
    padding-top: 11.375rem;
    right: 2.25rem;
    top: -8.625rem;
  }
  .o-next-project.magebit .image .a-bg-rectangle {
    top: -4rem;
    right: -4rem;
  }
}
@media (min-width: 768px) {
  .o-next-project.magebit .image img {
    width: 17.125rem;
    right: 2.5rem;
    top: -13.625rem;
    transform: translate3d(0, 0, 0) rotate(0deg);
    transition: 1.25s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.magebit .image .a-bg-circle {
    height: 0;
    width: 16rem;
    padding-top: 16rem;
    right: 6.5rem;
    top: -7.625rem;
    transform: translate3d(0, 0, 0) rotate(0deg);
    transition: 0.7s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.magebit .image .a-bg-rectangle {
    width: 7.75rem;
    padding-top: 5.25rem;
    top: -0.875rem;
    right: -1.625rem;
    transform: translate3d(0, 0, 0) rotate(-30deg);
    transition: 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.magebit:hover .image img {
    transform: translate3d(0, 5%, 0) rotate(5deg);
  }
  .o-next-project.magebit:hover .image .a-bg-circle {
    transform: translate3d(-6%, 2%, 0);
  }
  .o-next-project.magebit:hover .image .a-bg-rectangle {
    transform: translate3d(15%, -21%, 0) rotate(-37deg);
  }
}
@media (min-width: 1024px) {
  .o-next-project.magebit .description {
    max-width: 15rem;
  }
  .o-next-project.magebit .image img {
    width: 19rem;
    right: 22%;
    top: -13.25rem;
  }
  .o-next-project.magebit .image .a-bg-circle {
    height: 0;
    width: 17.25rem;
    padding-top: 17.25rem;
    right: 50.5%;
    top: -6rem;
  }
  .o-next-project.magebit .image .a-bg-rectangle {
    width: 8.5rem;
    padding-top: 5.5rem;
    top: 1rem;
    right: 7%;
  }
}
@media (min-width: 1024px) and (min-width: 1680px) {
  .o-next-project.magebit .image img {
    width: 22.5rem;
    right: 35.25%;
    top: -16.875rem;
  }
  .o-next-project.magebit .image .a-bg-circle {
    height: 0;
    width: 21.25rem;
    padding-top: 21.25rem;
    right: 58.5%;
    top: -8.75rem;
  }
  .o-next-project.magebit .image .a-bg-rectangle {
    width: 10.5rem;
    padding-top: 6.875rem;
    top: 0.25rem;
    right: 20%;
  }
}
.o-next-project.edua, .o-next-project.crown, .o-next-project.finlandia {
  color: #fbfbfb;
}
.o-next-project.edua .a-circle .label, .o-next-project.crown .a-circle .label, .o-next-project.finlandia .a-circle .label {
  color: #fbfbfb;
}
.o-next-project.crown {
  background: #00132b url(../img/crown/related/bg-sm.jpg) no-repeat center center;
  background-size: cover;
}
.o-next-project.crown .a-circle {
  background: #081a32;
}
.o-next-project.crown .image .img1, .o-next-project.crown .image .img2 {
  width: 14.7rem;
}
.o-next-project.crown .image .img1 {
  right: -4.25rem;
  top: -11.375rem;
}
.o-next-project.crown .image .img2 {
  top: -8.2rem;
  right: -4.5rem;
}
.o-next-project.crown .image .circle1 {
  background: #04d9de;
  height: 0;
  width: 10.25rem;
  padding-top: 10.25rem;
  right: 1.9rem;
  top: -7.75rem;
}
.o-next-project.crown .image .circle2 {
  background: #04d9de;
  height: 0;
  width: 4.5rem;
  padding-top: 4.5rem;
  top: -0.45rem;
  right: -0.6rem;
}
@media (min-width: 768px) {
  .o-next-project.crown {
    background-image: url(../img/crown/related/bg-md.jpg);
  }
  .o-next-project.crown .image .img1, .o-next-project.crown .image .img2 {
    width: 20rem;
  }
  .o-next-project.crown .image .img1 {
    right: 1.125rem;
    top: -10.4rem;
    transform: translate3d(0, 0, 0);
    transition: 1.25s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.crown .image .img2 {
    right: 0.875rem;
    top: -6rem;
    transform: translate3d(0, 0, 0);
    transition: 1.25s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.crown .image .circle1 {
    height: 0;
    width: 16rem;
    padding-top: 16rem;
    right: 9.5rem;
    top: -7.75rem;
  }
  .o-next-project.crown .image .circle2 {
    height: 0;
    width: 6.125rem;
    padding-top: 6.125rem;
    top: -2.4rem;
    right: -1.4rem;
  }
  .o-next-project.crown:hover .image .img1 {
    transform: translate3d(0, -0.75rem, 0);
  }
  .o-next-project.crown:hover .image .img2 {
    transform: translate3d(0, 0.75rem, 0);
  }
}
@media (min-width: 1024px) {
  .o-next-project.crown {
    background-image: url(../img/crown/related/bg.jpg);
  }
  .o-next-project.crown .description {
    max-width: 14rem;
  }
  .o-next-project.crown .image .img1, .o-next-project.crown .image .img2 {
    width: 17rem;
  }
  .o-next-project.crown .image .img1 {
    right: 27.25%;
    top: -7.75rem;
  }
  .o-next-project.crown .image .img2 {
    right: 27.75%;
    top: -4.5rem;
  }
  .o-next-project.crown .image .circle1 {
    height: 0;
    width: 10rem;
    padding-top: 10rem;
    right: 62.5%;
    top: -6.5rem;
  }
  .o-next-project.crown .image .circle2 {
    height: 0;
    width: 4.5rem;
    padding-top: 4.5rem;
    top: -1rem;
    right: 20%;
  }
}
@media (min-width: 1024px) and (min-width: 1680px) {
  .o-next-project.crown .image .img1, .o-next-project.crown .image .img2 {
    width: 20.05rem;
  }
  .o-next-project.crown .image .img1 {
    right: 37%;
    top: -9.75rem;
  }
  .o-next-project.crown .image .img2 {
    right: 36.25%;
    top: -5.45rem;
  }
  .o-next-project.crown .image .circle1 {
    height: 0;
    width: 12.5rem;
    padding-top: 12.5rem;
    right: 68.5%;
    top: -8.5rem;
  }
  .o-next-project.crown .image .circle2 {
    height: 0;
    width: 4.75rem;
    padding-top: 4.75rem;
    top: -1.5rem;
    right: 31.2%;
  }
}
.o-next-project.edua {
  background: #003de5 url(../img/edua/related/bg-sm.jpg) no-repeat center center;
  background-size: cover;
}
.o-next-project.edua .a-circle {
  background: rgba(255, 255, 255, 0.05);
}
.o-next-project.edua .image img {
  width: 118px;
  max-width: 107%;
  right: 0.125rem;
  bottom: -1rem;
}
.o-next-project.edua .image .circle1 {
  background: #2457e0;
  height: 0;
  width: 7.75rem;
  padding-top: 7.75rem;
  right: 3.7rem;
  top: -7.5rem;
}
.o-next-project.edua .image .circle2 {
  background: #1695e5;
  height: 0;
  width: 4.5rem;
  padding-top: 4.5rem;
  bottom: -2.55rem;
  right: -0.6rem;
}
@media (min-width: 768px) {
  .o-next-project.edua {
    background-image: url(../img/edua/related/bg-md.jpg);
  }
  .o-next-project.edua .image img {
    width: 329px;
    right: 0.75rem;
    bottom: -1.125rem;
  }
  .o-next-project.edua .image .circle1 {
    height: 0;
    width: 12.875rem;
    padding-top: 12.875rem;
    right: 11.5rem;
    top: -7.25rem;
    transform: translate3d(0, 0, 0);
    transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.edua .image .circle2 {
    height: 0;
    width: 8.5rem;
    padding-top: 8.5rem;
    bottom: -1rem;
    right: -1rem;
    transform: translate3d(0, 0, 0);
    transition: 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .o-next-project.edua:hover .image .circle1 {
    transform: translate3d(0, 15%, 0);
  }
  .o-next-project.edua:hover .image .circle2 {
    transform: translate3d(0, -20%, 0);
  }
}
@media (min-width: 1024px) {
  .o-next-project.edua {
    background-image: url(../img/edua/related/bg.jpg);
  }
  .o-next-project.edua .image img {
    width: 256px;
    right: 4.25rem;
    bottom: -0.25rem;
  }
  .o-next-project.edua .image .circle1 {
    height: 0;
    width: 10rem;
    padding-top: 10rem;
    right: 15.5rem;
    top: -5.5rem;
  }
  .o-next-project.edua .image .circle2 {
    height: 0;
    width: 8.5rem;
    padding-top: 8.5rem;
    bottom: -0.5rem;
  }
}
@media (min-width: 1680px) {
  .o-next-project.edua .image img {
    width: 329px;
    right: 5.375rem;
    bottom: -0.875rem;
  }
  .o-next-project.edua .image .circle1 {
    height: 0;
    width: 12.875rem;
    padding-top: 12.875rem;
    right: 19.75rem;
    top: -8.5rem;
  }
  .o-next-project.edua .image .circle2 {
    height: 0;
    width: 10rem;
    padding-top: 10rem;
    bottom: -1rem;
    right: -1rem;
  }
}

.t-page .s-1 {
  padding-top: 10.5rem;
}
@media (min-width: 768px) {
  .t-page .s-1 {
    padding-top: 16rem;
  }
}
@media (min-width: 1024px) {
  .t-page .s-1 {
    padding-top: 8rem;
  }
}
@media (min-width: 1680px) {
  .t-page .s-1 {
    padding-top: 10rem;
  }
}

.t-reference {
  background: #fbfbfb;
}
.t-reference h1 {
  font-size: 1.875rem;
  letter-spacing: -0.015em;
  line-height: 1.4;
}
.t-reference h2 {
  font-size: 1.875rem;
  letter-spacing: 0.01em;
}
.t-reference p.p-bigger {
  font-size: 1.25rem;
}
.t-reference p u {
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.t-reference p u:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0.175em;
  background: #20252e;
  z-index: -1;
}
.t-reference .s-top {
  background: #fff;
  padding: 10.375rem 0 0;
  z-index: 1;
}
.t-reference .s-top .col {
  padding-bottom: 10.8rem;
}
.t-reference .s-top .mockup, .t-reference .s-top .mockup1, .t-reference .s-top .mockup2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.t-reference .s-bg-only {
  height: 22.25rem;
  background: no-repeat center center;
  background-size: cover;
}
.t-reference .s-about {
  padding: 4.5rem 0;
  text-align: center;
  position: relative;
}
.t-reference .s-about p {
  margin-top: 2.75rem;
  line-height: 1.5;
}
.t-reference .s-about p.note {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Trirong", serif;
}
.t-reference .s-about .a-circle {
  margin-top: 3.25rem;
}
.t-reference .s-about:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: #f1f4f7;
  z-index: -1;
  transform: translate3d(0, 0, 0);
}
.t-reference .s-slider {
  overflow: hidden;
  padding: 5rem 0 3.5rem;
}
.t-reference .s-slider .col {
  padding: 0;
}
.t-reference .s-slider .a-mockup {
  width: 94%;
  height: auto;
  margin: 0 auto;
  max-height: 40rem;
  overflow: hidden;
}
.t-reference .s-slider .slick-slider {
  padding-bottom: 4rem;
}
.t-reference .s-slider .slick-list {
  overflow: visible;
}
.t-reference .s-slider .slick-arrow {
  background: transparent;
}
.t-reference .s-slider .slick-prev {
  left: 2rem;
}
.t-reference .s-slider .slick-next {
  right: 2rem;
}
.t-reference .s-task {
  position: relative;
}
.t-reference .s-task p {
  margin-top: 2.5rem;
}
.t-reference .s-task p.note {
  font-size: 1rem;
}
.t-reference .s-task .content {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.t-reference .s-task .content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -20%;
  height: 100%;
  width: 140%;
  background: #fff;
  z-index: -1;
  box-shadow: 0 0 2rem -0.25rem rgba(75, 94, 127, 0.3);
  transform: translate3d(0, 0, 0);
}
.t-reference .s-task .image {
  padding: 0;
}
.t-reference .s-content h3 + p {
  margin-top: 3rem;
}
.t-reference .s-content p {
  line-height: 1.475;
}
.t-reference .s-content p + p {
  margin-top: 2.25rem;
}
.t-reference .s-brand {
  padding: 4.5rem 0 2.5rem;
  margin-bottom: 3.25rem;
  text-align: center;
  position: relative;
}
.t-reference .s-brand:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  bottom: 2.5rem;
  height: calc(100% - 2.5rem);
  width: 100%;
  background: #f1f4f7;
  z-index: -1;
  transform: translate3d(0, 0, 0);
}
.t-reference .s-brand .brand-img {
  width: 100%;
  display: block;
}
.t-reference .s-mockups {
  padding: 2rem 0;
}
.t-reference .s-mockups .col {
  padding: 0;
}
.t-reference .s-mockups .col .a-mockup {
  width: 94.5%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.t-reference .s-mockups .col .a-mockup .content {
  height: 57vw;
}
.t-reference .s-statistics {
  padding: 2.625rem 0 4.5rem;
  text-align: center;
}
.t-reference .s-statistics p {
  font-size: 1.375rem;
  line-height: 1.5;
}
.t-reference .s-photos {
  padding: 4.5rem 0 2rem;
}
.t-reference .s-photos img {
  width: 100%;
}
.t-reference .s-media {
  overflow: hidden;
  padding: 2rem 0 9rem;
  position: relative;
  background: #fff;
}
.t-reference .s-media:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 66%;
  width: 100%;
  background: #f1f4f7;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}
.t-reference .s-media .container {
  position: relative;
  padding-top: 4.375rem;
}
.t-reference .s-media .container .row {
  z-index: 1;
}
.t-reference .s-media .container .row.heading {
  z-index: 2;
}
.t-reference .s-media .container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  height: 100%;
  width: 120%;
  background: linear-gradient(to bottom, rgba(75, 94, 127, 0), rgba(75, 94, 127, 0.5));
  z-index: 0;
  filter: blur(0.875rem);
  will-change: transform, filter;
  transform: translate3d(0, 0, 0);
}
.t-reference .s-media .o-carousel {
  margin-top: 3.625rem;
}
.t-reference .s-media .o-carousel:before {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: calc(100% + 8rem);
  top: -8rem;
  right: 1rem;
  background: white;
}
.t-reference .media-slider .o-tile {
  text-align: left;
  margin: 0;
}
.t-reference .media-slider .o-tile:hover h4 {
  text-decoration: underline;
}
.t-reference .media-slider .m-tile-header {
  background: no-repeat center center;
  background-size: 56px 48px;
  padding-top: 100%;
}
.t-reference .media-slider .m-tile-body {
  padding: 1.875rem;
}
.t-reference .media-slider .m-tile-body h4, .t-reference .media-slider .m-tile-body .description {
  display: block;
  display: -webkit-box;
  height: 4.25rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-reference .media-slider .m-tile-body .date, .t-reference .media-slider .m-tile-body .description {
  opacity: 0.5;
}
.t-reference .media-slider .m-tile-body .description {
  margin-top: 1rem;
}
.t-reference .media-slider .m-tile-body .a-circle {
  background: #fbfbfb;
}
.t-reference .media-slider .media-1 .m-tile-header {
  background-color: #f03846;
  background-image: url(../img/media/ico-white.png);
}
.t-reference .media-slider .media-2 .m-tile-header {
  background-color: #f1f4f7;
  background-image: url(../img/media/ico-black.png);
}
.t-reference .media-slider .media-3 .m-tile-header {
  background-color: #fbfbfb;
  background-image: url(../img/media/ico-red.png);
}
.t-reference .media-slider .media-custom .m-tile-header {
  background-size: cover;
}
.t-reference .media-slider .slick-dots {
  bottom: -5rem;
}
.t-reference .media-slider .slick-arrow {
  bottom: -5.5rem;
  background-color: transparent;
}
.t-reference .s-testimonials {
  padding: 2.5rem 0 3.5rem;
}
.t-reference .s-testimonials .m-testimonial {
  padding-bottom: 1rem;
}
.t-reference .s-testimonials .a-circle {
  background-color: #f03846;
}
.t-reference .s-footer {
  text-align: center;
  padding: 0 0 9rem;
}
.t-reference .s-footer .a-open-ref + h4 {
  margin-top: 3.5rem;
}
.t-reference .s-footer .m-socials {
  margin-top: 1.25rem;
}
.t-reference .s-footer .m-socials .a-social {
  height: 2.5rem;
  width: 2.5rem;
  margin: 0 0.25rem;
  background: #f1f4f7;
  color: #20252e;
  transition: 0.25s background-color ease;
}
.t-reference .s-footer .m-socials .a-social:after, .t-reference .s-footer .m-socials .a-social:before {
  display: none;
}
.t-reference .s-footer .m-socials .a-social i {
  line-height: 2.5rem;
  font-size: 1.25rem;
}
.t-reference .s-footer .m-socials .a-social:hover {
  background: #20252e;
  color: #f1f4f7;
}
.t-reference .s-footer .m-socials .a-social:hover i {
  transform: none;
}
.t-reference .s-credits {
  padding: 10rem 0 0;
}
.t-reference .s-credits h2 {
  text-align: center;
}
.t-reference .s-credits h2 + p {
  text-align: center;
  margin-bottom: 2.75rem;
}
@media (min-width: 350px) {
  .t-reference .s-top {
    padding: 11.375rem 0 0;
  }
  .t-reference .media-slider .m-tile-header {
    padding-top: 18rem;
  }
  .t-reference .media-slider .o-tile:hover {
    box-shadow: none;
  }
}
@media (min-width: 568px) {
  .t-reference .s-content {
    padding: 4.5rem 11%;
  }
  .t-reference .s-testimonials .m-testimonial {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .t-reference h1 {
    font-size: 2.5rem;
    letter-spacing: 0;
    padding-right: 26%;
    line-height: 1.27;
  }
  .t-reference h1 u:after {
    height: 4px;
    bottom: 0.1em;
  }
  .t-reference h2 {
    font-size: 2.5rem;
    letter-spacing: 0.03em;
  }
  .t-reference p {
    font-size: 1.375rem;
  }
  .t-reference p.p-bigger {
    font-size: 1.5rem;
  }
  .t-reference .s-top {
    padding-top: 15.5rem;
  }
  .t-reference .s-top .col {
    padding-bottom: 12.05rem;
  }
  .t-reference .s-bg-only {
    height: 32rem;
  }
  .t-reference .s-about {
    padding: 7.125rem 9%;
    transform: translateY(-5rem);
  }
  .t-reference .s-about.u-landing-self {
    transform: translate3d(0, -2rem, 0);
  }
  .t-reference .s-about.u-landing-self.landed {
    transform: translate3d(0, -5rem, 0);
  }
  .t-reference .s-about:before {
    right: auto;
    left: 7.5%;
  }
  .t-reference .s-about .a-circle + p {
    margin-top: 0.875rem;
  }
  .t-reference .s-about p {
    line-height: 1.375;
  }
  .t-reference .s-about p.u-f-heading {
    line-height: 1.7;
  }
  .t-reference .s-about p.note {
    margin-top: 1.375rem;
    font-size: 1.25rem;
  }
  .t-reference .s-task {
    padding-top: 3.25rem;
  }
  .t-reference .s-task:before {
    content: none;
    display: none;
  }
  .t-reference .s-task .content {
    padding: 4.25rem 13% 7rem 2%;
  }
  .t-reference .s-task .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2%;
    left: auto;
    height: 113%;
    width: 110%;
    background: #fff;
    z-index: -1;
    box-shadow: 0.5rem 0.25rem 2rem 0 rgba(32, 37, 46, 0.2);
    transform: translate3d(0, 0, 0);
  }
  .t-reference .s-task p {
    line-height: 1.45;
  }
  .t-reference .s-task p.note {
    font-size: 1.125rem;
  }
  .t-reference .s-slider {
    padding: 0.875rem 0 4.8rem;
  }
  .t-reference .s-slider .o-horizontal-slider .a-mockup {
    display: inline-block;
    margin: 2rem 1rem;
  }
  .t-reference .s-slider.slider2 {
    padding-top: 6.125rem;
    padding-bottom: 8rem;
  }
  .t-reference .s-brand {
    padding: 6rem 0 0;
    margin-bottom: 5rem;
  }
  .t-reference .s-brand:before {
    bottom: auto;
    height: calc(100% - .25rem);
  }
  .t-reference .s-mockups {
    padding: 5.875rem 0;
  }
  .t-reference .s-mockups .col .a-mockup {
    width: 92.75%;
  }
  .t-reference .s-mockups .col .a-mockup .content {
    height: 56vw;
  }
  .t-reference .s-statistics {
    padding: 1.5rem 0 7.5rem;
  }
  .t-reference .media-slider .m-tile-header {
    padding-top: 18.5rem;
  }
  .t-reference .s-media .container {
    padding-left: 3.625rem;
    padding-right: 2.25rem;
    padding-top: 4.2rem;
  }
  .t-reference .s-media .container:before {
    right: 2.25rem;
  }
  .t-reference .s-media .o-carousel {
    margin-top: 4.25rem;
  }
  .t-reference .s-testimonials {
    padding: 3.25rem 0 0;
  }
  .t-reference .s-credits .right-border {
    border-right: 1px solid #e9e9ea;
  }
  .t-reference .s-footer {
    padding: 5.75rem 0 11rem;
  }
}
@media (min-width: 1024px) {
  .t-reference h1 {
    padding-right: 50%;
    font-size: 2rem;
  }
  .t-reference h2 {
    font-size: 2rem;
  }
  .t-reference p {
    font-size: 1.125rem;
  }
  .t-reference p.p-bigger {
    font-size: 1.25rem;
  }
  .t-reference .s-top {
    padding-top: 14rem;
  }
  .t-reference .s-top .col {
    padding-bottom: 6rem;
  }
  .t-reference .s-about {
    transform: translateY(-5.25rem);
    padding: 5rem 9%;
  }
  .t-reference .s-about.u-landing-self {
    transform: translate3d(0, -2.25rem, 0);
  }
  .t-reference .s-about.u-landing-self.landed {
    transform: translate3d(0, -5.25rem, 0);
  }
  .t-reference .s-about:before {
    left: 8.25%;
  }
  .t-reference .s-about .a-circle {
    margin-top: 2.5rem;
  }
  .t-reference .s-about p {
    margin-top: 1rem;
    line-height: 1.65;
  }
  .t-reference .s-about p.u-f-heading {
    padding: 0 15%;
    margin-top: 0.875rem;
  }
  .t-reference .s-about p.note {
    font-size: 1rem;
  }
  .t-reference .s-task .content {
    padding: 5rem 4% 4.5rem;
    align-self: flex-start;
  }
  .t-reference .s-task .content:before {
    right: -2.5%;
    height: 100%;
    width: 200%;
  }
  .t-reference .s-task p {
    margin-top: 1.75rem;
  }
  .t-reference .s-task p.note {
    font-size: 1rem;
  }
  .t-reference .s-content {
    padding: 5rem 19%;
  }
  .t-reference .s-content h3 + p {
    margin-top: 2rem;
  }
  .t-reference .s-brand {
    padding: 4.5rem 20% 0;
    text-align: left;
  }
  .t-reference .s-brand:before {
    left: 12.5%;
    right: 0;
  }
  .t-reference .s-mockups .container-fluid {
    width: 75%;
  }
  .t-reference .s-mockups .col .a-mockup .content {
    height: 35rem;
    height: 41.125vw;
    max-height: 85vh;
  }
  .t-reference .s-statistics {
    padding: 1.5rem 0 4rem;
  }
  .t-reference .s-statistics p {
    font-size: 1.125rem;
  }
  .t-reference .media-slider .m-tile-header {
    padding-top: 100%;
  }
  .t-reference .media-slider .m-tile-body {
    padding: 1.25rem 1.75rem 1rem;
  }
  .t-reference .media-slider .m-tile-body h4 {
    font-size: 1.125rem;
  }
  .t-reference .media-slider .m-tile-body .a-circle, .t-reference .media-slider .m-tile-body .description {
    margin-top: 0.5rem;
  }
  .t-reference .s-media .container {
    padding-left: 9%;
    padding-right: 9%;
    padding-top: 4.2rem;
  }
  .t-reference .s-media .container:before, .t-reference .s-media .container:after {
    right: 11.6%;
  }
  .t-reference .s-media .o-carousel {
    margin-top: 2.5rem;
  }
  .t-reference .media-slider .m-tile-body h4, .t-reference .media-slider .m-tile-body .description {
    height: 3.75rem;
  }
  .t-reference .s-photos img {
    width: 65%;
    margin: 0 auto;
  }
  .t-reference .s-testimonials {
    padding: 1.5rem 0;
  }
  .t-reference .s-footer {
    padding: 3.75rem 0 9rem;
  }
}
@media (min-width: 1350px) {
  .t-reference .s-statistics {
    padding-left: 10%;
    padding-right: 10%;
  }
  .t-reference .media-slider .m-tile-body h4, .t-reference .media-slider .m-tile-body .description {
    height: 4rem;
  }
}
@media (min-width: 1680px) {
  .t-reference h1 {
    padding-right: 60%;
    font-size: 2.5rem;
  }
  .t-reference h2 {
    font-size: 2.5rem;
  }
  .t-reference p {
    font-size: 1.375rem;
  }
  .t-reference p.p-bigger {
    font-size: 1.5rem;
  }
  .t-reference .s-top {
    padding-top: 15.5rem;
  }
  .t-reference .s-top .col {
    padding-bottom: 9.8rem;
  }
  .t-reference .s-bg-only {
    height: 40.25rem;
  }
  .t-reference .s-about {
    padding: 7.25rem 11% 4.5rem;
    transform: translateY(-7.5rem);
  }
  .t-reference .s-about.u-landing-self {
    transform: translate3d(0, -4.5rem, 0);
  }
  .t-reference .s-about.u-landing-self.landed {
    transform: translate3d(0, -7.5rem, 0);
  }
  .t-reference .s-about:before {
    bottom: auto;
    height: calc(100% + 3rem);
  }
  .t-reference .s-about .a-circle {
    margin-top: 3.25rem;
  }
  .t-reference .s-about p {
    margin-top: 2.875rem;
    line-height: 1.5;
  }
  .t-reference .s-about p.u-f-heading {
    margin-top: 1.375rem;
  }
  .t-reference .s-about p.note {
    font-size: 1.25rem;
  }
  .t-reference .s-content h3 + p {
    margin-top: 2rem;
  }
  .t-reference .s-task {
    padding-top: 6.125rem;
  }
  .t-reference .s-task .content {
    padding: 7.375rem 2% 7.5rem 5.75%;
  }
  .t-reference .s-task .content:before {
    right: -11%;
    width: 208.25%;
  }
  .t-reference .s-task p {
    margin-top: 2.5rem;
  }
  .t-reference .s-task p.note {
    font-size: 1.125rem;
  }
  .t-reference .s-task .image img {
    margin-top: 3.75rem;
    width: 133.5%;
  }
  .t-reference .s-slider.slider2 {
    padding-top: 8.5rem;
    padding-bottom: 8rem;
  }
  .t-reference .s-brand {
    padding: 7rem 20.875% 0;
    margin-bottom: 6.5rem;
  }
  .t-reference .s-brand:before {
    left: 8.25%;
    height: calc(100% - 2rem);
  }
  .t-reference .s-mockups .col .a-mockup {
    width: 97.25%;
    padding: 3rem 1.5rem 1.5rem;
  }
  .t-reference .s-mockups .col .a-mockup:after {
    top: 1rem;
    left: 1.625rem;
    height: 0.75rem;
    width: 0.75rem;
    box-shadow: 1rem 0 0 0 #ecf1f9, 2rem 0 0 0 #eaf5f9;
  }
  .t-reference .s-mockups .col .a-mockup .content {
    height: 45rem;
    height: 44.125vw;
  }
  .t-reference .s-statistics {
    padding: 4rem 12% 7.5rem;
  }
  .t-reference .s-statistics p {
    font-size: 1.375rem;
  }
  .t-reference .media-slider .m-tile-header {
    padding-top: 100%;
  }
  .t-reference .media-slider .m-tile-body {
    padding: 2.125rem;
  }
  .t-reference .media-slider .m-tile-body h4, .t-reference .media-slider .m-tile-body .description {
    height: 4.25rem;
  }
  .t-reference .media-slider .m-tile-body h4 {
    font-size: 1.25rem;
  }
  .t-reference .media-slider .m-tile-body .a-circle {
    margin-top: 1.375rem;
  }
  .t-reference .media-slider .m-tile-body .description {
    margin-top: 1rem;
  }
  .t-reference .s-media .container {
    padding-top: 5.2rem;
  }
  .t-reference .s-media .container:before, .t-reference .s-media .container:after {
    right: 12%;
  }
  .t-reference .s-media .o-carousel {
    margin-top: 3.25rem;
  }
  .t-reference .s-footer {
    padding: 5.75rem 0 11rem;
  }
}

.p-hp .s-1 .content {
  z-index: 1;
}
@media (min-width: 768px) {
  .p-hp .s-1 .content p {
    padding-right: 30%;
  }
  .p-hp .s-1 .content .a-circle {
    position: absolute;
    right: 0.875rem;
    bottom: 0.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1349px) {
  .p-hp .s-1 h1 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .p-hp .s-1 .content {
    margin-top: 6rem;
  }
  .p-hp .s-1 .content p {
    font-size: 1rem;
  }
  .p-hp .s-1 .content .a-circle {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 4.5rem 0 0 0.75rem;
  }
  .p-hp .s-1 .content .a-circle .label {
    top: 0;
    font-family: "Trirong", serif;
    font-weight: 400;
    letter-spacing: 0.04em;
  }
  .p-hp .s-1 .content .a-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 2.5rem;
    width: 2px;
    height: 20rem;
    background: #e9e9ea;
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1024px) and (max-width: 1679px) {
  .p-hp .s-1 .content .a-circle {
    height: 2rem;
    width: 2rem;
  }
  .p-hp .s-1 .content .a-circle .label {
    font-size: 1.125rem;
    line-height: 1.8;
  }
  .p-hp .s-1 .content .a-circle:before {
    top: 2rem;
  }
}
@media (min-width: 1680px) {
  .p-hp .s-1 .content {
    margin-top: 8.75rem;
  }
  .p-hp .s-1 .content p {
    font-size: 1.125rem;
  }
  .p-hp .s-1 .content .a-circle .label {
    left: 3.5rem;
  }
}
.p-hp .s-2, .p-hp .s-3, .p-hp .s-4, .p-hp .s-5 {
  background: #fbfbfb;
}
.p-hp .s-2 .masonry-grid-item {
  z-index: 1;
}
.p-hp .s-3 {
  padding: 3.5rem 0;
}
@media (min-width: 768px) {
  .p-hp .s-3 {
    padding: 5.25rem 0 5.6rem;
  }
}
@media (min-width: 1024px) {
  .p-hp .s-3 {
    padding: 4.5rem 0 6.5rem;
  }
  .p-hp .s-3 .a-circle {
    right: 1rem;
    margin-top: 0;
    top: 1.375rem;
    margin-bottom: 1.375rem;
  }
  .p-hp .s-3 .a-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 1px;
    margin: auto;
    bottom: 2.5rem;
    width: 2px;
    height: 20rem;
    background: #e9e9ea;
    transform: translate3d(0, 0, 0);
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .p-hp .s-3 .a-circle:before {
    right: 1px;
  }
}
@media (min-width: 1680px) {
  .p-hp .s-3 {
    padding: 6.5rem 0 7.5rem;
  }
}
.p-hp .s-4 {
  z-index: 1;
  position: relative;
}
.p-hp .s-4 .photo img {
  display: block;
  width: 100%;
}
.p-hp .s-4 p {
  font-size: 1.375rem;
  line-height: 1.38;
  letter-spacing: 0;
  margin-top: 2.75rem;
}
.p-hp .s-4 p + p {
  margin-top: 2.25rem;
}
.p-hp .s-4 .a-circle {
  height: 2rem;
  width: 2rem;
  margin-top: 4.5rem;
}
@media (min-width: 350px) {
  .p-hp .s-4 p {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p-hp .s-4 p {
    font-size: 1rem;
    margin-top: 1.75rem;
  }
  .p-hp .s-4 p + p {
    margin-top: 1.75rem;
  }
  .p-hp .s-4 .a-circle {
    margin-top: 2.5rem;
  }
  .p-hp .s-4 .row {
    align-items: stretch;
  }
  .p-hp .s-4 .content {
    padding-top: 4.75%;
    display: flex;
    align-items: stretch;
  }
}
@media (min-width: 1680px) {
  .p-hp .s-4 p {
    font-size: 1.25rem;
    margin-top: 2.75rem;
  }
  .p-hp .s-4 p + p {
    margin-top: 2.25rem;
  }
  .p-hp .s-4 .a-circle {
    margin-top: 4.5rem;
  }
}
.p-hp .s-5 {
  text-align: center;
  padding: 4.5rem 0 6rem;
  background: #f1f4f7;
  box-shadow: 0 -0.25rem 2.5rem 0.25rem rgba(75, 94, 127, 0.3);
  position: relative;
}
.p-hp .s-5 .a-circle {
  height: 2rem;
  width: 2rem;
  margin-top: 4rem;
  margin-left: -8rem;
}
.p-hp .s-5 .a-bg-circle {
  display: none;
}
@media (min-width: 568px) {
  .p-hp .s-5 {
    text-align: left;
  }
  .p-hp .s-5 .a-circle {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .p-hp .s-5 {
    padding: 7.5rem 2rem 7.75rem;
    box-shadow: 0 0 3rem 0.25rem rgba(75, 94, 127, 0.3);
  }
  .p-hp .s-5 h2 {
    margin-bottom: 1.25rem;
  }
  .p-hp .s-5 .a-circle {
    margin-top: 5rem;
  }
}
@media (min-width: 1024px) {
  .p-hp .s-5 {
    padding: 5.5rem 0.5rem 7.75rem;
  }
  .p-hp .s-5 h2 {
    margin-bottom: 1.5rem;
  }
  .p-hp .s-5 .a-circle {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
  }
  .p-hp .s-5 .a-bg-circle {
    display: block;
    background: #f03846;
    height: 0;
    width: 23rem;
    padding-top: 23rem;
    right: -6rem;
    bottom: -16.5rem;
    height: 0;
    width: 20rem;
    padding-top: 20rem;
    right: -4rem;
    bottom: -13.5rem;
    mix-blend-mode: multiply;
  }
}
@media (min-width: 1680px) {
  .p-hp .s-5 {
    padding: 7.5rem 0.5rem 7.75rem;
  }
  .p-hp .s-5 h2 {
    margin-bottom: 2.75rem;
  }
  .p-hp .s-5 .a-circle {
    margin-top: 5rem;
    margin-bottom: 2.75rem;
  }
  .p-hp .s-5 .a-bg-circle {
    height: 0;
    width: 23rem;
    padding-top: 23rem;
    right: -6rem;
    bottom: -16.5rem;
  }
}
.p-hp .s-6 {
  text-align: center;
  padding: 4.5rem 0;
}
.p-hp .s-6 h2 {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .p-hp .s-6 {
    padding: 7rem 0;
  }
  .p-hp .s-6 h2 {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .p-hp .s-6 {
    padding: 7rem 0 8rem;
  }
  .p-hp .s-6 h2 {
    margin-bottom: 0;
  }
}
@media (min-width: 1680px) {
  .p-hp .s-6 {
    padding: 10rem 0;
  }
}
.p-hp .o-tile.ammotio {
  margin-top: 0.25rem;
  transform: translateY(3.75rem);
}
.p-hp .o-tile.ammotio .m-tile-header {
  padding-top: 118%;
}
.p-hp .o-tile.ammotio .m-tile-header img {
  pointer-events: none;
}
.p-hp .o-tile.ammotio .m-tile-header .img {
  bottom: 0;
  left: 0;
  width: 200%;
  max-width: 200%;
}
.p-hp .o-tile.ammotio .m-tile-header .img-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-hp .o-tile.ammotio .m-tile-body {
  padding-top: 1.625rem;
}
.p-hp .o-tile.ammotio .circle1 {
  height: 0;
  width: 134.25%;
  padding-top: 134.25%;
  top: -15.5%;
  right: -71%;
}
.p-hp .o-tile.ammotio .circle2 {
  height: 0;
  width: 92%;
  padding-top: 92%;
  bottom: 14%;
  left: -12.2%;
}
.p-hp .o-tile.ammotio .circle2 .shadow {
  color: rgba(191, 201, 213, 0.2);
  top: 0;
  left: 13.25%;
}
.p-hp .o-tile.cisnik {
  margin-top: 0.25rem;
  transform: translateY(3.75rem);
}
.p-hp .o-tile.cisnik .m-tile-header {
  padding-top: 146%;
}
.p-hp .o-tile.cisnik .m-tile-header img {
  pointer-events: none;
}
.p-hp .o-tile.cisnik .m-tile-header .img1-container, .p-hp .o-tile.cisnik .m-tile-header .img2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-hp .o-tile.cisnik .m-tile-header .img1 {
  top: 0;
  left: 0.75%;
  width: 63%;
}
.p-hp .o-tile.cisnik .m-tile-header .img2 {
  right: 5.5%;
  bottom: 5.25%;
  width: 59%;
}
.p-hp .o-tile.cisnik .m-tile-header .app-stores {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
.p-hp .o-tile.cisnik .m-tile-header .app-stores .a-app-store {
  margin-top: 0.5rem;
}
.p-hp .o-tile.cisnik .m-tile-body {
  padding-top: 1.625rem;
}
.p-hp .o-tile.cisnik .circle1 {
  height: 0;
  width: 134.25%;
  padding-top: 134.25%;
  top: -10.5%;
  right: -79%;
}
.p-hp .o-tile.cisnik .circle1 .shadow {
  width: 50%;
  height: 50%;
  top: 50%;
  left: -9%;
}
.p-hp .o-tile.cisnik .circle1 .shadow:before {
  width: 50%;
  height: 100%;
  top: 0;
  right: -1.5rem;
  background: linear-gradient(to bottom, rgba(228, 174, 170, 0), rgba(228, 174, 170, 0.5));
  filter: blur(0.875rem);
  will-change: transform, filter;
  transform: translate3d(0, 0, 0);
}
.p-hp .o-tile.cisnik .circle2 {
  height: 0;
  width: 92%;
  padding-top: 92%;
  bottom: 14%;
  left: -12.2%;
}
.p-hp .o-tile.cisnik .circle2 .shadow {
  color: rgba(132, 188, 197, 0.5);
  top: 0;
  left: 13.25%;
}
.p-hp .o-tile.cisnik2 .m-tile-header {
  background: #fff;
}
.p-hp .o-tile.cisnik2 .m-tile-header img {
  pointer-events: none;
}
.p-hp .o-tile.cisnik2 .m-tile-header .img1-container, .p-hp .o-tile.cisnik2 .m-tile-header .img2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-hp .o-tile.cisnik2 .m-tile-header .img1 {
  top: -3.5%;
  left: 10.75%;
  width: 41.4%;
}
.p-hp .o-tile.cisnik2 .m-tile-header .img2 {
  right: 11.3%;
  bottom: -10.75%;
  width: 39.6%;
}
.p-hp .o-tile.cisnik2 .m-tile-header .circle1, .p-hp .o-tile.cisnik2 .m-tile-header .circle2 {
  position: absolute;
}
.p-hp .o-tile.cisnik2 .m-tile-header .circle1 {
  width: 57%;
  left: 0;
  bottom: 0;
}
.p-hp .o-tile.cisnik2 .m-tile-header .circle2 {
  width: 35%;
  top: 0;
  right: 0;
}
.p-hp .o-tile.edua {
  margin-top: 10rem;
}
.p-hp .o-tile.edua .m-tile-header {
  background-image: url(../img/hp/edua-bg.jpg);
}
.p-hp .o-tile.edua .m-tile-header .img1 {
  bottom: 15.5%;
  left: 21.5%;
  width: 57%;
  mix-blend-mode: hard-light;
}
.p-hp .o-tile.magebit {
  margin-top: 3.75rem;
}
.p-hp .o-tile.magebit .m-tile-header {
  padding-top: 69%;
  background-image: url(../img/hp/magebit-bg.jpg);
}
.p-hp .o-tile.magebit .m-tile-header .img1, .p-hp .o-tile.magebit .m-tile-header .a-bg-circle, .p-hp .o-tile.magebit .m-tile-header .a-bg-rectangle {
  will-change: transform;
}
.p-hp .o-tile.magebit .m-tile-header .img1 {
  width: 53.8%;
  bottom: -8%;
  left: 22%;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transition: 1.25s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-hp .o-tile.magebit .m-tile-header .a-bg-circle {
  height: 0;
  width: 39%;
  padding-top: 39%;
  top: 14.5%;
  left: 15%;
  background-color: #6d98e6;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transition: 0.7s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-hp .o-tile.magebit .m-tile-header .a-bg-rectangle {
  width: 18%;
  padding-top: 12%;
  top: 38.75%;
  right: 17%;
  background-color: #51bde2;
  transform: translate3d(0, 0, 0) rotate(-30deg);
  transition: 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-hp .o-tile.magebit .m-tile-body {
  z-index: 2;
}
.p-hp .o-tile.finlandia .m-tile-header {
  background: linear-gradient(to right, #093574 1%, #0536b9 100%);
}
.p-hp .o-tile.finlandia .m-tile-header img {
  position: absolute;
}
.p-hp .o-tile.finlandia .m-tile-header .logo {
  width: 11.5%;
  max-width: 80px;
  top: 6.75%;
  left: 5%;
}
.p-hp .o-tile.finlandia .m-tile-header .circle-1 {
  width: 29%;
  top: 17%;
  left: 54%;
}
.p-hp .o-tile.finlandia .m-tile-header .circle-2 {
  width: 27%;
  top: 64%;
  left: 5%;
}
.p-hp .o-tile.finlandia .m-tile-header .circle-3 {
  width: 20%;
  top: 85.5%;
  left: 73.75%;
}
.p-hp .o-tile.finlandia .m-tile-header .bottles-1 {
  width: 47%;
  top: 12.5%;
  left: 13.5%;
}
.p-hp .o-tile.finlandia .m-tile-header .bottles-2 {
  width: 83%;
  top: -8%;
  left: 11%;
}
.p-hp .o-tile.finlandia .m-tile-header .bottles-3 {
  width: 47%;
  top: 46.5%;
  left: 52.5%;
}
.p-hp .o-tile.finlandia .m-tile-header .bottles-1, .p-hp .o-tile.finlandia .m-tile-header .bottles-2, .p-hp .o-tile.finlandia .m-tile-header .bottles-3 {
  transform: translate3d(0, 0, 0);
  transition: 2s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-hp .o-tile.finlandia .m-tile-header .circle-1, .p-hp .o-tile.finlandia .m-tile-header .circle-2, .p-hp .o-tile.finlandia .m-tile-header .circle-3 {
  transform: translate3d(0, 0, 0);
  transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-hp .o-tile.finlandia .m-tile-body {
  z-index: 2;
}
.p-hp .o-tile.crown .m-tile-header {
  background-image: url(../img/hp/crown-bg.jpg);
}
.p-hp .o-tile.justio .m-tile-header {
  background-image: url(../img/hp/justio-bg.jpg);
}
@media (min-width: 568px) {
  .p-hp .o-tile.ammotio .m-tile-header {
    padding-top: 74%;
  }
  .p-hp .o-tile.ammotio .m-tile-header .img {
    width: 115%;
  }
  .p-hp .o-tile.ammotio .circle1 {
    height: 0;
    width: 80%;
    padding-top: 80%;
    right: -45%;
  }
  .p-hp .o-tile.ammotio .circle2 {
    height: 0;
    width: 60%;
    padding-top: 60%;
  }
  .p-hp .o-tile.ammotio .circle2 .shadow {
    left: 20.25%;
  }
  .p-hp .o-tile.cisnik .m-tile-header {
    padding-top: 97%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1 {
    left: 4%;
    width: 54%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2 {
    right: 4%;
    bottom: -10%;
    width: 52%;
  }
  .p-hp .o-tile.cisnik .circle1 {
    height: 0;
    width: 80%;
    padding-top: 80%;
    right: -30%;
  }
  .p-hp .o-tile.cisnik .circle1 .shadow {
    width: 70%;
    height: 70%;
    top: 30%;
    left: -8%;
  }
  .p-hp .o-tile.cisnik .circle2 {
    height: 0;
    width: 60%;
    padding-top: 60%;
  }
  .p-hp .o-tile.cisnik .circle2 .shadow {
    left: 20.25%;
  }
  .p-hp .o-tile.magebit {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .p-hp .o-tile.ammotio {
    margin-top: 5.25rem;
    transform: translateY(0);
  }
  .p-hp .o-tile.ammotio:hover {
    box-shadow: 0 0.75rem 1.25rem -0.25rem rgba(75, 94, 127, 0.25);
  }
  .p-hp .o-tile.ammotio .m-tile-header {
    padding-top: 73.75%;
  }
  .p-hp .o-tile.ammotio .m-tile-header .img {
    width: 114.5%;
  }
  .p-hp .o-tile.ammotio .m-tile-body {
    padding-top: 2rem;
  }
  .p-hp .o-tile.ammotio .circle1 {
    height: 0;
    width: 90%;
    padding-top: 90%;
    right: -54%;
    top: -32%;
  }
  .p-hp .o-tile.ammotio .circle2 {
    height: 0;
    width: 65%;
    padding-top: 65%;
    bottom: 2.5%;
    left: -9%;
  }
  .p-hp .o-tile.ammotio .circle2 .shadow {
    left: 13.75%;
  }
  .p-hp .o-tile.cisnik {
    margin-top: 5.25rem;
    transform: translateY(0);
  }
  .p-hp .o-tile.cisnik:hover {
    box-shadow: 0 0.75rem 1.25rem -0.25rem rgba(75, 94, 127, 0.25);
  }
  .p-hp .o-tile.cisnik .m-tile-header {
    padding-top: 90.75%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1 {
    left: 4.5%;
    width: 52.5%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1.u-landing {
    transition: 2s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -6rem, 0);
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1.u-landing.landed {
    transform: translate3d(0, 0, 0);
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1-container {
    transform: translate3d(0, -0.5rem, 0);
    animation: 12s levitate-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2 {
    right: 4.5%;
    bottom: -11%;
    width: 49.5%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2.u-landing {
    transition: 1.75s transform cubic-bezier(0.215, 0.61, 0.355, 1), 0.875s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 4rem, 0);
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2.u-landing.landed {
    transform: translate3d(0, 0, 0);
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-hp .o-tile.cisnik .m-tile-body {
    padding-top: 2rem;
  }
  .p-hp .o-tile.cisnik .circle1 {
    height: 0;
    width: 90%;
    padding-top: 90%;
    right: -54%;
    top: -32%;
  }
  .p-hp .o-tile.cisnik .circle1 .shadow {
    left: -30%;
  }
  .p-hp .o-tile.cisnik .circle2 {
    height: 0;
    width: 65%;
    padding-top: 65%;
    bottom: 2.5%;
    left: -9%;
  }
  .p-hp .o-tile.cisnik .circle2 .shadow {
    left: 13.75%;
  }
  .p-hp .o-tile.cisnik:hover .m-tile-header .img1.u-landing.landed {
    transform: translate3d(0, 2rem, 0);
    transition-delay: 0s !important;
  }
  .p-hp .o-tile.cisnik:hover .m-tile-header .img2.u-landing.landed {
    transform: translate3d(0, -2rem, 0);
    transition-delay: 0s !important;
  }
  .p-hp .o-tile.cisnik2 .m-tile-header .img1, .p-hp .o-tile.cisnik2 .m-tile-header .img2 {
    transition: 1.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: transform;
    transform: translate3d(0, 0, 0);
  }
  .p-hp .o-tile.cisnik2:hover .m-tile-header .img1 {
    transform: translate3d(0, 8%, 0);
  }
  .p-hp .o-tile.cisnik2:hover .m-tile-header .img2 {
    transform: translate3d(0, -8%, 0);
  }
  .p-hp .o-tile.edua {
    margin-top: 6rem;
  }
  .p-hp .o-tile.edua .m-tile-header .img1 {
    left: 20%;
    width: 60%;
  }
  .p-hp .o-tile.magebit .m-tile-header {
    padding-top: 71%;
  }
  .p-hp .o-tile.magebit .m-tile-header .img1 {
    width: 56%;
    bottom: -7%;
    left: 19%;
  }
  .p-hp .o-tile.magebit .m-tile-header .a-bg-circle {
    height: 0;
    width: 42%;
    padding-top: 42%;
    top: 11.5%;
    left: 11%;
  }
  .p-hp .o-tile.magebit .m-tile-header .a-bg-rectangle {
    width: 19%;
    padding-top: 12%;
    top: 37.75%;
    right: 17.25%;
  }
  .p-hp .o-tile.magebit:hover .m-tile-header .img1 {
    transform: translate3d(0, 5%, 0) rotate(5deg);
  }
  .p-hp .o-tile.magebit:hover .m-tile-header .a-bg-circle {
    transform: translate3d(-6%, 2%, 0);
  }
  .p-hp .o-tile.magebit:hover .m-tile-header .a-bg-rectangle {
    transform: translate3d(15%, -21%, 0) rotate(-37deg);
  }
  .p-hp .o-tile.finlandia:hover .bottles-1 {
    transform: translate3d(1rem, -2rem, 0);
  }
  .p-hp .o-tile.finlandia:hover .bottles-2 {
    transform: translate3d(-1rem, 2rem, 0);
  }
  .p-hp .o-tile.finlandia:hover .bottles-3 {
    transform: translate3d(0.5rem, -1rem, 0);
  }
  .p-hp .o-tile.finlandia:hover .circle-1 {
    transform: translate3d(0.33rem, -0.67rem, 0);
  }
  .p-hp .o-tile.finlandia:hover .circle-2 {
    transform: translate3d(-0.33rem, 0.67rem, 0);
  }
  .p-hp .o-tile.finlandia:hover .circle-3 {
    transform: translate3d(-0.17rem, 0.33rem, 0);
  }
  .p-hp .o-tile.justio .m-tile-header {
    background-size: 100% auto;
  }
}
@media (min-width: 1024px) {
  .p-hp .o-tile.ammotio {
    margin-top: 0.75rem;
  }
  .p-hp .o-tile.ammotio .m-tile-header {
    padding-top: 77%;
  }
  .p-hp .o-tile.ammotio .m-tile-header .img {
    width: 144.5%;
  }
  .p-hp .o-tile.ammotio .circle1 {
    height: 0;
    width: 115%;
    padding-top: 115%;
    right: -71%;
    top: -56.5%;
  }
  .p-hp .o-tile.ammotio .circle2 {
    height: 0;
    width: 100%;
    padding-top: 100%;
    bottom: -5%;
    left: 0;
  }
  .p-hp .o-tile.ammotio .circle2 .shadow {
    left: 12%;
  }
  .p-hp .o-tile.ammotio .circle2-container {
    position: absolute;
    bottom: 0;
    left: -10%;
    width: 83%;
    height: 100%;
    overflow: hidden;
  }
  .p-hp .o-tile.cisnik {
    margin-top: 0.75rem;
  }
  .p-hp .o-tile.cisnik .m-tile-header {
    padding-top: 77%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img1 {
    left: -1.5%;
    width: 50.75%;
    top: 0.5%;
  }
  .p-hp .o-tile.cisnik .m-tile-header .img2 {
    right: -5%;
    bottom: -13%;
    width: 47.5%;
  }
  .p-hp .o-tile.cisnik .circle1 {
    height: 0;
    width: 115%;
    padding-top: 115%;
    right: -71%;
    top: -56.5%;
  }
  .p-hp .o-tile.cisnik .circle1 .shadow {
    left: -31.5%;
    height: 60%;
    top: 40%;
  }
  .p-hp .o-tile.cisnik .circle2 {
    height: 0;
    width: 100%;
    padding-top: 100%;
    bottom: -7%;
    left: 0;
  }
  .p-hp .o-tile.cisnik .circle2 .shadow {
    left: 12%;
  }
  .p-hp .o-tile.cisnik .circle2-container {
    position: absolute;
    bottom: 0;
    left: -10%;
    width: 83%;
    height: 100%;
    overflow: hidden;
  }
  .p-hp .o-tile.edua {
    margin-top: 0;
  }
  .p-hp .o-tile.edua .m-tile-header .img1 {
    left: 25.5%;
    width: 50%;
    bottom: 11.5%;
  }
  .p-hp .o-tile.magebit .m-tile-header {
    padding-top: 80%;
  }
  .p-hp .o-tile.magebit .m-tile-header .img1 {
    width: 52.75%;
    bottom: 3.5%;
    left: 22.75%;
  }
  .p-hp .o-tile.magebit .m-tile-header .a-bg-circle {
    height: 0;
    width: 39.25%;
    padding-top: 39.25%;
    top: 16.5%;
    left: 15.5%;
  }
  .p-hp .o-tile.magebit .m-tile-header .a-bg-rectangle {
    width: 18%;
  }
}
@media (min-width: 1680px) {
  .p-hp .o-tile.ammotio .m-tile-header {
    padding-top: 85.5%;
  }
  .p-hp .o-tile.cisnik .m-tile-header {
    padding-top: 85.5%;
  }
  .p-hp .o-tile.edua .m-tile-header .img1 {
    left: 24.5%;
    width: 53%;
    bottom: 13.5%;
  }
}

.p-crown h1 u:after,
.p-crown .a-circle,
.p-crown .a-bg-circle,
.p-crown .slick-dots li.slick-active button,
.p-crown .a-open-ref,
.p-crown .mCSB_scrollTools .mCSB_dragger:after {
  background-color: #04d9de;
}
.p-crown .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-crown .a-open-ref span {
  border-color: #27acc8;
}
.p-crown .a-bg-circle .shadow {
  color: rgba(34, 38, 47, 0.1);
}
.p-crown .a-statistic .circular-loader {
  stroke: #04d9de;
}
.p-crown .s-top .a-bg-circle {
  height: 0;
  width: 62%;
  padding-top: 62%;
  left: -11.75%;
  bottom: -25%;
}
.p-crown .s-top .a-bg-circle .shadow {
  left: 0;
  top: 41%;
}
.p-crown .s-top .mockup1, .p-crown .s-top .mockup2 {
  width: 90%;
}
.p-crown .s-top .mockup1-container, .p-crown .s-top .mockup2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.p-crown .s-top .mockup1 {
  right: 2.5%;
  bottom: -26%;
}
.p-crown .s-top .mockup2 {
  bottom: -40%;
  right: 1%;
}
.p-crown .s-bg-only {
  background-image: url(../img/crown/map-sm.jpg);
  z-index: -1;
  position: relative;
}
.p-crown .s-slider.slider2 .o-horizontal-slider .a-mockup.img-only {
  width: 255px;
}
.p-crown .s-slider.slider2 .o-horizontal-slider .a-mockup.img-only img {
  width: 100%;
}
.p-crown .s-brand .brand-logo {
  position: relative;
  margin-top: 4rem;
  height: 50vw;
}
.p-crown .s-brand .brand-logo .logo-guidelines {
  position: absolute;
  top: 0;
  left: -10%;
  height: 100%;
  width: 120%;
  border-top: 1px dashed #d9dde1;
  border-bottom: 1px dashed #d9dde1;
}
.p-crown .s-brand .brand-logo .logo-guidelines:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 33.33%;
  width: 100%;
  border-top: 1px dashed #d9dde1;
  border-bottom: 1px dashed #d9dde1;
}
.p-crown .s-brand .brand-logo .logo-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 50vw;
  padding-top: 50vw;
  border-left: 1px dashed #d9dde1;
  border-right: 1px dashed #d9dde1;
}
.p-crown .s-brand .brand-logo .logo-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 59%;
  border-left: 1px dashed #d9dde1;
  border-right: 1px dashed #d9dde1;
}
@keyframes crown-logo {
  0%, 80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.p-crown .s-brand .brand-logo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
}
.p-crown .s-brand .brand-logo .circle {
  height: 100%;
  animation: crown-logo 5s ease-out infinite;
  transform: rotate3d(0, 0, 1, 0deg);
  will-change: transform;
}
.p-crown .s-brand .brand-logo .logo {
  height: 33.33%;
}
.p-crown .s-task .image img {
  display: block;
  width: 113%;
  margin-left: -6.5%;
}
.p-crown .s-mockups .mockup2 {
  z-index: 1;
}
.p-crown .s-media {
  background: 0;
}
.p-crown .s-statistics {
  background: #f1f4f7;
}
@media (min-width: 350px) {
  .p-crown .s-top .mockup1, .p-crown .s-top .mockup2 {
    width: 18rem;
  }
  .p-crown .s-top .mockup1 {
    bottom: -10rem;
    right: 0.6rem;
  }
  .p-crown .s-top .mockup2 {
    bottom: -14.05rem;
    right: 0.2rem;
  }
  .p-crown .s-top .a-bg-circle {
    height: 0;
    width: 12.65rem;
    padding-top: 12.65rem;
    right: 10rem;
    left: auto;
    bottom: -9.75rem;
  }
  .p-crown .s-top .a-bg-circle .shadow {
    top: 23.5%;
  }
}
@media (min-width: 768px) {
  .p-crown .s-top .a-bg-circle {
    height: 0;
    width: 20.5rem;
    padding-top: 20.5rem;
    right: 17.4rem;
    bottom: -12rem;
  }
  .p-crown .s-top .a-bg-circle .shadow {
    top: 41.5%;
  }
  .p-crown .s-top .mockup1, .p-crown .s-top .mockup2 {
    width: 27rem;
  }
  .p-crown .s-top .mockup1 {
    bottom: -13.5rem;
    right: 1.25rem;
  }
  .p-crown .s-top .mockup1-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-crown .s-top .mockup2 {
    bottom: -18.9rem;
    right: 0.75rem;
  }
  .p-crown .s-top .mockup2-container {
    transform: translate3d(0, -0.5rem, 0);
    animation: 12s levitate-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2.5s;
  }
  .p-crown .s-bg-only {
    background-image: url(../img/crown/map-md.jpg);
  }
  .p-crown .s-task .image img {
    width: 95%;
    margin-left: -6%;
  }
  .p-crown .s-brand .brand-logo {
    height: 16rem;
  }
  .p-crown .s-brand .brand-logo .logo-container {
    height: 0;
    width: 16rem;
    padding-top: 16rem;
  }
  .p-crown .s-mockups .a-bg-circle {
    height: 0;
    width: 14.5rem;
    padding-top: 14.5rem;
    top: -1.25rem;
    left: -6rem;
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .p-crown .s-top .a-bg-circle {
    height: 0;
    width: 16rem;
    padding-top: 16rem;
    right: 19rem;
    bottom: -8rem;
  }
  .p-crown .s-top .a-bg-circle .shadow {
    top: 50%;
  }
  .p-crown .s-top .mockup1, .p-crown .s-top .mockup2 {
    width: 26rem;
  }
  .p-crown .s-top .mockup1 {
    bottom: -7rem;
  }
  .p-crown .s-top .mockup2 {
    bottom: -12rem;
  }
  .p-crown .s-bg-only {
    background-image: url(../img/crown/map.jpg);
    height: 28rem;
  }
  .p-crown .s-task .content {
    order: 1;
  }
  .p-crown .s-task .a-bg-circle {
    height: 0;
    width: 9rem;
    padding-top: 9rem;
    right: calc(-3.5rem - 2.5%);
    bottom: -4.25rem;
  }
  .p-crown .s-task .a-bg-circle .shadow {
    top: -4.25rem;
    left: -3.5rem;
  }
  .p-crown .s-task .image img {
    margin-top: 3.5rem;
    float: right;
    width: 134%;
  }
  .p-crown .s-brand .brand-logo {
    height: 18rem;
  }
  .p-crown .s-brand .brand-logo .logo-container {
    height: 0;
    width: 18rem;
    padding-top: 18rem;
  }
  .p-crown .s-brand .brand-logo .logo-guidelines {
    left: -15%;
    height: 100%;
    width: 180%;
  }
  .p-crown .s-mockups {
    padding-bottom: 4rem;
  }
  .p-crown .s-mockups .a-bg-circle {
    height: 0;
    width: 12.5rem;
    padding-top: 12.5rem;
    top: 23%;
    left: -7.5rem;
  }
  .p-crown .s-mockups .a-bg-rectangle {
    width: 130%;
    height: 69.25%;
    top: -33%;
    right: -7.25%;
    z-index: -2;
    background: #fbfbfb;
    box-shadow: 0 0 2rem 0 rgba(75, 94, 127, 0.3);
  }
  .p-crown .s-slider.slider2 .o-horizontal-slider .a-mockup.img-only {
    width: 200px;
  }
}
@media (min-width: 1680px) {
  .p-crown .s-top .a-bg-circle {
    height: 0;
    width: 20.5rem;
    padding-top: 20.5rem;
    right: 27.875rem;
    bottom: -12rem;
  }
  .p-crown .s-top .a-bg-circle .shadow {
    top: 41.75%;
  }
  .p-crown .s-top .mockup1, .p-crown .s-top .mockup2 {
    width: 34rem;
  }
  .p-crown .s-top .mockup1 {
    bottom: -9rem;
    right: 4rem;
  }
  .p-crown .s-top .mockup2 {
    bottom: -16rem;
    right: 3.25rem;
  }
  .p-crown .s-bg-only {
    height: 40.25rem;
  }
  .p-crown .s-task .a-bg-circle {
    height: 0;
    width: 10.875rem;
    padding-top: 10.875rem;
    right: calc(-3.5rem - 11%);
  }
  .p-crown .s-task .image img {
    margin-top: 5rem;
  }
  .p-crown .s-brand .brand-logo {
    height: 22rem;
  }
  .p-crown .s-brand .brand-logo .logo-container {
    height: 0;
    width: 22rem;
    padding-top: 22rem;
  }
  .p-crown .s-brand .brand-logo .logo-guidelines {
    left: -23.75%;
  }
  .p-crown .s-mockups {
    padding-bottom: 5.875rem;
  }
  .p-crown .s-mockups .a-bg-circle {
    height: 0;
    width: 14.5rem;
    padding-top: 14.5rem;
    left: -8.75rem;
  }
  .p-crown .s-slider.slider2 .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
}

.p-magebit h1 u:after,
.p-magebit .a-bg-circle,
.p-magebit .slick-dots li.slick-active button,
.p-magebit .mCSB_scrollTools .mCSB_dragger:after {
  background-color: #6d98e6;
}
.p-magebit .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before {
  border-color: #6d98e6;
}
.p-magebit .a-circle {
  background-color: #44d2c3;
}
.p-magebit .a-open-ref {
  background-color: #51bde2;
}
.p-magebit .a-open-ref span {
  border-color: #51bde2;
}
.p-magebit .s-top .col {
  padding-bottom: 70%;
}
.p-magebit .s-top .a-bg-circle {
  background: #5e82d3;
  height: 0;
  width: 61%;
  padding-top: 61%;
  left: -13.75%;
  bottom: -23%;
  z-index: 1;
}
.p-magebit .s-top .a-bg-rectangle {
  background: #51bde2;
  width: 39%;
  padding-top: 26%;
  transform: rotate(-30deg);
  bottom: -16%;
  right: -8.5%;
  z-index: 1;
}
.p-magebit .s-top .mockup {
  bottom: -50%;
  right: 7%;
  width: 92%;
  z-index: 2;
}
.p-magebit .s-top .mockup-container, .p-magebit .s-top .circle-container, .p-magebit .s-top .rectangle-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.p-magebit .s-bg-only {
  height: 19.5rem;
  position: relative;
  background: #fbfbfb;
  overflow: hidden;
}
.p-magebit .s-bg-only .a-bg-rectangle {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #6d98e6;
}
.p-magebit .s-bg-only .a-bg-circle {
  height: 0;
  width: 53%;
  padding-top: 53%;
  bottom: -21%;
  right: -11%;
  background: #44d2c3;
}
.p-magebit .s-slider {
  padding-bottom: 4.45rem;
}
.p-magebit .s-slider .o-horizontal-slider .a-mockup.img-only {
  width: 255px;
}
.p-magebit .s-slider .o-horizontal-slider .a-mockup.img-only img {
  width: 100%;
}
.p-magebit .s-task .image img {
  display: block;
  width: 112%;
  margin-left: -5.9%;
  margin-top: 3.6rem;
}
.p-magebit .s-mockups .a-bg-rectangle, .p-magebit .s-mockups .a-bg-circle {
  z-index: -1;
}
.p-magebit .s-mockups .mockup1 .rectangle1 {
  background: #4a5c7d;
  width: 100%;
  height: 70%;
  top: -2.5rem;
  right: 3.5%;
}
.p-magebit .s-mockups .mockup1 .rectangle2 {
  background: #51bde2;
  width: 35%;
  padding-top: 24%;
  transform: rotate(-30deg);
  bottom: 25%;
  left: -19%;
}
.p-magebit .s-mockups .mockup-container4 .a-bg-circle {
  display: none;
}
@media (min-width: 350px) {
  .p-magebit .s-top .col {
    padding-bottom: 15rem;
  }
  .p-magebit .s-top .mockup {
    bottom: -16rem;
    right: 1.3rem;
    width: 18.7rem;
  }
  .p-magebit .s-top .a-bg-circle {
    height: 0;
    width: 12.4rem;
    padding-top: 12.4rem;
    right: 10.65rem;
    left: auto;
    bottom: -7.4rem;
  }
  .p-magebit .s-top .a-bg-rectangle {
    width: 7.9rem;
    padding-top: 5.2rem;
    bottom: -5.1rem;
    right: -1.7rem;
  }
  .p-magebit .s-bg-only .a-bg-circle {
    width: 12.1rem;
    padding-top: 12.1rem;
    right: -2.55rem;
    bottom: -4.1rem;
  }
}
@media (min-width: 768px) {
  .p-magebit .s-top .a-bg-circle {
    height: 0;
    width: 16.5rem;
    padding-top: 16.5rem;
    right: 20rem;
    bottom: -9.8rem;
  }
  .p-magebit .s-top .a-bg-rectangle {
    width: 10.5rem;
    padding-top: 7rem;
    bottom: -6.7rem;
    right: 3.5rem;
  }
  .p-magebit .s-top .mockup {
    bottom: -21.1rem;
    width: 24.8rem;
    right: 7.7rem;
  }
  .p-magebit .s-top .mockup-container {
    transform: translate3d(0, -0.5rem, 0);
    animation: 12s levitate-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-magebit .s-top .circle-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-magebit .s-top .rectangle-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 1s;
  }
  .p-magebit .s-bg-only {
    overflow: visible;
    height: 27.2rem;
  }
  .p-magebit .s-bg-only .a-bg-rectangle {
    left: 7.5%;
  }
  .p-magebit .s-bg-only .a-bg-circle {
    height: 0;
    width: 18.7rem;
    padding-top: 18.7rem;
    right: -0.1rem;
    bottom: -5.5rem;
  }
  .p-magebit .s-about {
    transform: translateY(-3.75rem);
  }
  .p-magebit .s-about:before {
    left: -7.5%;
  }
  .p-magebit .s-task .content {
    padding-left: 11%;
    padding-right: 13%;
  }
  .p-magebit .s-task .content:before {
    right: -12%;
  }
  .p-magebit .s-task .image img {
    width: 100%;
    margin-left: 6.2%;
    margin-top: -4.5rem;
  }
  .p-magebit .s-mockups {
    padding-bottom: 2rem;
  }
  .p-magebit .s-mockups .mockup1 .rectangle1 {
    right: 4%;
    top: -5rem;
  }
  .p-magebit .s-mockups .mockup-container4 .a-bg-circle {
    display: block;
    height: 0;
    width: 20%;
    padding-top: 20%;
    top: 44%;
    right: -2.75%;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .p-magebit .s-top .a-bg-circle {
    height: 0;
    width: 17.5rem;
    padding-top: 17.5rem;
    right: 20rem;
    bottom: -6.25rem;
  }
  .p-magebit .s-top .a-bg-rectangle {
    bottom: -3.25rem;
    width: 11.5rem;
    padding-top: 7.5rem;
    right: 3rem;
  }
  .p-magebit .s-top .mockup {
    bottom: -18rem;
    width: 26rem;
  }
  .p-magebit .s-top .col {
    padding-bottom: 6rem;
  }
  .p-magebit .s-bg-only {
    height: 22.25rem;
  }
  .p-magebit .s-bg-only .a-bg-circle {
    height: 0;
    width: 15.7rem;
    padding-top: 15.7rem;
    right: -0.1rem;
    bottom: -7.5rem;
  }
  .p-magebit .s-bg-only .a-bg-rectangle {
    left: 12.5%;
  }
  .p-magebit .s-task .content {
    padding: 4rem 1.125% 4rem 4%;
  }
  .p-magebit .s-task .content:before {
    left: -2.5%;
  }
  .p-magebit .s-task .image img {
    margin-top: -4rem;
    margin-left: 3%;
    float: left;
    width: 200%;
  }
  .p-magebit .s-mockups {
    padding-bottom: 4rem;
  }
  .p-magebit .s-mockups .mockup1 .rectangle1 {
    right: -7.1%;
    width: 150%;
    height: 65.5%;
  }
  .p-magebit .s-mockups .mockup-container4 .a-bg-circle {
    height: 0;
    width: 20.5%;
    padding-top: 20.5%;
    top: 48.5%;
    right: -8.75rem;
  }
  .p-magebit .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 200px;
  }
}
@media (min-width: 1680px) {
  .p-magebit .s-top .col {
    padding-bottom: 9.9rem;
  }
  .p-magebit .s-top .a-bg-circle {
    height: 0;
    width: 24.75rem;
    padding-top: 24.75rem;
    right: 27.25rem;
    bottom: -14.75rem;
  }
  .p-magebit .s-top .a-bg-rectangle {
    width: 15.7rem;
    padding-top: 10.5rem;
    bottom: -10.1rem;
    right: 2.2rem;
  }
  .p-magebit .s-top .mockup {
    bottom: -32rem;
    right: 8.55rem;
    width: 37.4rem;
  }
  .p-magebit .s-bg-only {
    height: 40.25rem;
  }
  .p-magebit .s-bg-only .a-bg-rectangle {
    left: 13.6%;
  }
  .p-magebit .s-about {
    transform: translateY(-7.75rem);
  }
  .p-magebit .s-task .content {
    padding-top: 7.375rem;
    padding-bottom: 7.5rem;
  }
  .p-magebit .s-task .content:before {
    left: -11%;
  }
  .p-magebit .s-task .image img {
    margin-top: -5.75rem;
    width: 212%;
  }
  .p-magebit .s-mockups {
    padding-bottom: 5.875rem;
  }
  .p-magebit .s-mockups .mockup1 .rectangle1 {
    top: -8rem;
  }
  .p-magebit .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
}

.p-justio section {
  overflow: hidden;
}
.p-justio section.content3, .p-justio section.content1 {
  overflow: visible;
}
.p-justio h1 u:after,
.p-justio .a-circle,
.p-justio .a-bg-circle,
.p-justio .slick-dots li.slick-active button,
.p-justio .a-open-ref,
.p-justio p u:after,
.p-justio .mCSB_scrollTools .mCSB_dragger:after,
.p-justio .m-timeline:before,
.p-justio .m-timeline .marker,
.p-justio .m-timeline .marker:after,
.p-justio .m-timeline .mark.seen:before {
  background-color: #ecc609;
}
.p-justio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-justio .m-timeline .marker:before,
.p-justio .a-open-ref span {
  border-color: #ecc609;
}
.p-justio .u-sticky {
  top: 2.5rem;
}
.p-justio h3 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}
.p-justio .s-top .col {
  padding-bottom: 0;
}
.p-justio .s-bg-only {
  height: auto;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.p-justio .s-bg-only .bg {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
}
.p-justio .s-bg-only .a-bg-rectangle, .p-justio .s-bg-only .a-bg-circle {
  display: none;
}
.p-justio .slider2 {
  padding-top: 4.5rem;
}
.p-justio .slider3 {
  padding-bottom: 2.5rem;
  padding-top: 3rem;
}
.p-justio .s-slider {
  overflow: hidden;
}
.p-justio .s-slider .o-horizontal-slider .a-mockup.img-only {
  width: 255px;
}
.p-justio .s-slider .o-horizontal-slider .a-mockup.img-only img {
  width: 100%;
}
.p-justio .content1 {
  padding-top: 0;
  padding-bottom: 4.5rem;
}
.p-justio .content2 {
  padding-top: 1.75rem;
  padding-bottom: 0;
}
.p-justio .content3 {
  padding-top: 5.25rem;
  padding-bottom: 4rem;
}
.p-justio .content3 .image {
  padding: 3.5rem 0;
}
.p-justio .content3 .image .a-mockup {
  margin-left: -3%;
  width: 106%;
  box-shadow: none;
}
.p-justio .s-brand {
  text-align: left;
}
.p-justio .s-brand:before {
  background: #fff;
}
.p-justio .s-brand h2, .p-justio .s-brand p {
  padding: 0 6%;
}
.p-justio .s-brand p {
  margin-top: 3.75rem;
}
@keyframes justio-logo-1 {
  0%, 7.5%, 32.5%, 100% {
    opacity: 0;
  }
  15%, 25% {
    opacity: 0.4;
  }
}
@keyframes justio-logo-2 {
  0%, 17.5%, 42.5%, 100% {
    opacity: 0;
  }
  25%, 35% {
    opacity: 1;
  }
}
@keyframes justio-logo-3 {
  0%, 35%, 97.5%, 100% {
    opacity: 0;
  }
  45%, 90% {
    opacity: 1;
  }
}
.p-justio .s-brand .brand-logo {
  position: relative;
  margin-top: 4.5rem;
  height: 9rem;
  height: 39vw;
}
.p-justio .s-brand .brand-logo img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: opacity;
}
.p-justio .s-brand .brand-logo .step1 {
  animation: justio-logo-1 8s ease infinite;
}
.p-justio .s-brand .brand-logo .step2 {
  animation: justio-logo-2 8s ease infinite;
}
.p-justio .s-brand .brand-logo .step3 {
  animation: justio-logo-3 8s ease infinite;
}
.p-justio .s-task .content:before {
  box-shadow: none;
  height: 139%;
}
.p-justio .s-task .image img {
  display: block;
  width: 113%;
  float: right;
  margin-right: -6.5%;
  margin-top: -1.5rem;
}
.p-justio .s-task .image .a-bg-circle {
  height: 0;
  width: 12.5rem;
  padding-top: 12.5rem;
  left: -0.625rem;
  bottom: 0.25rem;
  z-index: -1;
}
.p-justio .s-mockups {
  padding-top: 0.75rem;
  overflow: hidden;
}
.p-justio .s-mockups h3 {
  text-align: center;
  padding: 0 8%;
  line-height: 1.7;
}
.p-justio .s-mockups .a-mockup {
  height: auto;
  margin-top: 3rem;
}
.p-justio .s-mockups .a-bg-rectangle {
  padding-top: 16rem;
  width: 100%;
  left: 0;
  top: -4.75rem;
  background: #f1f4f7;
  z-index: -1;
}
.p-justio .s-footer {
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-justio h3 {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .p-justio .s-bg-only {
    overflow: visible;
    height: 101.5vw;
  }
  .p-justio .s-bg-only .bg {
    padding-top: 9.5rem;
    margin-left: 7.5%;
    width: 92.5%;
    margin-bottom: -6rem;
  }
  .p-justio .s-bg-only .screens {
    position: absolute;
  }
  .p-justio .s-bg-only .screens.line1 {
    top: -1%;
    left: -15.5%;
    width: 118%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-justio .s-bg-only .screens.line2 {
    top: 16.2%;
    width: 170%;
    left: -25%;
    transform: translate3d(-2rem, 1rem, 0);
    animation: 20s levitate-4 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-justio .s-bg-only .screens.line3 {
    width: 67%;
    top: 70.5%;
    left: 55.5%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-justio .s-about {
    transform: translateY(-5.8rem);
    padding-bottom: 7.875rem;
  }
  .p-justio .s-about:before {
    left: -7.5%;
  }
  .p-justio .content1 {
    padding-top: 3rem;
    padding-bottom: 16rem;
  }
  .p-justio .content1 .m-timeline {
    height: 15.75rem;
    position: absolute;
    margin-top: 3.25rem;
  }
  .p-justio .content2 {
    padding-top: 5rem;
  }
  .p-justio .content3 .image {
    padding: 8.15rem 0 5.65rem;
  }
  .p-justio .content3 .image .a-mockup {
    margin-left: -11.5%;
    width: 123%;
  }
  .p-justio .s-task .image img {
    width: 109.5%;
    margin-top: -3.75rem;
  }
  .p-justio .s-task .image .a-bg-circle {
    height: 0;
    width: 17rem;
    padding-top: 17rem;
    left: -0.875rem;
    bottom: 3.8rem;
  }
  .p-justio .s-task .content {
    padding-top: 7.5rem;
  }
  .p-justio .s-brand {
    padding-right: 7.5%;
    padding-top: 7.5rem;
  }
  .p-justio .s-brand:before {
    left: -7.5%;
    right: auto;
    height: calc(100% - 2.125rem);
  }
  .p-justio .s-brand h2, .p-justio .s-brand p {
    padding: 0;
  }
  .p-justio .s-brand p {
    margin-top: 2.5rem;
  }
  .p-justio .s-brand .container-fluid {
    width: 89%;
  }
  .p-justio .s-brand .brand-logo {
    width: 94%;
    margin-top: 4.25rem;
    height: 14rem;
    height: 27vw;
  }
  .p-justio .s-brand .m-colors {
    margin-top: 1.75rem;
    padding: 0;
  }
  .p-justio .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-justio .s-brand .a-color {
    width: 12rem;
  }
  .p-justio .s-brand .a-color .color {
    height: 11.75rem;
  }
  .p-justio .s-brand .a-color .color > div {
    height: 1.25rem;
  }
  .p-justio .s-brand .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-justio .s-brand .bg-circle {
    position: absolute;
    width: 317px;
    height: 317px;
    top: -203px;
    right: calc(7.5% - 101px);
  }
  .p-justio .s-slider.slider2 {
    padding-bottom: 4rem;
  }
  .p-justio .slider3 {
    padding-bottom: 0;
  }
  .p-justio .s-mockups {
    padding-top: 5.25rem;
    padding-bottom: 4rem;
  }
  .p-justio .s-mockups .a-bg-rectangle {
    left: 7.5%;
    top: -7rem;
    padding-top: 25.5rem;
    box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(75, 94, 127, 0.3);
  }
  .p-justio .s-mockups .a-mockup {
    margin-top: 4.75rem;
  }
}
@media (min-width: 1024px) {
  .p-justio main {
    overflow: unset;
  }
  .p-justio h3 {
    font-size: 1.625rem;
  }
  .p-justio .s-top .col {
    padding-bottom: 0;
  }
  .p-justio .s-bg-only {
    height: 42.5vw;
  }
  .p-justio .s-bg-only .bg {
    width: 91.625%;
    margin-left: 8.375%;
    padding-top: 0;
    top: -0.75rem;
  }
  .p-justio .s-bg-only .screens.line1 {
    top: -33%;
    left: 12.2%;
    width: 63.5%;
  }
  .p-justio .s-bg-only .screens.line2 {
    top: -11%;
    width: 91.1%;
    left: 7.3%;
  }
  .p-justio .s-bg-only .screens.line3 {
    width: 37.1%;
    top: 58%;
    left: 49.6%;
  }
  .p-justio .s-about {
    transform: translateY(-4.5rem);
    padding-bottom: 4.5rem;
  }
  .p-justio .s-about:before {
    left: -8.25%;
  }
  .p-justio .s-brand {
    padding-left: 12.5%;
    padding-bottom: 8rem;
    margin-bottom: 0;
  }
  .p-justio .s-brand p {
    margin-top: 2rem;
  }
  .p-justio .s-brand .container-fluid {
    width: 100%;
  }
  .p-justio .s-brand .brand-logo {
    height: 13vw;
    width: 83%;
  }
  .p-justio .s-brand .m-colors {
    justify-content: flex-start;
    margin: 36.5% 0 0 9%;
  }
  .p-justio .s-brand .m-colors .a-color {
    margin: 0 0.5rem;
  }
  .p-justio .s-brand .m-colors .a-color .color {
    height: 7.5rem;
  }
  .p-justio .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.125rem 0;
  }
  .p-justio .content1 {
    padding-top: 2rem;
    padding-bottom: 11rem;
  }
  .p-justio .content2 {
    padding-top: 3rem;
  }
  .p-justio .content3 {
    padding: 5rem 0 7rem;
  }
  .p-justio .content3 .content {
    order: 1;
    margin-top: 9rem;
    padding-bottom: 1.125rem;
  }
  .p-justio .content3 .image {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .p-justio .content3 .image .a-mockup {
    margin-left: -11%;
    width: 104.5%;
  }
  .p-justio .content3 .m-timeline {
    margin-top: 3rem;
  }
  .p-justio .s-task .content {
    padding: 7rem 8% 9.2rem 0;
  }
  .p-justio .s-task .content:before {
    left: -35%;
    right: auto;
    width: 234.25%;
    height: calc(100% - 2.2rem);
  }
  .p-justio .s-task .image img {
    margin-top: 2rem;
    margin-left: -13.5%;
    float: left;
    width: 147%;
  }
  .p-justio .s-task .image .a-bg-circle {
    height: 0;
    width: 18rem;
    padding-top: 18rem;
    left: -7rem;
    bottom: 0;
  }
  .p-justio .s-mockups {
    padding-top: 3rem;
  }
  .p-justio .s-mockups .a-bg-rectangle {
    top: -5rem;
    left: -5.5%;
    width: 125%;
  }
  .p-justio .s-mockups .a-mockup {
    margin-top: 4rem;
  }
  .p-justio .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 200px;
  }
  .p-justio .s-slider.slider2 {
    padding-top: 3.25rem;
  }
  .p-justio .slider2 .o-horizontal-slider .content .a-mockup {
    max-width: 56vw;
    max-height: 50rem;
    padding: 2.5rem 1rem 1rem;
  }
  .p-justio .slider3 {
    padding-top: 1rem;
  }
}
@media (min-width: 1350px) {
  .p-justio .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-justio .s-brand .m-colors .a-color .color {
    height: 9rem;
  }
  .p-justio .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.5rem 0;
  }
}
@media (min-width: 1680px) {
  .p-justio section {
    overflow: visible;
  }
  .p-justio h3 {
    font-size: 2rem;
  }
  .p-justio .s-about {
    transform: translateY(-7.75rem);
    padding-bottom: 4.5rem;
  }
  .p-justio .s-about p.note {
    margin-top: 1.5rem;
  }
  .p-justio .s-task .content {
    padding: 11rem 9.5% 11rem 0;
  }
  .p-justio .s-task .image img {
    margin-top: 3.5rem;
  }
  .p-justio .s-task .image .a-bg-circle {
    height: 0;
    width: 22.5rem;
    padding-top: 22.5rem;
    left: -8.6rem;
    bottom: -2.8rem;
  }
  .p-justio .content1 {
    padding-top: 5.375rem;
    padding-bottom: 16.25rem;
  }
  .p-justio .content1 .thin {
    padding-right: 40%;
    line-height: 1.6;
  }
  .p-justio .content1 .m-timeline {
    height: 24.625rem;
  }
  .p-justio .content2 {
    padding-top: 10.25rem;
  }
  .p-justio .content3 {
    padding: 7.5rem 0;
  }
  .p-justio .content3 .content {
    margin-top: 14.5rem;
    padding-bottom: 5.625rem;
  }
  .p-justio .content3 .image {
    padding: 4.5rem 0;
  }
  .p-justio .content3 .m-timeline {
    margin-top: 4.375rem;
  }
  .p-justio .s-brand {
    padding: 9.8rem 6.875% 10rem 12.8%;
  }
  .p-justio .s-brand:before {
    height: 100%;
    left: -13.5%;
  }
  .p-justio .s-brand p {
    margin-top: 2.75rem;
  }
  .p-justio .s-brand .brand-img {
    margin-top: 5.5rem;
    width: 92%;
  }
  .p-justio .s-brand .brand-logo {
    margin-top: 7.25rem;
  }
  .p-justio .s-brand .bg-circle {
    width: 422px;
    height: 422px;
    right: calc(13.5% - 140px);
    top: -272px;
  }
  .p-justio .s-brand .m-colors .a-color {
    margin: 0 1rem;
  }
  .p-justio .s-brand .m-colors .a-color .color {
    height: 13rem;
  }
  .p-justio .s-brand .m-colors .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-justio .s-mockups {
    padding-top: 5.5rem;
    padding-bottom: 5.875rem;
  }
  .p-justio .s-mockups .a-bg-rectangle {
    top: -7rem;
    padding-top: 30.5rem;
  }
  .p-justio .s-mockups .a-mockup {
    margin-top: 7rem;
  }
  .p-justio .slider1 {
    padding-top: 3.75rem;
  }
  .p-justio .slider3 {
    padding-top: 3rem;
  }
  .p-justio .s-slider.slider2 {
    padding-top: 8rem;
  }
  .p-justio .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
  .p-justio .s-footer {
    padding: 8.75rem 0 8rem;
  }
}

.p-edua h1 u:after,
.p-edua .a-circle,
.p-edua .a-bg-circle,
.p-edua .a-open-ref,
.p-edua p u:after,
.p-edua .slick-dots li.slick-active button,
.p-edua .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:after {
  background-color: #003de5;
}
.p-edua .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-edua .a-open-ref span {
  border-color: #003de5;
}
.p-edua .mCSB_scrollTools .mCSB_dragger:after {
  background-color: #6d98e6;
}
.p-edua .a-statistic.basic span {
  color: #003de5;
}
.p-edua .o-big-dots-slider .slick-dots li.slick-active button {
  background-color: #00b2df;
}
.p-edua .o-big-dots-slider .slick-dots li.slick-active button:before {
  border-color: #00b2df;
}
.p-edua .s-top .col {
  padding-bottom: 2rem;
}
.p-edua .s-bg-only {
  height: auto;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.p-edua .s-bg-only .bg {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
}
.p-edua .s-bg-only .logo-container, .p-edua .s-bg-only .circle1-container, .p-edua .s-bg-only .circle2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.p-edua .s-statistics {
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-edua .s-statistics .o-mobile-slider {
  padding-bottom: 5rem;
}
.p-edua .s-statistics p {
  font-size: 1.125rem;
  padding: 0 15%;
}
.p-edua .s-task.task1 .content {
  padding-bottom: 3.375rem;
}
.p-edua .s-task.task1 .content:before {
  height: 120%;
}
.p-edua .s-task.task1 .image img {
  width: 113%;
  margin: 0 -6.5% 1rem;
}
.p-edua .s-task.task2 {
  padding-bottom: 2.375rem;
}
.p-edua .s-task.task2 .content {
  padding-top: 4rem;
  padding-bottom: 2.625rem;
}
.p-edua .s-task.task2 .content h3 {
  padding-top: 2.25rem;
  background: url(../img/edua/caledoninan-school.svg) no-repeat top left;
  background-size: 1.75rem auto;
}
.p-edua .s-task.task2 .content:before {
  box-shadow: none;
}
.p-edua .s-task.task2 .image img {
  width: 113%;
  margin: 0 -6.5%;
}
.p-edua .s-chart {
  padding-bottom: 4.25rem;
}
.p-edua .s-chart img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.p-edua .s-chart .values {
  text-align: center;
  margin-top: 1.75rem;
}
.p-edua .s-chart .values .a-statistic {
  margin-bottom: 0;
}
.p-edua .s-chart .values .a-statistic + p {
  margin-top: 1.125rem;
  line-height: 1.3;
}
@media (max-width: 349px) {
  .p-edua .s-chart .values .a-statistic {
    font-size: 3rem;
  }
}
.p-edua .s-chart .values .stat1 .a-statistic span {
  color: #00b2df;
}
.p-edua .s-mockups {
  text-align: center;
  padding-bottom: 3rem;
}
.p-edua .s-mockups p {
  margin-top: 2.5rem;
}
.p-edua .s-content.tutor {
  text-align: center;
  background: #fff;
  padding: 4rem 0 3.625rem;
}
.p-edua .s-content.tutor .content {
  padding-bottom: 3.5rem;
}
.p-edua .s-content.tutor .content h3 {
  padding-top: 3.25rem;
  background: url(../img/edua/tutor-ico.svg) no-repeat top center;
  background-size: 2.5rem auto;
}
.p-edua .s-content.tutor .image .col {
  padding: 0;
}
.p-edua .s-content.tutor .image img {
  width: 112%;
  margin-left: -5.75%;
}
.p-edua .campaigns {
  background: #f1f4f7;
  padding: 4.5rem 0 0;
}
.p-edua .campaigns h3 {
  font-family: "Fira Sans", sans-serif;
  letter-spacing: 0;
  text-align: center;
}
.p-edua .campaigns .big-num {
  text-align: center;
  font-size: 8rem;
  color: #ea690a;
  margin-top: 1.5rem;
}
.p-edua .campaigns .slider {
  padding: 0;
}
.p-edua .campaigns .o-mobile-slider .a-mockup {
  width: 80%;
  margin: 1.25rem auto;
}
.p-edua .campaigns .o-mobile-slider .slick-arrow {
  z-index: 5;
}
.p-edua .campaigns .o-mobile-slider .slick-next {
  right: 10%;
}
.p-edua .campaigns .o-mobile-slider .slick-prev {
  left: 10%;
}
.p-edua .campaigns .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:after,
.p-edua .campaigns .slick-dots li.slick-active button {
  background-color: #b5007c;
}
.p-edua .campaigns .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-edua .campaigns .slick-dots li.slick-active button:before {
  border-color: #b5007c;
}
@media (min-width: 768px) {
  .p-edua .s-top h1 {
    padding-right: 5%;
  }
  .p-edua .s-bg-only {
    overflow: visible;
    height: 92vw;
    z-index: 0;
  }
  .p-edua .s-bg-only .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
  .p-edua .s-bg-only .bg {
    width: 92.5%;
    margin-left: 7.5%;
    top: 15rem;
  }
  .p-edua .s-bg-only .logo {
    position: absolute;
    top: -6.25rem;
    right: 11%;
    width: 27.5rem;
  }
  .p-edua .s-bg-only .logo-container {
    transform: translate3d(0, -0.5rem, 0);
    animation: 12s levitate-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-edua .s-bg-only .circle1 {
    height: 0;
    width: 20rem;
    padding-top: 20rem;
    top: 7rem;
    left: 11%;
    background-color: #2457e0;
  }
  .p-edua .s-bg-only .circle1-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-edua .s-bg-only .circle2 {
    height: 0;
    width: 15.5rem;
    padding-top: 15.5rem;
    right: -5%;
    bottom: -0.75rem;
    background-color: #1695e5;
  }
  .p-edua .s-bg-only .circle2-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 1s;
  }
  .p-edua .s-about {
    transform: translateY(-5.8rem);
    padding-bottom: 7.875rem;
  }
  .p-edua .s-about:before {
    left: -7.125%;
  }
  .p-edua .s-statistics {
    padding: 0 0 4rem;
  }
  .p-edua .s-statistics .a-statistic.basic {
    margin: 2.5rem auto 1.75rem;
  }
  .p-edua .s-task.task1 .content {
    padding-bottom: 1.5rem;
  }
  .p-edua .s-task.task1 .content:before {
    height: 200%;
  }
  .p-edua .s-task.task1 .image img {
    width: 95%;
  }
  .p-edua .s-task.task2 .content {
    padding: 5rem 10% 2.5rem 11%;
  }
  .p-edua .s-task.task2 .content:before {
    height: 143%;
    left: 2%;
    right: auto;
  }
  .p-edua .s-task.task2 .image img {
    width: 103.125%;
    margin: 0 -6.5% 0 0;
    float: right;
  }
  .p-edua .s-chart {
    padding-top: 3.25rem;
  }
  .p-edua .s-chart img {
    width: 24.5rem;
  }
  .p-edua .s-chart .values .stat1, .p-edua .s-chart .values .stat2 {
    padding: 0 3rem;
  }
  .p-edua .s-chart .values .stat1 {
    text-align: right;
  }
  .p-edua .s-chart .values .stat1 .a-statistic span {
    text-align: right;
  }
  .p-edua .s-chart .values .stat2 {
    text-align: left;
  }
  .p-edua .s-chart .values .stat2 .a-statistic span {
    text-align: left;
  }
  .p-edua .s-mockups {
    position: relative;
    background: #fbfbfb;
    padding-bottom: 6rem;
    padding-top: 2.5rem;
  }
  .p-edua .s-mockups:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: -10%;
    width: 120%;
    height: 5rem;
    z-index: -1;
    box-shadow: 0 0 2rem 0 rgba(32, 37, 46, 0.2);
  }
  .p-edua .s-mockups .col .a-mockup {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-edua .s-photos {
    padding: 7.875rem 0;
  }
  .p-edua .s-photos img {
    width: 93%;
    margin: 0 auto;
  }
  .p-edua .s-content.tutor {
    padding-bottom: 6.25rem;
  }
  .p-edua .s-content.tutor p {
    padding: 0 8%;
  }
  .p-edua .s-content.tutor .bg-circle1 {
    position: absolute;
    width: 289px;
    height: 289px;
    right: -18.5%;
    top: calc(-5rem - 125px);
  }
  .p-edua .s-content.tutor .image img {
    width: 103%;
    margin-left: -1.5%;
  }
  .p-edua .campaigns {
    background: 0;
    position: relative;
  }
  .p-edua .campaigns:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 34.5rem;
    background: #f1f4f7;
  }
  .p-edua .campaigns .o-horizontal-slider .content .a-mockup {
    display: inline-block;
    margin: 2rem 1rem;
    max-width: 334px;
    box-sizing: content-box;
  }
  .p-edua .campaigns .slider {
    padding-top: 1rem;
  }
  .p-edua .campaigns .banners .m-banners {
    margin-left: -5%;
    margin-right: -5%;
  }
}
@media (min-width: 1024px) {
  .p-edua .s-top {
    padding-bottom: 0;
  }
  .p-edua .s-top h1 {
    padding-right: 45%;
  }
  .p-edua .s-top .col {
    padding-bottom: 0;
  }
  .p-edua .s-bg-only {
    height: 38.65vw;
  }
  .p-edua .s-bg-only .bg {
    top: 18.25%;
    width: 87.25%;
    margin-left: 12.75%;
  }
  .p-edua .s-bg-only .logo {
    top: -40%;
    right: 10%;
    width: 30.33%;
  }
  .p-edua .s-bg-only .circle1 {
    height: 0;
    width: 29.5%;
    padding-top: 29.5%;
    top: -5%;
    left: 44.25%;
  }
  .p-edua .s-bg-only .circle2 {
    height: 0;
    width: 23%;
    padding-top: 23%;
    right: -10%;
    bottom: -16%;
  }
  .p-edua .s-about {
    transform: translateY(-4.5rem);
    padding-bottom: 4.5rem;
  }
  .p-edua .s-about:before {
    left: -8.25%;
  }
  .p-edua .s-statistics {
    padding: 0 8% 6.625rem !important;
  }
  .p-edua .s-statistics .stat {
    flex: 0 0 20%;
    max-width: 20%;
    margin-left: 0;
  }
  .p-edua .s-statistics p {
    font-size: 1rem;
    padding: 0 6%;
  }
  .p-edua .s-task.task1 .content {
    order: 1;
    padding: 3.5rem 0 7rem 4.25%;
  }
  .p-edua .s-task.task1 .content:before {
    width: 250%;
    height: 100%;
    right: -12.5%;
  }
  .p-edua .s-task.task1 .image img {
    width: 134%;
    float: right;
    margin: -4rem 0 0;
  }
  .p-edua .s-task.task2 {
    padding-top: 9rem;
  }
  .p-edua .s-task.task2 .content {
    padding: 5rem 4% 4rem 1.5%;
  }
  .p-edua .s-task.task2 .content:before {
    height: 100%;
    left: -34%;
  }
  .p-edua .s-task.task2 .image img {
    width: 185%;
    margin: -5rem 0 0 -1.5%;
    float: left;
  }
  .p-edua .s-chart {
    padding-top: 0;
    margin-top: -10rem;
    padding-bottom: 5rem;
  }
  .p-edua .s-chart img {
    margin-top: 8rem;
  }
  .p-edua .s-chart .values {
    margin-top: -5rem;
  }
  .p-edua .s-chart .values .stat1 {
    padding: 0 16% 0 0;
  }
  .p-edua .s-chart .values .stat2 {
    padding: 0 0 0 16%;
  }
  .p-edua .s-photos {
    padding: 7.5rem 0 7rem;
  }
  .p-edua .s-photos img {
    width: 73%;
  }
  .p-edua .s-mockups {
    padding-bottom: 5rem;
  }
  .p-edua .s-mockups p {
    margin-top: 1.5rem;
  }
  .p-edua .s-mockups .heading {
    padding: 0 15%;
  }
  .p-edua .s-mockups .a-mockup {
    box-shadow: 0 0 4rem 0 rgba(32, 37, 46, 0.4);
  }
  .p-edua .s-content.tutor {
    position: relative;
    background: 0;
    padding-bottom: 5.5rem;
  }
  .p-edua .s-content.tutor .content:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    top: -5rem;
    left: -5.5%;
    width: 130%;
    height: 168%;
    background: #fff;
  }
  .p-edua .s-content.tutor p {
    padding: 0 15%;
  }
  .p-edua .s-content.tutor .bg-circle1 {
    right: -12%;
  }
  .p-edua .s-content.tutor .bg-circle2 {
    position: absolute;
    width: 339px;
    height: 339px;
    top: 28.5%;
    z-index: -1;
    left: calc(-5.5% - 151px);
  }
  .p-edua .s-content.tutor .image {
    margin-top: 0.5rem;
  }
  .p-edua .s-content.tutor .image img {
    width: 98%;
    margin: 0 auto;
  }
  .p-edua .campaigns {
    padding: 5.5rem 0 0;
  }
  .p-edua .campaigns:before {
    height: 30rem;
  }
  .p-edua .campaigns .o-campaigns-slider {
    margin-top: 1.25rem;
  }
  .p-edua .campaigns .o-horizontal-slider .content .a-mockup {
    max-width: 52.25vw;
    box-sizing: border-box;
  }
  .p-edua .campaigns .big-num {
    font-size: 6rem;
  }
  .p-edua .campaigns .banners {
    padding-top: 2.75rem;
  }
  .p-edua .campaigns .banners .m-banners {
    margin: 0 auto 1.25rem;
  }
  .p-edua .campaigns .slider {
    padding-top: 3rem;
  }
}
@media (min-width: 1350px) {
  .p-edua .s-bg-only .bg {
    width: 88%;
    margin-left: 12%;
  }
  .p-edua .s-chart img {
    margin-top: 0;
  }
}
@media (min-width: 1680px) {
  .p-edua .s-top {
    padding-bottom: 1.5rem;
  }
  .p-edua .s-top h1 {
    padding-right: 45%;
  }
  .p-edua .s-bg-only .bg {
    width: 86.5%;
    margin-left: 13.5%;
  }
  .p-edua .s-statistics {
    padding: 2.75rem 8% 6.625rem !important;
  }
  .p-edua .s-statistics p {
    font-size: 1.125rem;
    padding: 0 15%;
  }
  .p-edua .s-task.task1 .content {
    padding: 5rem 4% 12rem 4.25%;
  }
  .p-edua .s-task.task1 .content:before {
    right: -2.5%;
  }
  .p-edua .s-task.task1 .image img {
    margin-top: -5rem;
  }
  .p-edua .s-task.task2 {
    padding-top: 16rem;
  }
  .p-edua .s-task.task2 .content {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
  .p-edua .s-task.task2 .image img {
    margin-top: -7rem;
  }
  .p-edua .s-chart {
    margin-top: -16.375rem;
    padding-bottom: 9rem;
  }
  .p-edua .s-chart img {
    width: 33rem;
  }
  .p-edua .s-chart .values {
    margin-top: -5rem;
  }
  .p-edua .s-mockups p {
    margin-top: 2.5rem;
  }
  .p-edua .s-photos {
    padding: 10.25rem 0 8rem;
  }
  .p-edua .s-content.tutor {
    padding-bottom: 8.5rem;
  }
  .p-edua .s-content.tutor .content {
    padding-top: 2.875rem;
  }
  .p-edua .s-content.tutor .image {
    margin-top: 2.75rem;
  }
  .p-edua .s-content.tutor .bg-circle1 {
    right: -12.5%;
    width: 385px;
    height: 385px;
    top: calc(-5rem - 167px);
  }
  .p-edua .campaigns {
    padding: 7.75rem 0 0;
  }
  .p-edua .campaigns:before {
    height: 34.5rem;
  }
  .p-edua .campaigns .big-num {
    font-size: 8rem;
  }
  .p-edua .campaigns .slider {
    padding-top: 5rem;
  }
}
@media (max-width: 767px) {
  .p-edua .campaigns {
    padding-bottom: 3rem;
  }
  .p-edua .campaigns .o-mobile-slider {
    padding-bottom: 4rem;
  }
}

.p-cisnik h1 u:after,
.p-cisnik .a-circle,
.p-cisnik .a-bg-circle,
.p-cisnik .slick-dots li.slick-active button,
.p-cisnik .a-open-ref,
.p-cisnik .mCSB_scrollTools .mCSB_dragger:after {
  background-color: #ff5554;
}
.p-cisnik .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-cisnik .a-open-ref span {
  border-color: #ff5554;
}
.p-cisnik .a-bg-circle .shadow {
  color: rgba(165, 55, 54, 0.2);
}
.p-cisnik h3 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
}
.p-cisnik .s-top .col {
  padding-bottom: 14rem;
}
.p-cisnik .s-top .mockup1, .p-cisnik .s-top .mockup2 {
  position: absolute;
  z-index: 2;
}
.p-cisnik .s-top .mockup1 {
  bottom: -8%;
  left: -3%;
  width: 75.75%;
  position: absolute;
  z-index: 2;
}
.p-cisnik .s-top .mockup2 {
  right: -3%;
  bottom: -57.5%;
  width: 73.75%;
  position: absolute;
}
.p-cisnik .s-top .mockup1-container, .p-cisnik .s-top .mockup2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.p-cisnik .s-top .a-bg-circle {
  height: 0;
  width: 99%;
  padding-top: 99%;
  bottom: -19%;
  right: -46%;
  background: #fbc8c4;
  z-index: 1;
}
.p-cisnik .s-top .a-bg-circle .shadow {
  color: rgba(34, 38, 47, 0.075);
  top: 0;
  left: -57.5%;
}
.p-cisnik .s-bg-only {
  background: #fff;
  height: 19.5rem;
  overflow: hidden;
  position: relative;
}
.p-cisnik .s-bg-only .a-bg-circle {
  height: 0;
  width: 68%;
  padding-top: 68%;
  bottom: -22%;
  left: -11.25%;
  background: #aadde1;
}
.p-cisnik .s-bg-only .a-bg-circle .shadow {
  color: rgba(132, 188, 197, 0.5);
  top: 0;
  left: 20%;
}
.p-cisnik .s-about {
  padding-bottom: 5rem;
  z-index: 0;
}
.p-cisnik .s-about .a-video {
  margin: 4rem calc(0px - 1rem - 6.75%) 0;
}
.p-cisnik .s-task .process {
  width: 100%;
}
.p-cisnik .s-task .content1 {
  padding-bottom: 3.375rem;
}
.p-cisnik .s-task .content1:before {
  height: 138%;
}
.p-cisnik .s-task .image1 img {
  display: block;
  width: 111.5%;
  margin-left: -5.25%;
}
.p-cisnik .s-task .content2 {
  padding-top: 0;
  padding-bottom: 2.25rem;
}
.p-cisnik .s-task .content2:before {
  content: none;
  display: none;
}
.p-cisnik .s-task .image2 img {
  width: 112%;
  margin-left: -6%;
}
.p-cisnik .s-task .process {
  padding-top: 2rem;
  padding-bottom: 5rem;
}
.p-cisnik .s-task .process img {
  width: 68.2%;
  margin: 0 auto;
  display: block;
}
.p-cisnik .s-testimonials {
  padding-bottom: 4.5rem;
}
.p-cisnik .s-slider {
  background: #fff;
  text-align: center;
  padding-top: 4.875rem;
}
.p-cisnik .s-slider h3 {
  margin-bottom: 4.375rem;
  padding: 0 17%;
}
.p-cisnik .s-slider .o-mobile-slider .label {
  font-size: 1.25rem;
  margin-top: 3rem;
  padding-bottom: 1.125rem;
}
.p-cisnik .s-content {
  background: #fff;
  text-align: center;
  padding-top: 4.75rem;
  position: relative;
  z-index: -1;
}
.p-cisnik .s-content h3 {
  margin-bottom: 3rem;
}
.p-cisnik .s-content.content1 {
  padding-bottom: 1rem;
}
.p-cisnik .s-content.content1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 90.5%;
  width: 100%;
  background: #f1f4f7;
  z-index: -1;
  transform: translate3d(0, 0, 0);
}
.p-cisnik .s-content.content1 .col {
  padding: 0;
}
.p-cisnik .s-content.content1 img {
  width: 113%;
  margin: 0 auto 0 -6.5%;
  display: block;
}
.p-cisnik .s-content.content2 h2 + p {
  margin-top: 0.625rem;
}
.p-cisnik .s-content.content2 img {
  width: 118%;
  margin: 3.5rem -9% 0;
}
.p-cisnik .s-photos {
  padding: 2rem 0 0;
  background: #fff;
}
.p-cisnik .s-brand {
  padding-top: 4.25rem;
  margin-bottom: 0;
  background: #fff;
}
.p-cisnik .s-brand:before {
  content: none;
  display: none;
}
.p-cisnik .s-brand .brand-img {
  margin-top: 4.5rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  display: block;
}
.p-cisnik .s-brand .video {
  margin: 3.25rem auto 2.25rem;
  width: 97%;
  position: relative;
}
.p-cisnik .s-brand .video:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 1;
}
.p-cisnik .s-brand .video video, .p-cisnik .s-brand .video img {
  width: 100%;
  display: block;
}
.p-cisnik .s-brand .video video:-webkit-media-controls, .p-cisnik .s-brand .video video:-moz-media-controls, .p-cisnik .s-brand .video video:-o-media-controls, .p-cisnik .s-brand .video video:-ms-media-controls {
  display: none !important;
}
.p-cisnik .s-footer {
  padding-top: 3rem;
}
@media (min-width: 350px) {
  .p-cisnik .s-top .mockup1 {
    bottom: -2.45rem;
    left: -0.7rem;
    width: 15.25rem;
  }
  .p-cisnik .s-top .mockup2 {
    right: -0.7rem;
    bottom: -17.95rem;
    width: 15rem;
  }
  .p-cisnik .s-top .a-bg-circle {
    height: 0;
    width: 20.1rem;
    padding-top: 20.1rem;
    bottom: -5.92rem;
    right: -9.35rem;
  }
  .p-cisnik .s-bg-only .a-bg-circle {
    height: 0;
    width: 15.5rem;
    padding-top: 15.5rem;
    bottom: -4.25rem;
    left: -2.55rem;
  }
}
@media (min-width: 568px) {
  .p-cisnik .s-about .a-video {
    margin: 7rem 2% 0;
  }
}
@media (min-width: 768px) {
  .p-cisnik h3 {
    font-size: 2rem;
  }
  .p-cisnik .s-top .col {
    padding-bottom: 17.125rem;
  }
  .p-cisnik .s-top .a-bg-circle {
    height: 0;
    width: 35.5rem;
    padding-top: 35.5rem;
    right: -19.125rem;
    bottom: -18.25rem;
  }
  .p-cisnik .s-top .mockup1 {
    bottom: -6.5rem;
    width: 20.5rem;
    left: 0.75rem;
  }
  .p-cisnik .s-top .mockup1.u-landing {
    transition: 2s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -6rem, 0);
  }
  .p-cisnik .s-top .mockup1.u-landing.landed {
    transform: translate3d(0, 0, 0);
  }
  .p-cisnik .s-top .mockup1-container {
    transform: translate3d(0, -0.5rem, 0);
    animation: 12s levitate-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-cisnik .s-top .mockup2 {
    right: 2.875rem;
    bottom: -23.875rem;
    width: 20rem;
  }
  .p-cisnik .s-top .mockup2.u-landing {
    transition: 1.75s transform cubic-bezier(0.215, 0.61, 0.355, 1), 0.875s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 4rem, 0);
  }
  .p-cisnik .s-top .mockup2.u-landing.landed {
    transform: translate3d(0, 0, 0);
  }
  .p-cisnik .s-top .mockup2-container {
    transform: translate3d(0, 0.5rem, 0);
    animation: 12s levitate-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-cisnik .s-bg-only {
    height: 31.75rem;
    overflow: visible;
  }
  .p-cisnik .s-bg-only .a-bg-circle {
    height: 0;
    width: 19rem;
    padding-top: 19rem;
    bottom: -4.5rem;
    left: calc(7.5% - 3.875rem);
  }
  .p-cisnik .s-bg-only .a-bg-circle .shadow {
    left: 20.5%;
  }
  .p-cisnik .s-about {
    padding-bottom: 0;
  }
  .p-cisnik .s-about:before {
    height: 75%;
    width: 85%;
    bottom: auto;
  }
  .p-cisnik .s-about .a-video {
    margin: 7rem calc(0px - 1rem - 14.75%) 0;
  }
  .p-cisnik .s-task .content {
    padding: 4.25rem 11% 3.5rem;
  }
  .p-cisnik .s-task .content1:before {
    left: 2%;
    right: auto;
    height: 146%;
  }
  .p-cisnik .s-task .image1 img {
    margin-left: 0;
    margin-right: -6.125%;
    float: right;
    width: 97.5%;
  }
  .p-cisnik .s-task .image1 .a-bg-circle {
    top: 2.75rem;
    height: 14.25rem;
    width: 14.25rem;
    left: -4.625rem;
    z-index: -1;
    mix-blend-mode: multiply;
  }
  .p-cisnik .s-task .content2 {
    padding-top: 0;
    padding-bottom: 7.5rem;
  }
  .p-cisnik .s-task .image2 {
    width: 100%;
    margin: 0 auto;
  }
  .p-cisnik .s-task .image2 img {
    width: 25.625rem;
    margin: 0 auto;
  }
  .p-cisnik .s-task .process {
    padding-top: 5rem;
    width: 100%;
  }
  .p-cisnik .s-task .process img {
    width: 32.125rem;
  }
  .p-cisnik .s-testimonials {
    padding-bottom: 6rem;
  }
  .p-cisnik .s-slider {
    padding-top: 7rem;
    padding-bottom: 10rem;
    background: 0;
    position: relative;
  }
  .p-cisnik .s-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    bottom: auto;
    left: 6.5%;
    height: 30rem;
    width: 100%;
    background: #fff;
    z-index: -1;
    transform: translate3d(0, 0, 0);
  }
  .p-cisnik .s-slider h3 {
    margin-bottom: 5rem;
  }
  .p-cisnik .s-slider .a-mockup {
    width: 255px;
  }
  .p-cisnik .s-slider .o-horizontal-slider .content {
    padding-left: 5rem;
  }
  .p-cisnik .s-content h3 {
    margin-bottom: 1rem;
  }
  .p-cisnik .s-content.content1 {
    padding-top: 8rem;
  }
  .p-cisnik .s-content.content1:before {
    top: 0;
    bottom: auto;
    height: 66%;
  }
  .p-cisnik .s-content.content1 img {
    width: 142.5%;
    margin-left: -20.5%;
  }
  .p-cisnik .s-content.content1 .a-bg-circle {
    height: 0;
    width: 23.3rem;
    padding-top: 23.3rem;
    left: -16.25rem;
    bottom: 13rem;
    z-index: -1;
  }
  .p-cisnik .s-content.content1 .a-bg-circle .shadow {
    bottom: 33%;
  }
  .p-cisnik .s-content.content2 {
    padding: 10rem 3% 6rem;
  }
  .p-cisnik .s-photos {
    background: 0;
    position: relative;
  }
  .p-cisnik .s-photos:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #fff;
    z-index: -1;
  }
  .p-cisnik .s-photos img {
    width: 92%;
    margin: 0 auto;
  }
  .p-cisnik .s-brand {
    padding-top: 7.25rem;
    background: 0;
  }
  .p-cisnik .s-brand:before {
    content: "";
    display: block;
    position: absolute;
    left: 6.5%;
    top: -8rem;
    height: calc(100% + 6.75rem);
    width: 100%;
    background: #fff;
    z-index: -1;
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 2rem -0.25rem rgba(32, 37, 46, 0.2);
  }
  .p-cisnik .s-brand:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #fff;
    z-index: -2;
  }
  .p-cisnik .s-brand .container-fluid {
    width: 75%;
  }
  .p-cisnik .s-brand .brand-img {
    margin: 0 auto;
    width: 80%;
  }
  .p-cisnik .s-brand .video {
    margin: 3rem auto 0;
    width: 74%;
  }
  .p-cisnik .s-brand .m-colors {
    padding: 0;
  }
  .p-cisnik .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-cisnik .s-brand .a-color {
    width: 12rem;
  }
  .p-cisnik .s-brand .a-color .color {
    height: 8.5rem;
  }
  .p-cisnik .s-brand .a-color .color > div {
    height: 0.875rem;
  }
  .p-cisnik .s-brand .a-color .name {
    font-size: 0.875rem;
    padding: 1.5rem 0;
  }
  .p-cisnik .s-mockups .a-bg-circle {
    height: 0;
    width: 14.5rem;
    padding-top: 14.5rem;
    top: -1.25rem;
    left: -6rem;
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .p-cisnik h3 {
    font-size: 1.625rem;
  }
  .p-cisnik .s-top .col {
    padding-bottom: 5rem;
  }
  .p-cisnik .s-top .a-bg-circle {
    height: 0;
    width: 42rem;
    padding-top: 42rem;
    right: -23rem;
    top: -19rem;
    z-index: 1;
  }
  .p-cisnik .s-top .a-bg-circle .shadow {
    width: 55%;
    height: 50%;
    top: 50%;
    left: 0;
  }
  .p-cisnik .s-top .a-bg-circle .shadow:before {
    width: 50%;
    height: 100%;
    top: 0;
    right: -1.5rem;
    background: linear-gradient(to bottom, rgba(228, 174, 170, 0), rgba(228, 174, 170, 0.5));
    filter: blur(0.875rem);
    will-change: transform, filter;
    transform: translate3d(0, 0, 0);
  }
  .p-cisnik .s-top .mockup1 {
    bottom: auto;
    top: -2.25rem;
    width: 19.7rem;
    left: 52%;
  }
  .p-cisnik .s-top .mockup2 {
    right: 0;
    bottom: -16.4rem;
    width: 17.1rem;
  }
  .p-cisnik .s-bg-only {
    height: 17rem;
  }
  .p-cisnik .s-bg-only .a-bg-circle {
    height: 0;
    width: 25rem;
    padding-top: 25rem;
    bottom: -10rem;
    left: calc(8.25% - 5.125rem);
  }
  .p-cisnik .s-bg-only .app-stores {
    position: absolute;
    z-index: 1;
    bottom: 9rem;
    left: 12.5%;
  }
  .p-cisnik .s-bg-only .app-stores .a-app-store {
    margin-top: 0.5rem;
  }
  .p-cisnik .s-about:before {
    width: 100%;
    height: 92%;
  }
  .p-cisnik .s-about .a-video {
    margin: 4rem -14.25% 0;
  }
  .p-cisnik .s-task {
    padding-top: 0.375rem;
  }
  .p-cisnik .s-task .content1 {
    padding: 5rem 6% 6rem 0;
  }
  .p-cisnik .s-task .content1:before {
    left: -41%;
    right: auto;
    width: 273%;
    height: 110%;
  }
  .p-cisnik .s-task .image1 img {
    margin: 2.5rem 0 0;
    float: left;
    width: 139%;
  }
  .p-cisnik .s-task .image1 .a-bg-circle {
    height: 0;
    width: 27.25%;
    padding-top: 27.25%;
    bottom: 8%;
    top: auto;
    left: -6.75rem;
  }
  .p-cisnik .s-task .content2 {
    order: 1;
    padding-left: 1rem;
    padding-bottom: 5.5rem;
    padding-top: 4.5rem;
  }
  .p-cisnik .s-task .image2 img {
    margin-top: -15%;
    float: right;
    margin-right: 14%;
    width: 18rem;
  }
  .p-cisnik .s-task .process {
    padding-top: 2.5rem;
  }
  .p-cisnik .s-task .process img {
    width: 69.375rem;
    max-width: 80%;
  }
  .p-cisnik .s-testimonials {
    padding-bottom: 5rem;
  }
  .p-cisnik .s-slider {
    padding-top: 5rem;
  }
  .p-cisnik .s-slider h3 {
    margin-bottom: 2rem;
  }
  .p-cisnik .s-slider .a-mockup {
    width: 200px;
  }
  .p-cisnik .s-slider .o-horizontal-slider .content {
    padding-left: 15%;
    padding-left: 33vw;
  }
  .p-cisnik .s-content {
    padding: 6.5rem 0 4.5%;
    text-align: left;
  }
  .p-cisnik .s-content.content1:before {
    left: -7%;
    right: auto;
    height: 45%;
  }
  .p-cisnik .s-content.content1 h3 {
    margin-bottom: 6.5rem;
    padding-left: 4%;
  }
  .p-cisnik .s-content.content1 p {
    padding-left: 4%;
  }
  .p-cisnik .s-content.content1 img {
    margin: 0 auto;
  }
  .p-cisnik .s-content.content1 .a-bg-circle {
    left: -8.25rem;
    bottom: 42%;
    height: 0;
    width: 19rem;
    padding-top: 19rem;
  }
  .p-cisnik .s-content.content1 .a-bg-circle .shadow {
    bottom: 59.75%;
  }
  .p-cisnik .s-content.content1 .chat-tablet {
    width: 100%;
  }
  .p-cisnik .s-content.content1 .chat-phone {
    width: 20rem;
    margin: 0 0 0 7rem;
  }
  .p-cisnik .s-content.content2 img {
    width: 100%;
    margin: 4.5rem auto 0;
  }
  .p-cisnik .s-photos {
    padding: 0.875rem 0 0;
  }
  .p-cisnik .s-photos img {
    width: 72.75%;
  }
  .p-cisnik .s-brand {
    padding: 3.25rem 10% 8rem 12.5%;
    margin-bottom: 0;
  }
  .p-cisnik .s-brand:before {
    left: 8.25%;
  }
  .p-cisnik .s-brand p {
    margin-top: 2rem;
  }
  .p-cisnik .s-brand .container-fluid {
    width: 100%;
  }
  .p-cisnik .s-brand .m-colors {
    justify-content: flex-start;
    margin: 13% 0 0 0;
  }
  .p-cisnik .s-brand .m-colors .a-color {
    margin: 0 0.5rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .color {
    height: 7.5rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.125rem 0;
  }
  .p-cisnik .s-brand .video {
    margin: 3.25rem auto 1rem;
    width: 54.5%;
  }
}
@media (min-width: 1350px) {
  .p-cisnik .s-photos {
    padding: 4rem 0 0;
  }
  .p-cisnik .s-task .content1:before {
    height: 115%;
  }
  .p-cisnik .s-task .content2 {
    padding-top: 2.5rem;
  }
  .p-cisnik .s-task .image2 img {
    margin-top: -15rem;
  }
  .p-cisnik .s-content.content1 h3, .p-cisnik .s-content.content1 p {
    padding-left: 5%;
  }
  .p-cisnik .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .color {
    height: 9rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.5rem 0;
  }
}
@media (min-width: 1680px) {
  .p-cisnik h1 {
    padding-right: 54%;
  }
  .p-cisnik h3 {
    font-size: 2rem;
  }
  .p-cisnik .s-top .col {
    padding-bottom: 9.85rem;
  }
  .p-cisnik .s-top .a-bg-circle {
    height: 0;
    width: 60.5rem;
    padding-top: 60.5rem;
    right: -35.1rem;
    top: -23.4rem;
  }
  .p-cisnik .s-top .a-bg-circle .shadow {
    left: -5%;
  }
  .p-cisnik .s-top .mockup1 {
    top: 0.75rem;
    width: 23.7rem;
    left: 50%;
  }
  .p-cisnik .s-top .mockup2 {
    right: 1.425rem;
    bottom: -23.4rem;
    width: 22.1rem;
  }
  .p-cisnik .s-bg-only {
    height: 25rem;
  }
  .p-cisnik .s-bg-only .a-bg-circle {
    height: 0;
    width: 35.1rem;
    padding-top: 35.1rem;
    bottom: -13rem;
    left: calc(8.25% - 4.625rem);
  }
  .p-cisnik .s-bg-only .a-bg-circle .shadow {
    left: 13.125%;
  }
  .p-cisnik .s-bg-only .app-stores {
    bottom: 13rem;
    left: 13%;
  }
  .p-cisnik .s-about .a-video {
    margin-top: 7rem;
  }
  .p-cisnik .s-task {
    padding-top: 0.375rem;
  }
  .p-cisnik .s-task .content1 {
    padding-top: 10.5rem;
    padding-bottom: 9rem;
  }
  .p-cisnik .s-task .image1 img {
    margin-top: 3.75rem;
  }
  .p-cisnik .s-task .image1 .a-bg-circle {
    bottom: 5%;
    left: -9.1rem;
  }
  .p-cisnik .s-task .content2 {
    padding-bottom: 7.5rem;
    padding-top: 5.5rem;
  }
  .p-cisnik .s-task .image2 img {
    margin-top: -17rem;
    width: 25.625rem;
  }
  .p-cisnik .s-task .process {
    padding-top: 8.125rem;
  }
  .p-cisnik .s-testimonials {
    padding-bottom: 6.5rem;
  }
  .p-cisnik .s-slider {
    padding-top: 7.25rem;
  }
  .p-cisnik .s-slider h3 {
    margin-bottom: 5rem;
  }
  .p-cisnik .s-slider .a-mockup {
    width: 255px;
  }
  .p-cisnik .s-content.content1 {
    padding: 8rem 0 4.5%;
    text-align: left;
  }
  .p-cisnik .s-content.content1:before {
    left: -13.6%;
  }
  .p-cisnik .s-content.content1 h3 {
    margin-bottom: 4rem;
    padding-left: 2.5%;
  }
  .p-cisnik .s-content.content1 p {
    padding-left: 2.5%;
  }
  .p-cisnik .s-content.content1 img {
    margin: 0 auto;
  }
  .p-cisnik .s-content.content1 .a-bg-circle {
    left: -11.25rem;
    bottom: 30.125rem;
  }
  .p-cisnik .s-content.content1 .a-bg-circle .shadow {
    bottom: 39.5%;
  }
  .p-cisnik .s-content.content1 .chat-tablet {
    width: 100%;
    transform: translateX(-1.1rem);
  }
  .p-cisnik .s-content.content1 .chat-phone {
    width: 25.5rem;
    margin: -3.75rem 0 0 6.75rem;
  }
  .p-cisnik .s-brand {
    padding: 7rem 6.875% 10rem 12.8%;
  }
  .p-cisnik .s-brand:before {
    top: -14rem;
    height: calc(100% + 8rem);
  }
  .p-cisnik .s-brand p {
    margin-top: 2.75rem;
  }
  .p-cisnik .s-brand .brand-img {
    margin-top: 5.5rem;
    width: 92%;
  }
  .p-cisnik .s-brand .m-colors .a-color {
    margin: 0 1rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .color {
    height: 10rem;
  }
  .p-cisnik .s-brand .m-colors .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-cisnik .s-brand .video {
    margin-bottom: 4rem;
  }
  .p-cisnik .s-mockups {
    padding-bottom: 5.875rem;
  }
  .p-cisnik .s-mockups .a-bg-circle {
    height: 0;
    width: 14.5rem;
    padding-top: 14.5rem;
    left: -8.75rem;
  }
  .p-cisnik .s-slider.slider2 .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
}

.p-finlandia section {
  overflow: hidden;
}
.p-finlandia section.content3, .p-finlandia section.content1 {
  overflow: visible;
}
.p-finlandia h1 u:after,
.p-finlandia .a-circle,
.p-finlandia .a-bg-circle,
.p-finlandia .slick-dots li.slick-active button,
.p-finlandia .a-open-ref,
.p-finlandia p u:after,
.p-finlandia .mCSB_scrollTools .mCSB_dragger:after,
.p-finlandia .m-timeline:before,
.p-finlandia .m-timeline .marker,
.p-finlandia .m-timeline .marker:after,
.p-finlandia .m-timeline .mark.seen:before {
  background-color: #d63445;
}
.p-finlandia .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-finlandia .m-timeline .marker:before,
.p-finlandia .a-open-ref span {
  border-color: #d63445;
}
.p-finlandia .u-sticky {
  top: 2.5rem;
}
.p-finlandia h3 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}
.p-finlandia .s-top .col {
  padding-bottom: 0;
}
.p-finlandia .s-bg-only {
  height: auto;
  position: relative;
  background: #fff;
  overflow: hidden;
  padding-top: 2rem;
}
.p-finlandia .s-bg-only .bg {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
}
.p-finlandia .s-bg-only .a-bg-rectangle, .p-finlandia .s-bg-only .a-bg-circle {
  display: none;
}
.p-finlandia .s-about {
  z-index: 3;
}
.p-finlandia .s-about:before {
  box-shadow: 0 0 50px 0 rgba(75, 94, 127, 0.25);
}
.p-finlandia .s-coconut {
  overflow: visible;
  background: #0d1c33;
  padding-top: 7rem;
  margin-top: 0;
  position: relative;
}
.p-finlandia .s-coconut .content {
  text-align: center;
}
.p-finlandia .s-coconut .logo {
  max-width: 194px;
  width: 60%;
}
.p-finlandia .s-coconut .heading {
  max-width: 420px;
  width: 75%;
  margin-top: 2.5rem;
  z-index: 1;
  position: relative;
}
.p-finlandia .s-coconut .coco-progress {
  width: 110%;
  margin-left: -5%;
  margin-top: -1.5rem;
  z-index: 0;
}
.p-finlandia .s-coconut .bottle {
  position: absolute;
  top: -27%;
  right: 0;
  width: 65.65%;
}
.p-finlandia .s-coconut .grass {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 2;
}
.p-finlandia .s-coconut .bg {
  position: absolute;
  margin: auto;
}
.p-finlandia .s-coconut .bg1 {
  right: 0;
  top: 15.5%;
  width: 47.5%;
}
.p-finlandia .s-coconut .bg2 {
  left: 0;
  top: -2rem;
  width: 87%;
  opacity: 0.75;
  z-index: 1;
}
.p-finlandia .s-coconut .bg3 {
  left: 0;
  bottom: 6.75%;
  width: 28.5%;
}
.p-finlandia .s-coconut .bee {
  width: 59px;
  top: 2.75rem;
  right: 38%;
}
.p-finlandia .s-coconut .a-video {
  margin: 2rem -1rem 0;
}
.p-finlandia .content3 {
  padding-top: 5.25rem;
  padding-bottom: 1rem;
}
.p-finlandia .content3 .image {
  padding: 3.5rem 0;
}
.p-finlandia .content3 .image .a-mockup {
  margin-left: -3%;
  width: 106%;
  box-shadow: none;
}
.p-finlandia .s-nova {
  padding: 5rem 0 11rem;
  background: #f1f4f7 url("../img/finlandia/landscape-sm.jpg") no-repeat center bottom;
  background-size: contain;
  text-align: center;
}
.p-finlandia .s-nova h3 {
  padding: 0 11%;
}
.p-finlandia .s-nova .a-mockup {
  margin-top: 5rem;
}
.p-finlandia .s-nova .a-mockup img.bottle {
  position: absolute;
  top: -3%;
  left: 21.825%;
  width: 12.75%;
}
.p-finlandia .s-nova .a-mockup img.text {
  position: absolute;
  width: 42.5%;
  top: 27%;
  left: 43%;
}
.p-finlandia .s-smartphones {
  overflow: visible;
  margin-top: 28rem;
  margin-top: 30vw;
  background: #0d1c33;
}
.p-finlandia .s-smartphones .smartphone-1 {
  width: 100%;
  margin: -25% auto auto;
}
.p-finlandia .s-smartphones .smartphone-2 {
  width: 100%;
  margin: 5rem auto auto;
}
.p-finlandia .s-smartphones .smartphone-3 {
  width: 100%;
  margin: 5rem auto -26.5%;
}
.p-finlandia .s-credits {
  padding-top: 10rem;
  padding-bottom: 2rem;
}
.p-finlandia .s-footer {
  overflow: hidden;
}
@media (min-width: 568px) {
  .p-finlandia .s-coconut .a-video {
    margin: 2rem 8% -4rem;
  }
  .p-finlandia .s-smartphones {
    margin-top: 28rem;
    margin-top: 30vw;
  }
  .p-finlandia .s-smartphones .smartphone-1 {
    width: 45%;
    margin: -11.5% 0 0;
  }
  .p-finlandia .s-smartphones .smartphone-2 {
    z-index: 1;
    width: 45%;
    margin: 0;
  }
  .p-finlandia .s-smartphones .smartphone-3 {
    width: 42%;
    margin: -12% auto -10.9% 0%;
  }
  .p-finlandia .s-credits {
    padding-top: 8rem;
  }
}
@media (min-width: 768px) {
  .p-finlandia h3 {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .p-finlandia .s-about {
    transform: translateY(-5.8rem);
    padding-bottom: 7.875rem;
  }
  .p-finlandia .s-about:before {
    left: -7.5%;
  }
  .p-finlandia .s-coconut {
    padding-top: 12rem;
    padding-top: 25vw;
    margin-top: -6rem;
  }
  .p-finlandia .s-coconut .grass {
    top: -11rem;
    top: -21.5vw;
    width: 160%;
    right: -7%;
    left: auto;
  }
  .p-finlandia .s-coconut .bg2 {
    top: -5rem;
    width: 64%;
  }
  .p-finlandia .s-coconut .coco-progress {
    width: 106%;
    margin-left: -3%;
    margin-top: -0.5rem;
  }
  .p-finlandia .s-coconut .a-video {
    margin: 2rem 8% -4rem;
  }
  .p-finlandia .content3 {
    padding-bottom: 4rem;
  }
  .p-finlandia .content3 .image {
    padding: 8.15rem 0 1rem;
  }
  .p-finlandia .content3 .image .a-mockup {
    margin-left: -11.5%;
    width: 123%;
  }
  .p-finlandia .s-nova {
    padding: 8rem 0 2rem;
    text-align: left;
    background: #f7f7f7 url("../img/finlandia/landscape.jpg") no-repeat center 87%;
    background-size: contain;
  }
  .p-finlandia .s-nova .a-mockup {
    margin-top: 7rem;
  }
  .p-finlandia .s-credits {
    padding-top: 12rem;
  }
}
@media (min-width: 1024px) {
  .p-finlandia main {
    overflow: unset;
  }
  .p-finlandia h3 {
    font-size: 1.625rem;
  }
  .p-finlandia .s-top .col {
    padding-bottom: 0;
  }
  .p-finlandia .s-bg-only {
    overflow: visible;
    height: 42.5vw;
  }
  .p-finlandia .s-bg-only .bg {
    width: 91.625%;
    margin-left: 8.375%;
    padding-top: 0;
    top: 7.5rem;
    margin-bottom: -6rem;
  }
  .p-finlandia .s-bg-only .circle {
    position: absolute;
  }
  .p-finlandia .s-bg-only .circle-1 {
    top: -6.4%;
    left: 57%;
    width: 17.5%;
    transform: translate3d(-1.5rem, 3rem, 0);
    animation: 20s levitate-fin-c-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-finlandia .s-bg-only .circle-2 {
    top: 40.1%;
    left: 27.6%;
    width: 16.25%;
    transform: translate3d(1.5rem, -3rem, 0);
    animation: 20s levitate-fin-c-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-finlandia .s-bg-only .circle-3 {
    top: 70.2%;
    left: 66.6%;
    width: 13.9%;
    transform: translate3d(1.5rem, -3rem, 0);
    animation: 20s levitate-fin-c-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-finlandia .s-bg-only .circle-4 {
    top: 83.3%;
    left: 38.9%;
    width: 11.3%;
    transform: translate3d(-1.5rem, 3rem, 0);
    animation: 20s levitate-fin-c-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 1s;
  }
  .p-finlandia .s-bg-only .bottles {
    position: absolute;
  }
  .p-finlandia .s-bg-only .bottles.line1 {
    top: -12.7%;
    left: 32.5%;
    width: 28.5%;
    transform: translate3d(1rem, -2rem, 0);
    animation: 20s levitate-fin-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-finlandia .s-bg-only .bottles.line2 {
    top: -32.3%;
    width: 50%;
    left: 31.2%;
    transform: translate3d(-1rem, 2rem, 0);
    animation: 20s levitate-fin-2 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 2s;
  }
  .p-finlandia .s-bg-only .bottles.line3 {
    width: 28.5%;
    top: 19.5%;
    left: 56%;
    transform: translate3d(1rem, -2rem, 0);
    animation: 20s levitate-fin-1 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation-delay: 4s;
  }
  .p-finlandia .s-about {
    transform: translateY(-4.5rem);
    padding-bottom: 6.5rem;
  }
  .p-finlandia .s-about:before {
    left: -8.25%;
  }
  .p-finlandia .s-coconut {
    padding-top: 10rem;
    padding-top: 11.5vw;
    margin-top: -5rem;
  }
  .p-finlandia .s-coconut .content {
    text-align: right;
  }
  .p-finlandia .s-coconut .grass {
    width: 100%;
    right: 0;
    top: -19rem;
    top: -15.5vw;
  }
  .p-finlandia .s-coconut .bg2 {
    opacity: 1;
    top: -3.5rem;
    width: 30.5%;
  }
  .p-finlandia .s-coconut .a-video {
    width: 77%;
    margin: 14rem auto -4rem;
  }
  .p-finlandia .s-coconut .logo {
    width: 22%;
  }
  .p-finlandia .s-coconut .heading {
    width: 46%;
    margin-top: 1.75rem;
  }
  .p-finlandia .s-coconut .coco-progress {
    width: 87.4%;
    margin-left: -3.9%;
    margin-top: 0;
  }
  .p-finlandia .content3 {
    padding: 10rem 0 0;
  }
  .p-finlandia .content3 .content {
    margin-top: 9rem;
    padding-bottom: 1.125rem;
  }
  .p-finlandia .content3 .image {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .p-finlandia .content3 .image .a-mockup {
    margin-left: -11%;
    width: 104.5%;
  }
  .p-finlandia .content3 .m-timeline {
    margin-top: 3rem;
  }
  .p-finlandia .s-nova {
    padding-top: 10rem;
  }
  .p-finlandia .s-smartphones .smartphone-1 {
    width: 28.25%;
    margin: -20.4% auto auto 12%;
  }
  .p-finlandia .s-smartphones .smartphone-2 {
    z-index: 1;
    width: 29.25%;
    margin: -0.25% 11.75% auto auto;
  }
  .p-finlandia .s-smartphones .smartphone-3 {
    width: 25.5%;
    margin: -20% auto -6.65% 14.75%;
  }
  .p-finlandia .s-credits {
    padding-top: 10rem;
  }
}
@media (min-width: 1350px) {
  .p-finlandia .s-coconut .a-video {
    width: 66%;
    margin-top: 18rem;
  }
}
@media (min-width: 1680px) {
  .p-finlandia section {
    overflow: visible;
  }
  .p-finlandia h3 {
    font-size: 2rem;
  }
  .p-finlandia .s-bg-only .bg {
    top: 10rem;
  }
  .p-finlandia .s-about {
    transform: translateY(-7.75rem);
    padding-bottom: 4.5rem;
  }
  .p-finlandia .s-about p.note {
    margin-top: 1.5rem;
  }
  .p-finlandia .s-nova .a-mockup {
    margin-top: 10rem;
  }
  .p-finlandia .content3 {
    padding: 18rem 0 0;
  }
  .p-finlandia .content3 .content {
    margin-top: 12.5rem;
    padding-bottom: 5.625rem;
  }
  .p-finlandia .content3 .image {
    padding: 4.5rem 0;
  }
  .p-finlandia .content3 .m-timeline {
    margin-top: 4.375rem;
  }
}

.p-ammotio {
  background: #f7f7f7;
}
.p-ammotio h1 u:after,
.p-ammotio .a-circle,
.p-ammotio .a-bg-circle,
.p-ammotio .a-open-ref {
  background-color: #5db8f1;
}
.p-ammotio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-ammotio .a-open-ref span {
  border-color: #344563;
}
.p-ammotio .mCSB_scrollTools .mCSB_dragger:after,
.p-ammotio .slick-dots li.slick-active button {
  background-color: #344563;
}
.p-ammotio .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: 62%;
}
.p-ammotio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail:after {
  width: 50%;
  border-radius: 0;
  left: 99%;
  height: 1px;
  top: 0;
}
@media (min-width: 1350px) {
  .p-ammotio .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 58%;
  }
}
.p-ammotio h1 {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .p-ammotio h1 {
    padding-right: 50%;
  }
}
@media (min-width: 768px) {
  .p-ammotio h3 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1680px) {
  .p-ammotio h3 {
    font-size: 2.75rem;
  }
}
.p-ammotio h3, .p-ammotio h4 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}
.p-ammotio h4 {
  color: #adb1bc;
  font-size: 1.5rem;
  line-height: 1.35;
}
.p-ammotio h4 u {
  color: #20252e;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.p-ammotio h4 u:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0.125em;
  background: #5db8f1;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-ammotio h4 {
    font-size: 2.25rem;
  }
  .p-ammotio h4 u:after {
    height: 3px;
  }
}
@media (min-width: 1024px) {
  .p-ammotio h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1680px) {
  .p-ammotio h4 {
    font-size: 2rem;
  }
}
.p-ammotio video.mockup {
  border: 1px solid #fff;
}
@media (min-width: 568px) {
  .p-ammotio .s-top .col {
    padding-bottom: 16rem;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-top .col {
    padding-bottom: 11rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-top .col {
    padding-bottom: 7rem;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-top .col {
    padding-bottom: 10rem;
  }
}
.p-ammotio .s-bg-only {
  height: auto;
}
.p-ammotio .s-bg-only .bg {
  margin: -33% 0 -1%;
  width: 100%;
  position: relative;
  pointer-events: none;
}
@media (min-width: 568px) {
  .p-ammotio .s-bg-only {
    padding-bottom: 1rem;
  }
  .p-ammotio .s-bg-only .bg {
    margin: -40% 0 0 0;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-bg-only {
    padding-bottom: 3rem;
  }
  .p-ammotio .s-bg-only .bg {
    margin: -22.4% 0 0 20%;
    width: 80%;
  }
}
.p-ammotio .s-about {
  transform: translateY(0);
}
.p-ammotio .s-about:before {
  box-shadow: 0 0 50px 0 rgba(75, 94, 127, 0.25);
}
@media (min-width: 568px) {
  .p-ammotio .s-about:before {
    left: -6.75%;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-about:before {
    left: -8.5%;
  }
}
.p-ammotio .s-timesheet .image .bg {
  width: 109%;
  margin-left: -5%;
  margin-top: -3.5rem;
}
.p-ammotio .s-timesheet .content {
  margin-top: 5.25rem;
  padding: 0 6%;
}
.p-ammotio .s-timesheet .content h4 + p {
  margin-top: 3rem;
}
@media (min-width: 568px) {
  .p-ammotio .s-timesheet {
    padding: 7rem 0 0;
  }
  .p-ammotio .s-timesheet .image .bg {
    width: 104%;
    margin-left: -1rem;
  }
  .p-ammotio .s-timesheet .content {
    padding: 0 15%;
    margin-top: 5rem;
  }
  .p-ammotio .s-timesheet .content h4 {
    padding-right: 10%;
  }
  .p-ammotio .s-timesheet .content h4 + p {
    margin-top: 5rem;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-timesheet {
    padding: 4rem 0 0;
  }
  .p-ammotio .s-timesheet .content {
    margin-top: 3rem;
  }
  .p-ammotio .s-timesheet .content h4 + p {
    margin-top: 2rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-timesheet {
    padding: 5rem 0 0;
  }
  .p-ammotio .s-timesheet .image .bg {
    width: 114%;
    margin-left: -1rem;
    margin-top: 1.1rem;
    margin-bottom: 25%;
  }
  .p-ammotio .s-timesheet .image .bar1, .p-ammotio .s-timesheet .image .bar2, .p-ammotio .s-timesheet .image .guy {
    position: absolute;
    z-index: 2;
    pointer-events: none;
  }
  .p-ammotio .s-timesheet .image .bar1 {
    bottom: -2.5%;
    left: 28.5%;
    width: 6%;
  }
  .p-ammotio .s-timesheet .image .bar2 {
    bottom: 9%;
    left: 35.8%;
    width: 6%;
  }
  .p-ammotio .s-timesheet .image .guy {
    right: -7.6%;
    width: 35.5%;
    bottom: 7.8%;
  }
  .p-ammotio .s-timesheet .content {
    margin-top: 60%;
  }
  .p-ammotio .s-timesheet .content h4 + p {
    margin-top: 5rem;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-timesheet {
    padding: 10rem 0 0;
  }
  .p-ammotio .s-timesheet .image .guy {
    bottom: 6.8%;
    width: 37.5%;
  }
  .p-ammotio .s-timesheet .image .bar1 {
    left: 28.75%;
  }
  .p-ammotio .s-timesheet .image .bar2 {
    left: 36.15%;
  }
}
.p-ammotio .s-try {
  position: relative;
  padding-bottom: 6rem;
  padding-top: 10rem;
}
.p-ammotio .s-try:before {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
  background: #f3f3f4;
  width: 100%;
  height: 66%;
  top: 12%;
  left: 0;
}
.p-ammotio .s-try .o-switch .slick-dots > li:nth-child(1) button:after {
  content: "Měsíc";
}
.p-ammotio .s-try .o-switch .slick-dots > li:nth-child(2) button:after {
  content: "Týden";
}
.p-ammotio .s-try .o-switch .slick-dots .slick-active button {
  background: #22d1a2;
}
.p-ammotio .s-try img.plane {
  position: absolute;
  right: -27.75%;
  width: 30%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.p-ammotio .s-try img.calendar {
  position: absolute;
  width: 75px;
  right: 18%;
  top: -32%;
}
.p-ammotio .s-try img.calendar2 {
  position: absolute;
  bottom: -8.25rem;
  left: 50%;
  max-width: 35%;
  width: 123px;
}
@media (min-width: 568px) {
  .p-ammotio .s-try {
    padding-bottom: 0;
  }
  .p-ammotio .s-try:before {
    width: 78%;
    height: 77%;
    top: 8%;
  }
  .p-ammotio .s-try img.plane {
    right: -2.75%;
    top: 18%;
  }
  .p-ammotio .s-try img.calendar {
    top: -10rem;
    right: 30%;
  }
  .p-ammotio .s-try img.calendar2 {
    bottom: -7.25rem;
    left: 59%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-try {
    padding-top: 7rem;
  }
  .p-ammotio .s-try img.calendar {
    top: -7rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-try {
    padding-bottom: 7rem;
    padding-top: 1.75rem;
  }
  .p-ammotio .s-try:before {
    width: 55%;
    height: 84%;
    top: -11.5%;
  }
  .p-ammotio .s-try img.plane {
    right: -23%;
    top: 1%;
    width: 28%;
  }
  .p-ammotio .s-try img.calendar {
    top: 1.75rem;
  }
  .p-ammotio .s-try img.calendar2 {
    bottom: -2rem;
    left: -25%;
  }
}
.p-ammotio .s-lupa img.bg {
  width: 100%;
  position: relative;
  z-index: -1;
}
.p-ammotio .s-lupa .dashed-line {
  margin-top: 2rem;
  height: 1px;
  background: url("../img/ammotio/dash.png") repeat-x center;
}
@media (min-width: 568px) {
  .p-ammotio .s-lupa img.bg {
    width: 94%;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-lupa img.bg {
    width: 75.5%;
    margin-bottom: 2.5rem;
  }
  .p-ammotio .s-lupa .content {
    padding-right: 60%;
  }
}
.p-ammotio .s-expenses {
  padding-top: 11.25rem;
}
.p-ammotio .s-expenses .content {
  position: relative;
}
.p-ammotio .s-expenses img.plane {
  position: absolute;
  top: -16rem;
  width: 13.2rem;
  left: 21%;
}
.p-ammotio .s-expenses .mockup {
  margin-top: 4.7rem;
  width: 117%;
  margin-left: -9.25%;
}
.p-ammotio .s-expenses h4 + p {
  margin-top: 3rem;
}
@media (min-width: 568px) {
  .p-ammotio .s-expenses {
    padding-top: 8rem;
  }
  .p-ammotio .s-expenses img.plane {
    margin: auto;
    top: -12rem;
    bottom: auto;
    width: 26%;
    left: 25%;
  }
  .p-ammotio .s-expenses .mockup {
    width: 108%;
    margin-left: -4%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-expenses .mockup {
    margin-top: 3rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-expenses {
    padding-top: 10.25rem;
  }
  .p-ammotio .s-expenses .content {
    padding-right: 56%;
  }
  .p-ammotio .s-expenses img.plane {
    top: -9rem;
    bottom: 0;
    width: 20%;
    left: 53%;
  }
  .p-ammotio .s-expenses .mockup {
    margin-top: 6.7rem;
    width: 100%;
    margin-left: 0;
  }
}
.p-ammotio .s-bg-plane {
  position: relative;
  background: no-repeat center;
  background-size: cover;
  z-index: -1;
  max-height: 80rem;
}
.p-ammotio .s-bg-plane.plane1 {
  background-image: url("../img/ammotio/plane-bg-sm.jpg");
  background-position-x: 68%;
  height: 25rem;
  height: 59vh;
  margin-top: -15vh;
}
.p-ammotio .s-bg-plane.plane2 {
  background-image: url("../img/ammotio/plane-bg2-sm.jpg");
  height: 16rem;
  height: 38vh;
  margin-top: -4vh;
}
@media (min-width: 568px) {
  .p-ammotio .s-bg-plane.plane1 {
    background-image: url("../img/ammotio/plane-bg.jpg");
    background-position-x: 45%;
    height: 40rem;
    height: 65vh;
    max-height: 45rem;
    margin-top: -12vh;
  }
  .p-ammotio .s-bg-plane.plane2 {
    background-image: url("../img/ammotio/plane-bg2.jpg");
    height: 30rem;
    height: 47vh;
    margin-top: -11vh;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-bg-plane.plane1 {
    height: 90vh;
  }
  .p-ammotio .s-bg-plane.plane2 {
    height: 80vh;
    background-position-y: 80%;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-bg-plane.plane1 {
    background-position-x: 50%;
    height: 100vh;
    margin-top: -20vh;
    max-height: 63rem;
  }
  .p-ammotio .s-bg-plane.plane2 {
    height: 40rem;
    height: 99vh;
    margin-top: -19vh;
  }
}
.p-ammotio .s-expenses2 {
  padding-top: 1.25rem;
}
.p-ammotio .s-expenses2 .screen {
  width: 115%;
  margin-left: -8%;
  margin-top: -19%;
}
.p-ammotio .s-expenses2 .content p {
  margin-top: 3rem;
}
@media (min-width: 568px) {
  .p-ammotio .s-expenses2 .screen {
    width: 129%;
    margin-top: -17%;
    margin-left: -13%;
  }
  .p-ammotio .s-expenses2 .image {
    order: 1;
  }
  .p-ammotio .s-expenses2 .content {
    margin-top: 3rem;
    padding-left: 12%;
    padding-right: 14%;
  }
  .p-ammotio .s-expenses2 .content p {
    margin-top: 5rem;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-expenses2 .content {
    margin-top: 0;
  }
  .p-ammotio .s-expenses2 .content P {
    margin-top: 2.5rem;
  }
  .p-ammotio .s-expenses2 .screen {
    margin-top: -40%;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-expenses2 {
    padding-top: 0;
  }
  .p-ammotio .s-expenses2 .screen {
    width: 98.75%;
    margin-top: -18%;
    margin-left: 5%;
  }
  .p-ammotio .s-expenses2 .image {
    order: 0;
  }
  .p-ammotio .s-expenses2 .content {
    margin-top: 3rem;
    padding-left: 10%;
    padding-right: 3%;
  }
  .p-ammotio .s-expenses2 .content p {
    margin-top: 5rem;
  }
  .p-ammotio .s-expenses2 .content .illustration {
    width: 170%;
    margin: -2.25rem 0 0 -73%;
    pointer-events: none;
  }
}
.p-ammotio .s-travel-video {
  padding-top: 4rem;
}
.p-ammotio .s-travel-video .mockup {
  width: 118%;
  margin-left: -9%;
}
@media (min-width: 568px) {
  .p-ammotio .s-travel-video {
    padding-top: 6rem;
  }
  .p-ammotio .s-travel-video .mockup {
    width: 108%;
    margin-left: -4%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-travel-video {
    padding-top: 4rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-travel-video {
    padding-top: 5rem;
  }
  .p-ammotio .s-travel-video .mockup {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-travel-video {
    padding-top: 8rem;
  }
}
.p-ammotio .s-companies {
  padding: 4rem 0 7rem;
}
.p-ammotio .s-companies .a-space {
  height: 3.5rem;
}
.p-ammotio .s-companies .arrow {
  position: absolute;
  height: 78%;
  top: 13%;
  right: -20%;
}
.p-ammotio .s-companies h4 + p {
  margin-top: 3rem;
}
@media (min-width: 568px) {
  .p-ammotio .s-companies {
    padding: 9rem 0 17rem;
  }
  .p-ammotio .s-companies .content {
    padding: 0 8.5%;
  }
  .p-ammotio .s-companies .a-space {
    height: 5rem;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-companies {
    padding: 4rem 0 10rem;
  }
  .p-ammotio .s-companies h4 + p {
    margin-top: 2rem;
  }
  .p-ammotio .s-companies .a-space {
    height: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-companies {
    padding: 14rem 0 12rem;
  }
  .p-ammotio .s-companies h4 + p {
    margin-top: 3rem;
  }
  .p-ammotio .s-companies .content {
    padding: 0;
  }
  .p-ammotio .s-companies .a-space {
    height: 8rem;
  }
  .p-ammotio .s-companies .arrow {
    height: 66%;
    top: 10%;
    right: -45%;
  }
}
.p-ammotio .s-split-screen {
  background: #f0f1f2;
  margin-bottom: 65%;
}
.p-ammotio .s-split-screen img.split-screen {
  pointer-events: none;
  width: 120%;
  margin: -6rem auto 0 -12%;
}
.p-ammotio .s-split-screen img.chart {
  display: block;
  box-shadow: 0 0 40px 0 rgba(75, 94, 127, 0.25);
  z-index: 1;
  margin: 3rem auto -13rem;
  width: 18rem;
  max-width: 100%;
}
@media (min-width: 568px) {
  .p-ammotio .s-split-screen {
    margin-bottom: 8rem;
  }
  .p-ammotio .s-split-screen img.split-screen {
    width: 114%;
    margin: -25% auto 0 -9%;
  }
  .p-ammotio .s-split-screen img.chart {
    box-shadow: 0 0 80px 0 rgba(75, 94, 127, 0.25);
    margin: 6rem auto -5rem;
    width: 912px;
    max-width: 100%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-split-screen {
    margin-bottom: 5rem;
  }
  .p-ammotio .s-split-screen img.chart {
    margin: 4rem auto -3.5rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-split-screen {
    margin-bottom: 8rem;
  }
  .p-ammotio .s-split-screen img.split-screen {
    width: 119%;
    margin: -36% auto 0 -18.5%;
  }
  .p-ammotio .s-split-screen img.chart {
    box-shadow: 0 0 80px 0 rgba(75, 94, 127, 0.25);
    margin: 7.5rem auto -3rem;
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-split-screen .img.chart {
    margin-top: 10.5rem;
  }
}
.p-ammotio .s-slider {
  position: relative;
  padding-top: 4.625rem;
  padding-bottom: 2rem;
}
.p-ammotio .s-slider .bg {
  position: absolute;
  height: 51%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #22d1a2;
}
@media (min-width: 568px) {
  .p-ammotio .s-slider {
    padding-top: 10rem;
    padding-bottom: 3.5rem;
  }
  .p-ammotio .s-slider .bg {
    height: 71%;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-slider {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-slider {
    padding-bottom: 5.5rem;
    padding-top: 3rem;
  }
  .p-ammotio .s-slider .bg {
    height: 80%;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-slider {
    padding-bottom: 7.8rem;
    padding-top: 7rem;
  }
  .p-ammotio .s-slider .bg {
    height: 76%;
  }
}
.p-ammotio .s-bye img.bye {
  width: 127%;
  display: block;
  margin: -5% auto 6.5rem -16%;
}
@media (min-width: 568px) {
  .p-ammotio .s-bye img.bye {
    width: 78%;
    margin: -2.5% auto 8rem;
  }
}
@media (min-width: 568px) and (orientation: landscape) {
  .p-ammotio .s-bye img.bye {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .p-ammotio .s-bye img.bye {
    width: 49.5%;
    margin: -1.75% 0 5.5rem 23.75%;
  }
  .p-ammotio .s-bye img.plane {
    height: 115%;
    right: -39%;
    top: calc(0px - 5.5rem - 63%);
    position: absolute;
    pointer-events: none;
  }
}
@media (min-width: 1680px) {
  .p-ammotio .s-bye img.bye {
    margin-bottom: 8rem;
  }
  .p-ammotio .s-bye img.plane {
    right: -43%;
    top: calc(0px - 7.8rem - 62%);
  }
}

.p-mias {
  /* NEW CODE */
  /*---------------------------------------------------*/
  /*---------------------------------------------------*/
}
.p-mias section {
  overflow: hidden;
}
.p-mias section.content3, .p-mias section.content1 {
  overflow: visible;
}
.p-mias h1 u:after,
.p-mias .a-circle,
.p-mias .a-bg-circle,
.p-mias .slick-dots li.slick-active button,
.p-mias .a-open-ref,
.p-mias p u:after,
.p-mias .mCSB_scrollTools .mCSB_dragger:after,
.p-mias .m-timeline:before,
.p-mias .m-timeline .marker,
.p-mias .m-timeline .marker:after,
.p-mias .m-timeline .mark.seen:before {
  background-color: #d63445;
}
.p-mias .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-mias .m-timeline .marker:before,
.p-mias .a-open-ref span {
  border-color: #d63445;
}
.p-mias .u-sticky {
  top: 2.5rem;
}
.p-mias h3 {
  font-weight: 300;
}
.p-mias .s-top .col {
  padding-bottom: 0;
}
.p-mias .s-bg-only {
  height: auto;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.p-mias .s-bg-only .bg {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
}
.p-mias .s-bg-only .a-bg-rectangle, .p-mias .s-bg-only .a-bg-circle {
  display: none;
}
.p-mias .slider2 {
  padding-top: 4.5rem;
}
.p-mias .slider3 {
  padding-bottom: 2.5rem;
  padding-top: 3rem;
}
.p-mias .s-slider {
  overflow: hidden;
}
.p-mias .s-slider .o-horizontal-slider .a-mockup.img-only {
  width: 255px;
}
.p-mias .s-slider .o-horizontal-slider .a-mockup.img-only img {
  width: 100%;
}
.p-mias .content1 {
  padding-top: 0;
  padding-bottom: 4.5rem;
}
.p-mias .content2 {
  padding-top: 1.75rem;
  padding-bottom: 0;
}
.p-mias .content3 {
  padding-top: 5.25rem;
  padding-bottom: 4rem;
}
.p-mias .content3 .image {
  padding: 3.5rem 0;
}
.p-mias .content3 .image .a-mockup {
  margin-left: -3%;
  width: 106%;
  box-shadow: none;
}
.p-mias .s-brand {
  text-align: left;
}
.p-mias .s-brand:before {
  background: #fff;
}
.p-mias .s-brand h2, .p-mias .s-brand p {
  padding: 0 6%;
}
.p-mias .s-brand p {
  margin-top: 3.75rem;
}
@keyframes justio-logo-1 {
  0%, 7.5%, 32.5%, 100% {
    opacity: 0;
  }
  15%, 25% {
    opacity: 0.4;
  }
}
@keyframes justio-logo-2 {
  0%, 17.5%, 42.5%, 100% {
    opacity: 0;
  }
  25%, 35% {
    opacity: 1;
  }
}
@keyframes justio-logo-3 {
  0%, 35%, 97.5%, 100% {
    opacity: 0;
  }
  45%, 90% {
    opacity: 1;
  }
}
.p-mias .s-brand .brand-logo {
  position: relative;
  margin-top: 4.5rem;
  height: 9rem;
  height: 39vw;
}
.p-mias .s-brand .brand-logo img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: opacity;
}
.p-mias .s-brand .brand-logo .step1 {
  animation: justio-logo-1 8s ease infinite;
}
.p-mias .s-brand .brand-logo .step2 {
  animation: justio-logo-2 8s ease infinite;
}
.p-mias .s-brand .brand-logo .step3 {
  animation: justio-logo-3 8s ease infinite;
}
.p-mias .s-task .content:before {
  box-shadow: none;
  height: 139%;
}
.p-mias .s-task .image img {
  display: block;
  width: 113%;
  float: right;
  margin-right: -6.5%;
  margin-top: -1.5rem;
}
.p-mias .s-task .image .a-bg-circle {
  height: 0;
  width: 12.5rem;
  padding-top: 12.5rem;
  left: -0.625rem;
  bottom: 0.25rem;
  z-index: -1;
}
.p-mias .s-mockups {
  padding-top: 0.75rem;
  overflow: hidden;
}
.p-mias .s-mockups h3 {
  text-align: center;
  padding: 0 8%;
  line-height: 1.7;
}
.p-mias .s-mockups .a-mockup {
  height: auto;
  margin-top: 3rem;
}
.p-mias .s-mockups .a-bg-rectangle {
  padding-top: 16rem;
  width: 100%;
  left: 0;
  top: -4.75rem;
  background: #f1f4f7;
  z-index: -1;
}
.p-mias .s-footer {
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-mias h3 {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .p-mias .s-bg-only {
    overflow: visible;
    height: 101.5vw;
  }
  .p-mias .s-bg-only .bg {
    padding-top: 9.5rem;
    margin-left: 7.5%;
    width: 92.5%;
    margin-bottom: -6rem;
  }
  .p-mias .s-bg-only .screens {
    position: absolute;
  }
  .p-mias .s-bg-only .screens.line1 {
    top: -1%;
    left: -15.5%;
    width: 118%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-mias .s-bg-only .screens.line2 {
    top: 16.2%;
    width: 170%;
    left: -25%;
    transform: translate3d(-2rem, 1rem, 0);
    animation: 20s levitate-4 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-mias .s-bg-only .screens.line3 {
    width: 67%;
    top: 70.5%;
    left: 55.5%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-mias .s-about {
    transform: translateY(0rem);
    padding-bottom: 7.875rem;
    /*&:before{
      left: -7.5%;
    }*/
  }
  .p-mias .content1 {
    padding-top: 3rem;
    padding-bottom: 16rem;
  }
  .p-mias .content1 .m-timeline {
    height: 15.75rem;
    position: absolute;
    margin-top: 3.25rem;
  }
  .p-mias .content2 {
    padding-top: 5rem;
  }
  .p-mias .content3 .image {
    padding: 8.15rem 0 5.65rem;
  }
  .p-mias .content3 .image .a-mockup {
    margin-left: -11.5%;
    width: 123%;
  }
  .p-mias .s-task .image img {
    width: 109.5%;
    margin-top: -3.75rem;
  }
  .p-mias .s-task .image .a-bg-circle {
    height: 0;
    width: 17rem;
    padding-top: 17rem;
    left: -0.875rem;
    bottom: 3.8rem;
  }
  .p-mias .s-task .content {
    padding-top: 7.5rem;
  }
  .p-mias .s-brand {
    padding-right: 7.5%;
    padding-top: 7.5rem;
  }
  .p-mias .s-brand:before {
    left: -7.5%;
    right: auto;
    height: calc(100% - 2.125rem);
  }
  .p-mias .s-brand h2, .p-mias .s-brand p {
    padding: 0;
  }
  .p-mias .s-brand p {
    margin-top: 2.5rem;
  }
  .p-mias .s-brand .container-fluid {
    width: 89%;
  }
  .p-mias .s-brand .brand-logo {
    width: 94%;
    margin-top: 4.25rem;
    height: 14rem;
    height: 27vw;
  }
  .p-mias .s-brand .m-colors {
    margin-top: 1.75rem;
    padding: 0;
  }
  .p-mias .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-mias .s-brand .a-color {
    width: 12rem;
  }
  .p-mias .s-brand .a-color .color {
    height: 11.75rem;
  }
  .p-mias .s-brand .a-color .color > div {
    height: 1.25rem;
  }
  .p-mias .s-brand .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-mias .s-brand .bg-circle {
    position: absolute;
    width: 317px;
    height: 317px;
    top: -203px;
    right: calc(7.5% - 101px);
  }
  .p-mias .s-slider.slider2 {
    padding-bottom: 4rem;
  }
  .p-mias .slider3 {
    padding-bottom: 0;
  }
  .p-mias .s-mockups {
    padding-top: 5.25rem;
    padding-bottom: 4rem;
  }
  .p-mias .s-mockups .a-bg-rectangle {
    left: 7.5%;
    top: -7rem;
    padding-top: 25.5rem;
    box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(75, 94, 127, 0.3);
  }
  .p-mias .s-mockups .a-mockup {
    margin-top: 4.75rem;
  }
}
@media (min-width: 1024px) {
  .p-mias main {
    overflow: unset;
  }
  .p-mias h3 {
    font-size: 1.625rem;
  }
  .p-mias .s-top .col {
    padding-bottom: 0;
  }
  .p-mias .s-bg-only {
    height: 42.5vw;
  }
  .p-mias .s-bg-only .bg {
    width: 91.625%;
    margin-left: 8.375%;
    padding-top: 0;
    top: -0.75rem;
  }
  .p-mias .s-bg-only .screens.line1 {
    top: -33%;
    left: 12.2%;
    width: 63.5%;
  }
  .p-mias .s-bg-only .screens.line2 {
    top: -11%;
    width: 91.1%;
    left: 7.3%;
  }
  .p-mias .s-bg-only .screens.line3 {
    width: 37.1%;
    top: 58%;
    left: 49.6%;
  }
  .p-mias .s-about {
    transform: translateY(-4.5rem);
    padding-bottom: 4.5rem;
    /*&:before{
      left: -8.25%;
    }*/
  }
  .p-mias .s-brand {
    padding-left: 12.5%;
    padding-bottom: 8rem;
    margin-bottom: 0;
  }
  .p-mias .s-brand p {
    margin-top: 2rem;
  }
  .p-mias .s-brand .container-fluid {
    width: 100%;
  }
  .p-mias .s-brand .brand-logo {
    height: 13vw;
    width: 83%;
  }
  .p-mias .s-brand .m-colors {
    justify-content: flex-start;
    margin: 36.5% 0 0 9%;
  }
  .p-mias .s-brand .m-colors .a-color {
    margin: 0 0.5rem;
  }
  .p-mias .s-brand .m-colors .a-color .color {
    height: 7.5rem;
  }
  .p-mias .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.125rem 0;
  }
  .p-mias .content1 {
    padding-top: 2rem;
    padding-bottom: 11rem;
  }
  .p-mias .content2 {
    padding-top: 3rem;
  }
  .p-mias .content3 {
    padding: 5rem 0 7rem;
  }
  .p-mias .content3 .content {
    margin-top: 9rem;
    padding-bottom: 1.125rem;
  }
  .p-mias .content3 .image {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .p-mias .content3 .image .a-mockup {
    margin-left: -11%;
    width: 104.5%;
  }
  .p-mias .content3 .m-timeline {
    margin-top: 3rem;
  }
  .p-mias .s-task .content {
    padding: 7rem 8% 9.2rem 0;
  }
  .p-mias .s-task .content:before {
    left: -35%;
    right: auto;
    width: 234.25%;
    height: calc(100% - 2.2rem);
  }
  .p-mias .s-task .image img {
    margin-top: 2rem;
    margin-left: -13.5%;
    float: left;
    width: 147%;
  }
  .p-mias .s-task .image .a-bg-circle {
    height: 0;
    width: 18rem;
    padding-top: 18rem;
    left: -7rem;
    bottom: 0;
  }
  .p-mias .s-mockups {
    padding-top: 3rem;
  }
  .p-mias .s-mockups .a-bg-rectangle {
    top: -5rem;
    left: -5.5%;
    width: 125%;
  }
  .p-mias .s-mockups .a-mockup {
    margin-top: 4rem;
  }
  .p-mias .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 200px;
  }
  .p-mias .s-slider.slider2 {
    padding-top: 3.25rem;
  }
  .p-mias .slider2 .o-horizontal-slider .content .a-mockup {
    max-width: 56vw;
    max-height: 50rem;
    padding: 2.5rem 1rem 1rem;
  }
  .p-mias .slider3 {
    padding-top: 1rem;
  }
}
@media (min-width: 1350px) {
  .p-mias .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-mias .s-brand .m-colors .a-color .color {
    height: 9rem;
  }
  .p-mias .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.5rem 0;
  }
}
@media (min-width: 1680px) {
  .p-mias section {
    overflow: visible;
  }
  .p-mias h3 {
    font-size: 2rem;
  }
  .p-mias .s-about {
    transform: translateY(-7.75rem);
    padding-bottom: 4.5rem;
  }
  .p-mias .s-about p.note {
    margin-top: 1.5rem;
  }
  .p-mias .s-task .content {
    padding: 11rem 9.5% 11rem 0;
  }
  .p-mias .s-task .image img {
    margin-top: 3.5rem;
  }
  .p-mias .s-task .image .a-bg-circle {
    height: 0;
    width: 22.5rem;
    padding-top: 22.5rem;
    left: -8.6rem;
    bottom: -2.8rem;
  }
  .p-mias .content1 {
    padding-top: 5.375rem;
    padding-bottom: 16.25rem;
  }
  .p-mias .content1 .thin {
    padding-right: 40%;
    line-height: 1.6;
  }
  .p-mias .content1 .m-timeline {
    height: 24.625rem;
  }
  .p-mias .content2 {
    padding-top: 10.25rem;
  }
  .p-mias .content3 {
    padding: 7.5rem 0;
  }
  .p-mias .content3 .content {
    margin-top: 14.5rem;
    padding-bottom: 5.625rem;
  }
  .p-mias .content3 .image {
    padding: 4.5rem 0;
  }
  .p-mias .content3 .m-timeline {
    margin-top: 4.375rem;
  }
  .p-mias .s-brand {
    padding: 9.8rem 6.875% 10rem 12.8%;
  }
  .p-mias .s-brand:before {
    height: 100%;
    left: -13.5%;
  }
  .p-mias .s-brand p {
    margin-top: 2.75rem;
  }
  .p-mias .s-brand .brand-img {
    margin-top: 5.5rem;
    width: 92%;
  }
  .p-mias .s-brand .brand-logo {
    margin-top: 7.25rem;
  }
  .p-mias .s-brand .bg-circle {
    width: 422px;
    height: 422px;
    right: calc(13.5% - 140px);
    top: -272px;
  }
  .p-mias .s-brand .m-colors .a-color {
    margin: 0 1rem;
  }
  .p-mias .s-brand .m-colors .a-color .color {
    height: 13rem;
  }
  .p-mias .s-brand .m-colors .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-mias .s-mockups {
    padding-top: 5.5rem;
    padding-bottom: 5.875rem;
  }
  .p-mias .s-mockups .a-bg-rectangle {
    top: -7rem;
    padding-top: 30.5rem;
  }
  .p-mias .s-mockups .a-mockup {
    margin-top: 7rem;
  }
  .p-mias .slider1 {
    padding-top: 3.75rem;
  }
  .p-mias .slider3 {
    padding-top: 3rem;
  }
  .p-mias .s-slider.slider2 {
    padding-top: 8rem;
  }
  .p-mias .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
  .p-mias .s-footer {
    padding: 8.75rem 0 1rem;
  }
}
.p-mias .tag-box {
  display: block;
  max-width: 488px;
  margin-top: 20px;
}
.p-mias .tag-box a {
  color: #fff;
  background-color: #20252e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  margin-bottom: 6px;
  padding: 8px 18px;
  font-size: 14px;
  white-space: nowrap;
  border-radius: 15px;
}
.p-mias .s-about {
  padding-top: 300px;
}
.p-mias .s-about:before {
  display: none;
}
@media screen and (max-width: 1660px) {
  .p-mias .s-about {
    padding-top: 240px;
  }
}
@media screen and (max-width: 1440px) {
  .p-mias .s-about {
    padding-top: 214px;
  }
}
@media screen and (max-width: 1024px) {
  .p-mias .s-about {
    padding-top: 114px;
  }
}
@media screen and (max-width: 768px) {
  .p-mias .s-about {
    padding-top: 76px;
  }
}
.p-mias .s-bg-only {
  position: relative;
}
.p-mias .s-bg-only .basic-info {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  height: 77%;
  color: #fff;
  padding: 132px 102px 0px 102px;
}
.p-mias .s-bg-only .basic-info .bi-points {
  margin-top: 62px;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box {
  display: inline-block;
  vertical-align: top;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box:not(:last-child) {
  margin-right: 66px;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box .item:not(:last-child) {
  margin-bottom: 34px;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box .item img, .p-mias .s-bg-only .basic-info .bi-points .bi-box .item p {
  display: inline-block;
  vertical-align: top;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box .item img {
  width: 23px;
  height: auto;
  position: relative;
  top: 6px;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box .item p {
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  line-height: 1.4em;
}
.p-mias .s-bg-only .basic-info .bi-points .bi-box .item p span {
  font-weight: 300;
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}
.p-mias .s-bg-only .laptop-anim {
  width: 48.25%;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 14%;
}
.p-mias .s-bg-only .laptop-anim .placeholder {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  position: relative;
}
.p-mias .s-bg-only .laptop-anim .laptop {
  position: absolute;
  right: -40.5%;
  bottom: 6.5%;
  width: 132%;
  transform: rotate(9deg);
}
.p-mias .s-bg-only .laptop-anim .screen1 {
  position: absolute;
  bottom: 37%;
  right: 23%;
  width: 43%;
  z-index: 2;
  transform: rotate(9deg) translate(27%, 4%) scale(0.918);
  transition: 1.2s transform 1.4s;
  transition-timing-function: ease;
}
.p-mias .s-bg-only .laptop-anim .screen2 {
  position: absolute;
  bottom: 41%;
  right: 37%;
  width: 47%;
  z-index: 3;
  transform: rotate(9deg) translate(61%, 11%) scale(0.83);
  transition: 1.2s transform 1.4s;
  transition-timing-function: ease;
}
.p-mias .s-bg-only .laptop-anim .screen3 {
  position: absolute;
  bottom: 44%;
  right: 49.8%;
  width: 55%;
  z-index: 4;
  transform: rotate(9deg) translate(83%, 18%) scale(0.63);
  transition: 1.5s transform 1.4s;
  transition-timing-function: ease;
}
.p-mias .s-bg-only .laptop-anim.la-active .screen1 {
  transform: rotate(9deg) translate(0%, 0%) scale(1);
}
.p-mias .s-bg-only .laptop-anim.la-active .screen2 {
  transform: rotate(9deg) translate(0%, 0%) scale(1);
}
.p-mias .s-bg-only .laptop-anim.la-active .screen3 {
  transform: rotate(9deg) translate(0%, 0%) scale(1);
}
@media (min-width: 768px) {
  .p-mias .s-bg-only .basic-info {
    width: 92.5%;
  }
}
@media (min-width: 1024px) {
  .p-mias .s-bg-only .basic-info {
    width: 91.625%;
  }
}
@media screen and (max-width: 1660px) {
  .p-mias .s-bg-only .laptop-anim {
    bottom: 26%;
  }
  .p-mias .s-bg-only .basic-info {
    padding: 100px 0px 0px 88px;
  }
}
@media screen and (max-width: 1440px) {
  .p-mias .s-bg-only .basic-info {
    padding: 94px 0px 0px 78px;
  }
  .p-mias .s-bg-only .basic-info .bi-points {
    margin-top: 42px;
  }
  .p-mias .s-bg-only .basic-info .bi-points .bi-box .item:not(:last-child) {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 1300px) {
  .p-mias .s-bg-only .basic-info {
    padding: 30px 0px 0px 42px;
  }
  .p-mias .s-bg-only .laptop-anim {
    width: 43%;
    right: -3%;
  }
}
@media screen and (max-width: 1023px) {
  .p-mias .s-bg-only .basic-info {
    height: 46%;
  }
  .p-mias .s-bg-only .laptop-anim {
    width: 60%;
    bottom: 30%;
    right: 0%;
  }
}
@media screen and (max-width: 768px) {
  .p-mias .s-bg-only {
    padding-top: 30px;
  }
  .p-mias .s-bg-only .basic-info {
    padding: 30px 42px 40px 42px;
    left: 0;
    bottom: 0;
    height: auto;
  }
  .p-mias .s-bg-only .laptop-anim {
    width: 89%;
    bottom: 22%;
  }
}
@media screen and (max-width: 700px) {
  .p-mias .s-bg-only .laptop-anim {
    display: none;
  }
  .p-mias .s-bg-only .basic-info {
    position: relative;
    z-index: 2;
    padding: 30px 20px 32px 40px;
  }
  .p-mias .s-bg-only .basic-info .bi-points .bi-box {
    width: 100%;
  }
  .p-mias .s-bg-only .basic-info .bi-points .bi-box:not(:last-child) {
    margin-right: 0;
    margin-bottom: 28px;
  }
  .p-mias .s-bg-only .basic-info .bi-points .bi-box .item p {
    max-width: calc(100% - 42px);
  }
  .p-mias .s-bg-only .small-screen {
    position: absolute;
    left: 0px;
    top: 30px;
    width: auto;
    height: 122%;
  }
}
.p-mias .m-line {
  width: 70px;
  height: 1px;
  margin-top: 94px;
  margin-bottom: 94px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #d63445;
}
@media screen and (max-width: 1660px) {
  .p-mias .m-line {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 768px) {
  .p-mias .m-line {
    margin-top: 58px;
    margin-bottom: 58px;
  }
}
.p-mias .s-static-image {
  padding-left: 60px;
  padding-right: 60px;
}
.p-mias .s-static-image img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .p-mias .s-static-image {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.p-mias .m-s-services {
  padding-top: 215px;
}
.p-mias .m-s-services h2 {
  text-align: center;
}
.p-mias .m-s-services .services-flex {
  width: 1174px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 75px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.p-mias .m-s-services .services-flex .sf-col {
  flex: 1;
  position: relative;
  transform: translateX(34px);
}
.p-mias .m-s-services .services-flex .sf-col:not(:last-child) {
  padding-right: 30px;
}
.p-mias .m-s-services .services-flex .sf-col .sf-number {
  font-size: 21px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #d63445;
  border-radius: 100%;
  display: block;
}
.p-mias .m-s-services .services-flex .sf-col .sf-title {
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 24px;
  color: #20252e;
}
.p-mias .m-s-services .services-flex .sf-col ul {
  list-style: none;
  font-size: 21px;
  color: #20252e;
  padding-left: 30px;
}
.p-mias .m-s-services .services-flex .sf-col ul li {
  position: relative;
}
.p-mias .m-s-services .services-flex .sf-col ul li:not(:last-child) {
  margin-bottom: 14px;
}
.p-mias .m-s-services .services-flex .sf-col ul li:before {
  content: "";
  background-image: url(https://www.va-fighters.com/assets/img/mias/checkmark.svg);
  width: 14px;
  height: 10px;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 6px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1660px) {
  .p-mias .m-s-services {
    padding-top: 186px;
  }
}
@media screen and (max-width: 1440px) {
  .p-mias .m-s-services {
    padding-top: 156px;
  }
  .p-mias .m-s-services .services-flex .sf-col {
    transform: translateX(74px);
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-number {
    font-size: 19px;
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-title {
    font-size: 22px;
  }
  .p-mias .m-s-services .services-flex .sf-col ul {
    font-size: 19px;
  }
}
@media screen and (max-width: 1224px) {
  .p-mias .m-s-services {
    padding-top: 110px;
  }
  .p-mias .m-s-services .services-flex {
    width: 984px;
  }
  .p-mias .m-s-services .services-flex .sf-col {
    transform: translateX(38px);
  }
}
@media screen and (max-width: 1024px) {
  .p-mias .m-s-services {
    padding-left: 9%;
    padding-right: 5%;
  }
  .p-mias .m-s-services .services-flex {
    width: 100%;
    left: 0%;
    transform: translateX(0%);
    margin-top: 56px;
  }
  .p-mias .m-s-services .services-flex .sf-col {
    transform: translateX(0px);
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-number {
    font-size: 17px;
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-title {
    font-size: 20px;
  }
  .p-mias .m-s-services .services-flex .sf-col ul {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  .p-mias .m-s-services .services-flex {
    width: 340px;
    max-width: 100%;
  }
  .p-mias .m-s-services .services-flex .sf-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-mias .m-s-services .services-flex .sf-col:not(:last-child) {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 548px) {
  .p-mias .m-s-services {
    padding-top: 72px;
  }
  .p-mias .m-s-services .services-flex {
    margin-top: 42px;
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-number {
    font-size: 14px;
  }
  .p-mias .m-s-services .services-flex .sf-col .sf-title {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .p-mias .m-s-services .services-flex .sf-col ul {
    font-size: 14px;
  }
}
.p-mias .content3 .image .a-mockup {
  -webkit-box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
  -moz-box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
  box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
}
.p-mias .s-mobile-mockup {
  text-align: right;
}
.p-mias .s-mobile-mockup .col {
  padding-left: 0;
  padding-right: 0;
}
.p-mias .s-mobile-mockup .mockup, .p-mias .s-mobile-mockup .text-block {
  display: inline-block;
  vertical-align: middle;
}
.p-mias .s-mobile-mockup .mockup {
  width: 334px;
  height: auto;
  margin-right: -10px;
  position: relative;
  z-index: 2;
}
.p-mias .s-mobile-mockup .text-block {
  background-color: #CF201D;
  padding-top: 90px;
  padding-right: 346px;
  padding-bottom: 90px;
  padding-left: 156px;
  color: #fff;
  text-align: left;
}
.p-mias .s-mobile-mockup .text-block h4 {
  font-size: 40px;
}
.p-mias .s-mobile-mockup .text-block ul {
  list-style: none;
  font-size: 24px;
  padding-left: 30px;
}
.p-mias .s-mobile-mockup .text-block ul li {
  position: relative;
}
.p-mias .s-mobile-mockup .text-block ul li:not(:last-child) {
  margin-bottom: 14px;
}
.p-mias .s-mobile-mockup .text-block ul li:before {
  content: "";
  background-image: url(https://www.va-fighters.com/assets/img/mias/checkmark-white.svg);
  width: 14px;
  height: 10px;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 10px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1660px) {
  .p-mias .s-mobile-mockup {
    padding-top: 40px;
  }
  .p-mias .s-mobile-mockup .mockup {
    width: 310px;
  }
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 75px;
    padding-right: 312px;
    padding-bottom: 75px;
    padding-left: 134px;
  }
  .p-mias .s-mobile-mockup .text-block h4 {
    font-size: 36px;
  }
  .p-mias .s-mobile-mockup .text-block ul {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .p-mias .s-mobile-mockup {
    padding-top: 40px;
  }
  .p-mias .s-mobile-mockup .mockup {
    width: 272px;
  }
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 68px;
    padding-right: 288px;
    padding-bottom: 68px;
    padding-left: 110px;
  }
  .p-mias .s-mobile-mockup .text-block h4 {
    font-size: 32px;
  }
  .p-mias .s-mobile-mockup .text-block ul {
    font-size: 20px;
  }
}
@media screen and (max-width: 1278px) {
  .p-mias .s-mobile-mockup .mockup {
    width: 242px;
  }
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 54px;
    padding-right: 216px;
    padding-bottom: 54px;
    padding-left: 80px;
  }
  .p-mias .s-mobile-mockup .text-block h4 {
    font-size: 30px;
  }
  .p-mias .s-mobile-mockup .text-block ul {
    font-size: 18px;
  }
}
@media screen and (max-width: 1278px) {
  .p-mias .s-mobile-mockup .mockup {
    width: 200px;
  }
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 18px;
    padding-right: 120px;
    padding-bottom: 34px;
    padding-left: 64px;
  }
  .p-mias .s-mobile-mockup .text-block h4 {
    font-size: 26px;
  }
  .p-mias .s-mobile-mockup .text-block ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 868px) {
  .p-mias .s-mobile-mockup {
    padding-top: 0;
    text-align: center;
  }
  .p-mias .s-mobile-mockup .mockup {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 8px;
    padding-right: 58px;
    padding-bottom: 20px;
    padding-left: 58px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 568px) {
  .p-mias .s-mobile-mockup .text-block {
    padding-top: 10px;
    padding-right: 36px;
    padding-bottom: 10px;
    padding-left: 36px;
  }
  .p-mias .s-mobile-mockup .text-block h4 {
    font-size: 22px;
  }
  .p-mias .s-mobile-mockup .text-block ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 568px) {
  .p-mias .s-mobile-mockup .text-block {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.p-mias .s-info-number {
  padding-top: 244px;
  padding-bottom: 214px;
}
.p-mias .s-info-number p {
  font-size: 30px;
  text-align: center;
  line-height: 2em;
}
.p-mias .s-info-number p .large-num {
  color: #CF201D;
  font-size: 130px;
  font-weight: 600;
}
@media screen and (max-width: 1660px) {
  .p-mias .s-info-number {
    padding-top: 224px;
    padding-bottom: 198px;
  }
  .p-mias .s-info-number p {
    font-size: 28px;
  }
  .p-mias .s-info-number p .large-num {
    font-size: 120px;
  }
}
@media screen and (max-width: 1440px) {
  .p-mias .s-info-number {
    padding-top: 204px;
    padding-bottom: 184px;
  }
}
@media screen and (max-width: 768px) {
  .p-mias .s-info-number {
    padding-top: 184px;
    padding-bottom: 148px;
  }
  .p-mias .s-info-number p {
    font-size: 26px;
  }
  .p-mias .s-info-number p .large-num {
    font-size: 90px;
  }
}
@media screen and (max-width: 500px) {
  .p-mias .s-info-number {
    padding-top: 110px;
    padding-bottom: 100px;
  }
  .p-mias .s-info-number p {
    font-size: 16px;
  }
  .p-mias .s-info-number p .large-num {
    font-size: 70px;
  }
}
.p-mias .s-mockups {
  position: relative;
  z-index: 2;
}
.p-mias .s-mockups .mockup-desktop {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.p-mias .s-mockups .mockup-desktop:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 500px) {
  .p-mias .s-mockups .mockup-desktop {
    width: 96%;
  }
}
.p-mias .s-mockups-background {
  position: relative;
  margin-top: -17%;
}
.p-mias .s-mockups-background .s-m-bg {
  width: 100%;
  display: block;
}
.p-mias .s-mobile-mockups {
  position: relative;
  z-index: 2;
  text-align: center;
  overflow: visible;
}
.p-mias .s-mobile-mockups img {
  display: inline-block;
  vertical-align: middle;
  width: 15.58%;
  height: auto;
  margin: 0 1.5%;
  position: relative;
  margin-top: -12%;
  z-index: 6;
}
@media screen and (max-width: 768px) {
  .p-mias .s-mobile-mockups .col {
    position: relative;
    margin-top: -12%;
  }
  .p-mias .s-mobile-mockups img {
    margin-top: 0%;
    width: 30.58%;
  }
  .p-mias .s-mobile-mockups img:nth-child(1), .p-mias .s-mobile-mockups img:nth-child(2) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  .p-mias .s-mobile-mockups .col {
    position: relative;
    margin-top: -14%;
  }
  .p-mias .s-mobile-mockups img {
    margin-top: 0%;
    width: 45%;
  }
  .p-mias .s-mobile-mockups img:nth-child(1), .p-mias .s-mobile-mockups img:nth-child(2) {
    margin-bottom: 30px;
  }
}
.p-mias .a-open-ref {
  background-color: #CF201D;
}
.p-mias .s-credits .credit-box {
  padding-top: 30px;
}
.p-mias .s-credits .divider-col {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.p-mias .s-credits .o-credits .name, .p-mias .s-credits .o-credits .job {
  display: inline-block;
  vertical-align: bottom;
}
.p-mias .s-credits .o-credits.u-ta-md-right .job {
  margin-right: 14px;
}
.p-mias .s-credits .o-credits.u-ta-md-left .job {
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .p-mias .s-credits .divider-col {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
}
@media screen and (max-width: 600px) {
  .p-mias .s-credits .o-credits.u-ta-md-right .job {
    margin-right: 0px;
  }
  .p-mias .s-credits .o-credits.u-ta-md-left .job {
    margin-left: 0px;
  }
  .p-mias .s-credits .o-credits .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-mias .s-credits .o-credits .item .name, .p-mias .s-credits .o-credits .item .job {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-mias .s-credits .o-credits .item .name {
    -webkit-order: 1;
    order: 1;
  }
  .p-mias .s-credits .o-credits .item .job {
    -webkit-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 500px) {
  .p-mias .s-footer {
    padding: 0 0 3rem;
  }
}
.p-mias .s-share-buttons {
  padding-top: 50px;
  padding-bottom: 124px;
}
.p-mias .s-share-buttons h4 {
  text-align: center;
}
.p-mias .s-share-buttons .m-socials .a-social {
  color: #20252e;
  background-color: #F0F0F0;
  transition: 0.2s background-color, 0.2s color;
}
.p-mias .s-share-buttons .m-socials .a-social:before, .p-mias .s-share-buttons .m-socials .a-social:after {
  display: none;
}
.p-mias .s-share-buttons .m-socials .a-social:hover {
  color: #F0F0F0;
  background-color: #20252e;
}

.p-elle {
  /* NEW CODE */
  /*---------------------------------------------------*/
  /*---------------------------------------------------*/
}
.p-elle section {
  overflow: hidden;
}
.p-elle section.content3, .p-elle section.content1 {
  overflow: visible;
}
.p-elle h1 u:after,
.p-elle .a-circle,
.p-elle .a-bg-circle,
.p-elle .slick-dots li.slick-active button,
.p-elle .a-open-ref,
.p-elle p u:after,
.p-elle .mCSB_scrollTools .mCSB_dragger:after,
.p-elle .m-timeline:before,
.p-elle .m-timeline .marker,
.p-elle .m-timeline .marker:after,
.p-elle .m-timeline .mark.seen:before {
  background-color: #dcbba7;
}
.p-elle .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before,
.p-elle .m-timeline .marker:before,
.p-elle .a-open-ref span {
  border-color: #dcbba7;
}
.p-elle .u-c-primary {
  color: #dcbba7;
}
.p-elle .u-sticky {
  top: 2.5rem;
}
.p-elle h3 {
  font-weight: 300;
}
.p-elle .s-top .col {
  padding-bottom: 0;
}
.p-elle .s-bg-only {
  height: auto;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.p-elle .s-bg-only .bg {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
}
.p-elle .s-bg-only .a-bg-rectangle, .p-elle .s-bg-only .a-bg-circle {
  display: none;
}
.p-elle .slider2 {
  padding-top: 4.5rem;
}
.p-elle .slider3 {
  padding-bottom: 2.5rem;
  padding-top: 3rem;
}
.p-elle .s-slider {
  overflow: hidden;
}
.p-elle .s-slider .o-horizontal-slider .a-mockup.img-only {
  width: 255px;
}
.p-elle .s-slider .o-horizontal-slider .a-mockup.img-only img {
  width: 100%;
}
.p-elle .content1 {
  padding-top: 0;
  padding-bottom: 4.5rem;
}
.p-elle .content2 {
  padding-top: 1.75rem;
  padding-bottom: 0;
}
.p-elle .content3 {
  padding-top: 5.25rem;
  padding-bottom: 4rem;
}
.p-elle .content3 .image {
  padding: 3.5rem 0;
}
.p-elle .content3 .image .a-mockup {
  margin-left: -3%;
  width: 106%;
  box-shadow: none;
}
.p-elle .s-brand {
  text-align: left;
}
.p-elle .s-brand:before {
  background: #fff;
}
.p-elle .s-brand h2, .p-elle .s-brand p {
  padding: 0 6%;
}
.p-elle .s-brand p {
  margin-top: 3.75rem;
}
@keyframes justio-logo-1 {
  0%, 7.5%, 32.5%, 100% {
    opacity: 0;
  }
  15%, 25% {
    opacity: 0.4;
  }
}
@keyframes justio-logo-2 {
  0%, 17.5%, 42.5%, 100% {
    opacity: 0;
  }
  25%, 35% {
    opacity: 1;
  }
}
@keyframes justio-logo-3 {
  0%, 35%, 97.5%, 100% {
    opacity: 0;
  }
  45%, 90% {
    opacity: 1;
  }
}
.p-elle .s-brand .brand-logo {
  position: relative;
  margin-top: 4.5rem;
  height: 9rem;
  height: 39vw;
}
.p-elle .s-brand .brand-logo img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: opacity;
}
.p-elle .s-brand .brand-logo .step1 {
  animation: justio-logo-1 8s ease infinite;
}
.p-elle .s-brand .brand-logo .step2 {
  animation: justio-logo-2 8s ease infinite;
}
.p-elle .s-brand .brand-logo .step3 {
  animation: justio-logo-3 8s ease infinite;
}
.p-elle .s-task .content:before {
  box-shadow: none;
  height: 139%;
}
.p-elle .s-task .image img {
  display: block;
  width: 113%;
  float: right;
  margin-right: -6.5%;
  margin-top: -1.5rem;
}
.p-elle .s-task .image .a-bg-circle {
  height: 0;
  width: 12.5rem;
  padding-top: 12.5rem;
  left: -0.625rem;
  bottom: 0.25rem;
  z-index: -1;
}
.p-elle .s-mockups {
  padding-top: 0.75rem;
  overflow: hidden;
}
.p-elle .s-mockups h3 {
  text-align: center;
  padding: 0 8%;
  line-height: 1.7;
}
.p-elle .s-mockups .a-mockup {
  height: auto;
  margin-top: 3rem;
}
.p-elle .s-mockups .a-bg-rectangle {
  padding-top: 16rem;
  width: 100%;
  left: 0;
  top: -4.75rem;
  background: #f1f4f7;
  z-index: -1;
}
.p-elle .s-footer {
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-elle h3 {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .p-elle .s-bg-only {
    overflow: visible;
    height: 101.5vw;
  }
  .p-elle .s-bg-only .bg {
    padding-top: 9.5rem;
    margin-left: 7.5%;
    width: 92.5%;
    margin-bottom: -6rem;
  }
  .p-elle .s-bg-only .screens {
    position: absolute;
  }
  .p-elle .s-bg-only .screens.line1 {
    top: -1%;
    left: -15.5%;
    width: 118%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-elle .s-bg-only .screens.line2 {
    top: 16.2%;
    width: 170%;
    left: -25%;
    transform: translate3d(-2rem, 1rem, 0);
    animation: 20s levitate-4 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-elle .s-bg-only .screens.line3 {
    width: 67%;
    top: 70.5%;
    left: 55.5%;
    transform: translate3d(2rem, -1rem, 0);
    animation: 20s levitate-3 cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }
  .p-elle .s-about {
    transform: translateY(0rem);
    padding-bottom: 7.875rem;
    /*&:before{
      left: -7.5%;
    }*/
  }
  .p-elle .content1 {
    padding-top: 3rem;
    padding-bottom: 16rem;
  }
  .p-elle .content1 .m-timeline {
    height: 15.75rem;
    position: absolute;
    margin-top: 3.25rem;
  }
  .p-elle .content2 {
    padding-top: 5rem;
  }
  .p-elle .content3 .image {
    padding: 8.15rem 0 5.65rem;
  }
  .p-elle .content3 .image .a-mockup {
    margin-left: -11.5%;
    width: 123%;
  }
  .p-elle .s-task .image img {
    width: 109.5%;
    margin-top: -3.75rem;
  }
  .p-elle .s-task .image .a-bg-circle {
    height: 0;
    width: 17rem;
    padding-top: 17rem;
    left: -0.875rem;
    bottom: 3.8rem;
  }
  .p-elle .s-task .content {
    padding-top: 7.5rem;
  }
  .p-elle .s-brand {
    padding-right: 7.5%;
    padding-top: 7.5rem;
  }
  .p-elle .s-brand:before {
    left: -7.5%;
    right: auto;
    height: calc(100% - 2.125rem);
  }
  .p-elle .s-brand h2, .p-elle .s-brand p {
    padding: 0;
  }
  .p-elle .s-brand p {
    margin-top: 2.5rem;
  }
  .p-elle .s-brand .container-fluid {
    width: 89%;
  }
  .p-elle .s-brand .brand-logo {
    width: 94%;
    margin-top: 4.25rem;
    height: 14rem;
    height: 27vw;
  }
  .p-elle .s-brand .m-colors {
    margin-top: 1.75rem;
    padding: 0;
  }
  .p-elle .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-elle .s-brand .a-color {
    width: 12rem;
  }
  .p-elle .s-brand .a-color .color {
    height: 11.75rem;
  }
  .p-elle .s-brand .a-color .color > div {
    height: 1.25rem;
  }
  .p-elle .s-brand .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-elle .s-brand .bg-circle {
    position: absolute;
    width: 317px;
    height: 317px;
    top: -203px;
    right: calc(7.5% - 101px);
  }
  .p-elle .s-slider.slider2 {
    padding-bottom: 4rem;
  }
  .p-elle .slider3 {
    padding-bottom: 0;
  }
  .p-elle .s-mockups {
    padding-top: 5.25rem;
    padding-bottom: 4rem;
  }
  .p-elle .s-mockups .a-bg-rectangle {
    left: 7.5%;
    top: -7rem;
    padding-top: 25.5rem;
    box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(75, 94, 127, 0.3);
  }
  .p-elle .s-mockups .a-mockup {
    margin-top: 4.75rem;
  }
}
@media (min-width: 1024px) {
  .p-elle main {
    overflow: unset;
  }
  .p-elle h3 {
    font-size: 1.625rem;
  }
  .p-elle .s-top .col {
    padding-bottom: 0;
  }
  .p-elle .s-bg-only {
    height: 42.5vw;
  }
  .p-elle .s-bg-only .bg {
    width: 91.625%;
    margin-left: 8.375%;
    padding-top: 0;
    top: -0.75rem;
  }
  .p-elle .s-bg-only .screens.line1 {
    top: -33%;
    left: 12.2%;
    width: 63.5%;
  }
  .p-elle .s-bg-only .screens.line2 {
    top: -11%;
    width: 91.1%;
    left: 7.3%;
  }
  .p-elle .s-bg-only .screens.line3 {
    width: 37.1%;
    top: 58%;
    left: 49.6%;
  }
  .p-elle .s-about {
    transform: translateY(-4.5rem);
    padding-bottom: 4.5rem;
    /*&:before{
      left: -8.25%;
    }*/
  }
  .p-elle .s-brand {
    padding-left: 12.5%;
    padding-bottom: 8rem;
    margin-bottom: 0;
  }
  .p-elle .s-brand p {
    margin-top: 2rem;
  }
  .p-elle .s-brand .container-fluid {
    width: 100%;
  }
  .p-elle .s-brand .brand-logo {
    height: 13vw;
    width: 83%;
  }
  .p-elle .s-brand .m-colors {
    justify-content: flex-start;
    margin: 36.5% 0 0 9%;
  }
  .p-elle .s-brand .m-colors .a-color {
    margin: 0 0.5rem;
  }
  .p-elle .s-brand .m-colors .a-color .color {
    height: 7.5rem;
  }
  .p-elle .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.125rem 0;
  }
  .p-elle .content1 {
    padding-top: 2rem;
    padding-bottom: 11rem;
  }
  .p-elle .content2 {
    padding-top: 3rem;
  }
  .p-elle .content3 {
    padding: 5rem 0 7rem;
  }
  .p-elle .content3 .content {
    margin-top: 9rem;
    padding-bottom: 1.125rem;
  }
  .p-elle .content3 .image {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .p-elle .content3 .image .a-mockup {
    margin-left: -11%;
    width: 104.5%;
  }
  .p-elle .content3 .m-timeline {
    margin-top: 3rem;
  }
  .p-elle .s-task .content {
    padding: 7rem 8% 9.2rem 0;
  }
  .p-elle .s-task .content:before {
    left: -35%;
    right: auto;
    width: 234.25%;
    height: calc(100% - 2.2rem);
  }
  .p-elle .s-task .image img {
    margin-top: 2rem;
    margin-left: -13.5%;
    float: left;
    width: 147%;
  }
  .p-elle .s-task .image .a-bg-circle {
    height: 0;
    width: 18rem;
    padding-top: 18rem;
    left: -7rem;
    bottom: 0;
  }
  .p-elle .s-mockups {
    padding-top: 3rem;
  }
  .p-elle .s-mockups .a-bg-rectangle {
    top: -5rem;
    left: -5.5%;
    width: 125%;
  }
  .p-elle .s-mockups .a-mockup {
    margin-top: 4rem;
  }
  .p-elle .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 200px;
  }
  .p-elle .s-slider.slider2 {
    padding-top: 3.25rem;
  }
  .p-elle .slider2 .o-horizontal-slider .content .a-mockup {
    max-width: 56vw;
    max-height: 50rem;
    padding: 2.5rem 1rem 1rem;
  }
  .p-elle .slider3 {
    padding-top: 1rem;
  }
}
@media (min-width: 1350px) {
  .p-elle .s-brand .m-colors .a-color {
    margin: 0 0.875rem;
  }
  .p-elle .s-brand .m-colors .a-color .color {
    height: 9rem;
  }
  .p-elle .s-brand .m-colors .a-color .name {
    font-size: 1rem;
    padding: 1.5rem 0;
  }
}
@media (min-width: 1680px) {
  .p-elle section {
    overflow: visible;
  }
  .p-elle h3 {
    font-size: 2rem;
  }
  .p-elle .s-about {
    transform: translateY(-7.75rem);
    padding-bottom: 4.5rem;
  }
  .p-elle .s-about p.note {
    margin-top: 1.5rem;
  }
  .p-elle .s-task .content {
    padding: 11rem 9.5% 11rem 0;
  }
  .p-elle .s-task .image img {
    margin-top: 3.5rem;
  }
  .p-elle .s-task .image .a-bg-circle {
    height: 0;
    width: 22.5rem;
    padding-top: 22.5rem;
    left: -8.6rem;
    bottom: -2.8rem;
  }
  .p-elle .content1 {
    padding-top: 5.375rem;
    padding-bottom: 16.25rem;
  }
  .p-elle .content1 .thin {
    padding-right: 40%;
    line-height: 1.6;
  }
  .p-elle .content1 .m-timeline {
    height: 24.625rem;
  }
  .p-elle .content2 {
    padding-top: 10.25rem;
  }
  .p-elle .content3 {
    padding: 7.5rem 0;
  }
  .p-elle .content3 .content {
    margin-top: 14.5rem;
    padding-bottom: 5.625rem;
  }
  .p-elle .content3 .image {
    padding: 4.5rem 0;
  }
  .p-elle .content3 .m-timeline {
    margin-top: 4.375rem;
  }
  .p-elle .s-brand {
    padding: 9.8rem 6.875% 10rem 12.8%;
  }
  .p-elle .s-brand:before {
    height: 100%;
    left: -13.5%;
  }
  .p-elle .s-brand p {
    margin-top: 2.75rem;
  }
  .p-elle .s-brand .brand-img {
    margin-top: 5.5rem;
    width: 92%;
  }
  .p-elle .s-brand .brand-logo {
    margin-top: 7.25rem;
  }
  .p-elle .s-brand .bg-circle {
    width: 422px;
    height: 422px;
    right: calc(13.5% - 140px);
    top: -272px;
  }
  .p-elle .s-brand .m-colors .a-color {
    margin: 0 1rem;
  }
  .p-elle .s-brand .m-colors .a-color .color {
    height: 13rem;
  }
  .p-elle .s-brand .m-colors .a-color .name {
    font-size: 1.125rem;
    padding: 1.75rem 0;
  }
  .p-elle .s-mockups {
    padding-top: 5.5rem;
    padding-bottom: 5.875rem;
  }
  .p-elle .s-mockups .a-bg-rectangle {
    top: -7rem;
    padding-top: 30.5rem;
  }
  .p-elle .s-mockups .a-mockup {
    margin-top: 7rem;
  }
  .p-elle .slider1 {
    padding-top: 3.75rem;
  }
  .p-elle .slider3 {
    padding-top: 3rem;
  }
  .p-elle .s-slider.slider2 {
    padding-top: 8rem;
  }
  .p-elle .s-slider .o-horizontal-slider .a-mockup.img-only {
    width: 255px;
  }
  .p-elle .s-footer {
    padding: 8.75rem 0 1rem;
  }
}
.p-elle .tag-box {
  display: block;
  max-width: 488px;
  margin-top: 20px;
}
.p-elle .tag-box a {
  color: #fff;
  background-color: #20252e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  margin-bottom: 6px;
  padding: 8px 18px;
  font-size: 14px;
  white-space: nowrap;
  border-radius: 15px;
}
.p-elle .s-about {
  padding-top: 300px;
}
.p-elle .s-about:before {
  display: none;
}
@media screen and (max-width: 1660px) {
  .p-elle .s-about {
    padding-top: 240px;
  }
}
@media screen and (max-width: 1440px) {
  .p-elle .s-about {
    padding-top: 214px;
  }
}
@media screen and (max-width: 1024px) {
  .p-elle .s-about {
    padding-top: 114px;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .s-about {
    padding-top: 76px;
  }
}
.p-elle .s-bg-only {
  position: relative;
}
.p-elle .s-bg-only .basic-info {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  height: 77%;
  color: #fff;
  padding: 132px 102px 0px 102px;
}
.p-elle .s-bg-only .basic-info .bi-points {
  margin-top: 62px;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box {
  display: inline-block;
  vertical-align: top;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box:not(:last-child) {
  margin-right: 66px;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box .item:not(:last-child) {
  margin-bottom: 34px;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box .item img, .p-elle .s-bg-only .basic-info .bi-points .bi-box .item p {
  display: inline-block;
  vertical-align: top;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box .item img {
  width: 23px;
  height: auto;
  position: relative;
  top: 6px;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box .item p {
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  line-height: 1.4em;
}
.p-elle .s-bg-only .basic-info .bi-points .bi-box .item p span {
  font-weight: 300;
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}
.p-elle .s-bg-only .title-anim {
  width: 30.6%;
  display: block;
  position: absolute;
  right: 13%;
  bottom: 44%;
}
.p-elle .s-bg-only .title-anim .screen1 {
  position: relative;
  width: 100%;
  transition: 1.4s transform 1.4s, 1.4s opacity 1.4s;
  will-change: transform;
  transform-origin: 0% 100%;
  transform: translate(5%, 5%) rotate(-10deg) scale(0.9);
  opacity: 0;
}
.p-elle .s-bg-only .title-anim .screen2 {
  position: absolute;
  left: -4%;
  top: 20%;
  width: 35%;
  transition: 1.4s transform 1.5s, 1.4s opacity 1.5s;
  will-change: transform;
  transform-origin: 100% 100%;
  transform: translate(-5%, -5%) rotate(10deg) scale(0.9);
  opacity: 0;
}
.p-elle .s-bg-only .title-anim.ta-active .screen1 {
  transform: translate(0%, 0%) rotate(0deg) scale(1);
  opacity: 1;
}
.p-elle .s-bg-only .title-anim.ta-active .screen2 {
  transform: translate(0%, 0%) rotate(0deg) scale(1);
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .p-elle .s-bg-only .title-anim {
    bottom: 56%;
  }
}
@media screen and (max-width: 1023px) {
  .p-elle .s-bg-only .title-anim {
    width: 40.6%;
    right: 26%;
    bottom: 46%;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .s-bg-only .title-anim {
    width: 63.6%;
    right: 13%;
    bottom: 38%;
  }
}
@media screen and (max-width: 700px) {
  .p-elle .s-bg-only .title-anim {
    display: none;
  }
}
@media (min-width: 768px) {
  .p-elle .s-bg-only .basic-info {
    width: 92.5%;
  }
}
@media (min-width: 1024px) {
  .p-elle .s-bg-only .basic-info {
    width: 91.625%;
  }
}
@media screen and (max-width: 1660px) {
  .p-elle .s-bg-only .laptop-anim {
    bottom: 26%;
  }
  .p-elle .s-bg-only .basic-info {
    padding: 100px 0px 0px 88px;
  }
}
@media screen and (max-width: 1440px) {
  .p-elle .s-bg-only .basic-info {
    padding: 94px 0px 0px 78px;
  }
  .p-elle .s-bg-only .basic-info .bi-points {
    margin-top: 42px;
  }
  .p-elle .s-bg-only .basic-info .bi-points .bi-box .item:not(:last-child) {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 1300px) {
  .p-elle .s-bg-only .basic-info {
    padding: 30px 0px 0px 42px;
  }
  .p-elle .s-bg-only .laptop-anim {
    width: 43%;
    right: -3%;
  }
}
@media screen and (max-width: 1023px) {
  .p-elle .s-bg-only .basic-info {
    height: 46%;
  }
  .p-elle .s-bg-only .laptop-anim {
    width: 60%;
    bottom: 30%;
    right: 0%;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .s-bg-only {
    padding-top: 30px;
  }
  .p-elle .s-bg-only .basic-info {
    padding: 30px 42px 40px 42px;
    left: 0;
    bottom: 0;
    height: auto;
  }
  .p-elle .s-bg-only .laptop-anim {
    width: 89%;
    bottom: 22%;
  }
}
@media screen and (max-width: 700px) {
  .p-elle .s-bg-only .laptop-anim {
    display: none;
  }
  .p-elle .s-bg-only .basic-info {
    position: relative;
    z-index: 2;
    padding: 30px 20px 32px 40px;
  }
  .p-elle .s-bg-only .basic-info .bi-points .bi-box {
    width: 100%;
  }
  .p-elle .s-bg-only .basic-info .bi-points .bi-box:not(:last-child) {
    margin-right: 0;
    margin-bottom: 28px;
  }
  .p-elle .s-bg-only .basic-info .bi-points .bi-box .item p {
    max-width: calc(100% - 42px);
  }
  .p-elle .s-bg-only .small-screen {
    position: absolute;
    left: 0px;
    top: 30px;
    width: auto;
    height: 122%;
  }
}
.p-elle .m-line {
  width: 70px;
  height: 1px;
  margin-top: 94px;
  margin-bottom: 94px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #dcbba7;
}
@media screen and (max-width: 1660px) {
  .p-elle .m-line {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .m-line {
    margin-top: 58px;
    margin-bottom: 58px;
  }
}
.p-elle .s-static-image {
  padding-left: 60px;
  padding-right: 60px;
}
.p-elle .s-static-image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-elle .s-static-image video {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-elle .s-static-image {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.p-elle .m-s-services {
  padding-top: 215px;
}
.p-elle .m-s-services h2 {
  text-align: center;
}
.p-elle .m-s-services .services-flex {
  width: 1174px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 75px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.p-elle .m-s-services .services-flex .sf-col {
  flex: 1;
  position: relative;
  transform: translateX(34px);
}
.p-elle .m-s-services .services-flex .sf-col:not(:last-child) {
  padding-right: 30px;
}
.p-elle .m-s-services .services-flex .sf-col .sf-number {
  font-size: 21px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #dcbba7;
  border-radius: 100%;
  display: block;
}
.p-elle .m-s-services .services-flex .sf-col .sf-title {
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 24px;
  color: #20252e;
}
.p-elle .m-s-services .services-flex .sf-col ul {
  list-style: none;
  font-size: 21px;
  color: #20252e;
  padding-left: 30px;
}
.p-elle .m-s-services .services-flex .sf-col ul li {
  position: relative;
}
.p-elle .m-s-services .services-flex .sf-col ul li:not(:last-child) {
  margin-bottom: 14px;
}
.p-elle .m-s-services .services-flex .sf-col ul li:before {
  content: "";
  background-image: url(https://www.va-fighters.com/assets/img/elle/checkmark.svg);
  width: 14px;
  height: 10px;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 6px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1660px) {
  .p-elle .m-s-services {
    padding-top: 186px;
  }
}
@media screen and (max-width: 1440px) {
  .p-elle .m-s-services {
    padding-top: 156px;
  }
  .p-elle .m-s-services .services-flex .sf-col {
    transform: translateX(74px);
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-number {
    font-size: 19px;
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-title {
    font-size: 22px;
  }
  .p-elle .m-s-services .services-flex .sf-col ul {
    font-size: 19px;
  }
}
@media screen and (max-width: 1224px) {
  .p-elle .m-s-services {
    padding-top: 110px;
  }
  .p-elle .m-s-services .services-flex {
    width: 984px;
  }
  .p-elle .m-s-services .services-flex .sf-col {
    transform: translateX(38px);
  }
}
@media screen and (max-width: 1024px) {
  .p-elle .m-s-services {
    padding-left: 9%;
    padding-right: 5%;
  }
  .p-elle .m-s-services .services-flex {
    width: 100%;
    left: 0%;
    transform: translateX(0%);
    margin-top: 56px;
  }
  .p-elle .m-s-services .services-flex .sf-col {
    transform: translateX(0px);
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-number {
    font-size: 17px;
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-title {
    font-size: 20px;
  }
  .p-elle .m-s-services .services-flex .sf-col ul {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .m-s-services .services-flex {
    width: 340px;
    max-width: 100%;
  }
  .p-elle .m-s-services .services-flex .sf-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-elle .m-s-services .services-flex .sf-col:not(:last-child) {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 548px) {
  .p-elle .m-s-services {
    padding-top: 72px;
  }
  .p-elle .m-s-services .services-flex {
    margin-top: 42px;
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-number {
    font-size: 14px;
  }
  .p-elle .m-s-services .services-flex .sf-col .sf-title {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .p-elle .m-s-services .services-flex .sf-col ul {
    font-size: 14px;
  }
}
.p-elle .content3 .image .a-mockup {
  -webkit-box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
  -moz-box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
  box-shadow: 2px 2px 18px 0px rgba(75, 94, 127, 0.15);
}
.p-elle .s-mobile-mockup {
  text-align: right;
}
.p-elle .s-mobile-mockup .col {
  padding-left: 0;
  padding-right: 0;
}
.p-elle .s-mobile-mockup .mockup, .p-elle .s-mobile-mockup .text-block {
  display: inline-block;
  vertical-align: middle;
}
.p-elle .s-mobile-mockup .mockup {
  width: 334px;
  height: auto;
  margin-right: -10px;
  position: relative;
  z-index: 2;
}
.p-elle .s-mobile-mockup .text-block {
  background-color: #dcbba7;
  padding-top: 90px;
  padding-right: 346px;
  padding-bottom: 90px;
  padding-left: 156px;
  color: #20252e;
  text-align: left;
}
.p-elle .s-mobile-mockup .text-block h4 {
  font-size: 40px;
}
.p-elle .s-mobile-mockup .text-block ul {
  list-style: none;
  font-size: 24px;
  padding-left: 30px;
}
.p-elle .s-mobile-mockup .text-block ul li {
  position: relative;
}
.p-elle .s-mobile-mockup .text-block ul li:not(:last-child) {
  margin-bottom: 14px;
}
.p-elle .s-mobile-mockup .text-block ul li:before {
  content: "";
  background-image: url(https://www.va-fighters.com/assets/img/elle/checkmark-black.svg);
  width: 14px;
  height: 10px;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 10px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1660px) {
  .p-elle .s-mobile-mockup {
    padding-top: 40px;
  }
  .p-elle .s-mobile-mockup .mockup {
    width: 310px;
  }
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 75px;
    padding-right: 312px;
    padding-bottom: 75px;
    padding-left: 134px;
  }
  .p-elle .s-mobile-mockup .text-block h4 {
    font-size: 36px;
  }
  .p-elle .s-mobile-mockup .text-block ul {
    font-size: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .p-elle .s-mobile-mockup {
    padding-top: 40px;
  }
  .p-elle .s-mobile-mockup .mockup {
    width: 272px;
  }
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 68px;
    padding-right: 288px;
    padding-bottom: 68px;
    padding-left: 110px;
  }
  .p-elle .s-mobile-mockup .text-block h4 {
    font-size: 32px;
  }
  .p-elle .s-mobile-mockup .text-block ul {
    font-size: 20px;
  }
}
@media screen and (max-width: 1278px) {
  .p-elle .s-mobile-mockup .mockup {
    width: 242px;
  }
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 54px;
    padding-right: 216px;
    padding-bottom: 54px;
    padding-left: 80px;
  }
  .p-elle .s-mobile-mockup .text-block h4 {
    font-size: 30px;
  }
  .p-elle .s-mobile-mockup .text-block ul {
    font-size: 18px;
  }
}
@media screen and (max-width: 1278px) {
  .p-elle .s-mobile-mockup .mockup {
    width: 200px;
  }
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 18px;
    padding-right: 120px;
    padding-bottom: 34px;
    padding-left: 64px;
  }
  .p-elle .s-mobile-mockup .text-block h4 {
    font-size: 26px;
  }
  .p-elle .s-mobile-mockup .text-block ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 868px) {
  .p-elle .s-mobile-mockup {
    padding-top: 0;
    text-align: center;
  }
  .p-elle .s-mobile-mockup .mockup {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 8px;
    padding-right: 58px;
    padding-bottom: 20px;
    padding-left: 58px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 568px) {
  .p-elle .s-mobile-mockup .text-block {
    padding-top: 10px;
    padding-right: 36px;
    padding-bottom: 10px;
    padding-left: 36px;
  }
  .p-elle .s-mobile-mockup .text-block h4 {
    font-size: 22px;
  }
  .p-elle .s-mobile-mockup .text-block ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 568px) {
  .p-elle .s-mobile-mockup .text-block {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.p-elle .s-info-number {
  padding-top: 244px;
  padding-bottom: 214px;
}
.p-elle .s-info-number p {
  font-size: 30px;
  text-align: center;
  line-height: 2em;
}
.p-elle .s-info-number p .large-num {
  color: #dcbba7;
  font-size: 130px;
  font-weight: 600;
}
@media screen and (max-width: 1660px) {
  .p-elle .s-info-number {
    padding-top: 224px;
    padding-bottom: 198px;
  }
  .p-elle .s-info-number p {
    font-size: 28px;
  }
  .p-elle .s-info-number p .large-num {
    font-size: 120px;
  }
}
@media screen and (max-width: 1440px) {
  .p-elle .s-info-number {
    padding-top: 204px;
    padding-bottom: 184px;
  }
}
@media screen and (max-width: 768px) {
  .p-elle .s-info-number {
    padding-top: 184px;
    padding-bottom: 148px;
  }
  .p-elle .s-info-number p {
    font-size: 26px;
  }
  .p-elle .s-info-number p .large-num {
    font-size: 90px;
  }
}
@media screen and (max-width: 500px) {
  .p-elle .s-info-number {
    padding-top: 110px;
    padding-bottom: 100px;
  }
  .p-elle .s-info-number p {
    font-size: 16px;
  }
  .p-elle .s-info-number p .large-num {
    font-size: 70px;
  }
}
.p-elle .s-mockups {
  position: relative;
  z-index: 2;
  padding-top: 7rem;
}
.p-elle .s-mockups .mockup-desktop {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.p-elle .s-mockups .mockup-desktop:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 500px) {
  .p-elle .s-mockups {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 500px) {
  .p-elle .s-mockups .mockup-desktop {
    width: 96%;
  }
}
.p-elle .s-mockups-background {
  position: relative;
  margin-top: -17%;
}
.p-elle .s-mockups-background .s-m-bg {
  width: 100%;
  display: block;
}
.p-elle .s-mobile-mockups {
  position: relative;
  z-index: 2;
  text-align: center;
  overflow: visible;
}
.p-elle .s-mobile-mockups img {
  display: inline-block;
  vertical-align: middle;
  width: 15.58%;
  height: auto;
  margin: 0 1.5%;
  position: relative;
  margin-top: -12%;
  z-index: 6;
}
@media screen and (max-width: 768px) {
  .p-elle .s-mobile-mockups .col {
    position: relative;
    margin-top: -12%;
  }
  .p-elle .s-mobile-mockups img {
    margin-top: 0%;
    width: 30.58%;
  }
  .p-elle .s-mobile-mockups img:nth-child(1), .p-elle .s-mobile-mockups img:nth-child(2) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  .p-elle .s-mobile-mockups .col {
    position: relative;
    margin-top: -14%;
  }
  .p-elle .s-mobile-mockups img {
    margin-top: 0%;
    width: 45%;
  }
  .p-elle .s-mobile-mockups img:nth-child(1), .p-elle .s-mobile-mockups img:nth-child(2) {
    margin-bottom: 30px;
  }
}
.p-elle .a-open-ref {
  background-color: #dcbba7;
}
.p-elle .s-credits .credit-box {
  padding-top: 30px;
}
.p-elle .s-credits .divider-col {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.p-elle .s-credits .o-credits .name, .p-elle .s-credits .o-credits .job {
  display: inline-block;
  vertical-align: bottom;
}
.p-elle .s-credits .o-credits.u-ta-md-right .job {
  margin-right: 14px;
}
.p-elle .s-credits .o-credits.u-ta-md-left .job {
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .p-elle .s-credits .divider-col {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
}
@media screen and (max-width: 600px) {
  .p-elle .s-credits .o-credits.u-ta-md-right .job {
    margin-right: 0px;
  }
  .p-elle .s-credits .o-credits.u-ta-md-left .job {
    margin-left: 0px;
  }
  .p-elle .s-credits .o-credits .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-elle .s-credits .o-credits .item .name, .p-elle .s-credits .o-credits .item .job {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-elle .s-credits .o-credits .item .name {
    -webkit-order: 1;
    order: 1;
  }
  .p-elle .s-credits .o-credits .item .job {
    -webkit-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 500px) {
  .p-elle .s-footer {
    padding: 0 0 3rem;
  }
}
.p-elle .s-share-buttons {
  padding-top: 50px;
  padding-bottom: 124px;
}
.p-elle .s-share-buttons h4 {
  text-align: center;
}
.p-elle .s-share-buttons .m-socials .a-social {
  color: #20252e;
  background-color: #F0F0F0;
  transition: 0.2s background-color, 0.2s color;
}
.p-elle .s-share-buttons .m-socials .a-social:before, .p-elle .s-share-buttons .m-socials .a-social:after {
  display: none;
}
.p-elle .s-share-buttons .m-socials .a-social:hover {
  color: #F0F0F0;
  background-color: #20252e;
}

.t-en .a-nav-lang:before {
  left: 50%;
}
.t-en .a-nav-lang span {
  color: #20252e;
}
.t-en .a-nav-lang span + span {
  color: #fff;
}
.t-en .a-nav-lang:hover:before {
  left: -50%;
}
.t-en .a-nav-lang:hover span {
  color: #fff;
}
.t-en .a-nav-lang:hover span + span {
  color: #20252e;
}
.t-en.p-ammotio .o-switch .slick-dots > li:nth-child(1) button:after {
  content: "Month";
}
.t-en.p-ammotio .o-switch .slick-dots > li:nth-child(2) button:after {
  content: "Week";
}
.t-en.p-cisnik .s-content.content1 h3 {
  margin-bottom: 0;
}
.t-en.p-cisnik .s-content.content1 h3 + p {
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .t-en.p-cisnik .s-task .image2 img {
    margin-top: -22%;
  }
}
@media (min-width: 1350px) {
  .t-en.p-cisnik .s-task .image2 img {
    margin-top: -12rem;
  }
}
@media (min-width: 1680px) {
  .t-en.p-cisnik .s-task .image2 img {
    margin-top: -16rem;
  }
}
@media (min-width: 1024px) {
  .t-en.p-justio .content1 .m-timeline {
    height: 13.75rem;
  }
}
@media (min-width: 1680px) {
  .t-en.p-justio .content1 .m-timeline {
    height: 20rem;
  }
}

.u-ta-left {
  text-align: left;
}
.u-ta-center {
  text-align: center;
}
.u-ta-right {
  text-align: right;
}
@media (min-width: 768px) {
  .u-ta-md-left {
    text-align: left;
  }
  .u-ta-md-center {
    text-align: center;
  }
  .u-ta-md-right {
    text-align: right;
  }
}
.u-f-heading {
  font-family: "Trirong", serif;
}
.u-sticky {
  position: sticky;
  top: 0;
}
.u-scroll-to {
  cursor: pointer;
}

.u-c-primary {
  color: #f03846;
}
.u-c-gray {
  color: #adb1bc;
}
.u-c-finlandia {
  color: #d63445;
}

.u-d-n {
  display: none !important;
}
.u-d-b {
  display: block !important;
}
.u-d-i {
  display: inline !important;
}
.u-d-ib {
  display: inline-block !important;
}
.u-d-f {
  display: flex !important;
}
.u-d-if {
  display: inline-flex !important;
}
@media (min-width: 350px) {
  .u-d-xs-n {
    display: none !important;
  }
  .u-d-xs-b {
    display: block !important;
  }
  .u-d-xs-i {
    display: inline !important;
  }
  .u-d-xs-ib {
    display: inline-block !important;
  }
  .u-d-xs-f {
    display: flex !important;
  }
  .u-d-xs-if {
    display: inline-flex !important;
  }
}
@media (min-width: 568px) {
  .u-d-sm-n {
    display: none !important;
  }
  .u-d-sm-b {
    display: block !important;
  }
  .u-d-sm-i {
    display: inline !important;
  }
  .u-d-sm-ib {
    display: inline-block !important;
  }
  .u-d-sm-f {
    display: flex !important;
  }
  .u-d-sm-if {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .u-d-md-n {
    display: none !important;
  }
  .u-d-md-b {
    display: block !important;
  }
  .u-d-md-i {
    display: inline !important;
  }
  .u-d-md-ib {
    display: inline-block !important;
  }
  .u-d-md-f {
    display: flex !important;
  }
  .u-d-md-if {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .u-d-lg-n {
    display: none !important;
  }
  .u-d-lg-b {
    display: block !important;
  }
  .u-d-lg-i {
    display: inline !important;
  }
  .u-d-lg-ib {
    display: inline-block !important;
  }
  .u-d-lg-f {
    display: flex !important;
  }
  .u-d-lg-if {
    display: inline-flex !important;
  }
}
@media (min-width: 1350px) {
  .u-d-xl-n {
    display: none !important;
  }
  .u-d-xl-b {
    display: block !important;
  }
  .u-d-xl-i {
    display: inline !important;
  }
  .u-d-xl-ib {
    display: inline-block !important;
  }
  .u-d-xl-f {
    display: flex !important;
  }
  .u-d-xl-if {
    display: inline-flex !important;
  }
}
@media (min-width: 1680px) {
  .u-d-xxl-n {
    display: none !important;
  }
  .u-d-xxl-b {
    display: block !important;
  }
  .u-d-xxl-i {
    display: inline !important;
  }
  .u-d-xxl-ib {
    display: inline-block !important;
  }
  .u-d-xxl-f {
    display: flex !important;
  }
  .u-d-xxl-if {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .u-landing, .u-landing-self, .u-landing-on-load, .u-landing-reverse {
    will-change: transform, opacity;
    transition: 1.75s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1.75s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateY(3rem);
    opacity: 0;
  }
  .u-landing.landed, .u-landing-self.landed, .u-landing-on-load.landed, .u-landing-reverse.landed {
    transform: translateY(0);
    opacity: 1;
  }

  .u-landing-reverse {
    transform: translateY(-3rem);
  }

  .u-landing-2, .u-landing-2-on-load {
    will-change: opacity;
    transition: 3s opacity ease-out;
  }
  .u-landing-2.landed, .u-landing-2-on-load.landed {
    opacity: 1;
  }

  .u-delay-1 {
    transition-delay: 0.2s !important;
  }
  .u-delay-2 {
    transition-delay: 0.4s !important;
  }
  .u-delay-3 {
    transition-delay: 0.6s !important;
  }
  .u-delay-4 {
    transition-delay: 0.8s !important;
  }
  .u-delay-5 {
    transition-delay: 1s !important;
  }
  .u-delay-6 {
    transition-delay: 1.2s !important;
  }
  .u-delay-7 {
    transition-delay: 1.4s !important;
  }
  .u-delay-8 {
    transition-delay: 1.6s !important;
  }
  .u-delay-9 {
    transition-delay: 1.8s !important;
  }
}
.u-delay-0 {
  transition-delay: 0s !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .m-tile-header img.bg {
    width: auto;
    min-width: 100%;
    max-width: 200%;
    left: -50%;
    right: -50%;
    margin: auto;
  }

  .o-tile.justio .m-tile-header img.bg {
    height: auto;
    min-height: 100%;
    max-height: 200%;
    top: -50%;
    bottom: -50%;
    left: 0;
    right: 0;
    width: 100%;
  }

  .p-hp .o-tile.cisnik .circle1 .shadow:before,
.p-cisnik .s-top .a-bg-circle .shadow:before {
    display: none;
    content: none;
  }

  .m-preloader .m-logo.circles .a-logo .circular1 .loader-path {
    stroke-dasharray: 140, 500;
  }
}

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