@charset "UTF-8";

@font-face {
  font-family: 'Georgia';
  src: url(../fonts/georgia/regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia';
  src: url(../fonts/georgia/italic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Georgia';
  src: url(../fonts/georgia/bold.woff) format("woff");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: 'Gerbera';
  src: url(../fonts/gerbera/light.woff2) format("woff2"), url(../fonts/gerbera/light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gerbera';
  src: url(../fonts/gerbera/regular.woff2) format("woff2"), url(../fonts/gerbera/regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gerbera';
  src: url(../fonts/gerbera/medium.woff2) format("woff2"), url(../fonts/gerbera/medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gerbera';
  src: url(../fonts/gerbera/bold.woff2) format("woff2"), url(../fonts/gerbera/bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gerbera';
  src: url(../fonts/gerbera/black.woff2) format("woff2"), url(../fonts/gerbera/black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url("../fonts/Helvetica/Helvetica-regular/HelveticaRegular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaBold';
  src: url("../fonts/Helvetica/Helvetica-bold/HelveticaBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PTSans-Caption';
  src: url(../fonts/PTSansCaption/regular.woff) format("woff");
}

/* raleway-regular - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-regular.svg#Raleway") format("svg");
  /* Legacy iOS */
}

/* raleway-500 - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-500.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-500.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-500.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-500.svg#Raleway") format("svg");
  /* Legacy iOS */
}

/* raleway-600 - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-600.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-600.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-600.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-600.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-600.svg#Raleway") format("svg");
  /* Legacy iOS */
}

/* raleway-700 - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-700.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-700.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-700.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-700.svg#Raleway") format("svg");
  /* Legacy iOS */
}

/* raleway-800 - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-800.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-800.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-800.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-800.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-800.svg#Raleway") format("svg");
  /* Legacy iOS */
}

/* raleway-900 - latin_cyrillic */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/raleway/raleway-v17-latin_cyrillic-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/raleway/raleway-v17-latin_cyrillic-900.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-900.woff2") format("woff2"), url("../fonts/raleway/raleway-v17-latin_cyrillic-900.woff") format("woff"), url("../fonts/raleway/raleway-v17-latin_cyrillic-900.ttf") format("truetype"), url("../fonts/raleway/raleway-v17-latin_cyrillic-900.svg#Raleway") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Ruble';
  src: url("./fonts/ruble/ruble.woff2") format("woff2"), url("./fonts/ruble/ruble.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Ruble';
  src: url("../fonts/ruble/ALSRubl.woff2") format("woff2"), url("../fonts/ruble/ALSRubl.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/light.woff2") format("woff2"), url("../fonts/san-francisco/light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/lightitalic.woff2") format("woff2"), url("../fonts/san-francisco/lightitalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/regular.woff2") format("woff2"), url("../fonts/san-francisco/regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/italic.woff2") format("woff2"), url("../fonts/san-francisco/italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/medium.woff2") format("woff2"), url("../fonts/san-francisco/medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/mediumitalic.woff2") format("woff2"), url("../fonts/san-francisco/mediumitalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/semibold.woff2") format("woff2"), url("../fonts/san-francisco/semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/semibolditalic.woff2") format("woff2"), url("../fonts/san-francisco/semibolditalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/bold.woff2") format("woff2"), url("../fonts/san-francisco/bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url("../fonts/san-francisco/bolditalic.woff2") format("woff2"), url("../fonts/san-francisco/bolditalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SFProDisplay';
  font-weight: 200;
  src: url(../fonts/SFProDisplay/SFProDisplay-Light.woff) format("woff");
}

@font-face {
  font-family: 'SFProDisplay';
  font-weight: 400;
  src: url(../fonts/SFProDisplay/SFProDisplay-Regular.woff) format("woff");
}

@font-face {
  font-family: 'SFProDisplay';
  font-weight: 500;
  src: url(../fonts/SFProDisplay/SFProDisplay-Medium.woff) format("woff");
}

@font-face {
  font-family: 'SFProDisplay';
  font-weight: 700;
  src: url(../fonts/SFProDisplay/SFProDisplay-Bold.woff) format("woff");
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/light.woff2") format("woff2"), url("../fonts/sfuidisplay/light.woff") format("woff"), url("../fonts/sfuidisplay/light.ttf") format("ttf"), url("../fonts/sfuidisplay/light.eot") format("eot");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/regular.woff2") format("woff2"), url("../fonts/sfuidisplay/regular.woff") format("woff"), url("../fonts/sfuidisplay/regular.ttf") format("ttf"), url("../fonts/sfuidisplay/regular.eot") format("eot");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/medium.woff2") format("woff2"), url("../fonts/sfuidisplay/medium.woff") format("woff"), url("../fonts/sfuidisplay/medium.ttf") format("ttf"), url("../fonts/sfuidisplay/medium.eot") format("eot");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/semibold.woff2") format("woff2"), url("../fonts/sfuidisplay/semibold.woff") format("woff"), url("../fonts/sfuidisplay/semibold.ttf") format("ttf"), url("../fonts/sfuidisplay/semibold.eot") format("eot");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/bold.woff2") format("woff2"), url("../fonts/sfuidisplay/bold.woff") format("woff"), url("../fonts/sfuidisplay/bold.ttf") format("ttf"), url("../fonts/sfuidisplay/bold.eot") format("eot");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url("../fonts/sfuidisplay/black.woff2") format("woff2"), url("../fonts/sfuidisplay/black.woff") format("woff"), url("../fonts/sfuidisplay/black.ttf") format("ttf"), url("../fonts/sfuidisplay/black.eot") format("eot");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.t-title-banner {
  color: #000;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3rem;
  text-align: left;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
}

.t-title-xl {
  font-family: "Raleway", sans-serif;
  font-size: 2.16rem;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
}

.t-title-kit {
  color: #000;
  font-size: 4rem;
  font-weight: 700;
  line-height: .63;
  text-align: left;
  margin-bottom: 1.8rem;
}

.t-title-lg {
  font-family: "Raleway", sans-serif;
  color: #000;
  font-size: 1.9rem;
  line-height: 1.19;
  font-weight: 800;
  text-align: left;
  letter-spacing: 0.38px;
  margin-bottom: 1.7rem;
  text-transform: uppercase;
}

.t-title-lg a {
  color: #000;
  text-decoration: none;
}

.t-title-lg a:hover {
  color: #d2ad00 !important;
}

.t-title-md {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: left;
}

.t-title-sm {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8rem;
  text-align: left;
}

.t-title-side {
  -webkit-transform: rotate(-90deg) translate(-100%, -100%);
      -ms-transform: rotate(-90deg) translate(-100%, -100%);
          transform: rotate(-90deg) translate(-100%, -100%);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  font-size: 4rem;
  line-height: 1;
  font-weight: 900;
  color: #f8d11c;
  position: absolute;
  top: 0;
  left: 0;
}

.t-text-lg {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.44;
  text-align: left;
}

.t-text-md {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0;
  text-align: left;
}

.t-text-sm {
  color: #000;
  font-size: 1.2rem;
  line-height: 1.43;
  letter-spacing: 0;
  text-align: left;
}

.t-text-xs {
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}

.t-text-nano {
  color: #000;
  font-size: 1rem;
  line-height: 1.4;
  text-align: left;
}

.t-link {
  color: #d2ad00;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.t-link:hover {
  color: #000;
}

.t-link--white {
  color: #fff;
}

.t-link--black {
  color: #000;
}

.f-normal {
  font-weight: 300;
}

.f-medium {
  font-weight: 500;
}

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

.f-black {
  font-weight: 900;
}

.tr-uppercase {
  text-transform: uppercase;
}

.tr-center {
  text-align: center;
}

.t-columns-two {
  -webkit-columns: 0px 2;
     -moz-columns: 0px 2;
          columns: 0px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.t-asterisk {
  color: #f8d11c;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 900;
}

em {
  color: #d2ad00;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v3.0 | 20180413
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

/* HTML5 hidden-attribute fix for newer browsers */

*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

* {
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

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

html,
body {
  height: 100%;
}

html {
  quotes: "“" "”";
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  overscroll-behavior-y: none;
  /* disable pull to refresh */
  overscroll-behavior: contain;
}

.response-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.request-wrap .response-content .t-text-md {
  text-align: center;
}

div.grecaptcha-badge {
  visibility: hidden;
}

.page {
  color: #222223;
  width: 100%;
  min-width: 320px;
  -webkit-font-kerning: none;
          font-kerning: none;
  font-family: "Raleway";
  line-height: 1.42857143;
  background-color: #fff;
}

.page.modal-open {
  position: fixed;
  width: 100%;
}

span.npart {
  font-family: Verdana, Tahoma, sans-serif;
}

body.clients.clients-work .content__title + .nda-block {
  margin-top: 9.6rem;
}

body.clients.clients-work .client-grid:nth-child(2) {
  margin-top: 9.6rem;
}

body.clients.clients-work .client-grid__item {
  visibility: hidden;
  width: 100%;
}

body.clients.clients-work .client-grid__top {
  position: unset;
}

body.clients.clients-work .client-grid__logo {
  height: 22vw;
}

body.clients.clients-work .client-grid .block-hover {
  height: 22vw;
  display: none;
}

.svgstore {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

body,
input,
textarea,
select,
button {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'kern','onum','liga';
          font-feature-settings: 'kern','onum','liga';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-align: left;
}

area,
area:hover {
  cursor: auto;
  pointer-events: none;
}

.slick-slide:focus {
  outline: none;
}

#lightbox.lightbox {
  top: 50px !important;
}

.lightboxOverlay {
  opacity: 0.32 !important;
}

.lb-nav a.lb-prev {
  width: 50% !important;
  background: url("../images/icons/arrow-prev.svg") 4% 48% no-repeat !important;
  background-size: 12px auto !important;
  opacity: 1 !important;
}

.lb-nav a.lb-next {
  width: 50% !important;
  background: url("../images/icons/arrow-next.svg") 96% 48% no-repeat !important;
  background-size: 12px auto !important;
  opacity: 1 !important;
}

.lb-data .lb-close {
  width: 13px !important;
  height: 13px !important;
  background-image: url("../images/icons/close.svg") !important;
  background-size: 100% !important;
  margin: 10px 10px 0 0 !important;
  opacity: 1 !important;
}

.lb-outerContainer {
  border-radius: 0 !important;
}

.lb-dataContainer {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.lb-container {
  padding: 30px 35px 30px 35px !important;
}

.lb-container .lb-image {
  border-style: solid !important;
  border-color: #fff !important;
  border-radius: 0 !important;
}

.iframe-icon {
  position: relative;
}

.iframe-icon:before {
  content: "";
  width: 42px;
  height: 42px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
}

.iframe-icon:after {
  content: "";
  width: 10px;
  height: 13px;
  background: url(../images/icons/icon_iframe.svg) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -5px;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row.stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

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

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

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

.column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.column:not(:last-of-type) {
  margin-right: 4rem;
}

.column.double {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.column-wrapper.column-wrapper_backend {
  width: 100%;
}

[hidden],
template {
  display: none;
}

[role=button] {
  cursor: pointer;
}

.smartphone-border {
  background-image: url("/static/content/works/images/common/iphone_border.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}

.iWatch-border {
  background-image: url("/static/content/works/images/common/iWatch_border.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}

.smartphone-top-element {
  background-image: url("/static/content/works/images/common/phone_topelement.png");
  width: 105px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 58px;
  margin-top: 10px;
  z-index: 12;
  position: absolute;
}

.smartphone__sliderBlock {
  width: 193px;
  height: 420px;
  overflow: hidden;
  border-radius: 20px;
  position: absolute;
  left: 14px;
  top: 12px;
  z-index: 9;
}

.iWatch__sliderBlock {
  width: 108px;
  height: 135px;
  overflow: hidden;
  position: absolute;
  left: 24px;
  top: 82px;
  z-index: 9;
}

.smartphone__sliderItem {
  width: 100%;
  height: 100%;
}

.flex-wrapper,
.fl-direction-row,
.fl-direction-column,
.fl-jc-center,
.fl-jc-right,
.fl-al-items-end,
.fl-al-items-start,
.fl-wrap,
.fl-no-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

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

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

.fl-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.text-transform-none {
  text-transform: none;
}

.fl-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.fl-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fl-jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fl-jc-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.width-full {
  width: 100%;
}

.width-part {
  width: 50%;
}

.height-full {
  height: 100%;
}

.fl-jc-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.fl-al-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.fl-al-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.fl-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fl-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.button {
  border: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font: inherit;
  overflow: visible;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border-color: transparent;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
  -o-transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
  outline: 0;
}

.button:focus {
  -webkit-box-shadow: 0 0 0 2 #fff, 0 0 0 4 #000;
          box-shadow: 0 0 0 2 #fff, 0 0 0 4 #000;
  -webkit-box-shadow: 0 0 0 2 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 2 rgba(0, 0, 0, 0.5);
}

code,
kbd,
pre,
samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

svg {
  fill: currentColor;
  shape-rendering: geometricPrecision;
}

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

select,
input[type="date"] {
  background-clip: padding-box;
  background-color: #f7f7f7;
  height: calc(2rem + 3px);
  line-height: calc(2rem - 1px);
  padding: 0 calc(0.84rem + 18px) 0 0.84rem;
}

select {
  white-space: nowrap;
}

:-webkit-any(input, textarea) {
  -webkit-appearance: textfield;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
}

:-webkit-any(select) {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

:-webkit-any(button) {
  -webkit-appearance: none;
}

input,
textarea {
  cursor: auto;
}

input:focus,
textarea:focus {
  outline: 1px solid #000;
}

label {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

input,
textarea {
  width: 100%;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  rtl-ordering: logical;
}

input:disabled,
textarea:disabled {
  opacity: 0.4;
  cursor: default;
}

input::-ms-clear,
textarea::-ms-clear {
  display: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="number"],
textarea[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
textarea[type="number"]::-webkit-inner-spin-button,
textarea[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator,
textarea::-webkit-inner-spin-button,
textarea::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #959595;
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #959595;
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #959595;
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

input::placeholder,
textarea::placeholder {
  color: #959595;
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
  opacity: 0;
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
  opacity: 0;
}

input[placeholder],
input::-webkit-input-placeholder,
textarea[placeholder],
textarea::-webkit-input-placeholder {
  text-overflow: ellipsis;
}

input[placeholder],
input::-moz-placeholder,
textarea[placeholder],
textarea::-moz-placeholder {
  text-overflow: ellipsis;
}

input[placeholder],
input::-ms-input-placeholder,
textarea[placeholder],
textarea::-ms-input-placeholder {
  text-overflow: ellipsis;
}

input[placeholder],
input::placeholder,
textarea[placeholder],
textarea::placeholder {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

a {
  outline: 0;
}

a:focus {
  -webkit-box-shadow: 0 0 0 false #fff, 0 0 0 falsefalse #000;
          box-shadow: 0 0 0 false #fff, 0 0 0 falsefalse #000;
  -webkit-box-shadow: 0 0 0 false rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 false rgba(0, 0, 0, 0.5);
}

::-moz-selection {
  color: #000;
  padding: 10px;
  background-color: #f8d11c;
  text-shadow: none;
}

::selection {
  color: #000;
  padding: 10px;
  background-color: #f8d11c;
  text-shadow: none;
}

.f-input {
  padding: .95rem 0;
  border: 0;
  border-bottom: 2px solid #000;
  color: #000;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  caret-color: #f8d11c;
  -webkit-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-appearance: none;
  border-radius: 0;
}

.f-input.error,
.f-input.error:focus {
  border-bottom: 1px solid #D0021B;
}

.f-input.error ~ .f-placeholder,
.f-input.error:focus ~ .f-placeholder {
  color: #D0021B;
}

.f-input.error ~ .f-error,
.f-input.error:focus ~ .f-error {
  font-size: 1.2rem;
  padding: .95rem 0 0;
}

.f-input:focus,
.f-input:valid {
  outline: 0;
  border-color: #f8d11c;
}

.f-input:focus ~ .f-placeholder,
.f-input:valid ~ .f-placeholder {
  top: -3rem;
  font-size: 1.2rem;
}

.f-input:-webkit-autofill,
.f-input:-webkit-autofill:hover,
.f-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;
}

.f-textarea {
  font-family: "Raleway", sans-serif;
  border: 2px solid #000;
  font-size: 1.4rem;
  line-height: 1.43;
  padding: 1.2rem;
  -webkit-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

.f-textarea.error,
.f-textarea.error:focus {
  border: 2px solid #D0021B;
  color: #D0021B;
}

.f-textarea.error ~ .f-error,
.f-textarea.error:focus ~ .f-error {
  font-size: 1.2rem;
  padding: .95rem 0 0;
}

.f-textarea:focus,
.f-textarea:valid {
  outline: 0;
  border: 2px solid #f8d11c;
}

.f-label {
  position: relative;
  display: block;
  margin-bottom: 2rem;
}

.f-label.js-request-block {
  margin-bottom: 3rem;
}

.f-placeholder {
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: .2rem;
  padding: .95rem 0;
  display: block;
  font-size: 1.4rem;
  line-height: 1.43;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease;
  -o-transition: top 0.2s ease, font-size 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease;
}

.f-error {
  color: #D0021B;
  position: relative;
  margin: 9px 0px;
  display: none;
  font-size: 1.1rem;
  line-height: 1;
  -webkit-transition: font-size 0.2s ease;
  -o-transition: font-size 0.2s ease;
  transition: font-size 0.2s ease;
}

.f-error.show {
  display: block;
}

.checkbox-field {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkbox-field__wrap {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #000;
  position: relative;
  margin-right: .9rem;
}

.checkbox-field__wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  width: 90%;
  height: 100%;
}

.checkbox-field__text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5rem;
  width: 90%;
}

.f-checkbox {
  display: block;
  width: 105%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  background: none;
}

.f-checkbox:checked ~ svg {
  display: block;
}

.layout-wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  font-size: 0;
}

.layout-wrapper__content {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-bottom: 2rem;
  padding-right: 24%;
}

.page-pure .layout-wrapper__content {
  padding-bottom: 0;
}

.layout-wrapper__inner {
  padding-right: 2rem;
}

.layout-wrapper__sidebar {
  float: left;
  margin-left: -25%;
}

/*
Lenovo ThinkPad X230    12.5″   1366×768
MacBook Pro             13.3″   1280×800
MacBook Pro             15.4″   1440×900
iMac                    21.5″   1920×1080
iMac                    27″     2560×1440
*/

.content {
  width: 100%;
  padding-left: 2rem;
}

.content__title {
  display: none;
  visibility: hidden;
  padding: 0 2rem;
  margin-bottom: 1rem;
}

.page-pure .content {
  padding-left: 0;
}

.page-pure .layout-footer.main-footer {
  z-index: 9;
}

.awards .content__title,
.index .content__title,
.notfound .content__title {
  display: none !important;
}

.content-two-block-wrapper {
  position: relative;
}

.content-two-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  z-index: 1;
  width: 100%;
}

.content-two-block .history-steps__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.content-two-block .text-block {
  width: 50%;
  padding-left: 1rem;
  position: relative;
  z-index: 1;
}

.content-two-block .text-block .t-text-lg {
  margin-bottom: 2.3rem;
}

.content-two-block .history-steps {
  width: 50%;
  padding-right: 1rem;
  position: relative;
  z-index: 1;
}

.about .content__title {
  display: block;
  visibility: visible;
  padding: 0;
}

.about h2.t-title-xl {
  margin-top: 0.7rem;
  margin-bottom: 3.7rem;
  position: relative;
  padding-right: 22rem;
  z-index: 2;
}

.about .points-wrap {
  top: -20.8rem;
}

.about .points-anim {
  top: -17rem;
}

.layout-cookie {
  position: fixed;
  bottom: 12px;
  right: calc(24% + 5.6rem);
  z-index: 15;
  background-color: rgba(248, 209, 28, 0.9);
  width: 36rem;
  height: auto;
  padding: 20px;
  padding: 1.5rem;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease;
  will-change: top;
  z-index: 1001;
}

.layout-cookie:after {
  content: "";
  border: 12px solid transparent;
  border-top: 12px solid rgba(248, 209, 28, 0.9);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -24px;
}

.layout-cookie a.link {
  text-decoration: none;
  color: white;
}

.layout-cookie .layout-cookie__descr.t-text-sm {
  text-align: left;
  font-weight: normal;
  display: block;
  margin-top: .8rem;
}

.layout-cookie .button {
  width: 20rem;
  height: 3rem;
  padding: 0;
  min-height: 3rem;
  font-size: 1.1rem;
  margin: 1rem 0 0.6rem;
}

.layout-footer {
  width: 100%;
  clear: both;
  font-size: 0;
  position: relative;
  padding-bottom: 2rem;
}

.layout-footer__contact,
.layout-footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-footer__copyright {
  color: #000;
  letter-spacing: 0.38px;
}

.layout-footer__copyright .t-link {
  background: #f8d11c;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.8 !important;
  font-weight: bold !important;
  display: inline-block;
  padding: 0.5rem 2.5rem;
  margin: 0 !important;
}

.layout-footer__copyright .t-link:hover {
  background: #000;
  color: #fff;
}

.layout-footer__copyright .t-text-nano {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0.4rem 0 1.2rem;
}

.layout-footer__copyright .t-text-nano div {
  display: inline;
}

.layout-footer__copyright div.t-text-nano {
  display: block;
}

.layout-footer__share {
  width: 2.2rem;
  height: 2rem;
}

.layout-footer__close {
  width: 2.2rem;
  height: 2.2rem;
  margin-bottom: 1.6rem;
}

.layout-footer__social {
  text-align: right;
  padding: 0 0 1.4rem;
  width: 100%;
}

.main-footer {
  display: none;
}

.main-footer .layout-footer__social {
  position: absolute;
  top: auto;
  left: 0;
  bottom: -200px;
  -webkit-transition: bottom 0.2s ease;
  -o-transition: bottom 0.2s ease;
  transition: bottom 0.2s ease;
  will-change: bottom;
  padding: 1.2rem 2rem 1.4rem;
  background-color: #f8d11c;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  z-index: 11;
}

.is-visible .layout-footer__social {
  bottom: 0;
}

.layout-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  background-color: rgba(248, 209, 28, 0.9);
  width: calc(100% - 24% - 2rem);
  height: 9.2rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease;
  will-change: top;
  z-index: 50;
}

.layout-header .sandwich {
  display: none;
}

.layout-header--custom {
  height: auto;
  min-height: 9.2rem;
}

.page-pure .layout-header {
  margin-bottom: 0;
}

.layout-header__wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.layout-header--custom .layout-header__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.layout-header__wrapper .logo-lines {
  display: none;
}

.layout-header__logo {
  margin-bottom: 0;
  margin-right: 3rem;
  width: 20rem;
  height: 3.4rem;
  background-size: 100%;
}

.layout-header__title {
  margin-bottom: 0;
}

.index .layout-header {
  height: 10.7rem;
  width: 38.9rem;
  margin: 2rem 0 0.2rem 2rem;
}

.index .layout-header__wrapper {
  position: relative;
  margin: 0 auto;
}

.index .layout-header__wrapper:before {
  content: "";
  width: 17rem;
  height: 18.7rem;
  position: absolute;
  top: -12.45rem;
  right: -9.5rem;
  background: url(../images/common/logo_figure.svg) 0 0 no-repeat;
  background-size: 100% auto;
}

.index .layout-header__wrapper .logo-lines {
  display: none;
  width: 17.9rem;
  height: 18.9rem;
  position: absolute;
  top: -13.2rem;
  right: -10.2rem;
  overflow: hidden;
}

.index .layout-header__wrapper .logo-line {
  background: #060606;
  position: absolute;
  width: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation-name: logo-line;
          animation-name: logo-line;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: -100%;
  top: -100%;
  opacity: 1;
}

.index .layout-header__wrapper .logo-line:nth-of-type(1) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  height: 50px;
  margin-left: 5.2rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(2) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  height: 50px;
  margin-left: 1.1rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(3) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 100px;
  margin-left: 1.4rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(4) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  height: 70px;
  margin-left: -4rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 50px;
  margin-left: -5.4rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(6) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 40px;
  margin-left: -7.5rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(7) {
  background: #f8d11c;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 40px;
  margin-left: 6.7rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(8) {
  background: #f8d11c;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 100px;
  margin-left: 5.6rem;
}

.index .layout-header__wrapper .logo-line:nth-of-type(9) {
  background: #f8d11c;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  height: 70px;
  margin-left: -2rem;
}

@-webkit-keyframes logo-line {
  0% {
    left: -100%;
    top: -100%;
    opacity: 1;
  }

  100% {
    left: 110%;
    top: 110%;
    opacity: 0.4;
  }
}

@keyframes logo-line {
  0% {
    left: -100%;
    top: -100%;
    opacity: 1;
  }

  100% {
    left: 110%;
    top: 110%;
    opacity: 0.4;
  }
}

.index .main-banner {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.index .sidebar {
  padding-top: 0;
}

.index .sidebar section#subscribe.subscribe {
  display: none;
}

.index .sidebar__participant {
  display: none;
}

.index .logo {
  width: 27rem;
  height: 5.6rem;
  margin-left: 3.7rem;
  background: url(../images/common/logo_spider.svg) no-repeat 50% 50%;
  background-size: 100%;
}

.index section#subscribe.subscribe .mc_embed_signup--mobile {
  display: none;
}

.index section#subscribe.subscribe #mc_embed_signup {
  display: block;
}

.index.is-header .layout-header {
  top: 0;
}

.has-header .layout-wrapper__content {
  padding-top: calc(9.2rem + 2rem - 0.01rem);
}

.navigation {
  outline: 0;
  background-color: #f8d11c;
}

.navigation__list {
  padding: 2.3rem 0 3rem;
}

.navigation__item {
  clear: both;
}

.navigation__item:not(:last-child) {
  margin-bottom: 1.4rem;
}

.navigation__link {
  position: relative;
  display: block;
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 1.4rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.navigation__link:not(.current):hover {
  color: #fff;
}

.navigation__link.current {
  cursor: default;
  font-weight: 900;
}

.navigation__link.current:before {
  position: absolute;
  margin-top: -.4rem;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -.6rem;
  content: '';
  width: 1.5rem;
  height: 1.2rem;
  display: inline-block;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background: url(/static/content/works/images/common/arrow-down.svg) no-repeat 50% 50%;
}

.navigation__submenu {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  will-change: max-height;
}

.current + .navigation__submenu {
  max-height: 999px;
  -webkit-transition: max-height 1s ease;
  -o-transition: max-height 1s ease;
  transition: max-height 1s ease;
}

.request {
  width: 38rem;
  padding: 2rem;
  height: 101vh;
  background-color: #f2f2f2;
  margin-right: 2rem;
  display: block;
  z-index: 1;
  right: -70%;
  z-index: 60;
  -webkit-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  transition: right 0.2s ease;
  will-change: right;
  position: fixed;
}

.request .button {
  margin-top: 10px;
}

.request:after {
  height: 101vh;
  width: 5rem;
  position: absolute;
  top: 0;
  right: -4.95rem;
  background: #fff;
  content: '';
}

.request__title {
  margin-bottom: 3rem;
  height: 3.83rem;
  height: 3.4rem;
  line-height: calc(2.5rem - .2rem);
  width: 90%;
}

.request__close {
  position: absolute;
  top: 2.3rem;
  right: 2rem;
  width: 1.3rem;
  height: 1.4rem;
}

.request__close--mobile {
  display: none;
}

.request__close svg {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.request__close:hover svg {
  color: #f8d11c;
}

.request-subscribe {
  width: 38rem;
  padding: 2rem;
  height: 101vh;
  background-color: #f2f2f2;
  margin-right: 2rem;
  display: block;
  z-index: 1;
  right: -70%;
  z-index: 60;
  -webkit-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  transition: right 0.2s ease;
  will-change: right;
  position: fixed;
}

.request-subscribe .button {
  margin-top: 10px;
}

.request-subscribe:after {
  height: 101vh;
  width: 5rem;
  position: absolute;
  top: 0;
  right: -4.95rem;
  background: #fff;
  content: '';
}

.request-subscribe__title {
  margin-bottom: 3rem;
  height: 3.83rem;
  height: 3.4rem;
  line-height: calc(2.5rem - .2rem);
  width: 90%;
}

.request-subscribe__close {
  position: absolute;
  top: 2.3rem;
  right: 2rem;
  width: 1.3rem;
  height: 1.4rem;
}

.request-subscribe__close--mobile {
  display: none;
}

.request-subscribe__close svg {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.request-subscribe__close:hover svg {
  color: #f8d11c;
}

.request-wrap {
  left: 0;
  top: 0;
  position: fixed;
  height: 101vh;
  width: 100%;
  z-index: 120;
  left: -100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.request-wrap-subscribe {
  left: 0;
  top: 0;
  position: fixed;
  height: 101vh;
  width: 100%;
  z-index: 120;
  left: -100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.request-overlay {
  position: fixed;
  top: 0;
  left: -100%;
  height: 101vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.request-overlay-subscribe {
  position: fixed;
  top: 0;
  left: -100%;
  height: 101vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.request-mode .request-wrap {
  opacity: 1;
  left: 0;
}

.request-mode .request-overlay {
  left: 0;
}

.request-mode .request {
  right: 24%;
}

.request-mode-subscribe .request-wrap-subscribe {
  opacity: 1;
  left: 0;
}

.request-mode-subscribe .request-overlay-subscribe {
  left: 0;
}

.request-mode-subscribe .request-subscribe {
  right: 24%;
}

.callback-form {
  left: 0;
  top: 0;
  position: fixed;
  height: 101vh;
  width: 100%;
  z-index: 120;
  left: -100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.callback-form__overlay {
  position: fixed;
  top: 0;
  left: -100%;
  height: 101vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.callback-form__form {
  width: 38rem;
  padding: 2rem;
  height: 101vh;
  background-color: #f2f2f2;
  margin-right: 2rem;
  display: block;
  z-index: 1;
  right: -70%;
  z-index: 60;
  -webkit-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  transition: right 0.2s ease;
  will-change: right;
  position: fixed;
}

.callback-form__form .button {
  margin-top: 10px;
}

.callback-form__form:after {
  height: 101vh;
  width: 5rem;
  position: absolute;
  top: 0;
  right: -4.95rem;
  background: #fff;
  content: '';
}

.callback-form__form__title {
  margin-bottom: 3rem;
  height: 3.83rem;
  height: 3.4rem;
  line-height: calc(2.5rem - .2rem);
  width: 90%;
}

.callback-form__form__close {
  position: absolute;
  top: 2.3rem;
  right: 2rem;
  width: 1.3rem;
  height: 1.4rem;
}

.callback-form__form__close--mobile {
  display: none;
}

.callback-form__form__close svg {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.callback-form__form__close:hover svg {
  color: #f8d11c;
}

.mode-callback-form .callback-form {
  opacity: 1;
  left: 0;
}

.mode-callback-form .callback-form-success {
  font-size: 1.5rem;
  font-family: "Raleway";
  font-weight: 500;
  width: 80%;
  text-align: center;
  margin: 3% auto;
  display: none;
}

.mode-callback-form .callback-form-error {
  font-size: 1.5rem;
  font-family: "Raleway";
  font-weight: 500;
  width: 80%;
  text-align: center;
  margin: 3% auto;
  display: none;
}

.mode-callback-form .callback-form__title {
  margin-bottom: 1rem;
  height: 3.83rem;
  height: 3.4rem;
  line-height: calc(2.5rem - .2rem);
  width: 90%;
}

.mode-callback-form .callback-form__label {
  font-family: "Raleway";
  margin: 30px 0 5px 0;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #000000;
}

.mode-callback-form .callback-form__timepick {
  font-size: 1.3rem;
  color: #D2AD00;
  cursor: pointer;
  width: 60%;
  margin: 0 auto;
}

.mode-callback-form .callback-form__timepick__text {
  padding: 0 1%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 2%;
  border-bottom: 1px dashed #D2AD00;
}

.mode-callback-form .callback-form__timepick__text:hover {
  color: black;
}

.mode-callback-form .callback-form__timepick__select {
  width: 30%;
  margin: 3% auto;
  display: block;
  position: absolute;
  bottom: -100px;
  -webkit-transition: opacity 0.5s ease, position 1s ease;
  -o-transition: opacity 0.5s ease, position 1s ease;
  transition: opacity 0.5s ease, position 1s ease;
  opacity: 0;
}

.mode-callback-form .callback-form__timepick__select--visible {
  position: relative;
  bottom: unset;
  opacity: 1;
  font-size: 1.4rem;
  height: 3rem;
  padding: 5px 0 5px 10px;
}

.mode-callback-form .callback-form__overlay {
  left: 0;
}

.mode-callback-form .callback-form-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mode-callback-form .callback-form-phone__icon {
  margin-right: 10px;
  height: 1.4rem;
}

.mode-callback-form .callback-form-phone__text {
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1.43;
  letter-spacing: 0;
  text-align: left;
}

.mode-callback-form .callback-form__form {
  right: 24%;
}

.mode-callback-form .callback-form__form--success-visible .callback-form-default {
  display: none;
}

.mode-callback-form .callback-form__form--success-visible .callback-form-success {
  display: block;
}

.mode-callback-form .callback-form__form--error-visible .callback-form-default {
  display: none;
}

.mode-callback-form .callback-form__form--error-visible .callback-form-error {
  display: block;
}

.mode-callback-form .callback-form__form .f-label.js-request-block {
  margin-bottom: 1.7rem;
}

.mode-callback-form .callback-form__form__input {
  font-family: "Raleway";
  font-size: 1.35rem;
  padding: .75rem 0;
}

.mode-callback-form .callback-form__form__input:not(:placeholder-shown) {
  margin-top: 45px;
}

.mode-callback-form .callback-form__form__input:not(:placeholder-shown) ~ .f-placeholder {
  top: 1rem;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #4A4A4A;
  mix-blend-mode: normal;
  opacity: 0.7;
}

.mode-callback-form .callback-form__form__input:invalid {
  border-color: black;
}

.mode-callback-form .callback-form__form__input:invalid ~ .f-placeholder {
  top: 0.5rem;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
}

.mode-callback-form .callback-form__form__input:placeholder-shown ~ .f-placeholder {
  top: 0;
  font-size: 1.4rem;
  font-family: "Raleway";
  font-style: normal;
}

.sidebar {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 24%;
  background: #fff;
  z-index: 150;
}

.sidebar-custom-block {
  position: absolute;
  right: 0;
  bottom: 1.5rem;
  width: 100%;
}

.sidebar__group {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-bottom: 3rem;
  position: relative;
}

.sidebar__participant p.t-text-nano {
  padding: 0;
  line-height: 2rem;
  font-weight: 400;
  display: block;
  text-align: left;
}

.sidebar__participant a {
  text-decoration: none;
  color: #d2ad00;
  font-weight: 500;
}

.sidebar__participant span {
  pointer-events: none;
}

.sidebar__participant--aside {
  width: 93.5%;
  margin: 10px 0 0;
}

.sidebar__footer {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 2rem;
}

.sidebar__footer .svg-button {
  display: none;
}

.sidebar__header {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 2rem 0;
  padding-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sidebar.is-scroll {
  position: absolute;
  display: block;
}

.sidebar.is-fixed {
  height: auto;
  position: fixed;
  top: auto;
  bottom: 0;
}

.current + .submenu {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.submenu__item {
  clear: both;
}

.submenu__item:not(:last-child) {
  margin-bottom: .8rem;
}

.submenu__link {
  position: relative;
  display: block;
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3333333333;
  padding: 0 2.5rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.submenu__link:not(.current):hover {
  color: #fff;
}

.submenu__link.current {
  cursor: default;
  font-weight: 900;
}

.submenu__link.current:before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  margin-top: -.1rem;
  content: '';
  width: 1rem;
  height: .3rem;
  display: inline-block;
  background-color: #000;
}

section#subscribe.subscribe .email-validate-error {
  margin-top: -5px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: red;
  display: none;
}

section#subscribe.subscribe .mc_embed_signup--mobile {
  display: none;
}

section#subscribe.subscribe #mc_embed_signup {
  background: #F8F8F8;
  font-family: "Raleway";
  width: 100%;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop {
  font-weight: 600;
  padding: 10px 1.4rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop.success .subscribe-initial {
  display: none;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop.success .subscribe-success {
  display: block;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop.error .subscribe-initial {
  display: none;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop.error .subscribe-error {
  display: block;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-success,
section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-error {
  display: none;
  width: 100%;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form__title {
  font-size: 1.4rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form__link {
  text-decoration: none;
  color: #d2ad00;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form__link:hover {
  color: #000;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form__label {
  width: 100%;
  font-size: 1.1rem;
  font-family: "Raleway";
  margin-top: 2px;
  font-weight: 500;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input {
  padding: .95rem 0;
  font-family: "Raleway";
  font-size: 1.4rem;
  width: 60%;
  border: 0;
  border-bottom: 2px solid #000;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  caret-color: #f8d11c;
  -webkit-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-radius: 0;
  z-index: 1;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:not(:placeholder-shown) {
  padding: 25px 0 .6rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:not(:placeholder-shown) ~ .f-placeholder {
  bottom: 4rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:placeholder-shown {
  border-color: black;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:placeholder-shown ~ .f-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:placeholder-shown ~ .mce_inline_error {
  display: none;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:valid ~ .f-placeholder {
  bottom: 4rem;
  font-size: 1.2rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:invalid ~ .subscribe-form-email__button {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3 !important;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:focus {
  padding: 25px 0 .6rem;
  outline: 0px;
  border-color: #f8d532;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:focus ~ .f-placeholder {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 1.2rem;
  bottom: 4rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__button {
  height: 30px;
  min-height: 30px;
  width: 30%;
  margin: 0 0 0 15px;
  border-radius: 0;
  padding: 0;
  line-height: 32px;
  font-size: 1.1rem;
  font-weight: bold;
  background-color: black;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__button:active,
section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__button:focus {
  border: none;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email .f-placeholder {
  font-family: "Raleway";
  font-weight: 400;
  z-index: 0;
  bottom: 2rem;
  font-size: 1.4rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0;
  top: unset;
  left: 0;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-agreement {
  width: 95%;
  padding-bottom: 1rem;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-success__text {
  width: 95%;
  margin-top: 5px;
  word-break: break-word;
  font-size: 1.5rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-error__text {
  width: 95%;
  margin-top: 5px;
  word-break: break-word;
  font-size: 1.5rem;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-error__text a {
  text-decoration: none;
  color: #d2ad00;
}

section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-error__text a:hover {
  color: #000;
}

.subscribe-form.sub-mobile .email-validate-error {
  margin-top: -5px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: red;
  display: none;
}

.subscribe-form.sub-mobile input.button.subscribe-form-email__button {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

.subscribe-form.sub-mobile input[type=submit] {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

.subscribe-form.sub-mobile .button:not([disabled]):hover {
  color: white;
  border-color: #000;
  background-color: #000;
}

.site-content img[src$=".gif"]:not([class]),
.site-content img[src$=".png"]:not([class]) {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.site-content img:not([class]) {
  margin: 2rem;
}

.site-content img[align="left"]:not([class]) {
  margin-left: 0;
}

.site-content img[align="right"]:not([class]) {
  margin-right: 0;
}

.site-content ul:not([class]) {
  margin-bottom: 2.5rem;
}

.site-content ul:not([class]) li {
  color: #000;
}

.site-content img:not([class]) {
  max-width: 100%;
}

.site-content ol:not([class]),
.site-content ul:not([class]) {
  margin-top: 0;
  margin-bottom: 1rem;
}

.site-content ol ol:not([class]),
.site-content ol ul:not([class]),
.site-content ul ol:not([class]),
.site-content ul ul:not([class]) {
  margin-bottom: 0;
}

.site-content ol:not([class]) {
  counter-reset: numeric;
}

.site-content ol:not([class]) li:before {
  counter-increment: numeric;
  content: counter(numeric);
}

.site-content h1:not([class]),
.site-content h2:not([class]),
.site-content h3:not([class]) {
  color: #000;
}

.site-content h4:not([class]),
.site-content h5:not([class]),
.site-content h6:not([class]) {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.site-content h1:not([class]) {
  font-size: 4.9rem;
  font-weight: 400;
  line-height: 2.61;
  letter-spacing: 0.002rem;
}

.site-content h2:not([class]) {
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-transform: uppercase;
}

.site-content h2:not([class]):not(:last-child) {
  margin-bottom: 1.8rem;
}

.site-content h3:not([class]) {
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 3.16;
  text-transform: uppercase;
  letter-spacing: 0.001rem;
}

.site-content h4:not([class]) {
  font-size: 1.8rem;
}

.site-content h5:not([class]) {
  font-size: 1.4rem;
}

.site-content h6:not([class]) {
  font-size: 1.2rem;
}

.site-content p:not([class]) {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Raleway";
}

.site-content p:not([class]):not(:last-child) {
  margin-bottom: 10px;
}

.site-content small:not([class]) {
  font-size: 85%;
}

.site-content mark:not([class]) {
  padding: .2em;
  background-color: #fcf8e3;
}

.site-content table {
  background-color: transparent;
}

.site-content caption {
  padding-top: 8rem;
  padding-bottom: 8rem;
  color: #777;
  text-align: left;
}

.site-content th {
  text-align: left;
}

.site-content table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

.site-content table td[class*=col-],
.site-content table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.activities {
  font-family: "Raleway", sans-serif;
  color: #000;
}

.activities__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.activities__item {
  width: calc(50% - 1rem);
  background: #f8d11c;
  padding: 3.5rem 12.5rem 5.3rem 2rem;
  margin: 0 0 1.74rem;
  display: block;
  color: #000;
  text-decoration: none;
  position: relative;
}

.activities__title {
  color: #000;
  font-size: 1.9rem;
  line-height: 1.19;
  font-weight: 800;
  text-align: left;
  letter-spacing: 0.38px;
  margin-bottom: 1.7rem;
  display: block;
}

.activities__description {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.364;
  letter-spacing: 0.38px;
  margin-top: 2rem;
  display: block;
}

.api-scheme {
  position: relative;
  height: 34rem;
  width: 100%;
  margin-bottom: 0rem;
}

.api-scheme__image {
  height: 100%;
  display: block;
  margin: 0 auto;
  width: auto;
}

.api-scheme__item {
  position: absolute;
}

.api-scheme__item .img {
  display: block;
  margin: 0 auto .5rem;
}

.api-scheme__item p {
  text-align: center;
}

.api-scheme__api {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -15%);
      -ms-transform: translate(-50%, -15%);
          transform: translate(-50%, -15%);
}

.api-scheme__api .lines__external {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -1rem;
  left: 50%;
}

.api-scheme__api .lines__external .line__finish {
  -webkit-transform: rotate(80deg);
      -ms-transform: rotate(80deg);
          transform: rotate(80deg);
  top: 0;
  left: 0;
}

.api-scheme__api .lines__external .line__start {
  top: 0;
  right: 0;
}

.api-scheme__api .lines__internal {
  top: 3.3rem;
  left: -.5rem;
  height: 2.3rem;
  width: 1.2rem;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

.api-scheme__api .lines__internal .line__finish {
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  top: 0;
  left: 0;
}

.api-scheme__api .lines__internal .line__start {
  bottom: 0;
  left: 0;
}

.api-scheme__api .lines__db {
  top: 3.3rem;
  right: -.5rem;
  height: 2.3rem;
  width: 1.2rem;
  -webkit-transform: rotate(-14deg);
      -ms-transform: rotate(-14deg);
          transform: rotate(-14deg);
}

.api-scheme__api .lines__db .line__finish {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 0;
  left: 0;
}

.api-scheme__api .lines__db .line__start {
  bottom: 0;
  left: 0;
}

.api-scheme__api .lines__web {
  bottom: 3.8rem;
  left: -.5rem;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__api .lines__web .line__finish {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 0;
  left: 0;
}

.api-scheme__api .lines__web .line__start {
  bottom: 0;
  left: 0;
}

.api-scheme__api .lines__mobile {
  bottom: 3.8rem;
  right: -.5rem;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__api .lines__mobile .line__finish {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 0;
  left: 0;
}

.api-scheme__api .lines__mobile .line__start {
  bottom: 0;
  left: 0;
}

.api-scheme__api .img {
  height: 15rem;
  width: auto;
}

.api-scheme__web {
  bottom: 0%;
  left: 8%;
}

.api-scheme__web .line__wrap {
  bottom: 4.2rem;
  right: -2.8rem;
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__web .line__wrap .line__finish {
  -webkit-transform: scaleY(-1) rotate(-180deg);
      -ms-transform: scaleY(-1) rotate(-180deg);
          transform: scaleY(-1) rotate(-180deg);
  bottom: 0;
  left: 0;
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.api-scheme__web .line__wrap .line__start {
  top: 0;
  left: 0;
}

.api-scheme__web .img {
  height: 7.5rem;
  width: auto;
}

.api-scheme__internal {
  top: 20%;
  left: 8%;
}

.api-scheme__internal .line__wrap {
  bottom: 1.2rem;
  right: -3rem;
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__internal .line__wrap .line__finish {
  -webkit-transform: scaleY(-1) rotate(35deg);
      -ms-transform: scaleY(-1) rotate(35deg);
          transform: scaleY(-1) rotate(35deg);
  bottom: 0;
  left: 0;
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.api-scheme__internal .line__wrap .line__start {
  top: 0;
  left: 0;
}

.api-scheme__internal .img {
  height: 7.5rem;
  width: auto;
}

.api-scheme__external {
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.api-scheme__external .line__wrap {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1rem;
  left: 50%;
}

.api-scheme__external .line__wrap .line__finish {
  -webkit-transform: scaleY(-1) rotate(110deg);
      -ms-transform: scaleY(-1) rotate(110deg);
          transform: scaleY(-1) rotate(110deg);
  top: 0;
  right: 0;
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.api-scheme__external .line__wrap .line__start {
  top: 0;
  left: 0;
}

.api-scheme__external .img {
  height: 7.5rem;
  width: auto;
}

.api-scheme__db {
  top: 20%;
  right: 12%;
}

.api-scheme__db .line__wrap {
  bottom: -0.8rem;
  left: -3rem;
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__db .line__wrap .line__finish {
  -webkit-transform: scaleY(-1) rotate(21deg);
      -ms-transform: scaleY(-1) rotate(21deg);
          transform: scaleY(-1) rotate(21deg);
  bottom: 0;
  left: 0;
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.api-scheme__db .line__wrap .line__start {
  top: 0;
  left: 0;
}

.api-scheme__db .img {
  height: 7.5rem;
  width: auto;
}

.api-scheme__mobile {
  bottom: 0%;
  right: 6%;
}

.api-scheme__mobile .line__wrap {
  bottom: 4.2rem;
  left: -1.8rem;
  height: 2.3rem;
  width: 1.2rem;
}

.api-scheme__mobile .line__wrap .line__finish {
  -webkit-transform: scaleY(-1) rotate(0deg);
      -ms-transform: scaleY(-1) rotate(0deg);
          transform: scaleY(-1) rotate(0deg);
  bottom: 0;
  left: 0;
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.api-scheme__mobile .line__wrap .line__start {
  top: 0;
  left: 0;
}

.api-scheme__mobile .img {
  height: 7.2rem;
  width: auto;
}

.argument__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

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

.argument__text {
  padding-left: 4.5rem;
  height: calc(2rem * 3.5);
}

.argument__text--auto {
  height: auto;
  margin-bottom: 1.4rem;
}

.argument__count {
  font-size: 5rem;
  text-align: center;
  color: #f8d11c;
  min-width: 3rem;
  margin-right: 1.5rem;
  margin-top: 0;
  left: 0;
  top: 0;
  line-height: 1;
}

.awards__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -2rem;
}

.awards-block {
  margin-bottom: 2.8rem;
  width: calc(50% - 4rem);
  margin-right: 2rem;
  margin-left: 2rem;
  display: inline-block;
}

.awards-block__year {
  margin-bottom: 1.4rem;
  height: 2rem;
}

.awards-block__image {
  border: 0.4rem solid #f8d11c;
  display: block;
  width: 14rem;
  height: 14rem;
  margin-right: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.awards-block__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-decoration: none;
}

.awards-block__wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.awards-block__title {
  margin-bottom: .5rem;
  display: block;
  position: relative;
  padding-right: 2rem;
}

.awards-block__title:after {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  right: -.2rem;
  content: '';
  width: 2rem;
  height: 1.4rem;
  display: inline-block;
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  background: url(/static/content/works/images/common/arrow-down.svg) no-repeat 50% 50%;
}

.awards-block__link {
  color: #d2ad00;
}

.awards-block__media:hover .awards-block__title {
  color: #d2ad00;
}

.awards-block__media:hover .awards-block__title:after {
  filter: invert(62%) sepia(82%) saturate(1937%) hue-rotate(15deg) brightness(100%) contrast(102%);
  -webkit-filter: invert(62%) sepia(82%) saturate(1937%) hue-rotate(15deg) brightness(100%) contrast(102%);
}

.awards-block__media:hover .awards-block__link {
  color: #000;
}

.breadcrumbs {
  clear: both;
  margin-bottom: 15px;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.breadcrumbs__item:not(:last-child) {
  margin-right: 8px;
}

.breadcrumbs__item:not(:last-child):after {
  content: "/";
  color: #2e2e2e;
  font-size: 1.2rem;
  margin-left: 8px;
}

.breadcrumbs__item__link {
  color: #2e2e2e;
  font-size: 1.2rem;
  text-decoration: none;
}

.button {
  width: 100%;
  min-height: 3.83rem;
  height: 3.83rem;
  border: 0;
  outline: 0;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 100%;
  padding: 0 22px;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  border: 0.2rem solid #000;
  background-color: #000;
  -webkit-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  will-change: color, border-color, background-color;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

.button--progress {
  cursor: not-allowed !important;
  pointer-events: none;
}

.button--progress:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 10;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
          animation: move 2s linear infinite;
  border-radius: 5px;
  overflow: hidden;
}

.button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #d8d7d7;
}

.button:not([disabled]):hover {
  color: #000;
  border-color: #000;
  background-color: #f8d11c;
}

.carousel {
  font-family: "Raleway", sans-serif;
  padding: 0;
}

.carousel__link {
  color: #000;
  text-decoration: none;
}

.carousel__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 1.8rem 0;
}

.carousel__item {
  text-align: center;
  min-width: calc(100% / 8);
  margin-bottom: 3.4%;
}

.carousel__item .carousel__item {
  margin-bottom: 0;
}

.carousel__item a {
  width: auto;
  display: inline-block;
}

.carousel__client-logo {
  width: 8.3rem;
  padding-bottom: 64%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.client-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -1rem -2rem;
}

.client-grid__item {
  width: calc(100% / 3 - 2rem);
  position: relative;
  margin: 0 1rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
  will-change: width;
}

.client-grid__item.hidden {
  display: none;
}

.client-grid__logo {
  width: 100%;
  height: 17vw;
  display: block;
  overflow: hidden;
  margin-bottom: 0.6rem;
  position: relative;
  background-color: #f7f7f7;
}

.client-grid__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.client-grid__img.full,
.client-grid__img.wide {
  display: none;
}

.client-grid__img--double {
  height: 100% !important;
  width: auto !important;
  left: 0;
}

.client-grid__img--contain {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.client-grid__video {
  width: 100%;
  height: auto;
  background: #f1f1f1;
}

.client-grid .block-original {
  display: block;
}

.client-grid .block-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 17vw;
  overflow: hidden;
  opacity: 0;
}

.client-grid__top {
  display: block;
  width: 100%;
  color: #000;
  text-decoration: none;
}

.client-grid__top:hover .client-grid__caption .t-title-sm {
  color: #d2ad00;
}

.client-grid__top:hover .block-hover {
  opacity: 1;
}

.client-grid__caption {
  display: block;
  letter-spacing: 0.38px;
}

.client-grid__caption .t-title-sm {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  display: block;
}

.client-grid__date {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  color: #9d9d9d;
  display: block;
}

.client-grid__cta {
  position: absolute;
  top: 0;
  left: 0;
}

.client-grid__cta .cta__title {
  margin-bottom: 1rem;
  width: 100%;
}

.client-grid__cta .cta__image {
  margin-bottom: 0;
}

.client-grid__item--double {
  width: calc(66.6666% - 2rem);
}

.clients-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.clients-grid__item {
  width: 20%;
  position: relative;
  overflow: hidden;
}

.clients-grid__item svg {
  width: 100%;
  height: auto;
}

.clients-grid__item:hover .clients-grid__caption,
.clients-grid__item:focus .client-grid__caption,
.clients-grid__item:active .client-grid__caption {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.clients-grid__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clients-grid__logo img {
  width: 60%;
  max-width: 60%;
  height: auto;
  max-height: 60%;
}

.clients-grid__caption {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(248, 209, 28, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(101%);
      -ms-transform: translateY(101%);
          transform: translateY(101%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  will-change: transform;
  text-decoration: none;
}

.clients-grid__link {
  color: #000;
  display: block;
  max-width: 90%;
  text-align: center;
  text-decoration: none;
}

.js-slider-comments-main {
  display: none;
}

.comments-main {
  position: relative;
  margin-bottom: 3.6rem;
  background: #f8f8f8;
}

.comments-main a {
  text-decoration: none;
}

.comments-main .slider__points .slick-active button:hover {
  background-color: #000;
  border-color: #000;
}

.comments-main .slider__points button:hover {
  border-color: #000;
}

.comments-main__slide {
  text-decoration: none;
}

.comments-main__picture {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 2rem;
  max-width: 8.5rem;
  height: 8.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px #f2f2f2 solid;
  background-color: #fff;
}

.comments-main__link {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 2rem;
  max-width: 15rem;
  height: 8.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

.comments-main__link .comments-main__picture {
  max-width: 15rem;
  margin: 0 auto;
}

.comments-main__wrapper {
  padding: 1.5rem 1.5rem 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comments-main__content {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 2rem;
}

.comments-main__description {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.364;
  letter-spacing: 0.38px;
  margin-bottom: 1rem;
}

.comments-main__author {
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 0.38px;
}

.comments-main__author__name {
  line-height: 1.2;
}

.comments-main__author__post {
  line-height: 1.2;
}

.comments-main__text {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 0.38px;
  text-transform: uppercase;
}

.comments-main__pager {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  top: auto;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.comments-main__pager__count {
  display: inline-block;
  width: 2rem;
  text-align: right;
}

.comments-main__pager__count:last-of-type {
  text-align: left;
}

.comments-main__pager__group {
  padding: 0;
  vertical-align: text-bottom;
  line-height: 1;
  font-size: 1.4rem;
}

.comments-main__pager__button {
  width: 1.6rem;
  height: 1.6rem;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto 1.6rem;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.comments-main__pager__button--prev {
  width: 2.6rem;
  height: 2.6rem;
  padding: 6px;
}

.comments-main__pager__button--prev svg {
  max-width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.comments-main__pager__button--next {
  width: 2.6rem;
  height: 2.6rem;
  padding: 6px;
}

.comments-main__pager__button--next svg {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.comments-main__pager__button:hover {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.comments-main__pager__button:hover svg {
  fill: #f8d11c;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.js-slider-comments {
  display: none;
}

.comments {
  position: relative;
  background-color: #f8d11c;
  margin-top: 3.5rem;
}

.comments .slider__points .slick-active button:hover {
  background-color: #000;
  border-color: #000;
}

.comments .slider__points button:hover {
  border-color: #000;
}

.comments:before {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  left: 18.5rem;
  top: -3.2rem;
  border-style: solid;
  border-width: 0 0 3.3rem 3.3rem;
  border-color: transparent transparent #f8d11c transparent;
}

.comments__slide {
  padding-left: 9.5rem;
  text-decoration: none;
}

.comments__picture {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 2rem;
  max-width: 8.5rem;
  height: 8.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: white;
}

.comments__link {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 2rem;
  max-width: 15rem;
  height: 8.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

.comments__link .comments__picture {
  max-width: 15rem;
  margin: 0 auto;
}

.comments__wrapper {
  padding: 3rem 5rem 5rem 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comments__content {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.comments__description {
  margin-bottom: 1rem;
}

.comments__author__name {
  line-height: 1.2;
}

.comments__author__post {
  line-height: 1.2;
}

.comments__pager {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  top: auto;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.comments__pager__count {
  display: inline-block;
  width: 2rem;
  text-align: right;
}

.comments__pager__count:last-of-type {
  text-align: left;
}

.comments__pager__group {
  padding: 0;
  vertical-align: text-bottom;
  line-height: 1;
  font-size: 1.4rem;
}

.comments__pager__button {
  width: 1.6rem;
  height: 1.6rem;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto 1.6rem;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.comments__pager__button:hover {
  color: #fff;
}

.comments__pager__button--prev {
  width: 2.6rem;
  height: 2.6rem;
  padding: 6px;
}

.comments__pager__button--prev svg {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.comments__pager__button--next {
  width: 2.6rem;
  height: 2.6rem;
  padding: 6px;
}

.comments__pager__button--next svg {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.carousel ~ .comments:before {
  display: none;
}

.communication {
  font-family: "Raleway", sans-serif;
  color: #000;
  margin-bottom: 2.8rem;
}

.communication__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.communication__item {
  width: calc(100% / 3 - 1.34rem);
  color: #000;
  border: 2px #f8d11c solid;
}

.communication__link {
  display: block;
  width: 100%;
  padding: 1.8rem 2rem 2rem;
  color: #000;
  text-decoration: none;
}

.communication__link:hover .communication__title {
  color: #d2ad00;
}

.communication .subscribe-item {
  padding: 0;
  background: #f8f8f8;
  border: none;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper {
  background: #f8f8f8;
  font-family: "Raleway";
  width: 100%;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form.sub-desktop {
  font-weight: normal;
  padding: 0 !important;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.364;
  letter-spacing: 0.38px;
  padding: 0 1rem 0.5rem 0;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-inner {
  min-height: 9.8rem;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__email-input {
  width: 55% !important;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__button {
  font-family: "Raleway";
  font-size: 1.1rem !important;
  width: 40% !important;
  margin-left: 5% !important;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form__label {
  font-size: 1rem !important;
  line-height: 1.2 !important;
}

.communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-agreement {
  width: 100% !important;
}

.communication__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.364;
  letter-spacing: 0.38px;
  margin-top: 1.4rem;
  display: block;
}

.communication__date {
  font-family: "Raleway";
  font-size: 1rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: 0.38px;
}

.cooperation {
  font-family: "Raleway", sans-serif;
  color: #000;
}

.cooperation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.cooperation__item {
  width: 25%;
  margin: 0 0 1.74rem;
  display: block;
  color: #000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cooperation__item__welcome {
  border: 2px solid #f8d11c;
  padding: 1.5rem 2rem 1.6rem;
}

.cooperation__item a {
  color: #d2ad00;
  text-decoration: none;
}

.cooperation__item a:hover {
  color: #000;
}

.cooperation a:hover .cooperation__title {
  color: #d2ad00;
}

.cooperation__logo {
  margin: 0 1.5rem;
}

.cooperation__picture {
  width: 100%;
}

.cooperation__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.364;
  letter-spacing: 0.38px;
  display: block;
  min-width: 70%;
}

.cooperation__title .t-title-sm {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
}

.cta {
  width: 100%;
  height: 17vw;
  background-color: #f8d11c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
}

.cta__image {
  text-align: center;
  padding-bottom: 1rem;
  height: 7.5rem;
  width: 10rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.cta__image__ico {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: auto;
}

.cta__title {
  text-align: center;
  margin-bottom: .8rem;
}

.cta__button {
  width: 80%;
}

.dual-image {
  height: 100%;
}

.dual-image__desktop {
  display: block;
  width: 100%;
}

.dual-image__mobile {
  display: none;
  width: 100%;
}

.mouse-cursor-gradient-tracking {
  border: none;
  outline: none;
  position: relative;
  background: #2379f7;
}

.mouse-cursor-gradient-tracking:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: -webkit-radial-gradient(circle closest-side, violet, transparent);
  background: -o-radial-gradient(circle closest-side, violet, transparent);
  background: radial-gradient(circle closest-side, violet, transparent);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width .2s ease, height .2s ease;
  -o-transition: width .2s ease, height .2s ease;
  transition: width .2s ease, height .2s ease;
  will-change: width, height;
}

.mouse-cursor-gradient-tracking:hover::before {
  --size: 200px;
}

.history-steps {
  font-family: "Raleway", sans-serif;
  color: #000;
  margin-bottom: 3.7rem;
}

.history-steps__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.history-steps__caption {
  position: relative;
  z-index: 2;
}

.history-steps__title {
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.38px;
}

.history-steps__value {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 2.3rem;
  margin-left: -1rem;
}

.history-steps__infographics {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  margin-left: -0.5rem;
}

.history-steps__state {
  text-align: center;
  position: relative;
}

.history-steps__state:nth-of-type(1) {
  width: 22%;
}

.history-steps__state:nth-of-type(1) .history-steps__icon {
  height: 5.3rem;
  position: absolute;
  top: 0;
  left: auto;
  margin-left: -0.2rem;
}

.history-steps__state:nth-of-type(2) {
  width: 31%;
}

.history-steps__state:nth-of-type(2) .history-steps__icon {
  height: 4.4rem;
  position: absolute;
  bottom: -12rem;
  left: 7%;
  margin-left: 4.2rem;
}

.history-steps__state:nth-of-type(2) .history-steps__icon:nth-of-type(1) {
  margin-bottom: -1.1rem;
}

.history-steps__state:nth-of-type(2) .history-steps__title {
  margin-left: -1rem;
}

.history-steps__state:nth-of-type(3) {
  width: 27%;
}

.history-steps__state:nth-of-type(3) .history-steps__icon {
  height: 3.2rem;
  position: absolute;
  top: 0;
  left: auto;
  margin-left: 2.1rem;
  margin-top: 2.2rem;
  z-index: 2;
}

.history-steps__state:nth-of-type(3) .history-steps__icon:nth-of-type(2) {
  height: 3.1rem;
  margin-left: 1.7rem;
  margin-top: 1.7rem;
  z-index: 1;
}

.history-steps__state:nth-of-type(4) {
  width: 20%;
}

.history-steps__state:nth-of-type(4) .history-steps__icon {
  height: 3.8rem;
  position: absolute;
  top: 0;
  left: auto;
  margin-left: 1.7rem;
  margin-top: 0.3rem;
  z-index: 2;
}

.history-steps__state:nth-of-type(4) .history-steps__icon:nth-of-type(2) {
  height: 3.7rem;
  margin-left: 1.6rem;
  margin-top: 0.8rem;
  z-index: 1;
}

.history-steps__state:nth-of-type(4) .history-steps__infographics {
  margin-left: -1.3rem;
}

.history-steps__state:nth-of-type(4) .history-steps__value {
  margin-left: -3rem;
}

.anim1 {
  display: inline-block;
  width: 5.3rem;
  height: 5.3rem;
  position: absolute;
  top: 2.6rem;
  left: auto;
  margin-left: 2.4rem;
}

.anim1 div {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation: anim1 1.65s linear infinite;
          animation: anim1 1.65s linear infinite;
}

.anim1 div:after {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 13px;
  border-radius: 20%;
  background: #f8d11c;
}

.anim1 div:nth-child(1) {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-delay: -1.65s;
          animation-delay: -1.65s;
}

.anim1 div:nth-child(2) {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.anim1 div:nth-child(3) {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -1.35s;
          animation-delay: -1.35s;
}

.anim1 div:nth-child(4) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}

.anim1 div:nth-child(5) {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -1.05s;
          animation-delay: -1.05s;
}

.anim1 div:nth-child(6) {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.anim1 div:nth-child(7) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}

.anim1 div:nth-child(8) {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.anim1 div:nth-child(9) {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.anim1 div:nth-child(10) {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.anim1 div:nth-child(11) {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

.anim1 div:nth-child(12) {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.anim2 {
  -webkit-transition: all 0.92s;
  -o-transition: all 0.92s;
  transition: all 0.92s;
  -webkit-animation: anim2 5.75s linear infinite;
          animation: anim2 5.75s linear infinite;
}

.anim2:nth-child(1) {
  -webkit-animation-delay: 1.93s;
          animation-delay: 1.93s;
  -webkit-animation: anim2 6.1s linear infinite;
          animation: anim2 6.1s linear infinite;
}

.anim2:nth-child(2) {
  -webkit-animation-delay: 28.95s;
          animation-delay: 28.95s;
  -webkit-animation: anim2 9.2s linear infinite;
          animation: anim2 9.2s linear infinite;
}

@-webkit-keyframes anim2 {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  20% {
    -webkit-transform: rotateZ(-90deg) rotateY(180deg);
            transform: rotateZ(-90deg) rotateY(180deg);
  }

  40% {
    -webkit-transform: none;
            transform: none;
  }

  90% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes anim2 {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  20% {
    -webkit-transform: rotateZ(-90deg) rotateY(180deg);
            transform: rotateZ(-90deg) rotateY(180deg);
  }

  40% {
    -webkit-transform: none;
            transform: none;
  }

  90% {
    -webkit-transform: none;
            transform: none;
  }
}

.anim3-top {
  position: absolute;
  top: 0;
  left: auto;
  margin-left: 2.1rem;
  margin-top: 2.2rem;
  width: 3.2rem;
  height: 3.2rem;
  border: 2px #000 solid;
  border-radius: 50%;
  z-index: 1;
  display: inline-block;
}

.anim3 {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: auto;
  margin-left: 2.1rem;
  margin-top: 2.2rem;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: #f8d11c;
  display: inline-block;
  -webkit-transform-origin: 40% 45%;
      -ms-transform-origin: 40% 45%;
          transform-origin: 40% 45%;
  -webkit-animation: anim3 1.8s infinite linear;
          animation: anim3 1.8s infinite linear;
}

@-webkit-keyframes anim3 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes anim3 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.anim4 {
  -webkit-animation: 2.9s infinite ease-in-out;
          animation: 2.9s infinite ease-in-out;
  -webkit-animation-name: anim4;
          animation-name: anim4;
  z-index: 2;
  position: relative;
}

.anim5 {
  -webkit-animation: 2.9s infinite ease-in-out;
          animation: 2.9s infinite ease-in-out;
  -webkit-animation-name: anim5;
          animation-name: anim5;
}

@-webkit-keyframes anim4 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes anim4 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anim5 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes anim5 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.anim6 {
  -webkit-animation: anim6 6s linear infinite;
          animation: anim6 6s linear infinite;
}

@-webkit-keyframes anim6 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    -webkit-transform: translate(20rem, -20rem) scale(0.3);
            transform: translate(20rem, -20rem) scale(0.3);
    opacity: 0;
  }
}

@keyframes anim6 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    -webkit-transform: translate(20rem, -20rem) scale(0.3);
            transform: translate(20rem, -20rem) scale(0.3);
    opacity: 0;
  }
}

.history {
  margin-bottom: 20px;
  position: relative;
}

.history__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4rem;
}

.history__svg {
  overflow: visible !important;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -2rem;
  top: 0;
}

.history__state {
  width: 20%;
  position: relative;
  height: 14.4rem;
}

.history__state:nth-of-type(1) .history__title {
  width: 55%;
  font-weight: 900;
}

.history__state:nth-of-type(2) .history__icon {
  height: 32%;
  top: -15%;
  left: -5%;
}

.history__state:nth-of-type(2) .history__value {
  font-weight: 900;
  margin-bottom: .3rem;
}

.history__state:nth-of-type(2) .history__title {
  font-weight: 400;
}

.history__state:nth-of-type(2) .history__caption {
  top: 23%;
  width: 50%;
  left: 5%;
}

.history__state:nth-of-type(2) .history__circule {
  position: absolute;
  top: 18%;
  left: 70%;
  width: 9%;
  height: auto;
}

.history__state:nth-of-type(2) .history__cartoonrow {
  position: absolute;
  top: 19%;
  left: -28%;
  width: auto;
  height: 20%;
}

.history__state:nth-of-type(3) .history__caption {
  top: 35%;
  left: 45%;
}

.history__state:nth-of-type(3) .history__title {
  font-weight: 900;
}

.history__state:nth-of-type(3) .history__value {
  font-size: 2.9rem;
  font-weight: 900;
}

.history__state:nth-of-type(3) .history__icon {
  top: 0;
  width: auto;
  left: 50%;
  height: 30%;
}

.history__state:nth-of-type(3) .history__dot {
  top: 0;
  left: 50%;
  position: absolute;
  width: 12%;
  height: 45%;
}

.history__state:nth-of-type(4) .history__caption {
  top: 10%;
  left: 60%;
}

.history__state:nth-of-type(4) .history__title {
  font-weight: 900;
}

.history__state:nth-of-type(4) .history__value {
  font-size: 2.9rem;
  font-weight: 300;
}

.history__state:nth-of-type(4) .history__value span {
  color: #f8d11c;
}

.history__state:nth-of-type(4) .history__icon {
  bottom: 17%;
  height: 35%;
  left: 35%;
}

.history__state:nth-of-type(4) .history__triangle {
  position: absolute;
  height: 12%;
  width: auto;
  top: 17%;
  left: 45%;
}

.history__state:nth-of-type(5) .history__icon {
  top: -17%;
  right: 0;
  height: 55%;
  width: auto;
}

.history__state:nth-of-type(5) .history__value {
  font-weight: 900;
}

.history__state:nth-of-type(5) .history__title {
  font-weight: 400;
}

.history__state:nth-of-type(5) .history__caption {
  top: 45%;
  right: 11%;
}

.history__state:nth-of-type(5) .history__arrow {
  top: 0;
  right: 60%;
  position: absolute;
  height: 1.5rem;
  width: auto;
}

.history__icon {
  position: absolute;
}

.history__caption {
  position: absolute;
}

.history__date {
  color: #f8d11c;
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.25;
}

.history__title {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
}

.history__value {
  color: #000;
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 900;
}

.holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: calc(87% - 90px);
}

.mobileDevelopment .icon-dual--ux .icon-dual__lottie {
  -webkit-transform: rotate(21deg) translateX(-31%) translateY(-1%);
      -ms-transform: rotate(21deg) translateX(-31%) translateY(-1%);
          transform: rotate(21deg) translateX(-31%) translateY(-1%);
}

.mobileDevelopment .icon-dual--dev .icon-dual__lottie {
  -webkit-transform: rotate(21deg) translateX(-31%) translateY(-1%);
      -ms-transform: rotate(21deg) translateX(-31%) translateY(-1%);
          transform: rotate(21deg) translateX(-31%) translateY(-1%);
}

.mobileDevelopment .icon-dual__svg-test .icon-dual__lottie {
  -webkit-transform: rotate(21deg) translateX(-31%) translateY(-1%);
      -ms-transform: rotate(21deg) translateX(-31%) translateY(-1%);
          transform: rotate(21deg) translateX(-31%) translateY(-1%);
}

.mobileDevelopment .icon-dual__svg-launch .icon-dual__lottie {
  -webkit-transform: rotate(21deg) translateX(-31%) translateY(-1%);
      -ms-transform: rotate(21deg) translateX(-31%) translateY(-1%);
          transform: rotate(21deg) translateX(-31%) translateY(-1%);
}

.mobileDevelopment .icon-dual__svg-support2 .icon-dual__lottie {
  -webkit-transform: rotate(21deg) translateX(-31%) translateY(-1%);
      -ms-transform: rotate(21deg) translateX(-31%) translateY(-1%);
          transform: rotate(21deg) translateX(-31%) translateY(-1%);
}

.icon-dual {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.icon-dual__lottie,
.icon-dual__svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.icon-dual__lottie svg {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

.icon-dual__lottie {
  display: block;
}

.icon-dual__svg {
  width: auto;
  display: none;
}

.icon-dual--jobs {
  width: 16rem;
}

.icon-dual--press {
  width: 19rem;
  height: 10rem;
}

.icon-dual--press .icon-dual__svg {
  left: auto;
  right: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.icon-dual--ar {
  width: 16rem;
  height: 15rem;
  margin: 0 0 0 auto;
}

.icon-dual--ar .icon-dual__svg {
  width: 100%;
}

.icon-dual--vr {
  width: 13rem;
  height: 10rem;
  margin: 0 0 0 auto;
}

.icon-dual--job {
  margin-right: 1rem;
}

.icon-dual--press {
  height: 6.6rem;
  margin-right: 3rem;
}

.icon-dual--tablet {
  height: 6.6rem;
  margin-right: 3rem;
}

.icon-dual--jobs {
  height: 6.7rem;
  margin-right: 2.5rem;
}

.icon-dual--backend {
  margin: 0 0 0 auto;
}

.icon-dual--support {
  width: 20rem;
  height: 14.5rem;
  margin: 6% 0 0 auto;
}

.icon-dual--support .icon-dual__lottie {
  left: 70%;
}

.icon-dual--applications {
  width: 14.4rem;
  position: absolute;
  top: 0;
  right: 0.5rem;
}

.icon-dual--areality {
  width: 14.4rem;
  position: absolute;
  top: 0;
  right: 1.5rem;
}

.icon-dual--iot {
  width: 14.4rem;
  position: absolute;
  top: 0;
  right: 0;
}

.icon-dual--api {
  width: 16.5rem;
  position: absolute;
  top: 0;
  right: -3rem;
}

.icon {
  color: inherit;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  position: relative;
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
}

.kit {
  position: relative;
}

.kit--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.kit--mobile {
  display: none;
}

.kit:not(:last-of-type) {
  margin-bottom: 5rem;
}

.kit__title {
  color: #000;
  left: 3rem;
  font-weight: 900;
  z-index: 5;
}

.kit__text {
  padding-left: 3.5rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 3rem;
}

.kit__list {
  width: 100%;
  padding-left: 3.5rem;
  position: relative;
  z-index: 5;
}

.kit__list--offset {
  padding-top: 2rem;
}

.kit__image {
  position: absolute;
  z-index: 0;
}

.kit__image--ios {
  height: 9rem;
  width: auto;
  top: -3.5rem;
  left: 4rem;
}

.kit__image--ios-yellow {
  height: 9rem;
  top: 7rem;
  right: -30px;
  left: -2rem;
}

.kit__image--3d {
  height: 11.4rem;
  width: auto;
  top: -4rem;
  right: -4rem;
}

.kit__image--android {
  height: 10rem;
  width: auto;
  top: -5rem;
  right: -3rem;
}

.kit__image--android-yellow {
  height: 10rem;
  top: 3rem;
  right: 0rem;
}

.line__wrap {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 2rem;
  height: 1.2rem;
}

.line__finish {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  background: url("../images/history/triangle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: .7rem;
  height: 1rem;
}

.line__start {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.link {
  color: #d2ad00;
  text-decoration: none;
}

.link--passive {
  color: #000;
}

.list li {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0;
  text-align: left;
  padding-left: 1.8rem;
  position: relative;
  margin-bottom: 1rem;
}

.list li strong {
  margin-right: 4px;
}

.list li:before {
  content: '';
  display: block;
  left: 0;
  top: .5rem;
  position: absolute;
  border: 2px solid #000;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
}

.list--compact li {
  padding-left: 1.5rem;
  margin-bottom: 0rem;
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.client-grid.js-portfolio-grid .lds-css.ng-scope {
  display: none;
}

.lds-dual-ring {
  position: relative;
}

.lds-dual-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lds-dual-ring > div {
  position: absolute;
  width: 168px;
  height: 168px;
  top: 16px;
  left: 16px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #fdd039 transparent #fdd039 transparent;
  -webkit-animation: lds-dual-ring 4.5s linear infinite;
  animation: lds-dual-ring 4.5s linear infinite;
}

.lds-dual-ring > div:nth-child(2) {
  border-color: transparent;
}

.lds-dual-ring > div:nth-child(2) div {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.lds-dual-ring > div:nth-child(2) div:before,
.lds-dual-ring > div:nth-child(2) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 72px;
  background: #fdd039;
  border-radius: 50%;
  -webkit-box-shadow: 0 160px 0 0 #fdd039;
          box-shadow: 0 160px 0 0 #fdd039;
}

.lds-dual-ring > div:nth-child(2) div:after {
  left: -8px;
  top: 72px;
  -webkit-box-shadow: 160px 0 0 0 #fdd039;
          box-shadow: 160px 0 0 0 #fdd039;
}

.lds-dual-ring {
  width: 100px !important;
  height: 100px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  -ms-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
      transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

.locale {
  padding: 0.81rem;
  background-color: white;
  color: black;
  border: 3px solid #F8F8F8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.86rem;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

.locale:hover {
  border-color: #f8d11c;
  background-color: #f8d11c;
}

.logo {
  width: 20rem;
  height: 4.1rem;
  background: url(../images/common/logo_spider.svg) no-repeat 50% 50%;
  background-size: 100%;
}

/* 

====== Zoom effect ======

*/

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/

.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0) rotate(500deg);
      -ms-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0) rotate(500deg);
      -ms-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
  opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/

.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/

.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-move-from-top .mfp-content {
  vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
          perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateY(-60deg);
          transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  -webkit-transform: rotateY(60deg);
          transform: rotateY(60deg);
  opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/

.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}

.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

/* additions */

.white-popup {
  position: relative;
  background: #fff;
  padding: 35px;
  width: auto;
  max-width: calc(70vw + 70px);
  margin: 0 auto;
}

.mfp-iframe-scaler iframe {
  border: 20px #fff solid;
}

.main-banner {
  font-size: 0;
  text-align: center;
  background-color: #f8d11c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.main-banner__imagemobile {
  display: none;
}

.main-banner__group {
  position: relative;
  z-index: 1;
  padding-top: 10.85rem;
  padding-bottom: 10.85rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.main-banner__logo {
  width: 26.7rem;
  height: 4.6rem;
  background-size: 100%;
  margin-bottom: 3.8rem;
}

.main-banner__title-mobileLandscape {
  display: none;
}

.main-banner__image {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: -2rem;
  margin-right: -1.5rem;
  margin-bottom: -1.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: auto;
  height: calc(100% + 3.5rem);
}

.main-banner--services .main-banner__image {
  right: auto;
  left: 0;
  top: 0;
  margin-right: 0;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  margin-bottom: 0;
  width: auto;
  height: 100%;
}

.main-banner--services .main-banner__imagemobile {
  display: none;
  right: 0;
  left: auto;
  top: 0;
  margin-right: 0;
  margin-right: -1.5rem;
  margin-top: -1.5rem;
  margin-bottom: 0;
  width: 50%;
  height: auto;
  position: absolute;
}

.main-banner--services .main-banner__group {
  width: 50%;
  left: 50%;
  width: 50%;
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.main-banner--services .main-banner__title {
  width: 70%;
  margin-bottom: 3rem;
}

.main-banner--services .main-banner__text {
  margin-bottom: 1rem;
}

.map {
  position: relative;
  width: 100%;
  height: calc(100vh - 9.2rem);
  background-color: #d0d0d0;
  margin-top: -2rem;
}

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

.map__title {
  margin-bottom: 1.4rem;
}

.map__text {
  margin-bottom: 2rem;
}

.map__item {
  position: relative;
  padding-left: 2.5rem;
}

.map__item:not(:last-child) {
  margin-bottom: 1rem;
}

.map__item--address::before {
  position: absolute;
  top: 50%;
  left: 0%;
  content: '';
  width: 1.5rem;
  height: 1.7rem;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/icons/map-location.svg);
}

.map__item--phone::before {
  position: absolute;
  top: 50%;
  left: 0%;
  content: '';
  width: 1.5rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/icons/map-phone.svg);
}

.map__item--email::before {
  position: absolute;
  top: 50%;
  left: 0%;
  content: '';
  width: 1.5rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/icons/map-email.svg);
}

.map__item--email-pr::before {
  width: 1.5rem;
  height: 1.6rem;
  margin-left: 1px;
  margin-top: -1px;
  background-image: url(../images/icons/map-email-pr.svg);
  background-size: 100% auto;
}

.map__contacts {
  position: absolute;
  top: -1px;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 2;
  padding: 3.2rem 2rem 2rem;
  width: 66.6666%;
  background-color: #fff;
  color: #000;
  line-height: 1.43;
}

.map__contacts:after {
  position: absolute;
  left: 2rem;
  top: 100%;
  content: '';
  border-style: solid;
  border-width: 2.5rem 4rem 0 0;
  border-color: #fff transparent transparent transparent;
}

.nda-block {
  border: 5px solid #f8d11c;
  min-height: 12rem;
  margin-bottom: 2%;
}

.nda-block .flex-block-1 {
  -ms-flex-item-align: center;
      align-self: center;
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nda-block .flex-block-2 {
  height: 80%;
  width: 65%;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: 5%;
}

.nda-block .t-title-xl {
  font-size: 5rem;
  margin: 0;
  font-weight: 300;
}

.new-projects {
  color: #000;
  margin-bottom: 2.2rem;
}

.plan__header {
  background: #f8d11c;
  padding: 1rem 2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 1rem;
}

.plan__header:after {
  content: '';
  position: absolute;
  bottom: -.3rem;
  left: 2.3rem;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #f8d11c;
}

.plan__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

.plan__row {
  padding: 1rem 2rem;
  border-bottom: 1px solid #000;
}

.plan__row p {
  margin-bottom: 0;
}

.plan__row--disabled {
  opacity: .2;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@-webkit-keyframes plyr-popup {
  0% {
    opacity: .5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.plyr audio {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}

.plyr [data-plyr=airplay] {
  display: none;
}

.plyr [data-plyr=captions] {
  display: none;
}

.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr [data-plyr=pip] {
  display: none;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
  z-index: 3;
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
  display: none;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
  display: none;
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr [hidden] {
  display: none !important;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.plyr--full-ui * {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr--full-ui button {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr--full-ui input {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr--full-ui::-webkit-media-text-track-container {
  display: none;
}

.plyr--full-ui::-webkit-media-controls {
  display: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #00b3ff;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
  background-image: -webkit-linear-gradient(left, currentColor var(--value, 0), transparent var(--value, 0));
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px;
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  -moz-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}

.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  margin-top: 0;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  -webkit-box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
          box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in .3s ease;
          animation: plyr-fade-in .3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  -o-transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  width: 100%;
}

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}

.plyr__captions .plyr__caption div {
  display: inline;
}

.plyr__captions span:empty {
  display: none;
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}

.plyr__control.plyr__tab-focus {
  -webkit-box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
          box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control::after {
  display: none;
}

a.plyr__control::before {
  display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed {
  display: none;
}

.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus {
  background: #00b3ff;
  color: #fff;
}

.plyr--audio .plyr__control:hover {
  background: #00b3ff;
  color: #fff;
}

.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px;
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, 0.66);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}

.plyr--video .plyr__control.plyr__tab-focus {
  background: #00b3ff;
  color: #fff;
}

.plyr--video .plyr__control:hover {
  background: #00b3ff;
  color: #fff;
}

.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
  z-index: 3;
}

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr--video .plyr__progress__buffer {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}

.plyr__control--overlaid {
  background: rgba(0, 179, 255, 0.8);
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus {
  background: #00b3ff;
}

.plyr__control--overlaid:hover {
  background: #00b3ff;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child {
  padding-left: 0;
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}

.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}

.plyr__controls .plyr__controls__item.plyr__volume {
  padding-right: 5px;
}

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
  padding-right: 0;
}

.plyr__controls:empty {
  display: none;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr--airplay-supported [data-plyr=airplay] {
  display: inline-block;
}

.plyr--captions-enabled [data-plyr=captions] {
  display: inline-block;
}

.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  -webkit-animation: plyr-popup .2s ease;
          animation: plyr-popup .2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
}

.plyr__menu__container [role=menuitem] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child {
  margin-top: 0;
}

.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a5764;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(74, 87, 100, 0.8);
  right: 5px;
}

.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(74, 87, 100, 0.8);
  left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
  background: #c1c9d1;
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  -o-transition: transform .3s ease,opacity .3s ease;
  transition: transform .3s ease,opacity .3s ease;
  transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #00b3ff;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before {
  background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  -o-transition: transform .2s .1s ease,opacity .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}

.plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width .2s ease;
  -o-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width .2s ease;
  -o-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -webkit-transition: width .2s ease;
  -o-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: -webkit-linear-gradient(135deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, 0.66);
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important;
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads::after {
  background: rgba(35, 41, 47, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}

.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  -o-transition: transform .2s .1s ease,opacity .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  z-index: 2;
}

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

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

.portfolio-example__image1 {
  max-height: 16rem;
}

.portfolio-example__image2 {
  max-height: 10rem;
}

.portfolio-example__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.portfolio-example__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 16rem;
}

.portfolio-example__title {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
}

.portfolio-example__text {
  font-size: 1.4rem;
  font-weight: 300;
}

.portfolio-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 1.4s ease;
  transition: -webkit-transform 1.4s ease;
  -o-transition: transform 1.4s ease;
  transition: transform 1.4s ease;
  transition: transform 1.4s ease, -webkit-transform 1.4s ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f8d11c;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 24% - 2rem);
  padding: 0 2rem;
  height: 4.8rem;
  z-index: 1000;
  opacity: 0.9;
}

.portfolio-footer__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.portfolio-footer__section:nth-child(1) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.portfolio-footer__section:nth-child(2) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 5.5rem;
}

.portfolio-footer__section:nth-child(3) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 5.5rem;
}

.portfolio-footer__section:nth-child(4) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.portfolio-footer__prev,
.portfolio-footer__next,
.portfolio-footer__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  text-decoration: none;
}

.portfolio-footer__prev span,
.portfolio-footer__next span,
.portfolio-footer__share span {
  margin: 0;
  line-height: 1;
  margin-bottom: -2px;
}

.portfolio-footer__prev svg {
  margin-right: 1rem;
}

.portfolio-footer__next svg {
  margin-left: 1rem;
}

.portfolio-footer__share svg {
  margin-right: 1rem;
  height: 1.4rem;
  display: none;
}

.portfolio-footer__svg {
  height: 1.6rem;
  width: 1.6rem;
  display: block;
}

.portfolio-footer__svg.rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.portfolio-footer__socialshare {
  background: #fff;
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3.5rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s ease, padding .3s ease;
  -o-transition: max-height .3s ease, padding .3s ease;
  transition: max-height .3s ease, padding .3s ease;
  will-change: padding, max-height;
}

.portfolio-footer__socialshare .soc-share {
  margin-right: 1rem;
}

.portfolio-footer .button.portfolio-button {
  width: auto;
  height: 3.3rem;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: bold;
  background: transparent;
  color: #000;
  letter-spacing: 0.38px;
}

.is-visible .portfolio-footer__socialshare {
  max-height: 10rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

section.portfolio-header {
  margin-bottom: 2rem;
}

.portfolio-header__title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1;
}

.portfolio-header a:first-child:not([class]) {
  margin: 0 8px 0 0;
}

.portfolio-header a:nth-child(2):not([class]) {
  margin: 0 5px 0 8px;
}

.portfolio-header__link {
  color: #d2ad00;
  text-decoration: none;
  font-size: 1.4rem;
  position: relative;
}

.portfolio-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portfolio-header__weblink {
  background-image: url("/static/content/works/images/icons/link.svg");
  width: 15px;
  height: 15px;
  display: block;
  margin-right: 8px;
  text-align: center;
  top: 4px;
  position: relative;
}

.portfolio-header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.portfolio-header__platforms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 1.8rem;
  margin-bottom: 0.6rem;
}

.portfolio-header__store {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.portfolio-header__icon {
  height: 3rem;
}

.portfolio-header__icons {
  height: 1.8rem;
  margin-right: 1rem;
}

.portfolio-header__icons:hover,
.portfolio-header__icons:focus {
  -webkit-filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
          filter: invert(73%) sepia(81%) saturate(477%) hue-rotate(357deg) brightness(104%) contrast(94%);
}

.portfolio-header__svg {
  width: 3rem;
  height: 2rem;
  text-align: left;
}

.portfolio-manual {
  padding-bottom: 2rem;
  position: relative;
  height: 32rem;
}

.portfolio-manual__title {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 2rem;
  width: 50%;
}

.portfolio-manual__image1 {
  width: 28.3rem;
  height: auto;
  display: block;
  position: absolute;
  top: 7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.portfolio-manual__image2 {
  width: 23.8rem;
  height: auto;
  display: block;
  position: absolute;
  top: -4rem;
  left: 67%;
}

.portfolio-screens {
  padding-bottom: 2rem;
}

.portfolio-screens__title {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 2rem;
}

.portfolio-screens__image {
  width: 100%;
  height: auto;
  display: block;
}

section.portfolio-showcase {
  margin-bottom: 6rem;
  position: relative;
  height: 36rem;
}

section.portfolio-showroom {
  margin-bottom: 6rem;
  position: relative;
  height: 38rem;
}

.portfolio-video {
  padding-bottom: 2rem;
}

.portfolio-video__title {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 2rem;
  width: 50%;
}

.portfolio-video iframe {
  width: 100%;
  height: 40vw;
}

.progress-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.progress-slide__screen {
  height: 100%;
  min-height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.progress-slide .slick-list,
.progress-slide .slick-track {
  height: 100%;
}

.progress-slide__wrap {
  display: block;
  width: 27%;
  height: 42rem;
  position: absolute;
  bottom: 2rem;
  left: 4rem;
}

.progress-slide__image {
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
  height: 120%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 90% -30%;
}

.progress-slide__info {
  width: 65%;
  margin-left: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 33.5rem;
  padding: 0 2.5rem 2.5rem;
}

.progress-slide__title {
  margin-bottom: 2rem;
  text-transform: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.progress-slide__text {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
  margin-bottom: 2rem;
}

.progress-slide__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress-slide__icon {
  width: 2rem;
  height: auto;
  margin-right: 1rem;
}

.progress__item {
  position: relative;
  padding: 3rem 0 2.4rem;
  cursor: pointer;
}

.progress__item:hover::before {
  background-color: #000 !important;
}

.progress__count {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.progress__name {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.progress-bar {
  width: 3%;
  height: 1px;
  content: '';
  background: #000;
  position: absolute;
  top: 3.5rem;
  left: 8%;
  max-width: 84%;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
  will-change: width;
}

.progress-steps > li.is-active:before,
.progress-steps > li.is-active ~ li:before {
  content: '';
  font-family: inherit;
  font-weight: 700;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  will-change: background-color;
  border-radius: 50%;
}

.progress-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.progress-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #000;
}

.progress-steps > li:before {
  content: '';
  display: block;
  margin: 0 auto .4rem;
  background-color: #000;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  border-radius: 50%;
}

.progress-steps > li.is-active:before {
  background-color: #000;
  border-color: #000;
}

.progress-steps > li.is-active ~ li:before {
  background-color: #f8d11c;
  border-color: #000;
}

.project {
  font-size: 0;
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

.project__top {
  position: relative;
  padding-top: 30.25%;
}

.project:hover .project__title {
  color: #000;
}

.project:hover .project__tags__ico {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.project:hover .project__footer:before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.project:hover .project__footer:after {
  opacity: 0;
}

.project:not(:last-child) {
  margin-bottom: 2.5rem;
}

.project__screen {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
  -o-object-position: center;
     object-position: center;
  position: absolute;
}

.project__footer {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 2rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.project__footer:before {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: -100%;
  content: "";
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #f8d11c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  will-change: transform;
}

.project__footer:after {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=53)";
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(98%, #000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 98%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 98%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 98%);
  opacity: 0.53;
}

.project__tags {
  padding: 0;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 3rem;
}

.project__tags__ico {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  margin-left: 18px;
}

.project__title {
  position: relative;
  z-index: 2;
  color: #fff;
  margin-bottom: 0 !important;
}

.recall {
  padding: 1.8rem;
  margin: 0 1rem;
  cursor: pointer;
  background-image: url(../images/recall.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
  background-color: #F8D11C;
  border: 2px solid #F8D11C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sandwich {
  width: 3rem;
  height: 3.8rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  margin: 0;
  z-index: 0;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-transform: translateY(-50%) scale(0.85);
      -ms-transform: translateY(-50%) scale(0.85);
          transform: translateY(-50%) scale(0.85);
}

.sandwich__layer {
  width: 100%;
  max-width: 3rem;
  height: .3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.5rem;
  margin-top: -1px;
  font-size: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  background-color: #000;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.sandwich__layer:before,
.sandwich__layer:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: #000;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s, -webkit-transform 0.5s;
}

.sandwich__layer:before {
  -webkit-transform: translateY(-360%);
      -ms-transform: translateY(-360%);
          transform: translateY(-360%);
}

.sandwich__layer:after {
  -webkit-transform: translateY(360%);
      -ms-transform: translateY(360%);
          transform: translateY(360%);
}

.menu-animate,
.is-menu-visible {
  width: 100%;
  height: 100%;
}

.menu-animate .layout-wrapper__container,
.is-menu-visible .layout-wrapper__container {
  overflow: hidden;
}

.menu-animate .sidebar,
.is-menu-visible .sidebar {
  top: 0;
}

.menu-animate .sandwich,
.is-menu-visible .sandwich {
  background-color: rgba(0, 0, 0, 0);
}

.menu-animate .sandwich__layer,
.is-menu-visible .sandwich__layer {
  background-color: transparent;
}

.menu-animate .sandwich__layer:before,
.menu-animate .sandwich__layer:after,
.is-menu-visible .sandwich__layer:before,
.is-menu-visible .sandwich__layer:after {
  background-color: #000 !important;
}

.menu-animate .sandwich__layer:before,
.is-menu-visible .sandwich__layer:before {
  -webkit-transform: translateY(0) rotate(45deg) !important;
      -ms-transform: translateY(0) rotate(45deg) !important;
          transform: translateY(0) rotate(45deg) !important;
}

.menu-animate .sandwich__layer:after,
.is-menu-visible .sandwich__layer:after {
  -webkit-transform: translateY(0) rotate(-45deg) !important;
      -ms-transform: translateY(0) rotate(-45deg) !important;
          transform: translateY(0) rotate(-45deg) !important;
}

.sandwich--close {
  background-color: rgba(0, 0, 0, 0);
  top: 3.5rem;
  z-index: 70;
}

.sandwich--close .sandwich__layer {
  background-color: transparent;
}

.sandwich--close .sandwich__layer:before,
.sandwich--close .sandwich__layer:after {
  background-color: #000 !important;
}

.sandwich--close .sandwich__layer:before {
  -webkit-transform: translateY(0) rotate(45deg) !important;
      -ms-transform: translateY(0) rotate(45deg) !important;
          transform: translateY(0) rotate(45deg) !important;
}

.sandwich--close .sandwich__layer:after {
  -webkit-transform: translateY(0) rotate(-45deg) !important;
      -ms-transform: translateY(0) rotate(-45deg) !important;
          transform: translateY(0) rotate(-45deg) !important;
}

.sidetitle-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20rem;
  padding-left: 6rem;
}

.sidetitle-box__wrap {
  margin-top: 1rem;
  width: 100%;
}

.sidetitle-box__title {
  margin-left: 4rem;
}

.sidetitle-box__list {
  margin-bottom: 3rem;
}

.sidetitle-box__button {
  width: auto;
}

.sidetitle-box-wrap {
  margin-left: 33.3333%;
  width: 66.6666%;
}

.sidetitle-box--pad {
  margin-bottom: 2rem;
}

.slider {
  position: relative;
}

.slider__back {
  position: absolute;
  bottom: 0%;
  right: 0;
  height: 90%;
  width: 100%;
  z-index: 0;
}

.slider__back .icon-dual {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.slider__back .icon-dual.is-active {
  opacity: 1;
}

.slider__back .icon-dual--arvr {
  right: -34.2%;
}

.slider__back .icon-dual--api {
  top: -1%;
  right: -8rem;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.slider__back .icon-dual--development {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  right: -12%;
}

.slider__back .icon-dual--support3 {
  right: -8%;
}

.slider__wrapper {
  clear: both;
  padding: .5rem;
  font-size: 0;
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
  height: calc(38rem - 1px);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.slider__wrapper:after {
  content: '';
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 0.5rem solid #f8d11c;
}

.slider__list {
  position: relative;
  width: 60%;
  height: 100%;
}

.slider__item {
  position: relative;
  padding: 1.5rem 8rem 9rem;
  height: 36rem !important;
  /* or slick will set different hights */
  overflow: hidden;
}

.slider__item.is-active {
  display: block;
}

.slider__background {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.slider__image {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 1.5rem;
}

.slider__image img {
  width: auto;
}

.slider__title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  width: 100%;
}

.slider__description {
  font-size: 1.5rem;
  width: 100%;
}

.slider__points {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.slider__points button {
  width: 12px;
  height: 12px;
  padding: 0;
  outline: 0;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #000;
  margin: 0 1rem;
  font-size: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  will-change: border-color;
}

.slider__points button:hover {
  border: 2px solid #f8d11c;
}

.slider__points .slick-active button {
  background-color: #000;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  will-change: background-color;
}

.slider__points .slick-active button:hover {
  background-color: #f8d11c;
}

.slider__item:after {
  content: '';
  z-index: 1;
  position: absolute;
  bottom: -.5rem;
  top: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
}

.slider__item.arvr .slider__image {
  margin-left: -3rem;
}

.slider__item.arvr .slider__image img {
  height: 10.4rem;
}

.slider__item.arvr .slider__background {
  width: auto;
  height: 85%;
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
}

.slider__item.arvr .slider__background svg {
  height: 100% !important;
  width: auto !important;
}

.slider__item.intelligence .slider__image {
  margin-left: -3rem;
}

.slider__item.intelligence .slider__image img {
  height: 10.4rem;
}

.slider__item.intelligence .slider__background {
  width: auto;
  height: 85%;
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
}

.slider__item.intelligence .slider__background svg {
  height: 100% !important;
  width: auto !important;
}

.slider__item.development .slider__image img {
  height: 10.4rem;
}

.slider__item.development .slider__background {
  width: auto;
  height: 95%;
  bottom: -15px;
  top: auto;
  left: auto;
  right: 0;
}

.slider__item.development .slider__background svg {
  height: 100% !important;
  width: auto !important;
}

.slider__item.api .slider__image {
  margin-top: 1rem;
}

.slider__item.api .slider__image img {
  height: 8.4rem;
}

.slider__item.api .slider__background {
  width: auto;
  height: 100%;
  bottom: auto;
  top: 0;
  left: auto;
  right: 0px;
}

.slider__item.api .slider__background svg {
  height: 100% !important;
  width: auto !important;
}

.slider__item.support .slider__image {
  margin-top: 1rem;
}

.slider__item.support .slider__image img {
  height: 13.8rem;
}

.slider__item.support .slider__background {
  width: auto;
  height: 90%;
  bottom: 0rem;
  top: auto;
  left: auto;
  right: 0;
}

.slider__item.support .slider__background svg {
  height: 100% !important;
  width: auto !important;
}

.slider .slider__points {
  width: 166.6666%;
}

.slogan {
  font-family: "Raleway", sans-serif;
  color: #000;
}

.slogan__header {
  margin-left: 44.5rem;
  padding: 4.3rem 0 5.8rem;
  position: relative;
}

.slogan__title {
  font-weight: bold;
  font-size: 2.7rem;
  line-height: 1.25;
  letter-spacing: 0.38px;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}

.slogan__infographics {
  position: absolute;
  top: 0;
  right: 0;
}

.slogan__infographics__icon {
  width: 21rem;
  position: absolute;
  top: -8.2rem;
  right: 8.6rem;
  z-index: 2;
}

.slogan__infographics__icon:nth-of-type(2) {
  width: 18rem;
  top: -4rem;
  right: 10.6rem;
  z-index: 1;
}

.points-anim {
  position: absolute;
  width: 160px;
  height: 160px;
  top: -6rem;
  right: 10.2rem;
  z-index: 1;
  border: 2px solid transparent;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
  overflow: hidden;
}

.points-element {
  position: absolute;
  top: 1%;
  left: 1%;
  display: block;
  height: 98%;
  width: 98%;
  margin: auto;
  -ms-flex-item-align: center;
      align-self: center;
  background: #fff;
  z-index: 1;
}

.points-border {
  position: absolute;
  display: block;
  top: -50%;
  left: -50%;
  z-index: -9;
  display: block;
  height: 200%;
  width: 200%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(40%, #fff), color-stop(50%, #f8d11c), color-stop(55%, #f8d11c), color-stop(70%, #fff), to(#fff));
  background: -webkit-linear-gradient(left, #fff 20%, #fff 40%, #f8d11c 50%, #f8d11c 55%, #fff 70%, #fff 100%);
  background: -o-linear-gradient(left, #fff 20%, #fff 40%, #f8d11c 50%, #f8d11c 55%, #fff 70%, #fff 100%);
  background: linear-gradient(to right, #fff 20%, #fff 40%, #f8d11c 50%, #f8d11c 55%, #fff 70%, #fff 100%);
  background-size: 200% auto;
  -webkit-animation: shine 4s linear infinite;
          animation: shine 4s linear infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.points-wrap {
  width: 233px;
  height: 233px;
  position: absolute;
  top: -9.8rem;
  right: 7.8rem;
  z-index: 2;
}

.points-wrap > * {
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #010101;
}

.points-wrap > *:nth-child(1) {
  -webkit-animation: shunt-1 16s ease infinite alternate;
          animation: shunt-1 16s ease infinite alternate;
}

@-webkit-keyframes shunt-1 {
  0%, 10% {
    -webkit-transform: translate(0px, -1000px);
            transform: translate(0px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(0px, 120px);
            transform: translate(0px, 120px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(58px, 119px);
            transform: translate(58px, 119px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(0px, 120px);
            transform: translate(0px, 120px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-1 {
  0%, 10% {
    -webkit-transform: translate(0px, -1000px);
            transform: translate(0px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(0px, 120px);
            transform: translate(0px, 120px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(58px, 119px);
            transform: translate(58px, 119px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(0px, 120px);
            transform: translate(0px, 120px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(2) {
  -webkit-animation: shunt-2 16s ease infinite alternate;
          animation: shunt-2 16s ease infinite alternate;
}

@-webkit-keyframes shunt-2 {
  0%, 10% {
    -webkit-transform: translate(24px, -1500px);
            transform: translate(24px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(24px, 96px);
            transform: translate(24px, 96px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(71px, 107px);
            transform: translate(71px, 107px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(24px, 96px);
            transform: translate(24px, 96px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-2 {
  0%, 10% {
    -webkit-transform: translate(24px, -1500px);
            transform: translate(24px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(24px, 96px);
            transform: translate(24px, 96px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(71px, 107px);
            transform: translate(71px, 107px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(24px, 96px);
            transform: translate(24px, 96px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(3) {
  -webkit-animation: shunt-3 16s ease infinite alternate;
          animation: shunt-3 16s ease infinite alternate;
}

@-webkit-keyframes shunt-3 {
  0%, 10% {
    -webkit-transform: translate(48px, -2000px);
            transform: translate(48px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(48px, 72px);
            transform: translate(48px, 72px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(85px, 95px);
            transform: translate(85px, 95px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(48px, 72px);
            transform: translate(48px, 72px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-3 {
  0%, 10% {
    -webkit-transform: translate(48px, -2000px);
            transform: translate(48px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(48px, 72px);
            transform: translate(48px, 72px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(85px, 95px);
            transform: translate(85px, 95px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(48px, 72px);
            transform: translate(48px, 72px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(4) {
  -webkit-animation: shunt-4 16s ease infinite alternate;
          animation: shunt-4 16s ease infinite alternate;
}

@-webkit-keyframes shunt-4 {
  0%, 10% {
    -webkit-transform: translate(72px, -2500px);
            transform: translate(72px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(72px, 48px);
            transform: translate(72px, 48px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(95px, 85px);
            transform: translate(95px, 85px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(72px, 48px);
            transform: translate(72px, 48px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-4 {
  0%, 10% {
    -webkit-transform: translate(72px, -2500px);
            transform: translate(72px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(72px, 48px);
            transform: translate(72px, 48px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(95px, 85px);
            transform: translate(95px, 85px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(72px, 48px);
            transform: translate(72px, 48px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(5) {
  -webkit-animation: shunt-5 16s ease infinite alternate;
          animation: shunt-5 16s ease infinite alternate;
}

@-webkit-keyframes shunt-5 {
  0%, 10% {
    -webkit-transform: translate(96px, -2800px);
            transform: translate(96px, -2800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(96px, 24px);
            transform: translate(96px, 24px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(108px, 71px);
            transform: translate(108px, 71px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(96px, 24px);
            transform: translate(96px, 24px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-5 {
  0%, 10% {
    -webkit-transform: translate(96px, -2800px);
            transform: translate(96px, -2800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(96px, 24px);
            transform: translate(96px, 24px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(108px, 71px);
            transform: translate(108px, 71px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(96px, 24px);
            transform: translate(96px, 24px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(6) {
  -webkit-animation: shunt-6 16s ease infinite alternate;
          animation: shunt-6 16s ease infinite alternate;
}

@-webkit-keyframes shunt-6 {
  0%, 10% {
    -webkit-transform: translate(120px, -3000px);
            transform: translate(120px, -3000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(120px, 0px);
            transform: translate(120px, 0px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(120px, 60px);
            transform: translate(120px, 60px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(120px, 0px);
            transform: translate(120px, 0px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-6 {
  0%, 10% {
    -webkit-transform: translate(120px, -3000px);
            transform: translate(120px, -3000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(120px, 0px);
            transform: translate(120px, 0px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(120px, 60px);
            transform: translate(120px, 60px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(120px, 0px);
            transform: translate(120px, 0px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(7) {
  -webkit-animation: shunt-7 16s ease infinite alternate;
          animation: shunt-7 16s ease infinite alternate;
}

@-webkit-keyframes shunt-7 {
  0%, 10% {
    -webkit-transform: translate(27px, -800px);
            transform: translate(27px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(27px, 147px);
            transform: translate(27px, 147px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(72px, 131px);
            transform: translate(72px, 131px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(27px, 147px);
            transform: translate(27px, 147px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-7 {
  0%, 10% {
    -webkit-transform: translate(27px, -800px);
            transform: translate(27px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(27px, 147px);
            transform: translate(27px, 147px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(72px, 131px);
            transform: translate(72px, 131px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(27px, 147px);
            transform: translate(27px, 147px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(8) {
  -webkit-animation: shunt-8 16s ease infinite alternate;
          animation: shunt-8 16s ease infinite alternate;
}

@-webkit-keyframes shunt-8 {
  0%, 10% {
    -webkit-transform: translate(51px, -1000px);
            transform: translate(51px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(51px, 123px);
            transform: translate(51px, 123px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(84px, 119px);
            transform: translate(84px, 119px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(51px, 123px);
            transform: translate(51px, 123px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-8 {
  0%, 10% {
    -webkit-transform: translate(51px, -1000px);
            transform: translate(51px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(51px, 123px);
            transform: translate(51px, 123px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(84px, 119px);
            transform: translate(84px, 119px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(51px, 123px);
            transform: translate(51px, 123px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(9) {
  -webkit-animation: shunt-9 16s ease infinite alternate;
          animation: shunt-9 16s ease infinite alternate;
}

@-webkit-keyframes shunt-9 {
  0%, 10% {
    -webkit-transform: translate(75px, -1500px);
            transform: translate(75px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(75px, 99px);
            transform: translate(75px, 99px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(97px, 108px);
            transform: translate(97px, 108px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(75px, 99px);
            transform: translate(75px, 99px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-9 {
  0%, 10% {
    -webkit-transform: translate(75px, -1500px);
            transform: translate(75px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(75px, 99px);
            transform: translate(75px, 99px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(97px, 108px);
            transform: translate(97px, 108px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(75px, 99px);
            transform: translate(75px, 99px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(10) {
  -webkit-animation: shunt-10 16s ease infinite alternate;
          animation: shunt-10 16s ease infinite alternate;
}

@-webkit-keyframes shunt-10 {
  0%, 10% {
    -webkit-transform: translate(99px, -2000px);
            transform: translate(99px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(99px, 75px);
            transform: translate(99px, 75px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(108px, 97px);
            transform: translate(108px, 97px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(99px, 75px);
            transform: translate(99px, 75px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-10 {
  0%, 10% {
    -webkit-transform: translate(99px, -2000px);
            transform: translate(99px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(99px, 75px);
            transform: translate(99px, 75px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(108px, 97px);
            transform: translate(108px, 97px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(99px, 75px);
            transform: translate(99px, 75px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(11) {
  -webkit-animation: shunt-11 16s ease infinite alternate;
          animation: shunt-11 16s ease infinite alternate;
}

@-webkit-keyframes shunt-11 {
  0%, 10% {
    -webkit-transform: translate(123px, -2500px);
            transform: translate(123px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(123px, 51px);
            transform: translate(123px, 51px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(119px, 84px);
            transform: translate(119px, 84px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(123px, 51px);
            transform: translate(123px, 51px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-11 {
  0%, 10% {
    -webkit-transform: translate(123px, -2500px);
            transform: translate(123px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(123px, 51px);
            transform: translate(123px, 51px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(119px, 84px);
            transform: translate(119px, 84px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(123px, 51px);
            transform: translate(123px, 51px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(12) {
  -webkit-animation: shunt-12 16s ease infinite alternate;
          animation: shunt-12 16s ease infinite alternate;
}

@-webkit-keyframes shunt-12 {
  0%, 10% {
    -webkit-transform: translate(147px, -2800px);
            transform: translate(147px, -2800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(147px, 27px);
            transform: translate(147px, 27px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(131px, 72px);
            transform: translate(131px, 72px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(147px, 27px);
            transform: translate(147px, 27px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-12 {
  0%, 10% {
    -webkit-transform: translate(147px, -2800px);
            transform: translate(147px, -2800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(147px, 27px);
            transform: translate(147px, 27px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(131px, 72px);
            transform: translate(131px, 72px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(147px, 27px);
            transform: translate(147px, 27px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(13) {
  -webkit-animation: shunt-13 16s ease infinite alternate;
          animation: shunt-13 16s ease infinite alternate;
}

@-webkit-keyframes shunt-13 {
  0%, 10% {
    -webkit-transform: translate(54px, -500px);
            transform: translate(54px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(54px, 174px);
            transform: translate(54px, 174px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(86px, 146px);
            transform: translate(86px, 146px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(54px, 174px);
            transform: translate(54px, 174px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-13 {
  0%, 10% {
    -webkit-transform: translate(54px, -500px);
            transform: translate(54px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(54px, 174px);
            transform: translate(54px, 174px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(86px, 146px);
            transform: translate(86px, 146px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(54px, 174px);
            transform: translate(54px, 174px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(14) {
  -webkit-animation: shunt-14 16s ease infinite alternate;
          animation: shunt-14 16s ease infinite alternate;
}

@-webkit-keyframes shunt-14 {
  0%, 10% {
    -webkit-transform: translate(78px, -800px);
            transform: translate(78px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(78px, 150px);
            transform: translate(78px, 150px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(98px, 134px);
            transform: translate(98px, 134px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(78px, 150px);
            transform: translate(78px, 150px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-14 {
  0%, 10% {
    -webkit-transform: translate(78px, -800px);
            transform: translate(78px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(78px, 150px);
            transform: translate(78px, 150px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(98px, 134px);
            transform: translate(98px, 134px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(78px, 150px);
            transform: translate(78px, 150px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(15) {
  -webkit-animation: shunt-15 16s ease infinite alternate;
          animation: shunt-15 16s ease infinite alternate;
}

@-webkit-keyframes shunt-15 {
  0%, 10% {
    -webkit-transform: translate(102px, -1000px);
            transform: translate(102px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(102px, 126px);
            transform: translate(102px, 126px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(110px, 122px);
            transform: translate(110px, 122px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(102px, 126px);
            transform: translate(102px, 126px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-15 {
  0%, 10% {
    -webkit-transform: translate(102px, -1000px);
            transform: translate(102px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(102px, 126px);
            transform: translate(102px, 126px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(110px, 122px);
            transform: translate(110px, 122px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(102px, 126px);
            transform: translate(102px, 126px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(16) {
  -webkit-animation: shunt-16 16s ease infinite alternate;
          animation: shunt-16 16s ease infinite alternate;
}

@-webkit-keyframes shunt-16 {
  0%, 10% {
    -webkit-transform: translate(126px, -1500px);
            transform: translate(126px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(126px, 102px);
            transform: translate(126px, 102px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(122px, 110px);
            transform: translate(122px, 110px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(126px, 102px);
            transform: translate(126px, 102px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-16 {
  0%, 10% {
    -webkit-transform: translate(126px, -1500px);
            transform: translate(126px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(126px, 102px);
            transform: translate(126px, 102px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(122px, 110px);
            transform: translate(122px, 110px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(126px, 102px);
            transform: translate(126px, 102px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(17) {
  -webkit-animation: shunt-17 16s ease infinite alternate;
          animation: shunt-17 16s ease infinite alternate;
}

@-webkit-keyframes shunt-17 {
  0%, 10% {
    -webkit-transform: translate(150px, -2000px);
            transform: translate(150px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(150px, 78px);
            transform: translate(150px, 78px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(134px, 98px);
            transform: translate(134px, 98px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(150px, 78px);
            transform: translate(150px, 78px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-17 {
  0%, 10% {
    -webkit-transform: translate(150px, -2000px);
            transform: translate(150px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(150px, 78px);
            transform: translate(150px, 78px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(134px, 98px);
            transform: translate(134px, 98px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(150px, 78px);
            transform: translate(150px, 78px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(18) {
  -webkit-animation: shunt-18 16s ease infinite alternate;
          animation: shunt-18 16s ease infinite alternate;
}

@-webkit-keyframes shunt-18 {
  0%, 10% {
    -webkit-transform: translate(176px, -2500px);
            transform: translate(176px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(176px, 54px);
            transform: translate(176px, 54px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(145px, 86px);
            transform: translate(145px, 86px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(176px, 54px);
            transform: translate(176px, 54px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-18 {
  0%, 10% {
    -webkit-transform: translate(176px, -2500px);
            transform: translate(176px, -2500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(176px, 54px);
            transform: translate(176px, 54px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(145px, 86px);
            transform: translate(145px, 86px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(176px, 54px);
            transform: translate(176px, 54px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(19) {
  -webkit-animation: shunt-19 16s ease infinite alternate;
          animation: shunt-19 16s ease infinite alternate;
}

@-webkit-keyframes shunt-19 {
  0%, 10% {
    -webkit-transform: translate(81px, -300px);
            transform: translate(81px, -300px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(81px, 201px);
            transform: translate(81px, 201px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(99px, 159px);
            transform: translate(99px, 159px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(81px, 201px);
            transform: translate(81px, 201px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-19 {
  0%, 10% {
    -webkit-transform: translate(81px, -300px);
            transform: translate(81px, -300px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(81px, 201px);
            transform: translate(81px, 201px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(99px, 159px);
            transform: translate(99px, 159px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(81px, 201px);
            transform: translate(81px, 201px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(20) {
  -webkit-animation: shunt-20 16s ease infinite alternate;
          animation: shunt-20 16s ease infinite alternate;
}

@-webkit-keyframes shunt-20 {
  0%, 10% {
    -webkit-transform: translate(105px, -500px);
            transform: translate(105px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(105px, 177px);
            transform: translate(105px, 177px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(111px, 147px);
            transform: translate(111px, 147px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(105px, 177px);
            transform: translate(105px, 177px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-20 {
  0%, 10% {
    -webkit-transform: translate(105px, -500px);
            transform: translate(105px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(105px, 177px);
            transform: translate(105px, 177px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(111px, 147px);
            transform: translate(111px, 147px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(105px, 177px);
            transform: translate(105px, 177px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(21) {
  -webkit-animation: shunt-21 16s ease infinite alternate;
          animation: shunt-21 16s ease infinite alternate;
}

@-webkit-keyframes shunt-21 {
  0%, 10% {
    -webkit-transform: translate(129px, -800px);
            transform: translate(129px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(129px, 153px);
            transform: translate(129px, 153px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(123px, 135px);
            transform: translate(123px, 135px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(129px, 153px);
            transform: translate(129px, 153px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-21 {
  0%, 10% {
    -webkit-transform: translate(129px, -800px);
            transform: translate(129px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(129px, 153px);
            transform: translate(129px, 153px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(123px, 135px);
            transform: translate(123px, 135px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(129px, 153px);
            transform: translate(129px, 153px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(22) {
  -webkit-animation: shunt-22 16s ease infinite alternate;
          animation: shunt-22 16s ease infinite alternate;
}

@-webkit-keyframes shunt-22 {
  0%, 10% {
    -webkit-transform: translate(153px, -1000px);
            transform: translate(153px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(153px, 129px);
            transform: translate(153px, 129px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(135px, 123px);
            transform: translate(135px, 123px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(153px, 129px);
            transform: translate(153px, 129px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-22 {
  0%, 10% {
    -webkit-transform: translate(153px, -1000px);
            transform: translate(153px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(153px, 129px);
            transform: translate(153px, 129px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(135px, 123px);
            transform: translate(135px, 123px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(153px, 129px);
            transform: translate(153px, 129px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(23) {
  -webkit-animation: shunt-23 16s ease infinite alternate;
          animation: shunt-23 16s ease infinite alternate;
}

@-webkit-keyframes shunt-23 {
  0%, 10% {
    -webkit-transform: translate(177px, -1500px);
            transform: translate(177px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(177px, 105px);
            transform: translate(177px, 105px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(147px, 111px);
            transform: translate(147px, 111px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(177px, 105px);
            transform: translate(177px, 105px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-23 {
  0%, 10% {
    -webkit-transform: translate(177px, -1500px);
            transform: translate(177px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(177px, 105px);
            transform: translate(177px, 105px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(147px, 111px);
            transform: translate(147px, 111px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(177px, 105px);
            transform: translate(177px, 105px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(24) {
  -webkit-animation: shunt-24 16s ease infinite alternate;
          animation: shunt-24 16s ease infinite alternate;
}

@-webkit-keyframes shunt-24 {
  0%, 10% {
    -webkit-transform: translate(201px, -2000px);
            transform: translate(201px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(201px, 81px);
            transform: translate(201px, 81px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(159px, 99px);
            transform: translate(159px, 99px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(201px, 81px);
            transform: translate(201px, 81px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-24 {
  0%, 10% {
    -webkit-transform: translate(201px, -2000px);
            transform: translate(201px, -2000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(201px, 81px);
            transform: translate(201px, 81px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(159px, 99px);
            transform: translate(159px, 99px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(201px, 81px);
            transform: translate(201px, 81px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(25) {
  -webkit-animation: shunt-25 16s ease infinite alternate;
          animation: shunt-25 16s ease infinite alternate;
}

@-webkit-keyframes shunt-25 {
  0%, 10% {
    -webkit-transform: translate(108px, -280px);
            transform: translate(108px, -280px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(108px, 228px);
            transform: translate(108px, 228px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(113px, 173px);
            transform: translate(113px, 173px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(108px, 228px);
            transform: translate(108px, 228px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-25 {
  0%, 10% {
    -webkit-transform: translate(108px, -280px);
            transform: translate(108px, -280px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(108px, 228px);
            transform: translate(108px, 228px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(113px, 173px);
            transform: translate(113px, 173px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(108px, 228px);
            transform: translate(108px, 228px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(26) {
  -webkit-animation: shunt-26 16s ease infinite alternate;
          animation: shunt-26 16s ease infinite alternate;
}

@-webkit-keyframes shunt-26 {
  0%, 10% {
    -webkit-transform: translate(132px, -300px);
            transform: translate(132px, -300px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(132px, 204px);
            transform: translate(132px, 204px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(125px, 161px);
            transform: translate(125px, 161px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(132px, 204px);
            transform: translate(132px, 204px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-26 {
  0%, 10% {
    -webkit-transform: translate(132px, -300px);
            transform: translate(132px, -300px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(132px, 204px);
            transform: translate(132px, 204px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(125px, 161px);
            transform: translate(125px, 161px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(132px, 204px);
            transform: translate(132px, 204px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(27) {
  -webkit-animation: shunt-27 16s ease infinite alternate;
          animation: shunt-27 16s ease infinite alternate;
}

@-webkit-keyframes shunt-27 {
  0%, 10% {
    -webkit-transform: translate(156px, -500px);
            transform: translate(156px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(156px, 180px);
            transform: translate(156px, 180px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(137px, 149px);
            transform: translate(137px, 149px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(156px, 180px);
            transform: translate(156px, 180px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-27 {
  0%, 10% {
    -webkit-transform: translate(156px, -500px);
            transform: translate(156px, -500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(156px, 180px);
            transform: translate(156px, 180px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(137px, 149px);
            transform: translate(137px, 149px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(156px, 180px);
            transform: translate(156px, 180px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(28) {
  -webkit-animation: shunt-28 16s ease infinite alternate;
          animation: shunt-28 16s ease infinite alternate;
}

@-webkit-keyframes shunt-28 {
  0%, 10% {
    -webkit-transform: translate(180px, -800px);
            transform: translate(180px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(180px, 156px);
            transform: translate(180px, 156px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(149px, 137px);
            transform: translate(149px, 137px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(180px, 156px);
            transform: translate(180px, 156px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-28 {
  0%, 10% {
    -webkit-transform: translate(180px, -800px);
            transform: translate(180px, -800px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(180px, 156px);
            transform: translate(180px, 156px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(149px, 137px);
            transform: translate(149px, 137px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(180px, 156px);
            transform: translate(180px, 156px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(29) {
  -webkit-animation: shunt-29 16s ease infinite alternate;
          animation: shunt-29 16s ease infinite alternate;
}

@-webkit-keyframes shunt-29 {
  0%, 10% {
    -webkit-transform: translate(204px, -1000px);
            transform: translate(204px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(204px, 132px);
            transform: translate(204px, 132px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(161px, 125px);
            transform: translate(161px, 125px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(204px, 132px);
            transform: translate(204px, 132px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-29 {
  0%, 10% {
    -webkit-transform: translate(204px, -1000px);
            transform: translate(204px, -1000px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(204px, 132px);
            transform: translate(204px, 132px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(161px, 125px);
            transform: translate(161px, 125px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(204px, 132px);
            transform: translate(204px, 132px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.points-wrap > *:nth-child(30) {
  -webkit-animation: shunt-30 16s ease infinite alternate;
          animation: shunt-30 16s ease infinite alternate;
}

@-webkit-keyframes shunt-30 {
  0%, 10% {
    -webkit-transform: translate(228px, -1500px);
            transform: translate(228px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(228px, 108px);
            transform: translate(228px, 108px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(173px, 113px);
            transform: translate(173px, 113px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(228px, 108px);
            transform: translate(228px, 108px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

@keyframes shunt-30 {
  0%, 10% {
    -webkit-transform: translate(228px, -1500px);
            transform: translate(228px, -1500px);
    background: #010101;
  }

  20%, 40% {
    -webkit-transform: translate(228px, 108px);
            transform: translate(228px, 108px);
    width: 4px;
    height: 4px;
    background: #010101;
  }

  70%, 80% {
    -webkit-transform: translate(173px, 113px);
            transform: translate(173px, 113px);
    width: 3px;
    height: 3px;
    background: #010101;
  }

  77% {
    background: #f8d11c;
  }

  95%, 100% {
    -webkit-transform: translate(228px, 108px);
            transform: translate(228px, 108px);
    width: 4px;
    height: 4px;
    background: #010101;
  }
}

.social {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.social__item {
  margin: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.social__link {
  color: #000;
  line-height: 1;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.social__link:hover {
  color: #f8d11c;
}

.social__ico {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.spider-header {
  margin-left: -2rem;
  background-color: #f8d11c;
  position: relative;
  margin-bottom: calc(3.3rem + 2rem);
  padding-top: calc(9.2rem - 0.01rem);
}

.spider-header:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  left: 25rem;
  bottom: -3.2rem;
  border-style: solid;
  border-width: 0 0 3.3rem 6rem;
  border-color: transparent transparent transparent #f8d11c;
}

.spider-header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.spider-header__icon {
  width: 23rem;
  height: 6.3rem;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.spider-header__icon .icon-dual {
  width: 12rem;
}

.spider-header__text {
  padding-top: 0rem;
  padding-bottom: 3rem;
  width: calc(100% - 25rem);
  padding-right: 10%;
}

.spider-header__text a {
  color: white;
  text-decoration: none;
}

.spider-header__text a:hover {
  color: black;
}

.spider-icons {
  width: 30rem;
  height: auto;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spider-icons svg {
  width: auto;
  height: auto;
}

.icons-lottie {
  display: block;
}

.icons-svg {
  display: none;
}

.spider-icons-wrapper {
  position: relative;
  width: 17rem;
  height: 7rem;
}

.spider-icons--jobs .spider-icons {
  position: absolute;
  bottom: -.4rem;
  left: 50%;
  width: 30rem;
  height: 7.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spider-icons--jobs .icons-svg {
  width: 8rem;
}

.spider-icons--job {
  width: 15rem;
}

.spider-icons--job .spider-icons {
  position: absolute;
  bottom: -.05rem;
  left: 50%;
  width: 30rem;
  height: 7rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spider-icons--job .icons-svg {
  width: 8rem;
}

.spider-icons--press {
  width: 15rem;
}

.spider-icons--press .spider-icons {
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  width: 30rem;
  height: 7rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spider-icons--press .icons-svg {
  width: 8rem;
}

.spider-icons--cta {
  height: 8rem;
  width: 10rem;
}

.spider-icons--cta .spider-icons {
  position: absolute;
  bottom: 0rem;
  left: 50%;
  width: 30rem;
  height: 10rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spider-icons--cta .icons-svg {
  width: 8rem;
}

.studio {
  color: #fff;
  line-height: 1;
  font-size: 1.5rem;
}

.studio__link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-transition: border-color 0.5s ease, color 0.5s ease;
  -o-transition: border-color 0.5s ease, color 0.5s ease;
  transition: border-color 0.5s ease, color 0.5s ease;
  will-change: border-color;
}

.studio__link:hover {
  color: orange;
  border-color: rgba(255, 165, 0, 0.7);
}

.studio__name {
  padding-left: 24px;
  display: inline-block;
  background: url(/images/celebro-logo.png) 0 50% no-repeat;
  background-size: 16px 17px;
}

.support-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.support-part__step {
  font-size: 5rem;
  font-weight: 900;
  margin-right: 1.1rem;
}

.svg-button {
  background: none;
  outline: 0;
  border: 0;
  padding: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.svg-button svg {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.svg-tick {
  mask: url("data:image/svg+xml,%0A%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='UI-Copy' transform='translate(-735.000000, -1859.000000)' fill-rule='nonzero' stroke='%23000000' stroke-width='2'%3E%3Cg id='Group-9' transform='translate(731.000000, 1853.000000)'%3E%3Cpolyline id='Path-2' points='5 10.5 9 14 15 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
  mask-size: 100%;
  -webkit-mask: url("data:image/svg+xml,%0A%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='UI-Copy' transform='translate(-735.000000, -1859.000000)' fill-rule='nonzero' stroke='%23000000' stroke-width='2'%3E%3Cg id='Group-9' transform='translate(731.000000, 1853.000000)'%3E%3Cpolyline id='Path-2' points='5 10.5 9 14 15 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  width: 12px;
  height: 9px;
}

.tabs {
  margin-bottom: 1rem;
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}

.tabs__item {
  cursor: pointer;
  outline: 0;
  height: 28px;
  font-size: 0;
  padding: 0 15px;
  color: #000;
  line-height: 26px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  -o-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  will-change: border-color, background-color;
}

.tabs__item:hover {
  background-color: #f8d11c;
}

.tabs__item__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.tabs__cancel-button {
  display: none;
  border: 1px solid #D0D0D0;
  background-color: #D0D0D0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 100%;
  margin-right: 15px;
  margin-top: -1px;
  right: 0;
  position: absolute;
  width: 2.8rem !important;
  height: 2.8rem !important;
}

.tabs__cancel-button:hover {
  background-color: black;
}

.tabs__cancel-button:hover {
  cursor: pointer;
}

.tabs__cancel-button div.tablet {
  font-family: "Raleway";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem !important;
}

.tabs__cancel-button div.tablet span {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 100%;
  height: 100%;
  font-size: 3.35rem;
  line-height: 2.8rem;
  color: #fff;
}

.tabs__cancel-button div.tablet :hover {
  color: white;
}

.tab {
  padding: 0 1rem 0 0.8rem;
  height: 2.8rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  outline: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tab.active .tab__background {
  background: #f8d11c;
  opacity: 1;
}

.tab.active .tab__caption {
  color: #000;
}

.tab .altTab {
  width: 100%;
  height: 100%;
  left: -1.7%;
  position: absolute;
  z-index: 9999;
  display: none;
}

.tab__background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: #4a4a4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.08;
  border-radius: 5px;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.tab__checkbox {
  position: absolute;
  border: 0;
  z-index: 10;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: 0;
  cursor: pointer;
  opacity: 0;
}

.tab__icon {
  max-width: 1.6rem;
  height: 1.6rem;
  margin-right: .6rem;
  position: relative;
  z-index: 1;
  image-rendering: optimizeSpeed;
}

.tab__caption {
  font-size: 1.1rem;
  line-height: .9;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  color: #000;
}

.tab__checkbox:checked ~ .tab__background,
.tab__checkbox:checked ~ .tab__caption,
.tab__checkbox:checked ~ .tab__icon {
  opacity: 1;
}

.tender-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  width: 100%;
}

.button.tender-button {
  display: block;
  position: fixed;
  width: auto;
  right: calc(24% + 2rem);
  top: auto;
  margin-top: -6px;
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: bold;
  background: #fff;
  color: #000;
  letter-spacing: 0.38px;
  z-index: 11;
}

.button.tender-button.sticky-fixed {
  right: calc(24% + 2rem);
}

.index .button.tender-button {
  position: fixed !important;
  top: auto !important;
  right: calc(24% + 2rem) !important;
  margin-top: 2.2rem;
}

.about .button.tender-button {
  margin-top: -6px;
}

.clients .button.tender-button {
  margin-top: -16px;
}

.clients.clients-work .button.tender-button {
  margin-top: -22px;
}

.clients.clients-work .tender-button-wrapper {
  top: 16px;
  margin-right: 1rem;
}

.text-block {
  margin-bottom: 3rem;
}

.text-block__title {
  width: 60%;
}

.text-block.fixed-width_en .text-block__title {
  width: 40%;
}

.text-eclipse {
  position: relative;
}

.text-eclipse::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  /* 1 */
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(87%, white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 87%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 87%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 87%);
  /* 2 */
}

.text-eclipse {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00babb), color-stop(95%, rgba(0, 186, 187, 0)));
  background: -webkit-linear-gradient(left, #00babb 50%, rgba(0, 186, 187, 0) 95%);
  background: -o-linear-gradient(left, #00babb 50%, rgba(0, 186, 187, 0) 95%);
  background: linear-gradient(to right, #00babb 50%, rgba(0, 186, 187, 0) 95%);
  -webkit-background-clip: text;
  color: transparent;
}

.truncate {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.pretty-text-underline {
  display: inline;
  text-shadow: 1px 1px 0 #f5f6f9, -1px  1px 0 #f5f6f9, -1px -1px 0 #f5f6f9, 1px -1px 0 #f5f6f9;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(transparent));
  background-image: -webkit-linear-gradient(left, currentColor 100%, transparent 100%);
  background-image: -o-linear-gradient(left, currentColor 100%, transparent 100%);
  background-image: linear-gradient(90deg, currentColor 100%, transparent 100%);
  background-position: 0 1.04em;
  background-repeat: repeat-x;
  background-size: 1px 1px;
}

.pretty-text-underline::-moz-selection {
  background-color: rgba(0, 150, 255, 0.3);
  text-shadow: none;
}

.pretty-text-underline::selection {
  background-color: rgba(0, 150, 255, 0.3);
  text-shadow: none;
}

.video-portfolio {
  font-family: "Raleway", sans-serif;
  color: #fff;
  margin-bottom: 1.7rem;
  position: relative;
  width: 100%;
}

.video-portfolio iframe,
.video-portfolio video {
  width: 100%;
  height: 41vw;
  border: 0;
}

.video-portfolio__header {
  width: 100%;
  height: 7.1rem;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
}

.video-portfolio__header .t-title-lg {
  margin: 0;
  color: #fff;
}

.video-portfolio__header a {
  color: #fff !important;
  text-decoration: none;
}

.video-portfolio__header__link {
  font-size: 1.65rem;
  line-height: 1.19;
  font-weight: bold;
  padding: 1rem 0 1rem 3.3rem;
  background: url(../images/download.svg) left center no-repeat;
}

.video-portfolio__header__link:hover {
  color: #d2ad00 !important;
}

.client-grid .video-portfolio {
  margin-left: 1rem;
  margin-right: 1rem;
}

.view-type {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.view-type__button {
  width: 3.5rem;
  height: 2rem;
  margin-top: .1rem;
  border: 0;
  padding: 0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  background: none;
  color: #d0d0d0;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.view-type__button:not(:last-child) {
  margin-right: 10px;
}

.view-type__button:disabled,
.view-type__button:hover {
  color: #000;
}

.view-type__button__ico {
  width: 100%;
  height: 100%;
}

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

.yellow-border-box {
  border: 0.5rem solid #f8d11c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem 2.5rem;
  position: relative;
}

.yellow-border-box__spider {
  height: 10rem;
  width: 15rem;
}

.yellow-border-box--shift {
  margin-top: 1rem;
  width: 66.6666%;
  margin-left: 33.3333%;
}

.yellow-border-box--shift .yellow-border-box__title {
  margin-left: calc(-50% - 6rem);
  margin-top: -4.5rem;
  margin-bottom: .5rem;
  position: relative;
  z-index: 5;
  width: 100%;
}

.yellow-border-box--shift .yellow-border-box__title.mobile_apps {
  width: 70%;
}

.yellow-border-box--spider {
  margin-top: 15rem;
  padding: 2rem 2.5rem;
  z-index: 0;
}

.yellow-border-box--spider .yellow-border-box__text {
  position: relative;
  z-index: 1;
}

.yellow-border-box--spider .yellow-border-box__spider {
  height: 15rem;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.yellow-border-box--spider-left .yellow-border-box__spider {
  position: absolute;
  height: 10rem;
  width: 15rem;
  -webkit-transform: translate(-103%, -50%);
      -ms-transform: translate(-103%, -50%);
          transform: translate(-103%, -50%);
  left: 0;
  top: 50%;
}

.yellow-box {
  background: #f8d11c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 2rem 2.5rem;
}

.yellow-box strong {
  display: block;
}

.yellow-slider {
  background-color: #f8d11c;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.yellow-slider__title {
  padding: 0 2rem;
}

.yellow-slider__header {
  padding: 2.5rem 0;
  position: relative;
  z-index: 1;
}

.yellow-slider__wrap {
  white-space: nowrap;
  overflow: visible;
  position: relative;
}

.yellow-slider__rotate {
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
          transform: rotate(-21deg);
}

.yellow-slider__back {
  position: absolute;
  bottom: -26%;
  left: -5%;
  height: 99%;
  width: 28%;
  z-index: 0;
}

.yellow-slider__back .icon-dual {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  will-change: opacity;
}

.yellow-slider__back .icon-dual.is-active {
  opacity: 1;
}

.yellow-slider__back .icon-dual--analytics {
  -webkit-transform: rotate(21deg) scale(0.8);
      -ms-transform: rotate(21deg) scale(0.8);
          transform: rotate(21deg) scale(0.8);
  left: 10%;
  top: -5%;
}

.yellow-slider__back .icon-dual--ux {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  left: -9%;
  top: 0;
}

.yellow-slider__back .icon-dual--dev {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  left: -6%;
  top: 1%;
}

.yellow-slider__back .icon-dual--test {
  -webkit-transform: scale(0.8) rotate(22deg);
      -ms-transform: scale(0.8) rotate(22deg);
          transform: scale(0.8) rotate(22deg);
  top: -7%;
  left: 12%;
}

.yellow-slider__back .icon-dual--launch {
  -webkit-transform: scale(0.95) rotate(22deg);
      -ms-transform: scale(0.95) rotate(22deg);
          transform: scale(0.95) rotate(22deg);
  top: -17.5%;
  left: 18%;
}

.yellow-slider__back .icon-dual--support2 {
  -webkit-transform: scale(0.8) rotate(21deg);
      -ms-transform: scale(0.8) rotate(21deg);
          transform: scale(0.8) rotate(21deg);
  top: -8%;
  left: 8%;
}

.clients .comments {
  margin-bottom: 2rem;
}

.clients .comments::before {
  display: none;
}

.client .comments {
  margin-left: -2rem;
  padding-top: 3rem;
  margin-bottom: 2rem;
}

.client .comments__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.client .comments__author {
  display: none;
}

.info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.info-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.info-column:not(:last-of-type) {
  margin-right: 4rem;
}

.info-block {
  text-decoration: none;
}

.info-block__title {
  margin-bottom: .5rem;
  position: relative;
  padding-right: 2rem;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.info-block__title.link-external {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.info-block__title.link-external:after {
  width: 1.5rem;
  height: 1.5rem;
  background: url(/static/content/works/images/icons/link.svg) no-repeat 50% 50%;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  -o-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
  will-change: filter;
}

.info-block__info {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.info-block__info.list {
  margin-bottom: 1rem;
}

.info-block__info--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.s-info__date {
  margin-right: .5rem;
}

.info-block:hover .s-info__link {
  color: #000;
}

.job .portfolio-footer.js-profile-footer .portfolio-footer__section:first-child,
.job .portfolio-footer.js-profile-footer .portfolio-footer__section:last-child {
  display: none;
}

.job .portfolio-footer.js-profile-footer .portfolio-footer__section:nth-child(2) {
  margin: 0 auto;
}

.job .links-block__title:after {
  display: none;
}

.job .site-content {
  padding-bottom: 4.8rem;
}

body.job .portfolio-footer__section:first-child {
  display: none;
}

body.job .portfolio-footer.js-profile-footer .portfolio-footer__section:nth-child(2) {
  margin: 0 auto;
}

body.job .portfolio-footer.js-profile-footer .portfolio-footer__section:last-child {
  display: none;
}

.links-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.links-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.links-column:not(:last-of-type) {
  margin-right: 4rem;
}

.links-block {
  text-decoration: none;
}

.links-block__title {
  margin-bottom: .5rem;
  position: relative;
  padding-right: 2rem;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.links-block__title:after {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  right: 0rem;
  content: '';
  width: 1.2rem;
  height: .8rem;
  display: inline-block;
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  background: url(/static/content/works/images/common/arrow-down.svg) no-repeat 50% 50%;
}

.links-block__title.link-external {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  will-change: color;
}

.links-block__title.link-external:after {
  width: 1.5rem;
  height: 1.5rem;
  background: url(/static/content/works/images/icons/link.svg) no-repeat 50% 50%;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  -o-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
  will-change: filter;
}

.links-block__info {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.links-block__info.list {
  margin-bottom: 1rem;
}

.links-block__info--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.s-info__date {
  margin-right: .5rem;
}

.links-block:hover .links-block__title {
  color: #d2ad00;
}

.links-block:hover .links-block__title:after {
  filter: invert(62%) sepia(82%) saturate(1937%) hue-rotate(15deg) brightness(100%) contrast(102%);
  -webkit-filter: invert(62%) sepia(82%) saturate(1937%) hue-rotate(15deg) brightness(100%) contrast(102%);
}

.links-block:hover .s-info__link {
  color: #000;
}

.links-wrap-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.links-wrap-year .links-block {
  width: calc(50% - 2rem);
}

.links-wrap-year .links-block:nth-child(2n+1) {
  margin-right: 4rem;
}

.links-year {
  margin-bottom: 1.4rem;
  height: 2rem;
}

.main-banner__group.not-found {
  height: 85vh;
}

.main-banner__image.notfound-banner__image {
  height: 60%;
  top: 0;
}

.not-found .layout-header {
  display: none;
}

.not-found .content__title {
  display: none;
}

.not-found .notfound-banner {
  height: calc(100vh - 2rem * 2);
  margin-bottom: 0;
  margin-top: 2rem;
}

.not-found .notfound-banner__heading {
  font-size: 4rem;
}

.not-found .notfound-banner__group {
  height: 100%;
  padding: 0 0 0 2rem;
}

.not-found .notfound-banner__content {
  top: 39%;
  position: absolute;
}

.not-found .notfound-banner__image {
  top: 15%;
  height: 50vw;
  max-height: 100%;
  bottom: auto;
  margin: 0 -1.5rem 0 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.not-found .notfound-banner__logo {
  position: absolute;
  top: 3rem;
  left: 2rem;
}

.not-found .notfound-banner__text {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}

.portfolio .content__title {
  display: none;
}

.portfolio-p {
  font-size: 1.6rem;
  letter-spacing: 0px;
  line-height: 1.43;
  font-weight: 300;
  margin-bottom: 1.4rem;
  line-height: 1.3;
}

.portfolio-h2 {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 1vw;
  letter-spacing: -.2px;
  line-height: 1.15;
}

.services-margin {
  margin-bottom: 2rem !important;
}

.services-rate {
  position: relative;
}

.services-rate__spider {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  left: 35%;
  width: 19rem;
  height: auto;
  z-index: -1;
}

.services-backend__text {
  margin-bottom: 3rem;
}

.services-backend__spider {
  height: 15rem;
  width: 18rem;
  margin-top: -3rem;
  margin-left: auto;
  margin-right: -3rem;
  display: block;
  z-index: -1;
  position: relative;
}

.services-security__box.yellow-box {
  margin-bottom: 2rem;
}

.services-price__title {
  font-size: 4rem;
  color: #f8d11c;
}

.services-price__info,
.services-price__conditions {
  margin-bottom: 1rem;
}

.services-price__button {
  width: auto;
}

.services-price__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.services-price__wrap .services-price__info {
  margin-right: 3rem;
  margin-bottom: 0;
}

.services-price__wrap .services-price__button {
  width: 20rem;
}

.services-integrate {
  position: relative;
}

.services-integrate__text.fixed-width_en {
  width: 70%;
}

.services-integrate__spider {
  position: absolute;
  top: 9rem;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  left: 30%;
  width: 19rem;
  height: auto;
  z-index: -1;
  right: auto;
}

.services-cost {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20rem;
  padding-left: 6rem;
  position: relative;
}

.services-cost__title {
  font-size: 4rem;
  color: #f8d11c;
}

.services-cost__info,
.services-cost__conditions {
  margin-bottom: 1rem;
}

.services-cost__info {
  margin-right: 3rem;
}

.services-cost__info .t-asterisk {
  display: block;
}

.services-cost__conditions {
  font-size: 1.8rem;
  text-align: left;
}

.services-cost__list {
  margin-bottom: 2rem;
}

.services-cost__button {
  width: 100%;
  position: absolute;
  bottom: -2rem;
  left: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.services-cost__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.services-cost_arvr {
  padding-left: 2rem;
}

.services-cost--compact .services-cost__title {
  left: 4rem;
}

.services-cost--compact .services-cost__button {
  position: unset;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: unset;
}

.services-cost-wrap {
  margin-left: 33.3333%;
  width: 66.6666%;
}

.plyr {
  width: 100%;
  height: 100%;
}

.plyr video {
  height: 102%;
  width: auto;
}

.plyr__video-wrapper {
  width: 100%;
  height: 100%;
}

.services-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: calc(100vh - 13.19rem);
  max-height: 42rem;
}

.services-banner.services-banner_ar {
  margin-bottom: 15px;
}

.services-banner__title {
  width: 100%;
  height: auto;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 5;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}

.services-banner__background {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 0;
}

.services-banner__background_site {
  left: -1.7px;
}

.services-why {
  position: relative;
}

.services-why__title {
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 5;
}

.services-why__subtitle {
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 5;
}

.services-why__text {
  position: relative;
  z-index: 5;
}

.services-why__spider {
  height: 13rem;
  width: auto;
  margin-left: auto;
  margin-right: -3rem;
  margin-top: -1.3rem;
  display: block;
  z-index: 0;
  position: relative;
}

.services-plans {
  margin: 0;
  padding: 0;
  padding-bottom: 2rem;
}

.services-plans .row {
  white-space: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow-x: auto;
  webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.services-plans .column {
  margin-right: 2.5rem;
}

.services-plans .column:not(:last-of-type) {
  margin-right: 2rem;
}

.services-plans .column:last-of-type {
  margin-right: 0rem;
}

.services-vr__title {
  margin-bottom: 1.5rem;
}

.services-vr__subtitle {
  margin-bottom: 1.5rem;
}

.services-vr__text {
  position: relative;
  font-weight: 400;
}

.services-vr__spider {
  height: 12rem;
  width: auto;
  margin-left: auto;
  margin-right: -1rem;
  margin-top: -3rem;
  display: block;
  z-index: -1;
  position: relative;
}

.services-vruse {
  position: relative;
  z-index: 5;
}

.services-vruse__argument {
  margin-bottom: 2rem;
}

.services-vruse__price {
  margin-top: -6rem;
}

.services-vruse__price-text {
  margin-bottom: 1rem;
}

.services-kit {
  background-color: #f8d11c;
  padding: 2.5rem;
  position: relative;
  margin-bottom: 1.5%;
}

.services-kit__title {
  margin-bottom: 3rem;
}

.services-websites__title {
  margin-bottom: 1rem;
}

.services-websites__title br {
  display: none;
}

.services-spa {
  position: relative;
}

.services-spa .services-price {
  margin-left: -2rem;
}

.services-spa__title {
  margin-bottom: 1rem;
}

.services-spa__title br {
  display: none;
}

.services-spa__content {
  position: relative;
  z-index: 5;
}

.services-spa__spider {
  height: 16rem;
  width: auto;
  top: -6rem;
  left: 53%;
  display: block;
  z-index: 0;
  position: absolute;
}

.debug {
  width: 67%;
  height: 36.4%;
  position: absolute;
  border: 1px solid hotpink;
  top: 23%;
  left: 23.6%;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }

  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }

  .plyr__volume {
    max-width: 90px;
  }
}

@media (min-width: 768px) {
  .client-grid__item.wide {
    width: calc(100% / 3 * 2 - 2.01rem);
  }

  .client-grid__item.wide .client-grid__img {
    display: none;
  }

  .client-grid__item.wide .client-grid__img.wide {
    display: block;
  }

  .client-grid__item.wide .client-grid__video {
    position: relative;
    margin-top: -23%;
  }

  .plyr__captions {
    font-size: 18px;
  }

  .plyr__volume {
    max-width: 110px;
  }

  .clients .comments {
    margin-left: -2rem;
    margin-top: 8.2rem;
  }
}

@media (min-width: 869px) {
  .button.tender-button {
    display: block !important;
  }
}

@media (min-width: 980px) and (hover: hover), (min-height: 480px) and (orientation: landscape) and (pointer: coarse) {
  body.clients.clients-work .client-grid__top .client-grid__img.quad {
    display: none;
  }

  body.clients.clients-work .client-grid__top .client-grid__img.full {
    display: block;
  }

  .lb-outerContainer {
    max-height: 95vh !important;
  }

  .column-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 70.06%;
  }

  .column-wrapper.column-wrapper_backend .column .argument:first-of-type {
    margin-right: 15%;
  }

  .column-wrapper.column-wrapper_backend .column .argument {
    width: 50%;
  }

  .column-wrapper .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0;
  }

  .column-wrapper .column .services-vruse__argument.argument:last-of-type {
    width: 43%;
  }

  .column-wrapper .column .services-vruse__argument.argument:not(:last-of-type) {
    margin-right: 4rem;
    width: 44.5%;
  }

  .about .content__title {
    padding-left: 0;
  }

  .about .content__title:first-of-type {
    display: none;
  }

  .sidebar__participant span {
    margin-right: 2px;
  }

  .sidebar__participant--aside-mobile {
    display: none;
  }

  .icon-dual--cta {
    margin-top: -6%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .icon-dual--websites {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .clients.clients-work .lds-css.ng-scope {
    margin-top: 2rem;
  }

  .lds-css.ng-scope {
    margin-top: 8%;
    margin-left: 48%;
  }

  .progress-bar {
    top: 3.4rem;
    height: 2px;
  }

  .progress-steps.mobile_apps li:last-child .progress__name {
    bottom: -25%;
  }

  .slider__item.arvr .slider__background {
    height: 85%;
  }

  .slider__item.intelligence .slider__background {
    height: 85%;
  }

  .slider__item.development .slider__background {
    height: 100%;
  }

  .slider__item.api .slider__background {
    height: 90%;
  }

  .slider__item.api .slider__background {
    height: 100%;
  }

  .slider__item.support .slider__background {
    height: 100%;
    bottom: -15px;
  }

  .tabs {
    margin-right: 6%;
  }

  .links-block__info {
    margin-bottom: 3rem;
  }

  .services-margin.services-margin--services {
    margin-top: 2rem;
  }

  .services-cost__button {
    position: relative;
    bottom: auto;
    width: 100%;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .services-cost__title_desktop {
    text-align: left;
    font-size: 4rem;
    color: #f8d11c;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    margin-bottom: 2rem;
    font-weight: 400;
  }
}

@media (min-width: 980px) and (hover: hover), (min-height: 480px) and (orientation: landscape) and (pointer: coarse) and (hover: hover) {
  .tab:hover {
    cursor: pointer;
  }

  .tab:hover .altTab {
    display: block;
    left: 0;
  }

  .tab:hover .tab__background {
    background: #f8d11c;
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: 21px;
  }

  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: 21px;
  }

  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }

  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }

  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}

@media (min-width: 1161px) {
  .content-two-block .history-steps__state {
    width: 50% !important;
    margin: 3.9rem 0;
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1400px) {
  .navigation__link {
    font-size: 1.4rem;
  }

  .submenu__link {
    font-size: 1.3rem;
  }

  .awards-block__wrap p.awards-block__title {
    font-size: 1.4rem;
  }

  .info-block__info.t-text-sm {
    font-size: 1.4rem;
  }

  .s-info__date.t-text-xs {
    font-size: 1rem;
  }

  .s-info__link.t-text-xs {
    font-size: 1rem;
  }
}

@media (min-width: 1561px) {
  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form__title {
    width: 48%;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-inner {
    width: 52%;
    min-height: 14rem;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__email-input {
    width: 100% !important;
    margin: 0 0 1rem;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__button {
    width: 100% !important;
    margin: 0 !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .f-placeholder {
    margin-bottom: 3.4rem !important;
  }
}

@media (min-width: 1600px) {
  .t-text-nano {
    font-size: 1.1rem;
  }

  html {
    font-size: 0.6vw;
  }

  .layout-header {
    height: 8.2rem;
  }

  .has-header .layout-wrapper__content {
    padding-top: calc(8.2rem + 2rem);
  }

  .navigation__item:not(:last-child) {
    margin-bottom: 2.2rem;
  }

  .navigation__link {
    font-size: 1.6rem;
  }

  .current + .submenu {
    padding-top: 1.2rem;
  }

  .submenu__item:not(:last-child) {
    margin-bottom: 1.2rem;
  }

  .submenu__link {
    font-size: 1.4rem;
  }

  .api-scheme {
    height: 51rem;
  }

  .button {
    font-size: 1.4rem;
    height: 4rem;
  }

  div.layout-cookie .button {
    line-height: calc(3rem - .2rem);
  }

  .client-grid__cta .cta__title {
    margin-bottom: 2rem;
  }

  .cta__image {
    height: 9.5rem;
    width: 13rem;
    padding-bottom: 1rem;
  }

  .cta__title {
    font-size: 1.8rem;
  }

  .client-grid.list-mode .client-grid__item--cta .cta__title.t-text-lg {
    font-size: 1.8rem;
  }

  .history__state:nth-of-type(2) .history__circule {
    left: 50%;
    width: 6%;
  }

  .history__state:nth-of-type(5) .history__arrow {
    right: 45%;
  }

  .locale {
    padding: 0.98rem;
  }

  .main-banner__group {
    padding-top: 15rem;
    padding-bottom: 15rem;
    padding-right: 5rem;
    padding-left: 5rem;
  }

  .main-banner__logo {
    width: 36rem;
    height: 6rem;
  }

  .main-banner__image {
    right: 3rem;
    margin-right: 0;
  }

  .main-banner--services .main-banner__image {
    left: 10rem;
    height: 110%;
  }

  .map__contacts {
    width: 50%;
  }

  section.portfolio-header {
    margin-top: 2rem;
  }

  .portfolio-header__svg {
    width: 3rem;
    height: 2rem;
  }

  .progress-slide__wrap {
    padding-top: 5rem;
  }

  .progress-slide__info {
    width: 50%;
    height: 31rem;
  }

  .progress-bar {
    top: 3.5rem;
    width: 3%;
    left: 8.5%;
  }

  .recall {
    padding: 1.89rem;
  }

  .slider__back .icon-dual--api {
    right: -31.3%;
  }

  .slider__back .icon-dual--development {
    right: -12%;
    top: -5%;
  }

  .slider__back .icon-dual--support3 {
    right: -12%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .slider__wrapper {
    height: calc(45rem - 1px);
  }

  .slider__item {
    padding: 5rem 8rem 9rem;
    height: 45rem !important;
    /* or slick will set different hights */
  }

  .slider__title {
    font-size: 2rem;
    width: 100%;
  }

  .slider__description {
    font-size: 2rem;
    width: 100%;
  }

  .slider__points button {
    width: 16px;
    height: 16px;
    border-width: 2px;
  }

  .slider__points button:hover {
    border-width: 2px;
  }

  .social__item {
    width: 2rem;
    height: 2rem;
  }

  .spider-header {
    padding-top: calc(8.2rem);
  }

  .list-mode .spider-icons--cta .spider-icons {
    height: 10rem;
    bottom: -.5rem;
  }

  .spider-icons--cta {
    height: 7rem;
  }

  .spider-icons--cta .spider-icons {
    height: 13rem;
  }

  .yellow-slider__back {
    height: 100%;
  }

  .not-found .notfound-banner__content {
    top: 40%;
  }

  .not-found .notfound-banner__image {
    height: 50vw;
  }

  .plyr video {
    height: auto;
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .client-grid__caption .t-title-sm {
    font-size: 1.3rem;
  }

  .client-grid__date {
    font-size: 1.1rem;
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px) {
  .navigation__link {
    font-size: 22px;
  }

  .submenu__link {
    font-size: 20px;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:not(:placeholder-shown) {
    padding: 45px 0 25px;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:not(:placeholder-shown) ~ .f-placeholder {
    bottom: 98px !important;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:focus {
    padding: 65px 0 25px;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:focus ~ .f-placeholder {
    bottom: 98px !important;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__button {
    height: 55px;
    min-height: 55px;
  }

  .awards-block__wrap p.awards-block__title {
    font-size: 1.2rem;
  }

  .awards-block__link {
    font-size: 1rem;
  }

  .list li {
    font-size: 1.2rem;
  }

  .links-block__title.t-title-sm {
    font-size: 1.2rem;
  }

  .links-block__info {
    font-size: 1rem;
  }

  .s-info__date.t-text-xs {
    font-size: 1rem;
  }

  .s-info__link.t-text-xs {
    font-size: 1rem;
  }
}

@media (min-width: 2560px) {
  .layout-footer__wrap .t-text-nano {
    font-size: 1.2rem;
  }

  .layout-header__wrapper {
    padding: 0;
  }

  .navigation__list {
    padding: 1.8rem 0 3rem;
  }

  .button {
    font-size: 1.3rem;
  }

  .comments-main__description {
    font-size: 1.3rem;
  }

  .comments-main__author {
    font-size: 1.1rem;
  }
}

@media (min-width: 9000px) {
  html {
    font-size: .8vw;
  }

  html.lb-disable-scrolling {
    position: relative !important;
    overflow: auto !important;
  }

  .about .content__title {
    padding-left: 0;
  }

  .comments-main__pager__group span {
    padding-top: 0.46rem;
  }

  .comments-main__pager__group span {
    padding-top: 0;
  }

  .comments__pager__group span {
    padding-top: 0.46rem;
  }

  .comments__pager__group span {
    padding-top: 0;
  }

  .icon-dual--websites {
    width: 104%;
  }

  .nda-block .flex-block-2 {
    width: 70%;
  }

  .slider__back .icon-dual--api {
    right: -29%;
  }

  .tabs {
    margin-right: 8%;
  }

  .services-cost--bottom .services-cost__button {
    position: absolute;
    bottom: -2rem;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }

  .services-cost--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: -3rem;
  }

  .services-cost--top .services-cost__info .t-asterisk {
    display: inline-block;
  }

  .services-cost--top .services-cost__button {
    position: unset;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .services-cost--top .services-cost__title {
    text-align: left;
    font-size: 4rem;
    color: #f8d11c;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    margin-bottom: 2rem;
    font-weight: 400;
  }
}

@media (max-width: 1680px) {
  .carousel__client-logo {
    width: 10rem;
  }
}

@media (max-width: 1667px) and (pointer: coarse) and (orientation: portrait), (max-width: 868px) {
  .t-title-banner {
    font-size: 1.6rem;
    line-height: 2.4rem;
    word-break: keep-all;
  }

  .t-title-banner br {
    display: none;
  }

  .t-title-banner span {
    display: block;
    line-height: 2.2rem;
  }

  .t-title-xl {
    font-size: 1.7rem !important;
    line-height: 1.4;
  }

  .t-title-lg {
    font-size: 1.6rem;
    line-height: 2.25rem;
    margin-bottom: 1rem;
  }

  .t-title-md {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .kit__title.t-title-side {
    -webkit-transform: rotate(-90deg) translate(-100%, -100%);
        -ms-transform: rotate(-90deg) translate(-100%, -100%);
            transform: rotate(-90deg) translate(-100%, -100%);
  }

  .t-title-side {
    -webkit-transform: rotate(-90deg) translate(-100%, -3%);
        -ms-transform: rotate(-90deg) translate(-100%, -3%);
            transform: rotate(-90deg) translate(-100%, -3%);
  }

  .t-title-side_websites {
    -webkit-transform: rotate(-90deg) translate(-100%, -100%);
        -ms-transform: rotate(-90deg) translate(-100%, -100%);
            transform: rotate(-90deg) translate(-100%, -100%);
  }

  .t-text-lg {
    font-size: 1.4rem;
    line-height: 1.43;
  }

  .t-text-md {
    margin-bottom: 1rem;
  }

  .t-text-xs {
    line-height: 1.4;
  }

  .t-text-nano {
    font-weight: 700;
  }

  .t-columns-two {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }

  html {
    font-size: 3.1vw;
  }

  .response-content .t-text-md {
    text-align: center;
  }

  body.clients.clients-work .comments + .nda-block + footer.layout-footer.main-footer.js-social {
    margin-top: 1.2rem;
    position: relative;
  }

  body.clients.clients-work .content__title + .nda-block {
    margin-top: unset;
  }

  body.clients.clients-work .content__title + .nda-block + footer.layout-footer.main-footer.js-social {
    margin-top: 1.2rem;
    position: relative;
  }

  body.clients.clients-work .client-grid:nth-child(2) {
    margin-top: unset;
  }

  body.clients.clients-work .client-grid__item {
    visibility: visible;
    height: auto;
  }

  body.clients.clients-work .client-grid__top {
    position: relative;
  }

  section {
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
  }

  .lb-nav a.lb-prev {
    background-position: 2% 48% !important;
    background-size: 10px auto !important;
  }

  .lb-nav a.lb-next {
    background-position: 98% 48% !important;
    background-size: 10px auto !important;
  }

  .lb-data .lb-close {
    width: 10px !important;
    height: 10px !important;
    margin: 1px 1px 0 0 !important;
  }

  .lb-container {
    padding: 18px !important;
  }

  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .column {
    width: 100%;
  }

  .column:not(:last-of-type) {
    margin-right: 0;
  }

  .column.double {
    width: 100%;
  }

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

  .checkbox-field__wrap {
    width: 1.5rem;
    height: 1.4rem;
  }

  .checkbox-field__text {
    line-height: 1;
  }

  .layout-wrapper__content {
    padding-right: 0;
    padding-bottom: 0;
  }

  .layout-wrapper__inner {
    padding-right: 0;
  }

  .content__title {
    display: block;
    visibility: visible;
    margin-bottom: 0;
  }

  .content {
    padding-left: 0;
  }

  .content-two-block .text-block {
    padding: 0 2rem !important;
  }

  .content-two-block .history-steps {
    padding: 0 2rem !important;
  }

  .about .content__title {
    display: block;
    visibility: visible;
    line-height: 2.6rem;
    padding: 0 2rem;
  }

  .about h2.t-title-xl {
    padding: 0 2rem;
  }

  .about section#subscribe.subscribe .mc_embed_signup--mobile {
    display: none;
  }

  .about section#subscribe.subscribe #mc_embed_signup {
    display: block;
  }

  .layout-cookie {
    width: 100%;
    opacity: 0.9;
    background-color: #D6D6D6;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    left: 0;
    right: auto;
    bottom: 0;
  }

  .layout-cookie:after {
    display: none;
  }

  .layout-cookie a.link {
    color: #d2ad00;
  }

  .layout-cookie .layout-cookie__descr.t-text-sm {
    text-align: justify;
    word-spacing: 1px;
    margin-bottom: 5%;
  }

  .layout-footer {
    background: #f8d11c;
    padding: 1rem 2rem;
    height: 6rem;
  }

  .layout-footer__copyright .t-link {
    font-size: 1rem;
    background: transparent;
    color: #fff;
    padding: 0;
  }

  .layout-footer__copyright .t-text-nano {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
  }

  .layout-footer__copyright .t-text-nano div {
    display: block;
  }

  .layout-footer__contact {
    color: #fff;
  }

  .main-footer {
    display: block;
  }

  .layout-header .sandwich {
    display: block;
  }

  .layout-header {
    width: 100%;
    padding: 1.7rem 2rem;
  }

  .layout-header__wrapper {
    padding: 0;
  }

  .layout-header__content {
    display: none;
  }

  .index {
    padding-top: 9.2rem;
  }

  .index .layout-header {
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: 9.2rem !important;
  }

  .index .layout-header__wrapper {
    position: static;
    margin: 0;
  }

  .index .layout-header__wrapper:before {
    display: none;
  }

  .index .layout-header__wrapper .logo-lines {
    display: none;
  }

  .index .main-banner {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .index .sidebar {
    padding-top: 9.2rem;
  }

  .index .logo {
    width: 20rem !important;
    height: 4.1rem;
  }

  .has-header .layout-wrapper__content {
    margin-top: 9.2rem;
    padding-top: 2rem;
  }

  .navigation__list {
    padding: 2.3rem 2.5rem 2.6rem;
  }

  .navigation__link {
    font-size: 1.8rem;
  }

  .navigation__link:before {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    margin-top: -.4rem;
    left: -.6rem;
    content: '';
    width: 1.5rem;
    height: 1.2rem;
    display: inline-block;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    background: url(/static/content/works/images/common/arrow-down.svg) no-repeat 50% 50%;
  }

  .navigation__link-name {
    font-size: 1.8rem;
  }

  .request {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -200%;
    padding: 1.5rem;
    width: 100%;
    height: 102vh;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: scroll;
  }

  .request:after {
    display: none;
  }

  .request__title {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 1.1;
  }

  .request__close--desktop {
    display: none;
  }

  .request__close--mobile {
    width: 2.8rem;
    height: 2.8rem;
    top: 2.5rem;
    display: block;
  }

  .request-subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -200%;
    padding: 1.5rem;
    width: 100%;
    height: 102vh;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: scroll;
  }

  .request-subscribe .f-input {
    padding: .35rem 0;
  }

  .request-subscribe #mc-embedded-subscribe {
    clear: both;
    width: 100%;
    display: block;
    margin: 0;
  }

  .request-subscribe:after {
    display: none;
  }

  .request-subscribe__title {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 1.1;
  }

  .request-subscribe__close--desktop {
    display: none;
  }

  .request-subscribe__close--mobile {
    width: 2.8rem;
    height: 2.8rem;
    top: 2.5rem;
    display: block;
  }

  .request-wrap {
    overflow: hidden;
  }

  .request-wrap-subscribe {
    overflow: hidden;
  }

  .request-mode {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .request-mode .request {
    right: 0;
  }

  .request-mode-subscribe {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .request-mode-subscribe .request-subscribe {
    right: 0;
  }

  .callback-form {
    overflow: hidden;
  }

  .callback-form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -200%;
    padding: 1.5rem;
    width: 100%;
    height: 102vh;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: scroll;
  }

  .callback-form__form .f-input {
    padding: .35rem 0;
  }

  .callback-form__form #mc-embedded-subscribe {
    clear: both;
    width: 100%;
    display: block;
    margin: 0;
  }

  .callback-form__form:after {
    display: none;
  }

  .callback-form__form__title {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 1.1;
  }

  .callback-form__form__close--desktop {
    display: none;
  }

  .callback-form__form__close--mobile {
    width: 2.8rem;
    height: 2.8rem;
    top: 2.5rem;
    display: block;
  }

  .mode-callback-form {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .mode-callback-form .callback-form__timepick {
    width: 80%;
    text-align: center;
    margin: 3% auto;
  }

  .mode-callback-form .callback-form__form {
    right: 0;
  }

  .sidebar-custom-block.menu--expand {
    position: relative;
    bottom: -2rem;
  }

  .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
    background: #f8d11c;
    top: -100%;
    max-height: 100vh;
    left: 0;
    padding-top: 9.2rem;
    margin: 0;
    display: block;
    overflow: scroll;
    -webkit-transition: top 0.2s ease;
    -o-transition: top 0.2s ease;
    transition: top 0.2s ease;
    will-change: top;
    z-index: 40;
  }

  .sidebar__group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: calc(100vh - 9.2rem);
  }

  .sidebar__participant p.t-text-nano {
    padding: 0;
  }

  .sidebar__participant--aside {
    display: none;
  }

  .sidebar__participant--aside-mobile {
    margin: 20px 2rem;
    width: unset;
    padding: 0;
  }

  .sidebar__footer {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    max-height: 3.5rem;
    height: 3.5rem;
    padding: 0 2rem;
    position: relative;
    bottom: 0;
  }

  .sidebar__footer .layout-footer__copyright {
    display: none;
  }

  .sidebar__footer .social {
    padding: 0;
    margin: 0;
  }

  .sidebar__footer .social__item {
    width: 2rem;
    height: 2rem;
  }

  .sidebar__header {
    background-color: #f8d11c;
    padding: 0.2rem 2rem;
    margin-bottom: 1.6rem;
  }

  .index .sidebar__group {
    min-height: calc(95vh - 6.7rem - 6rem);
  }

  .submenu__item:not(:last-child) {
    margin-bottom: 1rem;
  }

  .submenu__link-name {
    font-size: 1.4rem;
  }

  section#subscribe.subscribe .mc_embed_signup--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 5px 15px 10px;
    border: 3px solid black;
  }

  section#subscribe.subscribe .mc_embed_signup--mobile .subscribe-form__image {
    width: 24px;
    height: 18px;
    margin-right: 15px;
  }

  section#subscribe.subscribe .mc_embed_signup--mobile .subscribe-form__title {
    font-family: "Raleway";
    font-size: 1.2rem;
    line-height: 100%;
    font-weight: 700;
  }

  section#subscribe.subscribe #mc_embed_signup {
    display: none;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:invalid ~ .subscribe-form-email__button {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3 !important;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:placeholder-shown {
    border-color: black;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:placeholder-shown ~ .f-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:not(:placeholder-shown) ~ .f-placeholder {
    top: -3rem;
    font-size: 1.2rem;
  }

  .subscribe-form.sub-mobile .subscribe-form__link {
    text-decoration: none;
    color: #d2ad00;
  }

  .subscribe-form.sub-mobile .subscribe-form__link:hover {
    color: #000;
  }

  .subscribe-form.sub-mobile .subscribe-form-agreement {
    margin-top: 15px;
  }

  .subscribe-form.sub-mobile .subscribe-form-agreement .subscribe-form__label {
    width: 100%;
    font-size: 1rem;
    font-family: "Raleway";
    margin-top: 2px;
    font-weight: 500;
  }

  .subscribe-form.sub-mobile .subscribe-success__text {
    width: 95%;
    margin-top: 5px;
    word-break: break-word;
    font-size: 1.5rem;
  }

  .subscribe-form.sub-mobile .subscribe-error__text {
    width: 95%;
    margin-top: 5px;
    word-break: break-word;
  }

  .subscribe-form.sub-mobile .subscribe-error__text a {
    text-decoration: none;
    color: #d2ad00;
  }

  .subscribe-form.sub-mobile .subscribe-error__text a:hover {
    color: #000;
  }

  .subscribe-form.sub-mobile .subscribe-success,
  .subscribe-form.sub-mobile .subscribe-error {
    display: none;
    width: 100%;
  }

  .subscribe-form.sub-mobile #mc-embedded-subscribe {
    margin-top: 15px;
  }

  .subscribe-form.sub-mobile.subscribe-form.success .subscribe-initial {
    display: none;
  }

  .subscribe-form.sub-mobile.subscribe-form.success .subscribe-success {
    display: block;
  }

  .subscribe-form.sub-mobile.subscribe-form.error .subscribe-initial {
    display: none;
  }

  .subscribe-form.sub-mobile.subscribe-form.error .subscribe-error {
    display: block;
  }

  .site-content h2:not([class]):not(:last-child) {
    margin-bottom: 1.3rem;
  }

  .activities__item {
    width: 100%;
    margin-bottom: 2rem;
    min-height: 30rem !important;
  }

  .activities__title {
    font-size: 1.7rem;
  }

  .activities__description {
    font-size: 1.2rem;
  }

  .activities .slider__points {
    position: relative;
    padding-top: 0;
  }

  .api-scheme {
    height: 140vw;
  }

  .api-scheme__api {
    top: 32%;
  }

  .api-scheme__api .img {
    height: 13rem;
  }

  .api-scheme__web {
    top: 3.2%;
    bottom: auto;
    left: auto;
    right: 2rem;
  }

  .api-scheme__internal {
    top: 0%;
    bottom: auto;
    left: 2rem;
    right: auto;
  }

  .api-scheme__external {
    top: auto;
    bottom: 22.5%;
    left: auto;
    right: 2rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 10rem;
  }

  .api-scheme__db {
    top: auto;
    bottom: 26%;
    left: 2rem;
    right: auto;
  }

  .api-scheme__mobile {
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }

  .argument__text {
    height: auto;
  }

  .awards-block {
    width: 100%;
  }

  .awards-block__year.hide {
    display: none;
  }

  .awards-block__image {
    width: 9rem;
    height: 9rem;
  }

  .awards-block__title {
    font-weight: 400;
  }

  .awards-block__title:after {
    width: 1.5rem;
  }

  div.layout-cookie .button {
    width: 40%;
  }

  .carousel__title {
    margin-bottom: 0;
    padding: 0 2rem;
  }

  .carousel__wrapper {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .carousel__wrapper::-webkit-scrollbar {
    display: none;
  }

  .carousel__item {
    padding: 0 0.5rem;
  }

  .carousel__item .carousel__item {
    padding: 0;
  }

  .carousel__client-logo {
    width: 5.9rem !important;
  }

  .client-grid {
    margin: 0;
    padding-bottom: 4rem;
  }

  .client-grid--slider {
    padding: 0 0 3rem;
    margin: 0;
  }

  .client-grid__item {
    width: 100%;
    overflow: visible;
    margin: 0 0 2rem;
  }

  .client-grid__item.wide {
    width: 100%;
  }

  .client-grid__item.wide .client-grid__img.quad {
    display: block;
  }

  .client-grid__item.wide .client-grid__img.wide {
    display: none;
  }

  .client-grid__item.wide .client-grid__video {
    display: block;
    margin-top: 0;
  }

  .client-grid__item .block-hover .client-grid__img {
    display: block;
  }

  .client-grid__item--cta .client-grid__top {
    height: 10rem;
    margin-bottom: 2rem;
    padding-top: 0;
  }

  .client-grid__logo {
    height: 64vw !important;
  }

  .client-grid .block-hover {
    height: 64vw !important;
  }

  .client-grid__caption .t-title-sm {
    line-height: 1.2;
  }

  .client-grid__cta .cta__title {
    margin-bottom: 0;
  }

  .client-grid__item--double {
    width: 100%;
  }

  .clients-grid {
    padding-bottom: 2rem;
  }

  .clients-grid__item {
    width: 50%;
  }

  .clients-grid__logo img {
    width: 80%;
    max-width: 80%;
    height: auto;
    max-height: 80%;
  }

  .clients-grid.clients-list .client-grid__img {
    position: relative;
  }

  .comments-main {
    padding: 0;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }

  .comments-main__link {
    max-width: 13rem;
    height: 7rem;
  }

  .comments-main__link .comments-main__picture {
    max-width: 13rem;
  }

  .comments-main__wrapper {
    padding: 2rem 2rem 6rem 2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .comments-main__description {
    font-size: 1.2rem;
  }

  .comments-main__author {
    font-size: 1rem;
  }

  .comments-main__pager {
    display: none !important;
  }

  .comments {
    padding: 0rem;
    margin-bottom: 1rem;
    margin-top: 3rem;
  }

  .comments:before {
    left: 5.6rem;
    top: -2.3rem;
    border-style: solid;
    border-width: 0 0 2.4rem 3.3rem;
  }

  .comments__slide {
    padding-left: 0rem;
  }

  .comments__picture {
    max-width: 7rem;
    height: 7rem;
    margin-right: 2rem;
  }

  .comments__link {
    max-width: 13rem;
    height: 7rem;
  }

  .comments__link .comments__picture {
    max-width: 13rem;
  }

  .comments__wrapper {
    padding: 2rem 2rem 6rem 2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .comments__pager {
    display: none !important;
  }

  .communication__item {
    width: 100% !important;
    margin-bottom: 2rem !important;
  }

  .communication .subscribe-item {
    padding: 0 !important;
  }

  .communication .subscribe-item section#subscribe.subscribe {
    padding: 0;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper {
    display: block !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form__title {
    width: 100% !important;
    margin-bottom: 0.6rem !important;
    padding-right: 0 !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-inner {
    width: 100% !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__email-input {
    width: 100% !important;
    margin: 0 0 1rem !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .subscribe-form-email__button {
    width: 100% !important;
    margin: 0 !important;
    height: 3rem !important;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form-email .f-placeholder {
    margin-bottom: 3.4rem !important;
  }

  .communication__title {
    font-size: 1.2rem;
  }

  .cooperation__list {
    padding-top: 1rem;
    margin-bottom: 3rem;
  }

  .cooperation__item {
    width: 100% !important;
    margin-bottom: 2rem;
  }

  .cooperation__item:nth-child(3) {
    margin: 0;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .cooperation__item:nth-child(3) .cooperation__logo {
    margin: -1.5rem 0 0 0 !important;
    width: 50% !important;
  }

  .cooperation__logo {
    margin-left: 0;
  }

  .cta {
    padding: .5rem .5rem .5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden;
    height: 100% !important;
  }

  .cta__image {
    margin-bottom: 1.5rem;
    margin-right: 1rem;
    height: 6rem;
    width: 16rem;
  }

  .cta__title:hover:after,
  .cta__title:focus:after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }

  .cta__title {
    width: auto;
    line-height: 1;
    text-align: left;
    padding-right: 2em;
    cursor: pointer;
  }

  .cta__title:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    right: .5rem;
    content: '';
    width: 2rem;
    height: 1.4rem;
    display: inline-block;
    -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
    background: url(/static/content/works/images/common/arrow-down.svg) no-repeat 50% 50%;
  }

  .cta__button {
    display: none;
    width: 20rem;
  }

  .dual-image__desktop {
    display: none;
  }

  .dual-image__mobile {
    display: block;
  }

  .history-steps__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .history-steps__title {
    font-size: 1.3rem;
  }

  .history-steps__state {
    width: 50% !important;
    margin-top: 2rem;
  }

  .history-steps__state:nth-of-type(2) .history-steps__icon {
    margin-left: 5rem;
    bottom: -3rem;
  }

  .history {
    padding: 0 2rem;
  }

  .history__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2rem;
  }

  .history__svg {
    left: 0;
  }

  .history__state {
    width: 50%;
  }

  .history__state:nth-of-type(2) .history__icon {
    height: 30%;
    top: 0%;
    left: 5%;
  }

  .history__state:nth-of-type(2) .history__caption {
    top: 35%;
    width: 50%;
    left: 13%;
  }

  .history__state:nth-of-type(2) .history__circule {
    top: 80%;
    left: 30%;
    width: 8%;
  }

  .history__state:nth-of-type(2) .history__cartoonrow {
    top: 25%;
  }

  .history__state:nth-of-type(3) .history__caption {
    left: 7%;
  }

  .history__state:nth-of-type(3) .history__icon {
    top: 3%;
    left: 10%;
    height: 30%;
  }

  .history__state:nth-of-type(3) .history__dot {
    top: 3%;
    left: 14%;
    position: absolute;
    width: 10%;
    height: 30%;
  }

  .history__state:nth-of-type(4) .history__caption {
    left: 20%;
  }

  .history__state:nth-of-type(4) .history__icon {
    bottom: 19%;
    height: 35%;
    left: -7%;
  }

  .history__state:nth-of-type(4) .history__triangle {
    height: 10%;
    width: auto;
    top: 12%;
    left: 8%;
  }

  .history__state:nth-of-type(5) {
    height: 7.5rem;
  }

  .history__state:nth-of-type(5) .history__icon {
    top: -10%;
    right: 8%;
    height: 95%;
  }

  .history__state:nth-of-type(5) .history__caption {
    top: 30%;
    right: -41%;
  }

  .history__state:nth-of-type(5) .history__arrow {
    top: 34%;
    right: -42%;
    -webkit-transform: rotate(138deg);
        -ms-transform: rotate(138deg);
            transform: rotate(138deg);
  }

  .holder {
    width: 100%;
  }

  .icon-dual--job {
    margin-right: 0;
  }

  .icon-dual--press {
    margin-right: 0;
    height: 5.6rem;
  }

  .icon-dual--tablet {
    margin-right: 0;
    height: 5.6rem;
  }

  .icon-dual--jobs {
    margin-right: 0;
    height: 5.7rem;
  }

  .icon-dual--websites {
    margin-left: 6%;
  }

  .icon-dual--support {
    height: 10rem;
    width: 12rem;
  }

  .kit--android {
    padding-bottom: 3rem;
  }

  .kit--3d {
    padding-bottom: 1.5rem;
  }

  .kit--desktop {
    display: none;
  }

  .kit--mobile {
    display: block;
  }

  .kit:not(:last-of-type) {
    margin-bottom: 3rem;
  }

  .kit__title {
    left: 3.4rem;
  }

  .kit__text {
    padding-left: 4rem;
  }

  .kit__list {
    padding-left: 4rem;
    padding-bottom: 0rem;
  }

  .kit__list--offset {
    padding-top: 0;
  }

  .kit__image--ios {
    height: 7rem;
    left: auto;
    right: 0;
    top: 0rem;
  }

  .kit__image--ios-yellow {
    left: -.2rem;
  }

  .kit__image--3d {
    height: 9rem;
    top: -2.3rem;
    left: 3.5rem;
    right: auto;
  }

  .kit__image--android {
    height: 7rem;
    top: -.8rem;
  }

  .kit__image--android-yellow {
    top: 1rem;
    right: -1rem;
  }

  .lds-css.ng-scope {
    margin-left: 42%;
  }

  .locale {
    border: none;
    padding: 1.03rem;
  }

  .locale:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
  }

  .main-banner {
    padding-top: 2rem;
    padding-bottom: 9rem;
    margin-top: 0;
    margin-bottom: .8rem;
  }

  .main-banner__group {
    padding: 0 2rem;
  }

  .main-banner__logo {
    display: none;
  }

  .main-banner__image {
    margin-right: -6rem;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
  }

  .main-banner--services {
    margin-top: 1rem;
    padding-bottom: 0rem;
  }

  .main-banner--services .main-banner__image {
    display: none;
  }

  .main-banner--services .main-banner__imagemobile {
    display: block;
    margin-top: 0;
    right: -2.5rem;
    width: 45%;
  }

  .main-banner--services .main-banner__group {
    padding: 2rem 0;
    width: 100%;
    left: 0;
  }

  .map {
    margin-top: 0;
    height: 100%;
  }

  .map__inner {
    height: 79vh;
  }

  .map__text {
    font-weight: 400;
  }

  .map__item--address::before {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .map__upper {
    width: 40px;
    height: 40px;
    border: 1px solid grey;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    position: absolute;
    top: 42%;
    margin-left: 2%;
  }

  .map__upper::after {
    content: 'i';
    background: url(../images/icons/arrow-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: 24%;
    top: 18%;
    -webkit-transform: rotate(-91deg);
        -ms-transform: rotate(-91deg);
            transform: rotate(-91deg);
    display: block;
    position: relative;
  }

  .map__contacts {
    width: 100%;
    padding: 1rem 2rem 2rem;
    position: relative;
  }

  .map__contacts:after {
    display: none;
  }

  .nda-block {
    height: auto;
    width: 87.2%;
    margin: 0 auto 6%;
  }

  .nda-block .flex-wrapper,
  .nda-block .fl-direction-row,
  .nda-block .fl-direction-column,
  .nda-block .fl-jc-center,
  .nda-block .fl-jc-right,
  .nda-block .fl-al-items-end,
  .nda-block .fl-al-items-start,
  .nda-block .fl-wrap,
  .nda-block .fl-no-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .nda-block .flex-block-2 {
    width: 90%;
    margin: 2% 5%;
  }

  .new-projects {
    margin-bottom: 4rem;
  }

  .new-projects .client-grid {
    padding: 0;
  }

  .new-projects .slider__points {
    position: relative;
    padding-top: 0;
  }

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

  .portfolio-example__right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    height: auto;
  }

  .portfolio-example__title {
    font-size: 2.2rem;
  }

  .portfolio-example__text {
    font-size: 1.6rem;
    margin-bottom: 0;
  }

  .portfolio-footer__section:nth-child(1) {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }

  .portfolio-footer__section:nth-child(2) {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding-right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .portfolio-footer__section:nth-child(3) {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .portfolio-footer__section:nth-child(4) {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }

  .portfolio-footer {
    margin: 0;
    padding: 0 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: relative;
  }

  .portfolio-footer__prev span,
  .portfolio-footer__next span,
  .portfolio-footer__share span {
    display: none;
  }

  .portfolio-footer__prev svg {
    margin: 0;
  }

  .portfolio-footer__next svg {
    margin: 0;
  }

  .portfolio-footer__share svg {
    margin: 0 2rem;
    height: 2rem;
    display: block;
  }

  .portfolio-footer__svg {
    height: 2rem;
    width: 2rem;
  }

  .portfolio-footer__socialshare {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .portfolio-footer .button.portfolio-button {
    background: #fff;
  }

  section.portfolio-header {
    margin-bottom: 1rem;
  }

  .portfolio-header__link:before {
    left: -45px;
  }

  section.portfolio-manual {
    margin-bottom: 0;
  }

  .portfolio-manual {
    padding-bottom: 0;
    height: 36rem;
  }

  .portfolio-manual__title {
    width: 100%;
    font-size: 2.2rem;
    line-height: 1.3;
    position: relative;
    z-index: 2;
  }

  .portfolio-manual__image1 {
    top: 11rem;
  }

  .portfolio-manual__image2 {
    width: 18rem;
    left: 37%;
    top: -17%;
    z-index: 1;
  }

  .portfolio-screens__title {
    margin-bottom: 1rem;
    line-height: 1;
  }

  section.portfolio-showcase {
    margin-bottom: 34rem;
    height: 42rem;
    background-position: 91%;
  }

  section.portfolio-showroom {
    height: 45rem;
    background-position: 91%;
    position: relative;
    margin-bottom: 18rem;
  }

  .portfolio-video {
    padding-bottom: .5rem;
  }

  .portfolio-video__title {
    width: 100%;
    font-size: 1.6rem;
  }

  .portfolio-video iframe {
    height: 15.9rem;
  }

  .progress-slide__screen {
    padding: 0 2rem;
  }

  .progress-slide__wrap {
    height: auto;
  }

  .progress-slide__info {
    width: 100%;
    margin: 0;
    padding: 0 0 2rem 0;
    height: 100%;
    display: block;
  }

  .progress-slide__text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .progress-bar {
    width: 10%;
    height: 2px;
    top: 3.5rem;
    left: 22%;
  }

  .progress-steps {
    width: 70rem;
    overflow: hidden;
    padding: 0 2rem;
  }

  .project__top {
    padding-top: 57.14%;
  }

  .project:hover .project__tags__ico {
    color: #fff;
  }

  .project:hover .project__footer:before {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }

  .project:hover .project__footer:after {
    opacity: 1;
  }

  .project:not(:last-child) {
    margin-bottom: 1rem;
  }

  .project__screen {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .project__footer {
    padding: 1rem 1rem 0 0;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .project__footer:before {
    display: none;
  }

  .project__footer:after {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  .project__tags {
    width: 100%;
    text-align: right;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 4rem;
    padding-right: 2rem;
  }

  .project__title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1rem;
    /* bottom: 0; */
    /* left: 0; */
    box-sizing: border-box;
    width: 100%;
    color: #000;
    overflow: hidden;
    height: 5rem;
    line-height: 2rem;
  }

  .recall {
    padding: 1.92rem;
    border: none;
    background-color: white;
  }

  .menu-animate .content.site-content,
  .is-menu-visible .content.site-content {
    position: fixed;
    overflow: hidden;
  }

  .slider {
    padding: 0 2rem;
  }

  .slider__back {
    display: none;
  }

  .slider__wrapper {
    height: 41.2rem;
    margin-bottom: 2.5rem;
  }

  .slider__list {
    width: 100%;
  }

  .slider__item {
    height: 41.2rem !important;
    padding: 2.1rem 1.5rem 3rem;
  }

  .slider__background {
    display: none;
  }

  .slider__image {
    margin-bottom: 3rem;
  }

  .slider__title {
    font-size: 1.4rem;
  }

  .slider__description {
    font-size: 1.4rem;
  }

  .slider__points {
    padding: 2.8rem;
    width: 100%;
  }

  .slider__points button {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }

  .slider__item.arvr .slider__image {
    margin-left: 0;
  }

  .slider__item.arvr .slider__image img {
    height: 8.4rem;
  }

  .slider__item.arvr .slider__title {
    width: 100%;
  }

  .slider__item.arvr .slider__description {
    width: 100%;
  }

  .slider__item.intelligence .slider__image {
    margin-left: 0;
  }

  .slider__item.intelligence .slider__image img {
    height: 8.4rem;
  }

  .slider__item.intelligence .slider__title {
    width: 100%;
  }

  .slider__item.intelligence .slider__description {
    width: 100%;
  }

  .slider__item.development .slider__image img {
    height: 8.4rem;
  }

  .slider__item.development .slider__title {
    width: 100%;
  }

  .slider__item.development .slider__description {
    width: 100%;
  }

  .slider__item.api .slider__image img {
    height: 7rem;
  }

  .slider__item.api .slider__title {
    width: 100%;
  }

  .slider__item.api .slider__description {
    width: 100%;
  }

  .slider__item.support .slider__image img {
    height: 9.4rem;
  }

  .slider__item.support .slider__title {
    width: 100%;
  }

  .slider__item.support .slider__description {
    width: 100%;
  }

  .slider .slider__points {
    width: 100%;
  }

  .slogan {
    padding-top: 2rem;
  }

  .slogan__header {
    margin: 0 !important;
    padding: 0 !important;
  }

  .slogan__infographics {
    top: 0 !important;
    right: 0 !important;
  }

  .slogan__infographics__icon {
    top: -10rem;
    right: -2.8rem;
  }

  .slogan__infographics__icon:nth-of-type(2) {
    top: -5.9rem;
    right: -0.8rem;
  }

  .points-anim {
    right: 0;
  }

  .points-wrap {
    right: 0;
  }

  .social__item {
    width: 2.2rem;
    height: 2.2rem;
  }

  .social__link:hover {
    color: #fff;
  }

  .spider-header {
    margin-left: 0;
    padding-top: 0;
    margin-bottom: 3rem;
    margin-top: 1rem;
  }

  .spider-header:before {
    display: none;
  }

  .spider-header:after {
    left: 8.7rem;
    bottom: -1.9rem;
    border-style: solid;
    border-width: 0 0 2rem 3.3rem;
  }

  .spider-header__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .spider-header__icon {
    width: 7rem;
    height: 5.4rem;
    margin-left: 0rem;
    margin-right: 2rem;
  }

  .spider-header__text {
    width: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .spider-icons {
    position: relative;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .icons-lottie {
    display: none;
  }

  .icons-svg {
    display: block;
    width: 7rem;
  }

  .spider-icons-wrapper {
    display: block;
    width: auto;
    height: auto;
  }

  .spider-icons--jobs .spider-icons {
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .spider-icons--job .spider-icons {
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .spider-icons--press .spider-icons {
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .spider-icons--cta .spider-icons {
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .tab-scroll {
    width: 93%;
    padding-left: 2rem;
  }

  .tab-scroll.active-filter {
    width: 85%;
    overflow: hidden;
  }

  .tabs {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2rem;
    margin-top: 1rem;
    height: 3.9rem;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: scroll;
    width: 100%;
  }

  .tabs__cancel-button {
    margin-top: 5%;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
    margin-right: 0;
    left: auto;
    right: 0.7rem;
  }

  .tab {
    height: 2.8rem;
    margin-bottom: 0;
  }

  .tab:last-of-type {
    margin-right: 0;
  }

  .button.tender-button {
    width: auto;
    right: 2rem !important;
    top: auto !important;
    bottom: 1rem;
    margin-top: 0;
    position: fixed !important;
  }

  .button.tender-button.sticky-fixed {
    right: 2rem;
  }

  .index .button.tender-button {
    right: 2rem !important;
    top: auto !important;
    bottom: 1rem;
    margin-top: 0;
  }

  .text-block__title {
    width: 100%;
  }

  .video-portfolio iframe,
  .video-portfolio video {
    height: 49.2vw;
  }

  .video-portfolio__header {
    height: 4rem;
    position: relative;
    background: #000;
  }

  .video-portfolio__header .t-title-lg {
    color: #000;
    position: relative;
    margin-top: -4rem;
    margin-left: -2rem;
  }

  .video-portfolio__header .t-title-lg a {
    color: #000 !important;
  }

  .video-portfolio__header__link {
    background-size: 10% auto;
    font-size: 1.5rem;
    width: 100%;
  }

  .client-grid .video-portfolio {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
    padding: 0 !important;
  }

  .view-type {
    display: none;
  }

  .yellow-border-box {
    border: 0;
    padding: 0;
  }

  .yellow-border-box__text {
    border: 0.3rem solid #f8d11c;
    padding: 1.5rem 1.5rem;
  }

  .yellow-border-box--shift {
    margin: 0;
    width: 100%;
  }

  .yellow-border-box--shift .yellow-border-box__title {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .yellow-border-box--spider {
    padding: 0;
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .yellow-border-box--spider .yellow-border-box__text {
    padding: 3rem 11rem 3rem 1rem;
  }

  .yellow-border-box--spider .yellow-border-box__spider {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    height: 10rem;
    top: auto;
    bottom: 0;
    left: auto;
    right: 1.5rem;
  }

  .yellow-border-box--mobile {
    border: 0.3rem solid #f8d11c;
    padding: 1.5rem 1.5rem;
  }

  .yellow-border-box--spider-left {
    border: 0.3rem solid #f8d11c;
    padding: 1.5rem 1.5rem;
  }

  .yellow-border-box--spider-left .yellow-border-box__spider {
    left: auto;
    right: -3px;
    top: 0;
    -webkit-transform: translateY(5%);
        -ms-transform: translateY(5%);
            transform: translateY(5%);
    height: 10rem;
    z-index: -1;
  }

  .yellow-border-box--spider-left .yellow-border-box__text {
    border: 0;
    padding: 0;
  }

  .yellow-box {
    padding: 2rem 1rem;
  }

  .yellow-box strong {
    display: inline;
  }

  .yellow-slider__header {
    padding: 2.5rem 0;
  }

  .yellow-slider__wrap {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .yellow-slider__back {
    display: none;
  }

  .clients .content__title {
    display: block;
    margin-bottom: 1rem;
  }

  .clients .layout-wrapper__inner {
    padding-right: 0;
  }

  .clients .comments {
    margin-left: 0;
    padding-top: 0;
  }

  .contacts .content__title {
    margin-bottom: 0rem;
    display: block;
  }

  .info-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .info-column {
    padding: 0 2rem;
    width: 100%;
  }

  .info-column:not(:last-of-type) {
    margin-right: 2rem;
  }

  .info-block {
    display: block;
    margin-bottom: 2rem;
  }

  .info-block__title {
    padding-right: 3rem;
    margin-bottom: 1rem;
  }

  .job .content > h2 {
    padding: 0 2rem;
  }

  .links-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .links-column {
    padding: 0 2rem;
    width: 100%;
  }

  .links-column:not(:last-of-type) {
    margin-right: 2rem;
  }

  .links-block {
    display: block;
    margin-bottom: 2rem;
  }

  .links-block__title {
    font-weight: 400;
    padding-right: 3rem;
    margin-bottom: 1rem;
  }

  .links-wrap-year {
    padding: 0 2rem 1.5rem;
  }

  .links-wrap-year .links-block {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }

  .links-year {
    padding: 0 2rem;
  }

  .main-banner__group.not-found {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 45vh;
  }

  .main-banner__image.notfound-banner__image {
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-right: 0;
  }

  .main-banner.notfound-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .not-found .layout-header {
    display: block;
  }

  .not-found .notfound-banner {
    margin-top: 0;
    height: calc(100vh - 6rem);
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }

  .not-found .notfound-banner__content {
    top: 17vw;
  }

  .not-found .notfound-banner__image {
    top: 86vw;
  }

  .not-found .notfound-banner__title {
    width: 80%;
  }

  .portfolio-p {
    font-size: 1.6rem;
    letter-spacing: 0;
    margin-bottom: 1.2rem;
    line-height: 1.4;
  }

  .portfolio-h2 {
    font-size: 2.1rem;
    line-height: 1.22;
    margin-bottom: 1rem;
    letter-spacing: 0px;
  }

  .press .content__title,
  .jobs .content__title,
  .job .content__title {
    display: block;
  }

  .press .layout-wrapper__inner,
  .jobs .layout-wrapper__inner,
  .job .layout-wrapper__inner {
    padding-right: 0;
    padding-top: 2rem;
    margin-top: 9.2rem;
  }

  .services-margin {
    margin-bottom: 1rem !important;
  }

  .services-backend__text {
    margin-bottom: 1rem;
  }

  .services-backend__spider {
    position: absolute;
    right: 2rem;
    height: 11rem;
    bottom: -4rem;
    z-index: -1;
  }

  .services-security {
    margin-bottom: 0rem !important;
  }

  .services-price__info br,
  .services-price__conditions br {
    display: none;
  }

  .services-price__button {
    width: 100%;
  }

  .services-integrate__spider {
    position: absolute;
    top: 1rem;
    -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
            transform: translateY(-40%);
    left: auto;
    width: 12rem;
    height: auto;
    z-index: -1;
    right: 2rem;
  }

  .services-cost__button {
    position: unset;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .services-cost_arvr .services-cost__wrap {
    width: 70%;
    position: relative;
    left: 17%;
  }

  .services-cost_arvr .services-cost__wrap .services-cost__conditions {
    margin-top: 10%;
  }

  .services-cost_arvr .services-cost__wrap .services-cost__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .services-cost_arvr .services-cost__wrap .services-cost__info .t-asterisk {
    margin-right: 3%;
  }

  .services-cost--compact .services-cost__title {
    left: 0;
  }

  .services-cost-wrap {
    margin-left: 0;
    width: 100%;
  }

  .plyr video {
    height: auto;
    width: 100%;
  }

  .services-banner {
    margin-top: 1rem;
    overflow: visible;
    height: 31.98vw;
    margin-bottom: 3rem;
  }

  .services-banner__title {
    display: none;
    font-size: 1.6rem;
    color: #000;
    line-height: 1.38;
    top: -3.5rem;
  }

  .services-banner__background {
    position: relative;
    top: 0px;
  }

  .services-why__text {
    margin-bottom: 1.5rem;
  }

  .services-why__spider {
    position: absolute;
    position: absolute;
    top: -8.5rem;
    right: 2rem;
    height: 11rem;
    z-index: 0;
  }

  .services-plans .row {
    padding-right: 2rem;
  }

  .services-plans .column:first-of-type {
    padding-left: 2rem;
  }

  .services-plans .column:last-of-type {
    padding-right: 2rem;
  }

  .services-vr__spider {
    position: absolute;
    right: 0;
    bottom: -17.5rem;
    z-index: 0;
    height: 9.5rem;
  }

  .services-websites__title br {
    display: block;
  }

  .services-websites__text {
    margin-bottom: 2rem;
  }

  .services-websites .sidetitle-box__title.t-title-side {
    -webkit-transform: rotate(-90deg) translate(-100%, -100%);
        -ms-transform: rotate(-90deg) translate(-100%, -100%);
            transform: rotate(-90deg) translate(-100%, -100%);
  }

  .services-spa .services-price {
    margin-left: 0;
  }

  .services-spa .services-price__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .services-spa .services-price__wrap br {
    display: none;
  }

  .services-spa .services-price__button {
    width: 100%;
  }

  .services-spa .services-price__info {
    margin-bottom: 1rem;
  }

  .services-spa {
    margin-top: 5rem;
  }

  .services-spa p {
    margin-bottom: 1rem;
  }

  .services-spa__title br {
    display: block;
  }

  .services-spa__spider {
    height: 10rem;
    top: -4.5rem;
    left: auto;
    right: 2rem;
  }

  .services-evolution__title {
    margin-bottom: 0;
  }

  .services__support {
    margin-bottom: 1rem !important;
  }

  .services__support__text {
    font-weight: 400;
    margin-bottom: 1rem;
  }

  .services-appevolution {
    margin-bottom: 1rem !important;
  }

  .services-appevolution__text {
    font-weight: 400;
    margin-bottom: 1rem;
  }

  .services-appevolution__yellowbox {
    margin-bottom: 1rem;
  }
}

@media (max-width: 1667px) and (orientation: portrait) and (pointer: coarse) {
  .f-input {
    font-size: 25px;
  }

  .about .content__title {
    padding: 0 2rem;
  }

  .about .content__title:first-of-type {
    display: block;
  }

  .layout-header {
    height: 5.8rem;
  }

  .index {
    padding-top: 5.8rem;
  }

  .index .layout-header {
    height: 5.8rem !important;
  }

  .index .sidebar {
    padding-top: 5.8rem;
  }

  .has-header .layout-wrapper__content {
    margin-top: 6.2rem;
    padding-top: 1rem;
  }

  .navigation__link {
    font-size: 1.6rem;
  }

  .navigation__link:before {
    -webkit-transform: rotate(270deg) scale(1.2);
        -ms-transform: rotate(270deg) scale(1.2);
            transform: rotate(270deg) scale(1.2);
  }

  .sidebar {
    padding-top: 7.2rem;
  }

  .submenu__link-name {
    font-size: 1.2rem;
  }

  .logo {
    width: 18rem;
  }

  .map__inner {
    position: relative;
  }

  .sandwich__layer {
    height: .30rem;
  }

  .slider__points button {
    width: 15px;
    height: 15px;
  }

  .tab-scroll {
    width: 93%;
    padding-left: 2rem;
  }

  .tab-scroll.active-filter {
    width: 85%;
    overflow: hidden;
  }

  .clients .comments {
    margin-top: 0;
  }

  .press .layout-wrapper__inner,
  .jobs .layout-wrapper__inner,
  .job .layout-wrapper__inner {
    padding-top: 1rem;
    margin-top: 6.2rem;
  }
}

@media (max-width: 1667px) and (orientation: landscape) and (pointer: coarse) {
  .layout-cookie .button {
    font-size: 1rem;
    padding: 5px;
  }

  .client-grid__cta .cta__title {
    width: 110%;
    font-size: 1.4rem;
  }

  .icon-dual--cta {
    margin-top: 0;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .services-banner {
    height: 27vw;
  }
}

@media (max-width: 1667px) and (min-height: 768px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .progress-bar {
    left: 10% !important;
    max-width: 80%;
  }
}

@media (max-width: 1667px) and (pointer: coarse) and (orientation: portrait), (max-width: 868px) and (pointer: coarse) {
  .clients .content.site-content {
    margin-top: 7rem;
  }
}

@media (max-width: 1440px) {
  .t-title-lg {
    font-size: 1.6rem;
  }

  .content-two-block .text-block .t-text-lg {
    font-size: 1.4rem;
  }

  .index .layout-header {
    width: calc(76% / 3 - 2.7rem);
    height: 6.3rem;
  }

  .index .layout-header__wrapper:before {
    width: 14.32rem;
    height: 15.12rem;
    top: -11.7rem;
    right: -10.7rem;
  }

  .index .layout-header__wrapper .logo-lines {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }

  .index .logo {
    width: 16rem;
    margin-left: 0;
    margin-right: 0;
  }

  .activities__title {
    font-size: 1.6rem;
  }

  .activities__description {
    font-size: 1.2rem;
  }

  .carousel__item {
    min-width: 25%;
  }

  .carousel__client-logo {
    width: 14rem;
  }

  .cooperation__item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .cooperation__item:nth-child(3) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .cooperation__item:nth-child(3) .cooperation__logo {
    margin: -1.5rem 0 0 -1.5rem;
    width: 90%;
  }

  .cooperation__logo {
    margin: 1rem 1.5rem;
  }

  .history-steps__title {
    font-size: 1.4rem;
  }

  .history-steps__value {
    font-size: 2.8rem;
  }

  .portfolio-footer .button.portfolio-button {
    font-size: 1.05rem;
  }

  .slogan__header {
    margin-left: calc(76% / 3 + 9%);
    padding: 2.7rem 0 4.6rem;
  }

  .slogan__title {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .points-anim {
    -webkit-transform: rotate(45deg) scale(0.8);
        -ms-transform: rotate(45deg) scale(0.8);
            transform: rotate(45deg) scale(0.8);
  }

  .points-wrap {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }

  .button.tender-button {
    font-size: 1.05rem;
  }
}

@media (max-width: 1300px) {
  .history-steps__state:nth-of-type(2) .history-steps__icon {
    left: 4%;
  }
}

@media (max-width: 1280px) {
  .index .layout-header__wrapper:before {
    width: 10rem;
    height: 10.6rem;
    top: -8.2rem;
    right: -7.4rem;
  }

  .activities__item {
    padding-right: 10.2rem;
  }

  .icon-dual--applications {
    width: 10.7rem;
  }

  .icon-dual--areality {
    width: 10.7rem;
  }

  .icon-dual--iot {
    width: 10.7rem;
  }

  .icon-dual--api {
    width: 12.8rem;
  }

  .portfolio-footer .button.portfolio-button {
    font-size: 0.95rem;
    padding: 0 1rem;
  }

  .points-anim {
    right: 5.2rem;
  }

  .points-wrap {
    right: 2.8rem;
  }

  .button.tender-button {
    font-size: 0.95rem;
    padding: 0 1rem;
  }
}

@media (max-width: 1240px) {
  .cooperation__item {
    width: calc(100% / 3);
  }

  .cooperation__item__welcome {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .history-steps__state:nth-of-type(2) .history-steps__icon {
    left: 0;
  }
}

@media (max-width: 1160px) {
  .t-title-xl {
    font-size: 1.8rem;
  }

  .content-two-block .text-block {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
  }

  .content-two-block .history-steps {
    width: 100%;
    padding-right: 0;
  }

  .carousel__client-logo {
    width: 12rem;
  }

  .client-grid__logo {
    height: 16.3vw;
  }

  .client-grid .block-hover {
    height: 16.3vw;
  }

  .communication__item {
    width: calc(50% - 1rem);
    margin-bottom: 2rem;
  }

  .communication .subscribe-item {
    width: 100%;
    margin-bottom: 0;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-form__title {
    width: 30%;
    padding-right: 2rem;
    margin-bottom: 2.5rem;
  }

  .communication .subscribe-item section#subscribe.subscribe .subscribe-wrapper .subscribe-inner {
    width: 70%;
  }

  .cta {
    height: 16.3vw;
  }

  .cta__button {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .t-title-lg {
    font-size: 1.2rem;
  }

  .index .logo {
    width: 16rem;
  }

  .client-grid__caption .t-title-sm {
    font-size: 1.2rem;
  }

  .comments-main__pager {
    display: none;
  }

  .communication__title {
    font-size: 1.2rem;
  }

  .cooperation__title {
    font-size: 1.2rem;
  }

  .history-steps__title {
    font-size: 1.2rem;
  }

  .history-steps__state:nth-of-type(2) .history-steps__icon {
    margin-left: 0;
  }

  .slogan__title {
    font-size: 1.6rem;
  }
}

@media (max-width: 980px) {
  .activities__item {
    padding: 4rem 2rem 3rem 2rem;
  }

  .activities__title {
    padding-right: 10rem;
  }

  .activities__description {
    margin-top: 4rem;
  }

  .icon-dual--applications svg {
    height: auto !important;
    top: 0.5rem !important;
  }

  .icon-dual--areality svg {
    height: auto !important;
    top: 0.5rem !important;
  }

  .icon-dual--iot svg {
    height: auto !important;
    top: 0.5rem !important;
  }

  .icon-dual--api svg {
    height: auto !important;
    top: 0.5rem !important;
  }
}

@media (max-width: 968px) and (pointer: coarse) and (orientation: landscape) {
  .t-title-banner {
    font-size: 0.8rem;
  }

  .t-title-banner span {
    display: block;
    line-height: 1.6rem;
  }

  .t-title-xl {
    font-size: 1.3rem !important;
  }

  .t-title-lg {
    font-size: 1.2rem;
    line-height: 1.74rem;
  }

  .t-title-md {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }

  .t-title-sm {
    font-size: 1rem;
  }

  .t-title-side_websites {
    font-size: 2.5rem;
    left: -2rem;
  }

  .t-text-md {
    font-size: 0.8rem;
  }

  .t-text-sm {
    font-size: 1rem;
    line-height: 1.23;
  }

  .t-text-xs {
    font-size: 0.9rem;
  }

  .t-text-nano {
    font-size: 0.7rem;
  }

  #lightbox.lightbox {
    top: 10px !important;
  }

  .lightboxOverlay {
    overflow: scroll !important;
  }

  body.lb-disable-scrolling {
    overflow: auto !important;
  }

  .lb-outerContainer {
    height: 92vh !important;
    overflow: scroll !important;
  }

  .lb-container img.lb-image {
    width: auto !important;
    height: calc(92vh - 36px) !important;
  }

  input[placeholder],
  input::-webkit-input-placeholder,
  textarea[placeholder],
  textarea::-webkit-input-placeholder {
    font-size: 1rem;
    padding: 0.4rem;
    line-height: 1.25;
  }

  input[placeholder],
  input::-moz-placeholder,
  textarea[placeholder],
  textarea::-moz-placeholder {
    font-size: 1rem;
    padding: 0.4rem;
    line-height: 1.25;
  }

  input[placeholder],
  input::-ms-input-placeholder,
  textarea[placeholder],
  textarea::-ms-input-placeholder {
    font-size: 1rem;
    padding: 0.4rem;
    line-height: 1.25;
  }

  input[placeholder],
  input::placeholder,
  textarea[placeholder],
  textarea::placeholder {
    font-size: 1rem;
    padding: 0.4rem;
    line-height: 1.25;
  }

  .f-input {
    padding: .95rem 0 .25rem;
  }

  .f-input:focus {
    padding: .95rem 0 .35rem;
  }

  .f-input:focus ~ .f-placeholder,
  .f-input:valid ~ .f-placeholder {
    top: -1.1rem;
    font-size: 0.7rem;
  }

  .f-label.js-request-block {
    margin-bottom: 1rem;
    height: 1.9rem;
  }

  .f-label.f-label.js-request-textblock {
    margin-top: 1.6rem;
    margin-bottom: 1rem;
  }

  .f-placeholder {
    font-size: 0.7rem;
    top: 0.2rem;
  }

  .checkbox-field {
    margin-bottom: 1rem;
  }

  body.lb-disable-scrolling .layout-wrapper {
    height: 100vh;
  }

  .content__title {
    margin-bottom: 1rem;
  }

  .layout-cookie {
    padding: 0.5rem 1rem;
  }

  .layout-cookie .layout-cookie__descr.t-text-sm {
    margin-top: .1rem;
    margin-bottom: 2%;
    font-size: 0.9rem;
  }

  .layout-cookie .button {
    min-height: 2rem;
    font-size: 0.8rem;
  }

  .layout-footer {
    height: 4.7rem;
  }

  .layout-footer__share {
    width: 1.2rem;
    height: 1.5rem;
  }

  .layout-footer__close {
    width: 1.3rem;
    margin-bottom: 1rem;
  }

  .layout-footer__social {
    margin-top: 0.7rem;
  }

  .main-footer .layout-footer__social {
    padding: 0.4rem 2rem 1.4rem;
  }

  .index .main-banner {
    margin-bottom: 1rem;
  }

  .has-header .layout-wrapper__content {
    margin-top: 2.2rem;
  }

  .navigation__list {
    padding: 1.2rem 2.5rem 1.8rem;
  }

  .navigation__item:not(:last-child) {
    margin-bottom: 1rem;
  }

  .navigation__link {
    font-size: 1rem;
  }

  .navigation__link.current:before {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: -.6rem;
  }

  .request__title {
    font-size: 1.2rem;
    line-height: 1.74;
    margin-bottom: 0.8rem;
  }

  .request-subscribe__title {
    font-size: 1.2rem;
    line-height: 1.74;
    margin-bottom: 0.8rem;
  }

  .callback-form__form__title {
    font-size: 1.2rem;
    line-height: 1.74;
    margin-bottom: 0.8rem;
  }

  .mode-callback-form .callback-form-phone__icon {
    height: 1.4rem;
  }

  .mode-callback-form .callback-form__form .f-label.js-request-block {
    height: unset;
  }

  .sidebar-custom-block {
    position: relative;
    bottom: 0;
  }

  .sidebar-custom-block.menu--expand {
    bottom: -0.5rem;
  }

  .sidebar__phone {
    margin-top: -1.2% !important;
  }

  .sidebar {
    padding-top: 4.2rem;
  }

  .sidebar__group .mobile__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .sidebar__group {
    padding-bottom: 0;
  }

  .sidebar__participant p.t-text-nano {
    margin-bottom: 0;
    padding: 0;
  }

  .sidebar__footer {
    position: unset;
    height: 2rem;
    padding: 0.6rem 2rem;
  }

  .sidebar__footer .social__item {
    width: 1.5rem;
    height: 1.5rem;
  }

  .sidebar__header {
    margin-bottom: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0;
            flex: 0 0;
    width: 100%;
  }

  .sidebar__header .button {
    width: auto;
    min-height: 1.8rem;
    height: 1.8rem;
    font-size: 0.85rem;
  }

  .current + .submenu {
    padding-top: 1rem;
  }

  .submenu__item:not(:last-child) {
    margin-bottom: 0.5rem;
  }

  .submenu__link {
    line-height: 0.9;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:not(:placeholder-shown) ~ .f-placeholder {
    top: -1.1rem;
    font-size: 0.7rem;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__email-input:valid ~ .f-placeholder {
    top: -1.1rem;
    font-size: 0.7rem;
  }

  .subscribe-form.sub-mobile #mc-embedded-subscribe {
    height: 3rem;
    min-height: 3rem;
  }

  .subscribe-form.sub-mobile .f-placeholder {
    top: -0.6rem;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input {
    font-family: "Raleway";
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:not(:placeholder-shown) {
    margin: 50px 0 0;
    padding: 0 0 .38rem 0;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:not(:placeholder-shown) ~ .f-placeholder {
    top: -1rem;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:placeholder-shown {
    border-color: black;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:placeholder-shown ~ .f-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:placeholder-shown ~ .mce_inline_error {
    display: none;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:focus {
    margin: 50px 0;
    padding: 0 0 .38rem 0;
  }

  .subscribe-form.sub-mobile .subscribe-form-email__email-input:focus ~ .f-placeholder {
    top: -0.6rem;
  }

  .site-content h2:not([class]) {
    font-size: 1.2rem;
    line-height: 1.25;
  }

  .argument__count {
    font-size: 3rem;
  }

  div.layout-cookie .button {
    width: 25%;
  }

  .comments-main__wrapper {
    padding: 2rem 2rem 4.5rem 2rem;
  }

  .comments__wrapper {
    padding: 2rem 2rem 4.5rem 2rem;
  }

  .history-steps__title {
    font-size: 0.9rem;
    line-height: 1;
  }

  .history-steps__value {
    font-size: 2.8rem;
  }

  .history__wrapper {
    margin-top: -0.5rem;
  }

  .history__state:nth-of-type(3) .history__value {
    font-size: 1.6rem;
  }

  .history__state:nth-of-type(5) .history__value {
    position: relative;
    left: -2rem;
  }

  .history__title {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }

  .history__value {
    font-size: 1.6rem;
  }

  .icon-dual--support {
    height: 8rem;
    width: 8rem;
  }

  .kit__list.list li {
    font-size: 1rem;
    margin-bottom: 0.3rem;
  }

  .list li {
    font-size: 1rem;
  }

  .list li:before {
    top: .25rem;
  }

  .locale {
    font-size: 0.65rem;
    padding: 0.3rem;
    line-height: 1.3rem;
  }

  .main-banner {
    padding-bottom: 2rem;
  }

  .main-banner__title {
    display: none;
  }

  .main-banner__image {
    margin-right: 0;
  }

  .main-banner__title.main-banner__title-mobileLandscape {
    display: block;
  }

  .main-banner--services .main-banner__imagemobile {
    margin-top: 0;
  }

  .main-banner--services .main-banner__group {
    width: 50%;
  }

  .map__inner {
    position: relative;
    height: 84vh;
  }

  .map__upper {
    top: 62%;
  }

  .map__contacts {
    position: relative;
  }

  .plan__price.t-text-lg {
    font-size: 1.2rem;
    line-height: 0.5;
  }

  .portfolio-example__title {
    font-size: 1.15rem;
  }

  .portfolio-example__text {
    font-size: 0.909rem;
  }

  .portfolio-header__title {
    font-size: 0.68rem;
  }

  .portfolio-header__icon {
    height: 1.8rem;
    margin-bottom: 0.4rem;
  }

  .progress-slide__info {
    padding: 0 0 0 0;
  }

  .progress-slide__title {
    margin-bottom: 0.7rem;
  }

  .progress-slide__text {
    margin-bottom: 1rem;
  }

  .progress-steps .progress__name.t-title-sm {
    font-size: 0.9rem;
  }

  .project:not(:last-child) {
    margin-bottom: 0;
  }

  .project__title {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .recall {
    padding: 0.952rem;
    background-color: white;
  }

  .slider__wrapper {
    height: 21rem;
  }

  .slider__item {
    padding: 1rem 1.5rem 1rem;
  }

  .slider__image {
    margin-bottom: 1rem;
  }

  .slider__title {
    font-size: 0.787rem;
  }

  .slider__description {
    font-size: 0.787rem;
  }

  .slider__item.arvr .slider__image img {
    height: 6.4rem;
  }

  .slider__item.intelligence .slider__image img {
    height: 6.4rem;
  }

  .slider__item.development .slider__image img {
    height: 6.4rem;
  }

  .slider__item.api .slider__image img {
    height: 6.4rem;
  }

  .slider__item.support .slider__image img {
    height: 6.4rem;
  }

  .social__item {
    width: 1.5rem;
    height: 1.5rem;
  }

  .support-part__step {
    font-size: 2rem;
  }

  .tabs {
    height: 1.9rem;
    margin-bottom: 1rem;
    margin-top: 0;
  }

  .tabs__cancel-button {
    margin-top: 0.85%;
    margin-right: 6%;
  }

  .tab {
    height: 1.4rem;
  }

  .tab__icon {
    height: 1rem;
  }

  .tab__caption {
    font-size: 0.8rem;
  }

  .yellow-border-box--spider .yellow-border-box__text {
    padding: 3rem 11rem 2rem 1rem;
  }

  .yellow-border-box--spider .yellow-border-box__spider {
    top: 0;
  }

  .yellow-slider__header {
    padding: 2.5rem 0 1rem;
  }

  .clients .content.site-content {
    margin-top: 4rem;
  }

  .links-block__title {
    margin-bottom: 0.2rem;
  }

  .links-block__info .t-text-xs {
    font-size: 0.7rem;
  }

  .main-banner__group.not-found {
    height: 105vh;
  }

  div.notfound-banner__content div.notfound-banner__title.main-banner__title.t-title-lg {
    display: block;
  }

  .portfolio-p {
    font-size: 0.909rem;
  }

  .portfolio-h2 {
    font-size: 1.15rem;
  }

  .press .layout-wrapper__inner,
  .jobs .layout-wrapper__inner,
  .job .layout-wrapper__inner {
    padding-top: 1rem;
    margin-top: 3.1rem;
  }

  .services-margin {
    margin-bottom: 1rem !important;
  }

  .services-margin .t-title-side {
    font-size: 3rem;
  }

  .services-margin .list li {
    font-size: 1rem;
    line-height: 1.25;
  }

  .services-security__box.yellow-box {
    padding: 1rem 1rem;
  }

  .services-security__box.yellow-box .t-text-md {
    margin-bottom: 0;
  }

  .services-integrate__list li {
    font-size: 1.1rem;
    line-height: 1.25;
  }

  .services-cost {
    min-height: 14rem;
  }

  .services-cost__list {
    margin-bottom: 1rem;
    margin-top: 3rem;
  }

  .services-cost_arvr .services-cost__title {
    font-size: 2.5rem;
  }

  .services-cost_arvr .services-cost__wrap {
    position: relative;
    left: 4rem;
  }

  .services-cost_arvr .services-cost__wrap .services-cost__conditions {
    margin-top: 0;
  }

  .services-cost_arvr .services-cost__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .services-cost_arvr .services-cost__button {
    width: 85%;
    min-height: 2.83rem;
    height: 2.83rem;
    font-size: 0.8rem;
  }

  .services-cost_arvr .t-asterisk {
    margin-right: 0.3rem;
  }

  .services-cost_arvr .services-cost__conditions {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }

  .services-cost--compact .services-cost__title {
    left: -0.8rem;
    font-size: 2.5rem;
  }

  .services-cost--compact .services-cost__button {
    height: 2.2rem;
    min-height: 2.2rem;
    font-size: 0.8rem;
  }

  .services-banner {
    overflow: hidden;
    height: 31.5vw;
  }

  .services-banner__background {
    width: 99%;
    -webkit-box-shadow: inset -1px 1px 5px 5px #FFF;
            box-shadow: inset -1px 1px 5px 5px #FFF;
  }

  .services-vruse .services-cost__title {
    font-size: 2.5rem;
  }

  .services-vruse .services-cost__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .services-vruse .t-asterisk {
    margin-right: 0.3rem;
  }

  .services-vruse .services-cost__button {
    width: 85%;
    min-height: 2.83rem;
    height: 2.83rem;
    font-size: 0.8rem;
  }

  .services-vruse .services-cost__conditions {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }

  .services-kit .t-title-side {
    font-size: 2rem;
    -webkit-transform: rotate(-90deg) translate(-100%, -130%);
        -ms-transform: rotate(-90deg) translate(-100%, -130%);
            transform: rotate(-90deg) translate(-100%, -130%);
  }

  .services-websites .sidetitle-box {
    height: 12rem;
  }

  .services-websites .sidetitle-box__wrap .sidetitle-box__button {
    height: 2.2rem;
    min-height: 2.2rem;
    font-size: 0.8rem;
  }

  .services-spa__content .yellow-box {
    padding: 1rem 1rem;
  }

  .services__support__yellowbox.yellow-box {
    padding: 1rem 0.5rem;
  }

  .services__support__yellowbox.yellow-box .t-text-md {
    margin-bottom: 0;
  }
}

@media (max-width: 960px) {
  .index .sidebar__header {
    padding-top: 17px;
  }

  .cooperation__item__welcome .cooperation__title .t-title-sm {
    font-size: 1rem;
  }

  .portfolio-footer .button.portfolio-button {
    font-size: 0.8rem;
    padding: 0 0.7rem;
    height: 2.9rem;
    min-height: 2.9rem;
  }

  .button.tender-button {
    font-size: 0.9rem;
    padding: 0 0.7rem;
    height: 3rem;
    min-height: 3rem;
  }
}

@media screen and (max-width: 868px) and (pointer: fine) {
  .clients .content.site-content {
    margin-top: 11.5rem;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .layout-header {
    height: 3rem;
  }

  .index .logo {
    left: 0;
  }

  .navigation__link-name {
    font-size: 1rem;
  }

  .submenu__link-name {
    font-size: .8rem;
  }

  .logo {
    background-size: 62%;
    left: -18%;
    position: relative;
  }

  .sandwich__layer {
    height: .20rem;
    max-width: 2.2rem;
  }
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

@media (max-width: 374px) {
  .progress-bar {
    width: 10%;
    height: 2px;
    top: 3.4rem;
    left: 22%;
  }
}

@media (min-width: 1160px) and (max-width: 1279px) {
  html {
    font-size: 0.85vw;
  }

  .f-input {
    border-width: 2px;
  }

  .f-input.error,
  .f-input.error:focus {
    border-width: 2px;
  }

  .f-textarea {
    border-width: 2px;
  }

  .f-textarea.error,
  .f-textarea.error:focus {
    border-width: 2px;
  }

  .f-textarea:focus,
  .f-textarea:valid {
    border-width: 2px;
  }

  .checkbox-field__wrap {
    border-width: 2px;
  }

  .navigation__item:not(:last-child) {
    margin-bottom: 2rem;
  }

  .submenu__item:not(:last-child) {
    margin-bottom: 1rem;
  }

  .main-banner--services .main-banner__group {
    width: 45%;
    left: 45%;
    padding-bottom: 4rem;
  }

  .slider__back .icon-dual--api {
    right: -31.3%;
  }

  .slider__points button {
    width: 12px;
    height: 12px;
    border-width: 2px;
  }

  .slider__points button:hover {
    border-width: 2px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  html {
    font-size: 2.6vw;
  }

  .not-found .notfound-banner__content {
    top: 26vw;
  }

  .not-found .notfound-banner__image {
    top: 70vw;
  }
}

@media screen and (min-width: 869px) and (max-width: 946px) {
  body.clients.clients-work .client-grid:nth-child(2) {
    margin-top: 11.6rem;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  .lb-outerContainer {
    max-height: 90vh !important;
  }

  .checkbox-field__text.t-text-nano {
    font-size: 1.2rem;
  }

  .layout-footer__wrap .sidebar__footer-contact.layout-footer__contact.t-link {
    margin-left: 5px;
  }

  .layout-footer__wrap .t-text-nano {
    font-size: 1.2rem;
    display: inline;
  }

  .navigation {
    margin-right: 2rem;
  }

  .navigation__list {
    padding: 2rem 0 3.6rem;
  }

  .navigation__item:not(:last-child) {
    margin-bottom: 1.2rem;
  }

  .navigation__link {
    font-size: 1.3rem;
  }

  .request__close {
    width: 1.4rem;
    height: 1.4rem;
    top: 2.9rem;
  }

  .request-subscribe__close {
    width: 1.4rem;
    height: 1.4rem;
    top: 2.9rem;
  }

  .callback-form__form__close {
    width: 1.4rem;
    height: 1.4rem;
    top: 2.9rem;
  }

  .sidebar__group {
    padding-bottom: 2rem;
  }

  .sidebar__header {
    font-size: 1rem;
    padding-bottom: 1.8rem;
    padding-right: 2rem;
  }

  .current + .submenu {
    padding-top: 1rem;
  }

  .submenu__link {
    font-size: 1.1rem;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form__title {
    font-size: 1.2rem;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-email__button {
    font-size: .9rem;
    letter-spacing: 1px;
    line-height: 100%;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-form-agreement {
    padding-bottom: .5rem;
  }

  section#subscribe.subscribe #mc_embed_signup .subscribe-form.sub-desktop .subscribe-success__text {
    font-size: 1.33rem;
  }

  .button {
    font-size: 1rem;
    height: 3.4rem;
  }

  .slider__back .icon-dual--api {
    right: -28rem;
  }

  .social__item {
    width: 1.4rem;
    height: 1.4rem;
  }

  .info-block__info.t-text-sm {
    font-size: 1.4rem;
  }

  .not-found .notfound-banner__content {
    top: 35%;
  }

  .not-found .notfound-banner__image {
    height: 50vw;
  }
}

@media (min-width: 980px) and (hover: hover) and (max-width: 1667px) and (pointer: coarse) and (orientation: portrait), (min-height: 480px) and (orientation: landscape) and (pointer: coarse) and (max-width: 1667px) and (pointer: coarse) and (orientation: portrait), (min-width: 980px) and (hover: hover) and (max-width: 868px), (min-height: 480px) and (orientation: landscape) and (pointer: coarse) and (max-width: 868px) {
  .column-wrapper .column .services-vruse__argument.argument:not(:last-of-type) {
    margin-right: 0;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .checkbox-field__text.t-text-nano {
    font-size: 1.2rem;
  }

  .layout-footer__wrap .t-text-nano {
    font-size: 1.2rem;
  }

  .navigation__link {
    font-size: 1.5rem;
  }

  .submenu__link {
    font-size: 1.3rem;
  }

  .button {
    font-size: 1.3rem;
  }

  .icon-dual--websites {
    width: 101%;
  }

  .progress-bar {
    overflow: hidden;
    top: 3.45rem;
  }

  .progress-steps > li:before {
    border-width: 2px;
  }

  .slider__back .icon-dual--api {
    right: -31.3%;
  }

  .slider__back .icon-dual--development {
    right: -12%;
    top: -5%;
  }

  .slider__back .icon-dual--support3 {
    right: -7%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .slider__wrapper {
    height: calc(38rem - 1px);
  }

  .slider__item {
    height: 38rem !important;
  }

  .yellow-border-box--shift .yellow-border-box__title {
    margin-top: -2rem;
  }

  .yellow-border-box--shift .yellow-border-box__title br {
    display: none;
  }

  .yellow-border-box--spider-left .yellow-border-box__spider {
    height: 12rem;
    -webkit-transform: translate(-103%, -30%);
        -ms-transform: translate(-103%, -30%);
            transform: translate(-103%, -30%);
    top: 40%;
  }
}

@media (min-width: 768px) and (max-width: 1290px) and (orientation: landscape) {
  .layout-header {
    height: 8.2rem;
  }
}

@media (min-width: 768px) and (max-width: 921px) and (orientation: landscape) {
  .layout-header {
    height: 3.7rem;
  }

  .navigation__link-name {
    font-size: 1.1rem;
  }

  .sidebar {
    padding-top: 5.5rem;
  }

  .submenu__link-name {
    font-size: 0.95rem;
  }

  .logo {
    width: 14rem;
    height: 2.4rem;
  }

  .sandwich {
    width: 2rem;
    height: 1rem;
  }

  .sandwich__layer {
    height: .2rem;
  }
}

@media (min-width: 1290px) and (max-width: 1600px) {
  .layout-header {
    height: 8.2rem;
  }
}

@media (min-width: 768px) and (max-width: 868px) and (orientation: landscape) {
  .index {
    padding-top: 3.7rem;
  }

  .index .layout-header {
    height: 3.7rem !important;
  }

  .index .sidebar {
    padding-top: 5rem;
  }

  .index .logo {
    width: 13.2rem;
    height: 2.4rem;
  }
}

@media (min-width: 869px) and (max-width: 960px) {
  .index .button.js-request-form-toggle {
    height: 3rem;
    min-height: 3rem;
  }

  .index .recall {
    padding: 1.3rem;
  }
}

@media (min-width: 868px) and (max-width: 920px) {
  .progress-slide__info {
    height: 37.5rem;
  }
}

@media (min-width: 1365px) and (max-width: 1600px) {
  .yellow-slider__back {
    bottom: -32%;
  }
}

@media (min-width: 1023px) and (max-width: 1366px) {
  .yellow-slider__back {
    bottom: -40%;
  }
}

@media (min-width: 868px) and (max-width: 1024px) {
  .yellow-slider__back {
    bottom: -42%;
  }
}

@media print {
  * {
    page-break-before: always;
    page-break-after: always;
  }

  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
    background: transparent !important;
  }

  body > *:not(.content) {
    display: none;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  a[href^="http"]:not([href*="mywebsite.com"]):after {
    content: " (" attr(href) ")";
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  ul,
  ol {
    page-break-inside: avoid;
  }

  p {
    orphans: 3;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}

@media (max-height: 600px) {
  .not-found .notfound-banner__content {
    top: 20%;
  }
}