/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/app.scss ***!
  \********************************************************************************************************************************************************/
@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Italic.woff) format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Kanit", sans-serif;
  src: url(../.././assets/fonts/Kanit-ExtraBold.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

* {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
       text-size-adjust: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

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

body {
  font-family: "Kanit", sans-serif;
  font-size: 0.938vw;
  line-height: 2;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-weight: 300;
  color: #000;
  background-color: #fff;
  text-align: left;
  padding: 0;
  -webkit-touch-callout: none !important; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 16px; } }

[tabindex="-1"]:focus {
  outline: 0 !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px; }

b {
  font-weight: 500; }

p {
  margin-top: 0;
  margin-bottom: 10px; }

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0; }

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  -webkit-user-select: none !important; }

a:hover {
  color: #0068ff; }

input {
  outline: none; }

img, svg, video {
  max-width: 100%;
  height: auto; }

button {
  cursor: pointer; }

picture {
  display: block; }
  picture img {
    width: 100%; }

iframe {
  max-width: 100%; }

input, select, textarea, button {
  font-family: "Kanit", sans-serif; }

textarea:focus-visible {
  outline: 0; }

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%; }

svg {
  overflow: hidden;
  vertical-align: middle; }

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

.text-right {
  text-align: right; }

.container {
  width: 87.604vw;
  padding-right: 1.563vw;
  padding-left: 1.563vw;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 1199px) {
    .container {
      width: 100%;
      padding-right: 30px;
      padding-left: 30px; } }
  @media only screen and (max-width: 767px) {
    .container {
      padding-right: 24px;
      padding-left: 24px; } }

.container-fluid {
  width: 100%;
  padding-right: 1.563vw;
  padding-left: 1.563vw; }
  @media only screen and (max-width: 1199px) {
    .container-fluid {
      padding-right: 30px;
      padding-left: 30px; } }
  @media only screen and (max-width: 767px) {
    .container-fluid {
      padding-right: 24px;
      padding-left: 24px; } }

.row, .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.781vw;
  margin-right: -0.781vw; }
  @media only screen and (max-width: 1199px) {
    .row, .form-row {
      margin-left: -15px;
      margin-right: -15px; } }

.col-12, .col-auto, .col, .col-md-6, .col-lg, .col-lg-auto, .col-md, .col-md-auto, .col__left, .col__right, .col-lg-6 {
  padding-left: 0.781vw;
  padding-right: 0.781vw; }
  @media only screen and (max-width: 1199px) {
    .col-12, .col-auto, .col, .col-md-6, .col-lg, .col-lg-auto, .col-md, .col-md-auto, .col__left, .col__right, .col-lg-6 {
      padding-left: 15px;
      padding-right: 15px; } }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

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

@media only screen and (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; } }

@media only screen and (min-width: 1200px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; } }

@media only screen and (min-width: 1200px) {
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; } }

@media only screen and (min-width: 992px) {
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media only screen and (min-width: 768px) {
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1200px) {
  .d-xl-none {
    display: none; } }

@media only screen and (max-width: 767px) {
  .hidden-mob {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .visible-mob {
    display: none !important; } }

@media only screen and (max-width: 1199px) {
  .hidden-tablet {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .visible-tablet {
    display: none !important; } }

/*ALIGN*/
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

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

.p-0 {
  padding: 0 !important; }

/*HEADING*/
.page-title {
  font-size: 3.854vw;
  font-weight: bold;
  line-height: 1.18;
  text-transform: uppercase;
  margin: 1.146vw 0;
  word-spacing: 0.625vw; }
  @media only screen and (max-width: 991px) {
    .page-title {
      font-size: 4.9vw; } }
  @media only screen and (max-width: 767px) {
    .page-title {
      font-size: 32px;
      font-weight: bold;
      line-height: 1.03;
      margin: 0 0 20px;
      word-spacing: 5px; } }

.section-title {
  font-size: 4.896vw;
  font-weight: bold;
  line-height: 1.06;
  word-spacing: 0.729vw; }
  @media only screen and (max-width: 767px) {
    .section-title {
      font-size: 44px;
      line-height: 1.09;
      word-spacing: 2px; } }

.section-sub-title {
  font-size: 3.021vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  word-spacing: 0.469vw; }
  @media only screen and (max-width: 991px) {
    .section-sub-title {
      font-size: 28px;
      word-spacing: 7px; } }
  @media only screen and (max-width: 767px) {
    .section-sub-title {
      font-size: 24px;
      word-spacing: 4px; } }
  .section-sub-title span {
    color: #0068ff; }
  .section-sub-title .font-light {
    color: initial;
    font-weight: 300; }

.numeric-title {
  font-size: 20.833vw;
  font-weight: 300;
  line-height: 0.22;
  color: #0068ff;
  display: block;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .numeric-title {
      font-size: 200px; } }

.block-title {
  font-size: 2.188vw;
  font-weight: 100;
  line-height: 1.05;
  letter-spacing: 0.104vw;
  padding-bottom: 2.188vw;
  margin-bottom: 1.302vw;
  text-transform: uppercase;
  word-spacing: 0.417vw;
  position: relative; }
  @media only screen and (max-width: 1199px) {
    .block-title {
      font-size: 24px;
      letter-spacing: 1px;
      padding-bottom: 22px;
      margin-bottom: 25px;
      word-spacing: 4px; } }
  @media only screen and (max-width: 767px) {
    .block-title {
      font-size: 24px;
      line-height: 1.21;
      letter-spacing: 0.5px;
      padding-bottom: 33px;
      margin-bottom: 12px; } }
  .block-title:before {
    position: absolute;
    bottom: 0.417vw;
    left: 0;
    width: 1.146vw;
    height: 0.104vw;
    background-color: #0068ff;
    content: '';
    -webkit-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
            transform: rotate(-42deg); }
    @media only screen and (max-width: 1199px) {
      .block-title:before {
        bottom: 4px;
        width: 14px;
        height: 2px; } }
    @media only screen and (max-width: 767px) {
      .block-title:before {
        bottom: 8px;
        width: 24px;
        height: 2px;
        -webkit-transform: rotate(-40deg);
            -ms-transform: rotate(-40deg);
                transform: rotate(-40deg);
        left: -2px; } }

.lg-title {
  font-size: 1.250vw;
  font-weight: 800;
  line-height: 1;
  word-spacing: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .lg-title {
      font-size: 24px;
      word-spacing: 3px; } }

.sm-title {
  font-size: 0.833vw;
  font-weight: bold;
  line-height: 1.38;
  margin-bottom: 1.302vw; }
  @media only screen and (max-width: 1920px) {
    .sm-title {
      font-size: 16px;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .sm-title {
      font-size: 14px;
      font-weight: 800;
      line-height: 1.43;
      margin-bottom: 14px; } }

.small-title {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 1.3;
  color: #0068ff;
  margin: 0.208vw 0 1.042vw;
  word-spacing: 0.260vw; }
  @media only screen and (max-width: 1920px) {
    .small-title {
      font-size: 20px;
      margin: 4px 0 20px;
      word-spacing: 5px; } }
  @media only screen and (max-width: 767px) {
    .small-title {
      font-size: 18px;
      line-height: 1.67;
      word-spacing: 5px;
      margin-bottom: 22px; } }
  @media only screen and (max-width: 767px) {
    .small-title__xs {
      font-size: 12px;
      line-height: 2.17; } }

.md-title {
  font-size: 1.042vw;
  font-weight: 600;
  word-spacing: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .md-title {
      font-size: 20px;
      word-spacing: 3px; } }
  @media only screen and (max-width: 767px) {
    .md-title {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.1px;
      line-height: 1.8;
      margin-bottom: 0; } }

/*BUTTON*/
.btn {
  font-size: 0.833vw;
  font-weight: 800;
  line-height: 1.88;
  letter-spacing: 0.052vw;
  padding: 0.885vw 1.927vw;
  -webkit-transition: .3s color, .3s background-color;
  -o-transition: .3s color, .3s background-color;
  transition: .3s color, .3s background-color;
  border: 0;
  text-transform: uppercase;
  display: inline-block;
  text-align: center; }
  @media only screen and (max-width: 1199px) {
    .btn {
      font-size: 12px;
      letter-spacing: .5px; } }
  @media only screen and (max-width: 767px) {
    .btn {
      font-size: 14px;
      letter-spacing: 0.88px;
      padding: 16px 28px; } }

.btn-primary {
  background-color: #000;
  color: #fff; }
  .btn-primary:hover {
    background-color: #0068ff;
    color: #fff; }

.btn-secondary {
  background-color: #d7d7d7;
  color: #000; }
  .btn-secondary:hover {
    background-color: #000;
    color: #fff; }

.btn-blue {
  background-color: #0068ff;
  color: #fff; }
  .btn-blue:hover {
    background-color: #024EFF;
    color: #fff; }

.btn-link {
  color: #0068ff; }
  .btn-link:hover {
    color: #024EFF; }

.btn-rapport {
  position: fixed;
  bottom: 40px;
  right: 25.5px;
  z-index: 999;
  border-radius: 50%;
  font-size: 8px;
  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: 62px;
  height: 62px;
  padding: 25px 8px 21px 10px;
  background-color: #0068ff; }

[data-action="copy-link-url"] {
  position: relative; }

[data-action="copy-link-url"] span {
  position: absolute;
  right: -34px;
  top: -100%;
  width: 110px;
  padding: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  display: inline-block;
  z-index: -1;
  font-size: 14px; }
  @media only screen and (max-width: 767px) {
    [data-action="copy-link-url"] span {
      right: -25px; } }

[data-action="copy-link-url"] span.show {
  opacity: 1;
  z-index: 1; }

.icon-down, .icon-top {
  display: inline-block;
  width: 0.990vw;
  height: 1.823vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media only screen and (max-width: 991px) {
    .icon-down, .icon-top {
      width: 14px;
      height: 25px; } }
  @media only screen and (max-width: 767px) {
    .icon-down, .icon-top {
      width: 19px;
      height: 35px; } }

.icon-down {
  background-image: url("data:image/svg+xml,%3Csvg width=%2719%27 height=%2735%27 viewBox=%270 0 19 35%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%230068FF%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27m17.36 24.93-8.18 8.18L1 24.93M9.18 0v32%27/%3E%3C/g%3E%3C/svg%3E"); }

.icon-top {
  background-image: url("data:image/svg+xml,%3Csvg width=%2719%27 height=%2736%27 viewBox=%270 0 19 36%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%230068FF%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M17.36 10.18 9.18 2 1 10.18M9.18 35.11v-32%27/%3E%3C/g%3E%3C/svg%3E"); }

.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720px%27 height=%2720px%27 viewBox=%270 0 20 20%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3EGroup 21%3C/title%3E%3Cg id=%27Design%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cg id=%27GEFRA_Home_Suchen%27 transform=%27translate%28-1129.000000, -387.000000%29%27 stroke=%27%23000000%27 stroke-width=%271.5%27%3E%3Cg id=%27GEFRA_Home_Job-Suchen%27 transform=%27translate%28960.000000, 0.000000%29%27%3E%3Cg id=%27Group-5%27 transform=%27translate%28148.906129, 179.000000%29%27%3E%3Cg id=%27Group-42%27 transform=%27translate%280.093871, 179.000000%29%27%3E%3Cg id=%27Group-23%27 transform=%27translate%2821.125283, 28.100000%29%27%3E%3Cg id=%27Group-21%27 transform=%27translate%288.599740, 11.071745%29 rotate%28-45.000000%29 translate%28-8.599740, -11.071745%29 translate%283.508578, 4.001037%29%27%3E%3Cellipse id=%27Oval%27 cx=%275.09116206%27 cy=%274.96670684%27 rx=%275.09116206%27 ry=%274.96670684%27%3E%3C/ellipse%3E%3Cline x1=%275.11687631%27 y1=%2713.9018187%27 x2=%275.16389295%27 y2=%2710.320871%27 id=%27Line-4%27%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-location {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712px%27 height=%2716px%27 viewBox=%270 0 12 16%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3EStroke 1%3C/title%3E%3Cg id=%27Design%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27GEFRA_Home_Suchen%27 transform=%27translate%28-1415.000000, -388.000000%29%27 stroke=%27%23010101%27 stroke-width=%271.5%27%3E%3Cg id=%27GEFRA_Home_Job-Suchen%27 transform=%27translate%28960.000000, 0.000000%29%27%3E%3Cg id=%27Group-5%27 transform=%27translate%28148.906129, 179.000000%29%27%3E%3Cg id=%27Group-42%27 transform=%27translate%280.093871, 179.000000%29%27%3E%3Cg id=%27Group-41%27 transform=%27translate%28307.000000, 28.100000%29%27%3E%3Cpath d=%27M9.96443307,7.81287309 C9.96443307,5.11622172 7.73385756,2.93030277 4.9817127,2.93030277 C2.22976938,2.93030277 0,5.11622172 0,7.81287309 C0,12.1394837 4.9817127,16.0616164 4.9817127,16.0616164 C4.9817127,16.0616164 9.96443307,12.1394837 9.96443307,7.81287309 Z%27 id=%27Stroke-1%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-search, .icon-location {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/*NICE SELECT*/
.active .nice-select {
  color: #000 !important; }

.nice-select {
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-size: 0.729vw;
  font-weight: normal;
  height: 40px;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 100%;
  padding: 0.938vw 0.885vw 0.833vw 0;
  color: #000;
  font-family: "Kanit", sans-serif; }
  @media only screen and (max-width: 1920px) {
    .nice-select {
      font-size: 14px;
      padding: 18px 17px 16px 0; } }
  .nice-select:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    color: #000;
    display: block;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 1.094vw;
    font-size: 0.625vw;
    line-height: 1;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 10; }
    @media only screen and (max-width: 1920px) {
      .nice-select:after {
        top: 21px;
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .nice-select:after {
        top: 24px;
        right: 28px; } }
  .nice-select .list {
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    width: 100%;
    border: solid 1px #0068ff;
    border-radius: 10px;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 1439px) {
      .nice-select .list {
        padding: 8px 0; } }
    .nice-select .list li:first-child {
      pointer-events: none;
      color: #a2a2a2 !important;
      background-color: transparent !important; }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 1.2;
    list-style: none;
    outline: none;
    text-align: left;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #000;
    white-space: normal;
    padding: 17px 24px;
    height: 51px; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #a2a2a2;
      cursor: default; }
    .nice-select .option:hover, .nice-select .option.selected {
      color: #fff;
      background-color: #0068ff; }
  .nice-select .current {
    display: block;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    height: 100%; }
  .nice-select.active .current {
    color: #000; }

.color-blue {
  color: #0068ff !important; }

.primary-text {
  font-size: 0.938vw;
  font-weight: 500;
  word-spacing: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .primary-text {
      font-size: 18px;
      word-spacing: 3px; } }
  @media only screen and (max-width: 767px) {
    .primary-text {
      font-size: 16px;
      line-height: 1.88;
      letter-spacing: 0.09px; } }

.half-width {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24.479vw;
          flex: 0 0 24.479vw;
  max-width: 24.479vw;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 1199px) {
    .half-width {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
  .half-width + .half-width {
    margin-left: 5.15vw; }
    @media only screen and (max-width: 1199px) {
      .half-width + .half-width {
        margin-left: 0; } }

.content h5 {
  font-size: 1.042vw;
  font-weight: bold;
  letter-spacing: 0.006vw;
  word-spacing: 0.104vw; }
  @media only screen and (max-width: 1920px) {
    .content h5 {
      font-size: 20px;
      letter-spacing: 0.11px;
      word-spacing: 2px; } }
  @media only screen and (max-width: 767px) {
    .content h5 {
      font-size: 18px;
      letter-spacing: 0.1px; } }

.content h6 {
  font-size: 0.833vw;
  font-weight: 600;
  line-height: 1.63;
  margin: 2.500vw 0 0.313vw; }
  @media only screen and (max-width: 1920px) {
    .content h6 {
      font-size: 16px;
      line-height: 1.88;
      margin: 48px 0 6px; } }

.content ul {
  list-style: none; }
  .content ul li {
    padding-left: 0.938vw;
    position: relative; }
    @media only screen and (max-width: 1920px) {
      .content ul li {
        padding-left: 18px; } }
    .content ul li:before {
      position: absolute;
      top: 0.729vw;
      left: 0;
      width: 0.521vw;
      height: 1px;
      background-color: #0068ff;
      content: ''; }
      @media only screen and (max-width: 1920px) {
        .content ul li:before {
          top: 14px;
          width: 10px; } }

.content ol {
  list-style: none; }
  .content ol li {
    position: relative;
    counter-increment: my-counter;
    padding-left: 30px; }
    .content ol li:nth-child(n+10):before {
      content: counter(my-counter) ". "; }
    .content ol li:before {
      content: "0" counter(my-counter) ". ";
      font-weight: 700;
      position: absolute;
      top: 0;
      left: 0; }

.irs {
  font-family: "Kanit", sans-serif; }

.irs--round {
  height: 32px; }
  .irs--round .irs-handle {
    top: 3px;
    width: 12px;
    height: 12px;
    border: 0;
    background-color: #0068ff !important;
    border-radius: 50%;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer; }
  .irs--round .irs-line, .irs--round .irs-bar {
    height: 3px;
    top: 8px; }
  .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: transparent;
    color: #0068ff;
    font-size: 0.521vw;
    font-weight: 500;
    top: 19px; }
    @media only screen and (max-width: 1920px) {
      .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
        font-size: 10px; } }
    .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
      display: none; }

.irs-min, .irs-max {
  display: none !important; }

.badge {
  display: inline-block;
  font-size: 0.521vw;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.037vw;
  padding: 0.365vw 0.625vw;
  border-radius: 0.781vw;
  background-color: #d7d7d7;
  text-transform: uppercase;
  margin: 0.208vw 0.208vw 0.208vw 0;
  -webkit-transition: .3s color, .3s background-color;
  -o-transition: .3s color, .3s background-color;
  transition: .3s color, .3s background-color; }
  @media only screen and (max-width: 1920px) {
    .badge {
      font-size: 10px;
      letter-spacing: 0.71px;
      padding: 7px 12px;
      border-radius: 15px;
      margin: 4px 4px 4px 0; } }
  @media only screen and (max-width: 767px) {
    .badge {
      font-size: 8px;
      letter-spacing: 0.57px;
      padding: 5px 10px;
      margin: 4px 23px 4px 0; } }

.custom-control {
  position: relative;
  display: block;
  line-height: 1.63;
  margin-bottom: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .custom-control {
      margin-bottom: 3px; } }
  @media only screen and (max-width: 767px) {
    .custom-control {
      margin-bottom: 5px; } }
  .custom-control:last-child {
    margin-bottom: 0; }
  .custom-control .custom-control-label {
    font-size: 0.833vw;
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
    padding-left: 1.667vw;
    padding-right: 1.563vw; }
    @media only screen and (max-width: 1920px) {
      .custom-control .custom-control-label {
        font-size: 16px;
        padding-left: 32px;
        padding-right: 30px; } }
    .custom-control .custom-control-label span {
      min-width: 1.042vw;
      height: 1.042vw;
      padding: 0.260vw 0.052vw;
      background-color: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0.260vw;
      right: 0;
      font-size: 0.573vw;
      font-weight: 500;
      line-height: 0.91;
      text-align: center;
      color: #818181;
      -webkit-transition: color .3s, background-color .3s;
      -o-transition: color .3s, background-color .3s;
      transition: color .3s, background-color .3s; }
      @media only screen and (max-width: 1920px) {
        .custom-control .custom-control-label span {
          min-width: 20px;
          height: 20px;
          padding: 5px 1px;
          top: 5px;
          font-size: 11px; } }
    .custom-control .custom-control-label:before {
      position: absolute;
      top: 0.260vw;
      left: 0;
      width: 1.042vw;
      height: 1.042vw;
      border: solid 1px #c4c4c4;
      content: '';
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 0.521vw;
      -webkit-transition: .3s background-color, .3s border-color, .3s background-image;
      -o-transition: .3s background-color, .3s border-color, .3s background-image;
      transition: .3s background-color, .3s border-color, .3s background-image; }
      @media only screen and (max-width: 1920px) {
        .custom-control .custom-control-label:before {
          top: 4px;
          left: 0;
          width: 20px;
          height: 20px;
          background-size: 10px; } }
  .custom-control .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .custom-control .custom-control-input:checked + .custom-control-label span, .custom-control .custom-control-input.valid + label + .custom-control-label span {
      background-color: rgba(0, 104, 255, 0.1);
      color: #0068ff; }
    .custom-control .custom-control-input:checked + .custom-control-label:before, .custom-control .custom-control-input.valid + label + .custom-control-label:before {
      background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m.859 4.749 2.53 2.228 4.922-6%27 stroke=%27%23FFF%27 stroke-width=%271.5%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
      background-color: #0068ff;
      border-color: #0068ff; }

.tagify {
  overflow: auto; }
  .tagify__tag {
    font-size: 0.729vw;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.052vw;
    color: #0068ff;
    padding: 0.469vw 1.042vw;
    border-radius: 0.990vw;
    border: solid 1px #0068ff;
    margin: 0.417vw 0.521vw 0.365vw 0; }
    @media only screen and (max-width: 1920px) {
      .tagify__tag {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 9px 20px;
        border-radius: 19px;
        margin: 8px 10px 7px 0; } }
    @media only screen and (max-width: 767px) {
      .tagify__tag {
        padding: 8px 11px 5px;
        margin: 12px 8px 12px 0; } }
    .tagify__tag > div {
      color: #0068ff;
      padding: 0; }
      .tagify__tag > div:before {
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
    .tagify__tag__removeBtn {
      font-family: "Kanit", sans-serif;
      color: #0068ff !important;
      background: none !important;
      margin-right: 0;
      margin-left: 0.260vw;
      font-size: 1.250vw;
      position: relative;
      top: -0.104vw; }
      @media only screen and (max-width: 1920px) {
        .tagify__tag__removeBtn {
          margin-left: 5px;
          font-size: 24px;
          top: -2px; } }
      .tagify__tag__removeBtn:hover + div:before {
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
      .tagify__tag__removeBtn:hover + div > span {
        opacity: 1; }
  .tagify__input {
    font-weight: 500; }

.arrow__top {
  position: relative; }
  .arrow__top:before {
    position: absolute;
    top: -2.417vw;
    left: -0.260vw;
    width: 1.246vw;
    height: 0.104vw;
    background-color: #0068ff;
    content: '';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media only screen and (max-width: 1920px) {
      .arrow__top:before {
        width: 26px;
        height: 2px;
        left: -5px; } }
    @media only screen and (max-width: 1199px) {
      .arrow__top:before {
        top: -30px; } }
    @media only screen and (max-width: 767px) {
      .arrow__top:before {
        top: -47px; } }

/*HEADER*/
/* burger menu */
.opened-menu {
  overflow: hidden; }
  .opened-menu .openMenu:before, .opened-menu .openMenu__lines {
    background: transparent !important;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .opened-menu .openMenu__lines:before, .opened-menu .openMenu__lines:after {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
  .opened-menu .openMenu__lines:before {
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .opened-menu .openMenu__lines:after {
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

.openMenu {
  border: 0;
  background: none;
  position: relative;
  z-index: 105;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding: 0;
  width: 25px;
  height: 20px;
  cursor: pointer;
  top: -6px; }
  .openMenu__lines {
    position: relative;
    top: -1px;
    width: 25px;
    display: block; }
    .openMenu__lines:before, .openMenu__lines:after {
      display: inline-block;
      width: 25px;
      height: 2px;
      background: #000;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      position: absolute;
      left: 0;
      content: '';
      -ms-transform-origin: 0 50%;
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%; }
    .openMenu__lines:after {
      top: 6px; }
    .openMenu__lines:before {
      top: -6px; }

.collapse-header .header {
  background-color: rgba(247, 247, 247, 0.98);
  padding: 18px 0; }
  @media only screen and (max-width: 767px) {
    .collapse-header .header {
      padding: 8px 0; } }
  .collapse-header .header__logo {
    width: 6.250vw; }
    @media only screen and (max-width: 1920px) {
      .collapse-header .header__logo {
        width: 120px; } }
    @media only screen and (max-width: 767px) {
      .collapse-header .header__logo {
        width: 80px; } }

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.4vw 0;
  z-index: 100;
  -webkit-transition: .3s padding-top, .3s padding-bottom, .3s background-color;
  -o-transition: .3s padding-top, .3s padding-bottom, .3s background-color;
  transition: .3s padding-top, .3s padding-bottom, .3s background-color; }
  @media only screen and (max-width: 1199px) {
    .header {
      padding: 19px 0; } }
  .header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22.865vw;
    content: '';
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    background-color: transparent;
    z-index: -1;
    pointer-events: none; }
    @media only screen and (max-width: 1920px) {
      .header:before {
        height: calc(var(--menu-height)); } }
  .header__logo {
    width: 9.167vw;
    margin-left: -0.625vw;
    -webkit-transition: .3s width;
    -o-transition: .3s width;
    transition: .3s width; }
    @media only screen and (max-width: 1920px) {
      .header__logo {
        width: 176px; } }
    @media only screen and (max-width: 1199px) {
      .header__logo {
        width: 110px;
        margin-left: -8px;
        z-index: 101;
        position: relative; } }
    .header__logo svg g path, .header__logo svg g rect, .header__logo svg g polygon {
      fill: #0068ff;
      -webkit-transition: .3s fill;
      -o-transition: .3s fill;
      transition: .3s fill; }
  .header.menu-children-open:before {
    background-color: rgba(247, 247, 247, 0.98);
    pointer-events: auto; }

@media only screen and (min-width: 1200px) {
  .main_menu_wrapper {
    display: block !important; } }

@media only screen and (max-width: 1199px) {
  .main_menu_wrapper {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    padding: 115px 46px 75px 30px;
    z-index: 100; } }

@media only screen and (max-width: 767px) {
  .main_menu_wrapper {
    padding-left: 24px; } }

.main-menu {
  list-style: none;
  margin-bottom: 24px;
  text-align: center;
  margin-left: 5.313vw; }
  @media only screen and (max-width: 1920px) {
    .main-menu {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 1199px) {
    .main-menu {
      text-align: left;
      margin-left: 0;
      height: 100%;
      overflow: auto; } }
  .main-menu > li {
    display: inline-block;
    position: relative;
    margin: 0 1.615vw; }
    @media only screen and (max-width: 1199px) {
      .main-menu > li {
        display: block;
        margin: 0 0 30px; } }
    .main-menu > li.current-menu-item > a {
      color: #0068ff; }
    .main-menu > li > a {
      font-size: 0.833vw;
      font-weight: 500;
      letter-spacing: 0.028vw;
      text-transform: uppercase; }
      @media only screen and (max-width: 1920px) {
        .main-menu > li > a {
          font-size: 16px;
          letter-spacing: 0.53px; } }
      @media only screen and (max-width: 1199px) {
        .main-menu > li > a {
          font-weight: bold; } }
    .main-menu > li ul {
      list-style: none;
      display: none;
      position: absolute;
      text-align: left;
      top: 100%;
      left: 0;
      padding-top: 3.125vw;
      width: 18.229vw; }
      @media only screen and (max-width: 1920px) {
        .main-menu > li ul {
          padding-top: 60px;
          width: 350px; } }
      @media only screen and (max-width: 1199px) {
        .main-menu > li ul {
          display: block !important;
          position: relative;
          top: 0;
          left: 0;
          width: 100%;
          padding: 13px 0 1px 26px; } }
      .main-menu > li ul li {
        margin-bottom: 1.406vw; }
        @media only screen and (max-width: 1920px) {
          .main-menu > li ul li {
            margin-bottom: 27px; } }
        @media only screen and (max-width: 1199px) {
          .main-menu > li ul li {
            display: block;
            margin-bottom: 8px; } }
        .main-menu > li ul li a {
          font-size: 1.250vw;
          font-weight: 800;
          line-height: 1.5;
          letter-spacing: 0.052vw;
          text-transform: uppercase;
          border-bottom: 2px solid transparent;
          word-spacing: 2px;
          -webkit-transition: .3s color, .3s border-bottom-color;
          -o-transition: .3s color, .3s border-bottom-color;
          transition: .3s color, .3s border-bottom-color; }
          @media only screen and (max-width: 1920px) {
            .main-menu > li ul li a {
              font-size: 24px;
              letter-spacing: 1px; } }
          @media only screen and (max-width: 1199px) {
            .main-menu > li ul li a {
              font-size: 16px;
              font-weight: normal;
              line-height: 1.8;
              letter-spacing: 0.53px; } }
          .main-menu > li ul li a:hover {
            border-bottom-color: #0068ff; }

.lang-list {
  list-style: none;
  margin-bottom: 24px; }
  @media only screen and (max-width: 1199px) {
    .lang-list {
      display: none;
      position: fixed;
      bottom: 30px;
      z-index: 101;
      right: 30px; } }
  @media only screen and (max-width: 767px) {
    .lang-list {
      right: 24px; } }
  .lang-list li {
    display: inline-block;
    position: relative;
    font-size: 0.833vw;
    font-weight: 500;
    letter-spacing: 0.028vw;
    text-transform: uppercase; }
    @media only screen and (max-width: 1920px) {
      .lang-list li {
        font-size: 16px;
        letter-spacing: 0.53px; } }
    .lang-list li + li {
      margin-left: 1.354vw; }
      @media only screen and (max-width: 1920px) {
        .lang-list li + li {
          margin-left: 26px; } }
      .lang-list li + li:before {
        position: absolute;
        content: "|";
        top: 0;
        left: -0.885vw; }
        @media only screen and (max-width: 1920px) {
          .lang-list li + li:before {
            left: -17px; } }
    .lang-list li a:hover {
      color: #0068ff; }

/*preloader*/
.preloader-show {
  overflow: hidden;
  padding-right: 17px; }
  @media only screen and (max-width: 1199px) {
    .preloader-show {
      padding-right: 0; } }
  .preloader-show .header {
    padding-right: 17px; }
    @media only screen and (max-width: 1199px) {
      .preloader-show .header {
        padding-right: 0; } }
  .preloader-show .right-navbar {
    right: 17px; }
    @media only screen and (max-width: 1199px) {
      .preloader-show .right-navbar {
        right: 0; } }

.preloader {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background-color: #0068ff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .preloader__img {
    width: 30.625vw;
    opacity: 0;
    visibility: hidden; }
    @media only screen and (max-width: 1920px) {
      .preloader__img {
        width: 588px; } }
    @media only screen and (max-width: 767px) {
      .preloader__img {
        width: 246px; } }
  .preloader__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    content: '';
    z-index: 1; }

/*right-navbar*/
.opened-job-bar, .opened-contact-bar {
  overflow: hidden;
  padding-right: 17px; }
  @media only screen and (max-width: 1199px) {
    .opened-job-bar, .opened-contact-bar {
      padding-right: 0; } }
  .opened-job-bar .right-navbar, .opened-contact-bar .right-navbar {
    display: none; }
  .opened-job-bar .nav-bar-wrapper, .opened-contact-bar .nav-bar-wrapper {
    opacity: 1;
    visibility: visible; }
    @media only screen and (max-width: 991px) {
      .opened-job-bar .nav-bar-wrapper, .opened-contact-bar .nav-bar-wrapper {
        display: none; } }
  .opened-job-bar .header, .opened-contact-bar .header {
    background-color: transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding-right: 17px;
    position: fixed; }
    @media only screen and (max-width: 1199px) {
      .opened-job-bar .header, .opened-contact-bar .header {
        padding-right: 0; } }
    .opened-job-bar .header:before, .opened-contact-bar .header:before {
      display: none; }
    .opened-job-bar .header__logo svg g path, .opened-job-bar .header__logo svg g rect, .opened-job-bar .header__logo svg g polygon, .opened-contact-bar .header__logo svg g path, .opened-contact-bar .header__logo svg g rect, .opened-contact-bar .header__logo svg g polygon {
      fill: #fff; }
      @media only screen and (max-width: 991px) {
        .opened-job-bar .header__logo svg g path, .opened-job-bar .header__logo svg g rect, .opened-job-bar .header__logo svg g polygon, .opened-contact-bar .header__logo svg g path, .opened-contact-bar .header__logo svg g rect, .opened-contact-bar .header__logo svg g polygon {
          fill: #0068ff; } }
  .opened-job-bar .main-menu, .opened-job-bar .lang-list, .opened-job-bar .openMenu, .opened-contact-bar .main-menu, .opened-contact-bar .lang-list, .opened-contact-bar .openMenu {
    opacity: 0;
    visibility: hidden; }

.opened-job-bar .job-find {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.opened-contact-bar .contact-nav-bar {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.right-navbar {
  position: fixed;
  z-index: 99;
  right: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
  top: 56%; }
  @media only screen and (max-width: 767px) {
    .right-navbar {
      top: 100px;
      -webkit-transform: rotate(90deg) translateX(100%);
          -ms-transform: rotate(90deg) translateX(100%);
              transform: rotate(90deg) translateX(100%);
      white-space: nowrap; } }
  .right-navbar .btn {
    margin: 0 4px; }
    @media only screen and (max-width: 767px) {
      .right-navbar .btn {
        margin: 0 3px;
        letter-spacing: 1px;
        font-size: 10px;
        padding: 10px 20px;
        min-width: 106px; } }

.nav-bar-block {
  padding: 16.5vh 7.708vw;
  position: fixed;
  top: 0;
  right: 0;
  min-width: 50%;
  min-height: 100%;
  margin-left: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  background-color: #fff;
  z-index: 99;
  height: 100%;
  overflow: auto; }
  @media only screen and (max-width: 1799px) {
    .nav-bar-block {
      padding: 6.5vh 55px; } }
  @media only screen and (max-width: 991px) {
    .nav-bar-block {
      width: 100%;
      min-width: auto;
      padding-top: 136px; } }
  @media only screen and (max-width: 767px) {
    .nav-bar-block {
      padding: 130px 0 68px; } }
  .nav-bar-block__inner {
    width: 34.479vw;
    margin: 0 auto;
    max-width: 100%; }
    @media only screen and (max-width: 1920px) {
      .nav-bar-block__inner {
        width: 662px; } }
    @media only screen and (max-width: 767px) {
      .nav-bar-block__inner {
        height: calc(100vh - 200px);
        overflow: auto;
        width: 100%;
        padding: 0 24px; } }
  .nav-bar-block__head {
    margin-bottom: 1.563vw; }
    @media only screen and (max-width: 1199px) {
      .nav-bar-block__head {
        margin-bottom: 36px; } }
    @media only screen and (max-width: 767px) {
      .nav-bar-block__head {
        margin-bottom: 44px; } }
    .nav-bar-block__head .block-title {
      font-size: 2.188vw;
      font-weight: bold;
      line-height: 1.05;
      word-spacing: 0.365vw;
      letter-spacing: normal;
      padding-bottom: 2.4vw;
      margin-bottom: 2.302vw; }
      @media only screen and (max-width: 1199px) {
        .nav-bar-block__head .block-title {
          font-size: 24px;
          word-spacing: 4px;
          padding-bottom: 20px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-bar-block__head .block-title {
          line-height: 1.21;
          max-width: 245px;
          padding-bottom: 38px; } }

.nav-bar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  content: '';
  opacity: 0;
  visibility: hidden;
  background-color: #0068ff;
  z-index: 98;
  -webkit-transition: .3s opacity, .3s visibility;
  -o-transition: .3s opacity, .3s visibility;
  transition: .3s opacity, .3s visibility; }

.close-bar, .close-upload {
  position: fixed;
  z-index: 100;
  right: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
  top: 41%;
  width: 9.896vw; }
  @media only screen and (max-width: 1799px) {
    .close-bar, .close-upload {
      top: 32%;
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .close-bar, .close-upload {
      top: 225px;
      width: auto;
      font-size: 10px;
      padding: 10px 22px; } }

.job-find__form {
  -webkit-box-shadow: 0 0.052vw 0.521vw 0 rgba(167, 167, 167, 0.33);
          box-shadow: 0 0.052vw 0.521vw 0 rgba(167, 167, 167, 0.33);
  background-color: #fff;
  padding: 0.625vw 0.521vw 0.625vw 1.042vw;
  margin-bottom: 2.500vw; }
  @media only screen and (max-width: 1920px) {
    .job-find__form {
      -webkit-box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
              box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
      padding: 12px 10px 12px 20px; } }
  @media only screen and (max-width: 1199px) {
    .job-find__form {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .job-find__form {
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0; } }
  .job-find__form .form-group {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .job-find__form .form-group {
        display: block;
        width: 100% !important;
        margin: 0 0 10px;
        padding: 0 !important; } }
    .job-find__form .form-group:first-child {
      width: 44%; }
    .job-find__form .form-group:nth-child(2) {
      width: 32%;
      padding-right: 5%; }
    .job-find__form .form-group:nth-child(3) {
      width: 22%; }
    .job-find__form .form-group i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 0.833vw;
      left: 0;
      z-index: 1; }
      @media only screen and (max-width: 1920px) {
        .job-find__form .form-group i {
          font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .job-find__form .form-group i {
          left: 27px; } }
    .job-find__form .form-group .icon-search {
      width: 1.042vw;
      height: 1.042vw; }
      @media only screen and (max-width: 1920px) {
        .job-find__form .form-group .icon-search {
          width: 20px;
          height: 20px; } }
    .job-find__form .form-group .icon-location {
      width: 0.625vw;
      height: 0.833vw; }
      @media only screen and (max-width: 1920px) {
        .job-find__form .form-group .icon-location {
          width: 12px;
          height: 16px; } }
  @media only screen and (max-width: 767px) {
    .job-find__form .nice-select {
      padding-top: 21px; } }
  .job-find__form .find-control {
    height: 2.813vw;
    font-size: 0.729vw;
    font-weight: normal;
    line-height: 1.41;
    letter-spacing: 0.052vw;
    width: 100%;
    border: 0;
    padding-left: 1.563vw;
    background-color: #fff; }
    .job-find__form .find-control::-webkit-input-placeholder {
      color: #b7b7b7; }
    .job-find__form .find-control::-moz-placeholder {
      color: #b7b7b7; }
    .job-find__form .find-control:-ms-input-placeholder {
      color: #b7b7b7; }
    .job-find__form .find-control::-ms-input-placeholder {
      color: #b7b7b7; }
    .job-find__form .find-control::placeholder {
      color: #b7b7b7; }
    @media only screen and (max-width: 1920px) {
      .job-find__form .find-control {
        height: 54px;
        font-size: 14px;
        letter-spacing: 1px;
        padding-left: 30px; } }
    @media only screen and (max-width: 767px) {
      .job-find__form .find-control {
        height: 59px;
        padding-left: 58px;
        -webkit-box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
                box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33); } }
  .job-find__form .nice-select {
    color: #b7b7b7; }
    @media only screen and (max-width: 767px) {
      .job-find__form .nice-select {
        padding-right: 50px; } }
  .job-find__form .btn {
    font-size: 0.729vw;
    line-height: 1.43;
    width: 100%;
    padding: 0 10px; }
    @media only screen and (max-width: 1920px) {
      .job-find__form .btn {
        font-size: 14px;
        height: 54px; } }
    @media only screen and (max-width: 767px) {
      .job-find__form .btn {
        width: auto;
        min-width: 128px;
        margin-top: -15px;
        margin-left: auto;
        display: block;
        margin-right: 27px; } }

@media only screen and (max-width: 767px) {
  .job-find .latest-jobs__title {
    font-size: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 4px; } }

.job-find .latest-jobs__link {
  padding-top: 1.2vw;
  padding-bottom: 1.25vw !important; }
  @media only screen and (max-width: 1799px) {
    .job-find .latest-jobs__link {
      padding-top: 14px;
      padding-bottom: 14px !important; } }
  @media only screen and (max-width: 767px) {
    .job-find .latest-jobs__link {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .job-find .latest-jobs__link-title {
      font-size: 16px; } }
  .job-find .latest-jobs__link:before {
    top: 2.813vw; }
    @media only screen and (max-width: 1920px) {
      .job-find .latest-jobs__link:before {
        top: 54px; } }
    @media only screen and (max-width: 1799px) {
      .job-find .latest-jobs__link:before {
        top: 46px; } }
    @media only screen and (max-width: 767px) {
      .job-find .latest-jobs__link:before {
        top: 34px;
        width: 13px;
        height: 13px; } }

.latest-jobs-slider .slick-arrow {
  position: absolute;
  font-size: 1.146vw;
  bottom: -2.813vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  border: 0;
  color: #000;
  background-image: none !important; }
  @media only screen and (max-width: 1920px) {
    .latest-jobs-slider .slick-arrow {
      font-size: 22px;
      bottom: -54px; } }
  .latest-jobs-slider .slick-arrow:hover {
    color: #0068ff; }
  .latest-jobs-slider .slick-arrow.slick-prev {
    display: none !important; }
  .latest-jobs-slider .slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden; }

.contact-nav-bar__inner {
  padding-top: 0.521vw; }
  @media only screen and (max-width: 1920px) {
    .contact-nav-bar__inner {
      padding-top: 10px; } }

@media only screen and (max-width: 1439px) {
  .contact-nav-bar .contact-form .form-footer {
    margin-right: -1.5vw; } }

@media only screen and (max-width: 767px) {
  .contact-nav-bar .contact-form .form-footer {
    margin-right: 0;
    margin-top: 42px; } }

@media only screen and (max-width: 767px) {
  .contact-nav-bar .contact-form .form-group {
    margin-bottom: 22px; } }

@media only screen and (max-width: 767px) {
  .contact-nav-bar .nav-bar-block__head {
    margin-bottom: 30px; } }

@media only screen and (min-width: 992px) {
  .contact-nav-bar__body .sm-title br {
    display: none; } }

.contact__wrapper .address {
  font-size: 0.833vw;
  font-style: normal;
  line-height: 1.38;
  word-spacing: 0.260vw;
  margin-bottom: 0.313vw; }
  @media only screen and (max-width: 1920px) {
    .contact__wrapper .address {
      font-size: 16px;
      word-spacing: 5px;
      margin-bottom: 6px; } }
  @media only screen and (max-width: 767px) {
    .contact__wrapper .address {
      font-size: 14px;
      word-spacing: 4px;
      margin-bottom: 0;
      line-height: 1.57; } }

.contact__wrapper .gmap-block {
  margin-bottom: 0.729vw; }
  @media only screen and (max-width: 1920px) {
    .contact__wrapper .gmap-block {
      margin-bottom: 14px; } }
  .contact__wrapper .gmap-block a {
    font-size: 0.729vw;
    font-weight: bold;
    line-height: 1.57;
    position: relative; }
    @media only screen and (max-width: 1920px) {
      .contact__wrapper .gmap-block a {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .contact__wrapper .gmap-block a {
        font-size: 12px; } }
    .contact__wrapper .gmap-block a:after {
      background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%23000%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M5.825 5.742h7.944v7.944M5.064 14.447l8.705-8.705%27/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
      background-repeat: no-repeat;
      width: 1.042vw;
      height: 1.042vw;
      content: '';
      -webkit-transition: .3s background-image;
      -o-transition: .3s background-image;
      transition: .3s background-image;
      display: inline-block;
      top: 0.260vw;
      position: relative;
      margin-left: 0.625vw; }
      @media only screen and (max-width: 1920px) {
        .contact__wrapper .gmap-block a:after {
          width: 20px;
          height: 20px;
          top: 5px;
          margin-left: 12px; } }
      @media only screen and (max-width: 767px) {
        .contact__wrapper .gmap-block a:after {
          width: 16px;
          height: 16px;
          margin-left: 8px; } }
    .contact__wrapper .gmap-block a:hover {
      color: #0068ff; }
      .contact__wrapper .gmap-block a:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%230068ff%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M5.825 5.742h7.944v7.944M5.064 14.447l8.705-8.705%27/%3E%3C/g%3E%3C/svg%3E"); }

.contact__wrapper .footer__contact-link {
  margin-bottom: 3.125vw; }
  @media only screen and (max-width: 767px) {
    .contact__wrapper .footer__contact-link {
      margin-bottom: 50px; } }
  .contact__wrapper .footer__contact-link-inner {
    font-size: 0.833vw;
    letter-spacing: 0.026vw;
    margin-bottom: 0.260vw; }
    @media only screen and (max-width: 1920px) {
      .contact__wrapper .footer__contact-link-inner {
        font-size: 16px;
        letter-spacing: 0.5px;
        margin-bottom: 5px; } }
    @media only screen and (max-width: 767px) {
      .contact__wrapper .footer__contact-link-inner {
        font-size: 14px;
        margin-bottom: 1px; } }
    .contact__wrapper .footer__contact-link-inner a {
      text-decoration: underline;
      font-weight: normal; }

/*FOOTER*/
.footer {
  padding: 4.792vw 0 1.042vw;
  position: relative;
  font-size: 0.729vw;
  font-weight: normal;
  line-height: 1.57;
  word-spacing: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .footer {
      padding: 92px 0 20px;
      font-size: 14px;
      word-spacing: 3px; } }
  @media only screen and (max-width: 767px) {
    .footer {
      font-size: 10px;
      line-height: 1.4;
      padding: 42px 0 12px; } }
  .footer .scroll-top {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 8.9vw; }
    @media only screen and (max-width: 1199px) {
      .footer .scroll-top {
        left: 30px; } }
    @media only screen and (max-width: 767px) {
      .footer .scroll-top {
        left: 24px;
        bottom: 98px;
        top: auto; } }
  .footer__top {
    border-bottom: solid 1px #d3d3d3;
    position: relative;
    padding-bottom: 1.042vw;
    margin-bottom: 2.604vw; }
    @media only screen and (max-width: 1920px) {
      .footer__top {
        padding-bottom: 20px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 767px) {
      .footer__top {
        margin-bottom: 33px; } }
    .footer__top:before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 10.573vw;
      height: 2px;
      background-color: #0068ff;
      content: ''; }
      @media only screen and (max-width: 1920px) {
        .footer__top:before {
          width: 203px; } }
      @media only screen and (max-width: 767px) {
        .footer__top:before {
          width: 38px; } }
  .footer__logo {
    width: 6.875vw; }
    @media only screen and (max-width: 1920px) {
      .footer__logo {
        width: 132px; } }
    @media only screen and (max-width: 767px) {
      .footer__logo {
        margin-left: -8px; } }
  .footer__contact-link-inner {
    white-space: nowrap; }
  .footer__contact-link span {
    font-weight: bold;
    color: #0068ff; }
  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1199px) {
      .footer__nav {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media only screen and (max-width: 767px) {
      .footer__nav {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .footer__nav-block {
      margin-bottom: 1.563vw;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-right: 1.563vw;
      margin-right: 7.917vw; }
      @media only screen and (max-width: 1920px) {
        .footer__nav-block {
          margin-bottom: 30px;
          padding-right: 30px; } }
      @media only screen and (max-width: 1799px) {
        .footer__nav-block {
          margin-right: 6vw; } }
      @media only screen and (max-width: 1439px) {
        .footer__nav-block {
          margin-right: 4.5vw; } }
      @media only screen and (max-width: 1199px) {
        .footer__nav-block {
          margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .footer__nav-block {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 4px;
          padding-right: 10px; } }
      @media only screen and (min-width: 768px) {
        .footer__nav-block:first-child {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
      @media only screen and (min-width: 768px) {
        .footer__nav-block:nth-child(2) {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; } }
      @media only screen and (min-width: 768px) {
        .footer__nav-block:nth-child(3) {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
      .footer__nav-block:last-child {
        margin-right: 0; }
        @media only screen and (min-width: 768px) {
          .footer__nav-block:last-child {
            -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                    order: 4; } }
        @media only screen and (max-width: 1199px) {
          .footer__nav-block:last-child {
            padding-right: 0; } }
      .footer__nav-block .address {
        font-style: normal;
        margin-bottom: 1.354vw; }
        @media only screen and (max-width: 1920px) {
          .footer__nav-block .address {
            margin-bottom: 26px; } }
        @media only screen and (max-width: 767px) {
          .footer__nav-block .address {
            margin-bottom: 14px; } }
      .footer__nav-block ul {
        list-style: none; }
        .footer__nav-block ul li {
          margin-bottom: 0.521vw; }
          @media only screen and (max-width: 1920px) {
            .footer__nav-block ul li {
              margin-bottom: 10px; } }
    .footer__nav-title {
      font-size: 0.833vw;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 0.625vw; }
      @media only screen and (max-width: 1920px) {
        .footer__nav-title {
          font-size: 16px;
          margin-bottom: 12px; } }
      @media only screen and (max-width: 767px) {
        .footer__nav-title {
          font-size: 12px;
          margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .footer__social {
      margin-top: 84px; } }
  .footer .social-link {
    width: 2.083vw;
    height: 2.083vw;
    border: solid 1px #e9e9e9;
    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;
    margin-right: 0.417vw;
    font-size: 0.833vw;
    -webkit-transition: .3s color, .3s border-color, .3s background-color;
    -o-transition: .3s color, .3s border-color, .3s background-color;
    transition: .3s color, .3s border-color, .3s background-color; }
    @media only screen and (max-width: 1920px) {
      .footer .social-link {
        width: 40px;
        height: 40px;
        margin-right: 8px;
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .footer .social-link {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        font-size: 12px; } }
    .footer .social-link:last-child {
      margin-right: 0; }
    .footer .social-link:hover {
      border-color: #000;
      background-color: #000;
      color: #fff; }
  .footer__bottom {
    color: #ababab;
    margin-top: 1.979vw; }
    @media only screen and (max-width: 1920px) {
      .footer__bottom {
        margin-top: 38px; } }
    @media only screen and (max-width: 767px) {
      .footer__bottom {
        font-size: 8px;
        margin-top: 14px; } }
    .footer__bottom ul {
      list-style: none;
      margin: 0; }
      .footer__bottom ul li {
        display: inline-block;
        margin-left: 2.292vw; }
        @media only screen and (max-width: 1920px) {
          .footer__bottom ul li {
            margin-left: 44px; } }
        @media only screen and (max-width: 767px) {
          .footer__bottom ul li {
            margin-left: 16px; } }
        .footer__bottom ul li:first-child {
          margin-left: 0; }
        .footer__bottom ul li a {
          color: #ababab; }
          .footer__bottom ul li a:hover {
            color: #0068ff; }

.cookies {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.042vw 1.250vw 0.781vw;
  font-size: 0.729vw;
  line-height: normal;
  color: #fff;
  z-index: 99;
  text-align: center; }
  @media only screen and (max-width: 1920px) {
    .cookies {
      padding: 20px 24px 15px;
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .cookies {
      font-size: 10px; } }
  .cookies__inner {
    display: inline-block;
    max-width: 60%; }
    @media only screen and (max-width: 1199px) {
      .cookies__inner {
        max-width: 70%; } }
    @media only screen and (max-width: 767px) {
      .cookies__inner {
        max-width: 100%; } }
  .cookies a:not([class]) {
    text-decoration: underline;
    color: #fff !important; }
    .cookies a:not([class]):hover {
      text-decoration: none; }
  .cookies .btn {
    position: absolute;
    top: -0.781vw;
    margin-left: 1.927vw;
    font-size: 0.729vw;
    padding: 0.521vw 1.354vw 0.313vw; }
    @media only screen and (max-width: 1920px) {
      .cookies .btn {
        top: -15px;
        margin-left: 37px;
        font-size: 14px;
        padding: 10px 26px 6px; } }
    @media only screen and (max-width: 1199px) {
      .cookies .btn {
        top: -22px;
        margin-left: 0;
        font-size: 12px;
        right: 24px; } }
    @media only screen and (max-width: 767px) {
      .cookies .btn {
        top: -14px;
        font-size: 8px;
        padding: 7px 26px 6px;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%); } }
  .cookies__close {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.250vw;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (max-width: 1920px) {
      .cookies__close {
        right: 24px; } }
    @media only screen and (max-width: 767px) {
      .cookies__close {
        top: 5px;
        right: 3px;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); } }

.close {
  width: 1.042vw;
  height: 1.042vw; }
  @media only screen and (max-width: 1920px) {
    .close {
      width: 20px;
      height: 20px; } }

.close:hover {
  opacity: 1; }

.close:before, .close:after {
  position: absolute;
  left: 0.469vw;
  content: ' ';
  height: 1.042vw;
  width: 0.104vw;
  background-color: #fff;
  cursor: pointer; }
  @media only screen and (max-width: 1920px) {
    .close:before, .close:after {
      left: 9px;
      height: 20px;
      width: 2px; } }
  @media only screen and (max-width: 767px) {
    .close:before, .close:after {
      height: 14px; } }

.close:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.footer-logo {
  max-width: 19.792vw; }
  @media only screen and (max-width: 1920px) {
    .footer-logo {
      max-width: 380px; } }
  @media only screen and (max-width: 1439px) {
    .footer-logo {
      max-width: 140px; } }
  @media only screen and (max-width: 1199px) {
    .footer-logo {
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .footer-logo {
      max-width: 50%;
      margin-left: 50%;
      margin-top: -32px; } }
  .footer-logo ul {
    list-style: none;
    margin: 0 -10px; }
    .footer-logo ul li {
      display: inline-block;
      margin-bottom: 1.042vw;
      width: 43%;
      margin-left: 1.042vw;
      text-align: right; }
      @media only screen and (max-width: 1920px) {
        .footer-logo ul li {
          margin-bottom: 20px;
          margin-left: 20px; } }
      @media only screen and (max-width: 1439px) {
        .footer-logo ul li {
          width: 100%;
          margin-left: 0; } }
      @media only screen and (max-width: 1199px) {
        .footer-logo ul li {
          width: auto;
          margin-right: 30px; } }
      @media only screen and (max-width: 767px) {
        .footer-logo ul li {
          width: 48%;
          margin-right: 0;
          padding: 0 10px; } }

/*intro*/
.intro {
  position: relative;
  padding: 13.542vw 0 5.208vw;
  min-height: 100vh; }
  @media only screen and (max-width: 1199px) {
    .intro {
      padding: 150px 0 120px;
      min-height: auto; } }
  @media only screen and (max-width: 991px) {
    .intro {
      padding-bottom: 180px; } }
  @media only screen and (max-width: 767px) {
    .intro {
      padding: 117px 0 92px; } }
  .intro__wrapper {
    overflow: hidden;
    position: relative; }
  .intro__block {
    width: 80%;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .intro__block {
        width: 100%; } }
  .intro__head {
    margin-bottom: 6.250vw;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .intro__head {
        margin-bottom: 24px;
        max-width: 270px; } }
  .intro__button {
    margin-bottom: 2.188vw; }
    @media only screen and (max-width: 767px) {
      .intro__button {
        margin-bottom: 32px;
        margin-top: -12px;
        position: relative;
        z-index: 2; } }
    .intro__button .btn {
      min-width: 9.375vw; }
      @media only screen and (max-width: 767px) {
        .intro__button .btn {
          min-width: 148px;
          padding-top: 12px;
          padding-bottom: 12px; } }
  .intro__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 26.5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    @media only screen and (max-width: 767px) {
      .intro__bg {
        top: 35.5%;
        height: 51.5%;
        width: 53.5%; } }
  .intro__scroll-down {
    width: 3.438vw;
    position: absolute;
    z-index: 5;
    bottom: 100px;
    left: 7.7vw; }
    @media only screen and (max-width: 1199px) {
      .intro__scroll-down {
        left: 30px;
        bottom: 50px; } }
    @media only screen and (max-width: 991px) {
      .intro__scroll-down {
        width: 38px; } }
    @media only screen and (max-width: 767px) {
      .intro__scroll-down {
        width: 58px;
        left: 24px;
        bottom: auto;
        position: relative; } }
    .intro__scroll-down svg {
      width: 100%; }
  .intro__img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 58.4%; }
    @media only screen and (max-width: 767px) {
      .intro__img {
        position: relative;
        width: 80%;
        margin: 52px 0 50px 25px; } }
    .intro__img-sm {
      width: 32.6%; }
      @media only screen and (max-width: 767px) {
        .intro__img-sm {
          width: 69.6%;
          margin: 40px 0 0 25px; } }
  .intro__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 86%;
            flex: 0 0 86%;
    max-width: 86%;
    padding-left: 0.781vw;
    padding-right: 0.781vw; }
    @media only screen and (max-width: 1199px) {
      .intro__col {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .intro__col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .intro__bottom-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: calc(100% - 17.448vw); }
    @media only screen and (max-width: 767px) {
      .intro__bottom-bg {
        height: calc(100% - 166px); } }

.intro__scroll-down, .scroll-down, .scroll-top {
  display: inline-block;
  -webkit-animation: pulse 3s ease-out;
          animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.scroll-down {
  position: absolute;
  z-index: 5;
  bottom: 4.063vw;
  left: 8.9vw; }
  @media only screen and (max-width: 1199px) {
    .scroll-down {
      left: 30px;
      bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .scroll-down {
      left: 23px;
      bottom: 50px; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.latest-jobs {
  width: 22.344vw;
  padding: 1.667vw 2.240vw 0;
  background-color: #fff;
  z-index: 2;
  max-width: 100%;
  margin-left: 16.6vw;
  position: absolute;
  top: -4%;
  left: 100%; }
  @media only screen and (max-width: 1920px) {
    .latest-jobs {
      width: 429px;
      padding: 32px 43px 0; } }
  @media only screen and (max-width: 1199px) {
    .latest-jobs {
      margin-left: 8vw;
      padding: 24px 24px 0;
      top: -10%; } }
  @media only screen and (max-width: 991px) {
    .latest-jobs {
      margin-left: 4vw; } }
  @media only screen and (max-width: 767px) {
    .latest-jobs {
      position: relative;
      margin: 0;
      width: 100%;
      max-width: 450px;
      left: 0;
      top: 0;
      padding: 11px 27px 26px; } }
  .latest-jobs__title {
    font-size: 0.729vw;
    font-weight: bold;
    line-height: 1.86;
    letter-spacing: 0.005vw;
    text-transform: uppercase;
    color: #0068ff;
    margin: 0; }
    @media only screen and (max-width: 1920px) {
      .latest-jobs__title {
        font-size: 14px;
        letter-spacing: 0.1px; } }
    @media only screen and (max-width: 767px) {
      .latest-jobs__title {
        font-size: 12px;
        letter-spacing: 0.08px; } }
  .latest-jobs__link {
    display: block;
    padding: 1.927vw 3.125vw 1.979vw 0;
    border-bottom: 1px solid #ececec;
    position: relative; }
    @media only screen and (max-width: 1799px) {
      .latest-jobs__link {
        padding: 16px 16px 16px 0; } }
    @media only screen and (max-width: 767px) {
      .latest-jobs__link {
        padding-top: 9px;
        padding-bottom: 9px; } }
    .latest-jobs__link:before {
      position: absolute;
      top: 3.542vw;
      right: 0;
      background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%23000%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M5.825 5.742h7.944v7.944M5.064 14.447l8.705-8.705%27/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
      background-repeat: no-repeat;
      width: 1.042vw;
      height: 1.042vw;
      content: '';
      -webkit-transition: .3s background-image, .3s transform;
      -o-transition: .3s background-image, .3s transform;
      transition: .3s background-image, .3s transform; }
      @media only screen and (max-width: 1920px) {
        .latest-jobs__link:before {
          top: 68px;
          width: 20px;
          height: 20px; } }
      @media only screen and (max-width: 1799px) {
        .latest-jobs__link:before {
          top: 47px; } }
      @media only screen and (max-width: 767px) {
        .latest-jobs__link:before {
          top: 28px;
          width: 12px;
          height: 12px; } }
    .latest-jobs__link:hover {
      color: #0068ff; }
      .latest-jobs__link:hover:before {
        background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%230068ff%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M5.825 5.742h7.944v7.944M5.064 14.447l8.705-8.705%27/%3E%3C/g%3E%3C/svg%3E"); }
    .latest-jobs__link:last-child {
      padding-bottom: 1.458vw; }
      @media only screen and (max-width: 1920px) {
        .latest-jobs__link:last-child {
          padding-bottom: 28px; } }
      @media only screen and (max-width: 767px) {
        .latest-jobs__link:last-child {
          padding-bottom: 12px; } }
    .latest-jobs__link-label {
      font-size: 0.625vw;
      line-height: 1.5;
      font-weight: 300;
      font-stretch: normal;
      font-style: italic;
      margin-bottom: 0.417vw;
      -webkit-transition: .3s color;
      -o-transition: .3s color;
      transition: .3s color; }
      @media only screen and (max-width: 1920px) {
        .latest-jobs__link-label {
          font-size: 12px;
          margin-bottom: 8px; } }
      @media only screen and (max-width: 767px) {
        .latest-jobs__link-label {
          font-size: 10px;
          margin-bottom: 0; } }
      .latest-jobs__link-label span + span:before {
        padding: 0 0.521vw;
        content: '/'; }
        @media only screen and (max-width: 1920px) {
          .latest-jobs__link-label span + span:before {
            padding: 0 10px; } }
        @media only screen and (max-width: 767px) {
          .latest-jobs__link-label span + span:before {
            padding: 0 9px; } }
    .latest-jobs__link-title {
      font-size: 1.146vw;
      font-weight: 600;
      line-height: 1.18;
      -webkit-transition: .3s color;
      -o-transition: .3s color;
      transition: .3s color; }
      @media only screen and (max-width: 1920px) {
        .latest-jobs__link-title {
          font-size: 22px; } }
      @media only screen and (max-width: 767px) {
        .latest-jobs__link-title {
          font-size: 14px;
          line-height: 1.4; } }

/*home-review*/
.home-review {
  mix-blend-mode: multiply;
  background-color: #f3f3f3;
  position: relative;
  padding: 9.219vw 0 10.365vw; }
  @media only screen and (max-width: 767px) {
    .home-review {
      padding: 64px 0;
      position: initial; } }
  .home-review__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 71.667vw; }
    @media only screen and (max-width: 767px) {
      .home-review__bg {
        height: 998px;
        width: 1948px;
        left: auto;
        right: 0;
        -webkit-transform: translateX(46%);
            -ms-transform: translateX(46%);
                transform: translateX(46%);
        max-height: 86%; } }
    @media only screen and (min-width: 768px) {
      .home-review__bg {
        top: -34vh;
        height: auto; } }
    @media only screen and (min-width: 1200px) {
      .home-review__bg {
        top: -68vh; } }
  .home-review__block {
    background-color: #f3f3f3;
    padding: 1.771vw 1.875vw 3.073vw;
    text-align: center;
    position: relative;
    max-width: 60.729vw;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 1199px) {
      .home-review__block {
        max-width: 80vw;
        padding: 24px; } }
    @media only screen and (max-width: 991px) {
      .home-review__block {
        max-width: 90vw; } }
    @media only screen and (max-width: 767px) {
      .home-review__block {
        padding: 28px 12px 27px;
        max-width: 100%; } }

.review-slider .slick-dots {
  margin-top: 3.958vw; }
  @media only screen and (max-width: 767px) {
    .review-slider .slick-dots {
      margin-top: 76px; } }

.review-block__head {
  margin-bottom: 0.521vw; }
  @media only screen and (max-width: 767px) {
    .review-block__head {
      margin-bottom: 10px; } }

.review-block__point {
  font-size: 1.771vw;
  font-weight: bold;
  line-height: 1;
  color: #0068ff;
  margin-bottom: 0.677vw; }
  @media only screen and (max-width: 1199px) {
    .review-block__point {
      font-size: 18px; } }

.review-block__star-block {
  color: #0068ff;
  font-size: 1.042vw;
  margin-bottom: 0.625vw; }
  @media only screen and (max-width: 1199px) {
    .review-block__star-block {
      font-size: 14px; } }
  .review-block__star-block i {
    color: #0068ff;
    margin: 0 0.104vw; }
    @media only screen and (max-width: 1199px) {
      .review-block__star-block i {
        margin: 0 1px; } }

.review-block__body {
  font-size: 1.771vw;
  font-weight: bold;
  line-height: 1.56;
  padding: 0 2.917vw;
  margin-bottom: 1.094vw; }
  @media only screen and (max-width: 1199px) {
    .review-block__body {
      font-size: 22px; } }
  @media only screen and (max-width: 767px) {
    .review-block__body {
      font-size: 18px;
      line-height: 1.33;
      word-spacing: 2px;
      padding: 0;
      margin-bottom: 16px; } }

.review-block__footer {
  color: #0068ff;
  font-size: 0.729vw;
  font-weight: normal;
  font-style: italic; }
  @media only screen and (max-width: 1920px) {
    .review-block__footer {
      font-size: 14px; } }
  @media only screen and (max-width: 1799px) {
    .review-block__footer {
      font-size: 12px; } }
  @media only screen and (max-width: 1199px) {
    .review-block__footer {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .review-block__footer {
      font-size: 12px; } }
  .review-block__footer span + span:before {
    content: '|';
    padding: 0 0.521vw; }
    @media only screen and (max-width: 1920px) {
      .review-block__footer span + span:before {
        padding: 0 10px; } }

/*slick-dots*/
.slick-dots {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 0.417vw;
    height: 0.417vw;
    margin: 0 0.313vw;
    padding: 0;
    cursor: pointer; }
    @media only screen and (max-width: 1920px) {
      .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 6px; } }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 0.417vw;
      height: 0.417vw;
      background-color: #d9d9d9;
      border-radius: 50%;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      -webkit-transition: .3s background-color;
      -o-transition: .3s background-color;
      transition: .3s background-color; }
      @media only screen and (max-width: 1920px) {
        .slick-dots li button {
          width: 8px;
          height: 8px; } }
    .slick-dots li.slick-active button {
      background-color: #0068ff; }

/*home-step*/
.home-step {
  padding: 8.229vw 0 14.063vw;
  position: relative; }
  @media only screen and (max-width: 1799px) {
    .home-step {
      padding-top: 5vw; } }
  @media only screen and (max-width: 1199px) {
    .home-step {
      padding: 7vw 0; } }
  @media only screen and (max-width: 991px) {
    .home-step {
      padding: 16vw 0 6vw; } }
  @media only screen and (max-width: 767px) {
    .home-step {
      padding: 107px 0 170px; } }
  .home-step:before {
    background-color: #f7f7f7;
    height: 39.5%;
    position: absolute;
    bottom: 7.083vw;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1; }
    @media only screen and (max-width: 1799px) {
      .home-step:before {
        height: 41.5%; } }
    @media only screen and (max-width: 991px) {
      .home-step:before {
        height: 60%; } }
    @media only screen and (max-width: 767px) {
      .home-step:before {
        height: 263px;
        bottom: auto;
        top: 100%;
        margin-top: -123%; } }
  .home-step:after {
    background-color: #f7f7f7;
    position: absolute;
    bottom: -19.688vw;
    right: 0;
    width: 37.813vw;
    height: 26.875vw;
    content: '';
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .home-step:after {
        bottom: auto;
        width: 50%;
        height: 660px;
        top: 100%;
        margin-top: -172px; } }
  .home-step__bg {
    position: absolute;
    left: 0;
    bottom: 3.438vw;
    width: 29.375vw;
    mix-blend-mode: multiply;
    z-index: 3; }
    @media only screen and (max-width: 1199px) {
      .home-step__bg {
        bottom: 0;
        width: 45%; } }
    @media only screen and (max-width: 991px) {
      .home-step__bg {
        width: 75%; } }
    @media only screen and (max-width: 767px) {
      .home-step__bg {
        bottom: auto;
        width: 280px;
        top: 280px; } }
  .home-step__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
            flex: 0 0 36%;
    max-width: 36%; }
    @media only screen and (max-width: 767px) {
      .home-step__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .home-step__head {
    position: relative;
    margin-top: -0.417vw; }
    @media only screen and (max-width: 767px) {
      .home-step__head {
        margin: 0 0 158px;
        max-width: 250px; } }
    .home-step__head-bg {
      position: absolute;
      top: 3.229vw;
      left: -7vw;
      width: 26.979vw; }
      @media only screen and (max-width: 1199px) {
        .home-step__head-bg {
          left: -30px;
          width: 30vw; } }
      @media only screen and (max-width: 767px) {
        .home-step__head-bg {
          top: 0;
          left: -10px;
          width: 258px; } }
    .home-step__head .section-title {
      position: relative;
      z-index: 2;
      margin-left: 0.781vw; }
      @media only screen and (max-width: 767px) {
        .home-step__head .section-title {
          margin-left: 15px; } }
      .home-step__head .section-title .numeric-title {
        line-height: 0.77;
        top: -0.625vw;
        left: -0.781vw; }
        @media only screen and (max-width: 767px) {
          .home-step__head .section-title .numeric-title {
            top: -52px;
            left: 50px;
            position: relative;
            line-height: 0.4; } }
  .home-step__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
            flex: 0 0 64%;
    max-width: 64%; }
    @media only screen and (max-width: 767px) {
      .home-step__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .home-step__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 50vw; }
    @media only screen and (max-width: 1920px) {
      .home-step__body {
        max-width: 960px; } }
    @media only screen and (max-width: 767px) {
      .home-step__body {
        max-width: 100%;
        padding-right: 0;
        position: relative;
        display: block; } }
    @media only screen and (max-width: 767px) {
      .home-step__body > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; } }
    .home-step__body > div:first-child .home-step__block-head, .home-step__body > div:first-child .home-step__block-body {
      opacity: 1 !important; }
    @media only screen and (max-width: 767px) {
      .home-step__body > div:first-child {
        position: relative; } }
    .home-step__body > div:last-child .home-step__block-head {
      padding-right: 10.417vw; }
      @media only screen and (max-width: 767px) {
        .home-step__body > div:last-child .home-step__block-head {
          padding-right: 200px; } }
  .home-step__block {
    margin-bottom: 4.375vw;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .home-step__block {
        padding: 0 15px;
        margin-bottom: 0; } }
    .home-step__block.active .lg-title {
      color: #0068ff; }
    .home-step__block.active .home-step__block-head-sub-title {
      font-size: 1.250vw; }
      @media only screen and (max-width: 1920px) {
        .home-step__block.active .home-step__block-head-sub-title {
          font-size: 24px; } }
    .home-step__block.active .home-step__block-icon {
      background-color: #0068ff;
      border-color: #0068ff; }
      .home-step__block.active .home-step__block-icon svg polygon, .home-step__block.active .home-step__block-icon svg polyline, .home-step__block.active .home-step__block-icon svg line {
        stroke: #fff !important; }
    .home-step__block-head {
      /*border-bottom: solid 1px $blueColor;*/
      padding-bottom: 1.354vw;
      padding-right: 5.469vw;
      opacity: 0;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      @media only screen and (max-width: 767px) {
        .home-step__block-head {
          padding-bottom: 26px;
          padding-right: 0 !important; } }
      .home-step__block-head-sub-title {
        font-size: 1.042vw;
        font-weight: normal;
        line-height: 1.2;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden;
        min-height: 1.563vw; }
        @media only screen and (max-width: 1920px) {
          .home-step__block-head-sub-title {
            font-size: 20px;
            min-height: 30px; } }
    .home-step__block-line {
      width: 0;
      height: 1px;
      background-color: #0068ff;
      -webkit-transition: width .3s;
      -o-transition: width .3s;
      transition: width .3s; }
    .home-step__block-icon {
      width: 2.760vw;
      height: 2.760vw;
      margin-bottom: 1.302vw;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      padding: 2%;
      -webkit-transition: .3s background-color, .3s border-color;
      -o-transition: .3s background-color, .3s border-color;
      transition: .3s background-color, .3s border-color; }
      @media only screen and (max-width: 1920px) {
        .home-step__block-icon {
          width: 53px;
          height: 53px;
          margin-bottom: 25px; } }
      .home-step__block-icon svg polygon, .home-step__block-icon svg polyline, .home-step__block-icon svg line {
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all; }
    .home-step__block .lg-title {
      margin-bottom: 0.260vw;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
      @media only screen and (max-width: 1920px) {
        .home-step__block .lg-title {
          margin-bottom: 5px; } }
    .home-step__block-body {
      font-size: 0.781vw;
      line-height: 1.47;
      padding-right: 5.469vw;
      opacity: 0;
      padding-top: 0.781vw;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      @media only screen and (max-width: 1920px) {
        .home-step__block-body {
          font-size: 15px;
          padding-right: 105px;
          padding-top: 15px; } }
      @media only screen and (max-width: 1199px) {
        .home-step__block-body {
          padding-right: 20px; } }
    .home-step__block .btn {
      position: absolute;
      right: 0;
      top: 3.438vw;
      min-width: 9.375vw; }
      @media only screen and (max-width: 767px) {
        .home-step__block .btn {
          top: 100%;
          min-width: 146px;
          right: auto;
          left: 15px;
          margin-top: 36px; } }
  @media only screen and (max-width: 767px) {
    .home-step .scroll-down {
      bottom: 0; } }

/*home-tips*/
.home-tips {
  padding: 5.990vw 0;
  position: relative;
  height: 100vh; }
  @media only screen and (max-width: 1199px) {
    .home-tips {
      padding: 10.5vw 0; } }
  @media only screen and (max-width: 767px) {
    .home-tips {
      padding: 103px 0 160px;
      height: auto; } }
  .home-tips__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 52.5%;
            flex: 0 0 52.5%;
    max-width: 52.5%; }
    @media only screen and (max-width: 1199px) {
      .home-tips__left {
        padding: 0 15px; } }
    @media only screen and (max-width: 991px) {
      .home-tips__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .home-tips__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47.5%;
            flex: 0 0 47.5%;
    max-width: 47.5%; }
    @media only screen and (max-width: 1199px) {
      .home-tips__right {
        padding: 0 15px; } }
    @media only screen and (max-width: 991px) {
      .home-tips__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .home-tips__head {
    position: relative;
    margin-bottom: 4.167vw; }
    @media only screen and (max-width: 991px) {
      .home-tips__head {
        margin-left: 13vw;
        margin-bottom: 60px; } }
    @media only screen and (max-width: 767px) {
      .home-tips__head {
        margin: -96px 0 42px; } }
    .home-tips__head .section-title {
      position: relative; }
      @media only screen and (max-width: 767px) {
        .home-tips__head .section-title {
          word-break: break-word; } }
      .home-tips__head .section-title .numeric-title {
        position: absolute;
        top: 2.240vw;
        left: -14.063vw;
        z-index: 2; }
        @media only screen and (max-width: 1199px) {
          .home-tips__head .section-title .numeric-title {
            left: -15.85vw; } }
        @media only screen and (max-width: 767px) {
          .home-tips__head .section-title .numeric-title {
            top: 0;
            left: -6px;
            display: inline-block;
            position: relative;
            line-height: 0.88;
            padding-right: 12px; } }
  .home-tips__body {
    margin-top: 1.563vw;
    margin-left: 0.625vw;
    max-width: 84.5%; }
    @media only screen and (max-width: 1199px) {
      .home-tips__body {
        max-width: 86.5%; } }
    @media only screen and (max-width: 991px) {
      .home-tips__body {
        max-width: initial;
        margin: 0 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (max-width: 767px) {
      .home-tips__body {
        margin: 0; } }
  .home-tips__img {
    margin-bottom: 3.021vw;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .home-tips__img {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        margin: 8px 0; } }
    @media only screen and (max-width: 767px) {
      .home-tips__img {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        margin: 0; } }
    .home-tips__img:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      border-style: solid;
      border-width: 15vw 15vw 0 0;
      border-color: #0068ff transparent transparent transparent;
      content: ''; }
      @media only screen and (max-width: 767px) {
        .home-tips__img:before {
          border-width: 37vw 37vw 0 0; } }
  .home-tips__description {
    line-height: 1.89;
    word-spacing: 0.182vw; }
    @media only screen and (max-width: 991px) {
      .home-tips__description {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px; } }
    @media only screen and (max-width: 767px) {
      .home-tips__description {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        word-spacing: 3px;
        padding-left: 0; } }
  .home-tips__list {
    max-width: 84.9%; }
    @media only screen and (max-width: 767px) {
      .home-tips__list {
        max-width: 100%;
        margin-bottom: 66px; } }
    .home-tips__list ul {
      list-style: none; }
      .home-tips__list ul li {
        position: relative;
        padding-left: 3.854vw;
        font-size: 0.833vw;
        font-weight: normal;
        line-height: 1.88;
        letter-spacing: 0.006vw;
        margin-bottom: 1.250vw;
        opacity: 0;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        counter-increment: my-counter; }
        @media only screen and (max-width: 1439px) {
          .home-tips__list ul li {
            font-size: 14px;
            padding-left: 50px; } }
        @media only screen and (max-width: 991px) {
          .home-tips__list ul li {
            font-size: 16px;
            padding-left: 60px;
            margin-bottom: 36px; } }
        @media only screen and (max-width: 767px) {
          .home-tips__list ul li {
            padding-left: 58px;
            font-size: 14px;
            line-height: 1.43;
            letter-spacing: 0.1px;
            margin-bottom: 40px;
            word-spacing: 1px; } }
        @media only screen and (max-width: 374px) {
          .home-tips__list ul li {
            font-size: 12px;
            margin-bottom: 24px; } }
        .home-tips__list ul li.active {
          color: #0068ff;
          font-size: 1.458vw;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.010vw; }
          @media only screen and (max-width: 1199px) {
            .home-tips__list ul li.active {
              font-size: 16px; } }
          @media only screen and (max-width: 767px) {
            .home-tips__list ul li.active {
              font-size: 18px;
              line-height: 1.44;
              letter-spacing: 0.12px; } }
          @media only screen and (max-width: 374px) {
            .home-tips__list ul li.active {
              font-size: 14px; } }
          .home-tips__list ul li.active:before {
            background-color: #0068ff;
            color: #fff; }
            @media only screen and (max-width: 1199px) {
              .home-tips__list ul li.active:before {
                top: -10px; } }
            @media only screen and (max-width: 374px) {
              .home-tips__list ul li.active:before {
                top: -12px; } }
        .home-tips__list ul li:before {
          content: "0" counter(my-counter) ".";
          position: absolute;
          top: -0.365vw;
          left: 0;
          width: 2.552vw;
          height: 2.396vw;
          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;
          font-size: 0.938vw;
          font-weight: bold;
          line-height: 1.78;
          letter-spacing: 0.006vw;
          border-radius: 50%; }
          @media only screen and (max-width: 1439px) {
            .home-tips__list ul li:before {
              font-size: 12px;
              top: -4px;
              width: 34px;
              height: 34px; } }
          @media only screen and (max-width: 991px) {
            .home-tips__list ul li:before {
              font-size: 16px;
              top: -3px; } }
          @media only screen and (max-width: 767px) {
            .home-tips__list ul li:before {
              top: -14px;
              width: 49px;
              height: 46px;
              font-size: 18px;
              letter-spacing: 0.12px; } }
          @media only screen and (max-width: 374px) {
            .home-tips__list ul li:before {
              top: -15px;
              font-size: 14px; } }

/*reason-company*/
.reason-company {
  background-color: #000;
  color: #fff;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding: 10.313vw 0 5.208vw; }
  @media only screen and (max-width: 991px) {
    .reason-company {
      padding-top: 20vw; } }
  @media only screen and (max-width: 767px) {
    .reason-company {
      padding: 20px 0; } }
  .reason-company__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 59%;
            flex: 0 0 59%;
    max-width: 59%; }
    @media only screen and (max-width: 1199px) {
      .reason-company__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 52%;
                flex: 0 0 52%;
        max-width: 52%;
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .reason-company__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .reason-company__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
            flex: 0 0 36%;
    max-width: 36%; }
    @media only screen and (max-width: 1199px) {
      .reason-company__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        max-width: 48%;
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .reason-company__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .reason-company__offset-right {
    margin-left: 58.3%; }
    @media only screen and (max-width: 1199px) {
      .reason-company__offset-right {
        margin-left: 52.3%; } }
    @media only screen and (max-width: 767px) {
      .reason-company__offset-right {
        margin-left: 0;
        padding: 0 24px;
        position: absolute;
        top: 186px;
        left: 0;
        z-index: 5; } }
    @media only screen and (max-width: 374px) {
      .reason-company__offset-right {
        top: 140px; } }
  .reason-company__head {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .reason-company__head {
        margin-bottom: 70px; } }
    @media only screen and (max-width: 374px) {
      .reason-company__head {
        margin-bottom: 0; } }
    .reason-company__head .section-title {
      position: relative;
      padding-left: 12.396vw; }
      @media only screen and (max-width: 767px) {
        .reason-company__head .section-title {
          padding-left: 0; } }
      @media only screen and (max-width: 374px) {
        .reason-company__head .section-title {
          font-size: 38px; } }
      .reason-company__head .section-title .numeric-title {
        position: absolute;
        top: 0.833vw;
        left: -0.156vw;
        z-index: 2; }
        @media only screen and (max-width: 767px) {
          .reason-company__head .section-title .numeric-title {
            top: 0;
            left: -8px;
            display: inline-block;
            position: relative;
            line-height: .88;
            padding-right: 8px; } }
        @media only screen and (max-width: 374px) {
          .reason-company__head .section-title .numeric-title {
            font-size: 130px; } }
  .reason-company__body {
    color: #0068ff;
    line-height: 1.89;
    margin-top: 1.406vw;
    word-spacing: 0.208vw; }
    @media only screen and (max-width: 767px) {
      .reason-company__body {
        margin-top: 0;
        word-spacing: 4px;
        position: relative;
        color: #fff;
        z-index: 2; } }
    @media only screen and (max-width: 374px) {
      .reason-company__body {
        font-size: 14px; } }
  .reason-company__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.2%;
    height: 100%;
    z-index: 1; }
    @media only screen and (max-width: 1199px) {
      .reason-company__bg {
        width: 38.5%; } }
    @media only screen and (max-width: 767px) {
      .reason-company__bg {
        width: 37%; } }
    .reason-company__bg-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%); }
      .reason-company__bg-img picture {
        height: 100%; }
        .reason-company__bg-img picture img {
          -o-object-fit: cover;
             object-fit: cover;
          width: auto;
          height: 100%;
          -o-object-position: 50% 0;
             object-position: 50% 0; }
          @media only screen and (max-width: 767px) {
            .reason-company__bg-img picture img {
              -o-object-position: 94% 0;
                 object-position: 94% 0; } }
      .reason-company__bg-img:first-child {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
  .reason-company__slider {
    position: relative;
    margin-top: 3.958vw; }
    @media only screen and (max-width: 991px) {
      .reason-company__slider {
        margin-top: 56px; } }
    @media only screen and (max-width: 767px) {
      .reason-company__slider {
        margin-top: 36px; } }
    @media only screen and (max-width: 374px) {
      .reason-company__slider {
        margin-top: 8px; } }
    .reason-company__slider-block {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      -webkit-transition: .9s opacity;
      -o-transition: .9s opacity;
      transition: .9s opacity; }
      @media only screen and (max-width: 767px) {
        .reason-company__slider-block {
          -webkit-transition: .3s opacity;
          -o-transition: .3s opacity;
          transition: .3s opacity; } }
      .reason-company__slider-block:first-child {
        position: relative;
        opacity: 1; }
        @media only screen and (max-width: 767px) {
          .reason-company__slider-block:first-child {
            opacity: 0; } }
        .reason-company__slider-block:first-child .block-title {
          max-width: 82.5%; }
          @media only screen and (max-width: 767px) {
            .reason-company__slider-block:first-child .block-title {
              max-width: 98%; } }
          @media only screen and (max-width: 374px) {
            .reason-company__slider-block:first-child .block-title {
              font-size: 20px; } }
    .reason-company__slider-desc .block-desc {
      letter-spacing: 0.005vw;
      word-spacing: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .reason-company__slider-desc .block-desc {
          letter-spacing: 0.1px;
          word-spacing: 3px; } }
      @media only screen and (max-width: 767px) {
        .reason-company__slider-desc .block-desc {
          font-size: 14px;
          line-height: 1.88;
          letter-spacing: 0.09px; } }
      @media only screen and (max-width: 374px) {
        .reason-company__slider-desc .block-desc {
          font-size: 11px; } }

/*principles*/
.principles {
  position: relative;
  padding: 8.802vw 0 11.979vw;
  overflow: hidden; }
  @media only screen and (max-width: 991px) {
    .principles {
      padding: 20vw 0; } }
  @media only screen and (max-width: 767px) {
    .principles {
      padding: 94px 0 80px; } }
  .principles__bg {
    position: absolute;
    top: 34%;
    left: 0;
    width: 62%; }
    @media only screen and (max-width: 1199px) {
      .principles__bg {
        top: 24%;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .principles__bg {
        top: 186px;
        width: 237px;
        height: 343px;
        overflow: hidden; } }
    @media only screen and (max-width: 767px) {
      .principles__bg picture {
        width: 100%;
        height: 100%; } }
    @media only screen and (max-width: 767px) {
      .principles__bg picture img {
        width: auto;
        height: 100%;
        max-width: initial;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .principles__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%); }
    @media only screen and (max-width: 767px) {
      .principles__slider {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        margin: 0 -24px; } }
    .principles__slider-icon {
      width: 5.313vw;
      max-width: 5.313vw;
      margin-right: 4.792vw; }
      @media only screen and (max-width: 767px) {
        .principles__slider-icon {
          width: 50px;
          max-width: 50px;
          margin-right: 0;
          margin-bottom: 24px; } }
    .principles__slider-body {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-top: 0.625vw; }
      @media only screen and (max-width: 767px) {
        .principles__slider-body {
          padding-top: 12px; } }
      .principles__slider-body .block-title {
        padding-bottom: 2.708vw;
        margin-bottom: 1.823vw; }
        @media only screen and (max-width: 767px) {
          .principles__slider-body .block-title {
            padding-bottom: 28px;
            margin-bottom: 10px; } }
      .principles__slider-body .block-desc {
        word-spacing: 0.208vw; }
        @media only screen and (max-width: 767px) {
          .principles__slider-body .block-desc {
            word-spacing: 3px;
            line-height: 1.88;
            letter-spacing: 0.09px; } }
        @media only screen and (max-width: 400px) {
          .principles__slider-body .block-desc {
            font-size: 14px; } }
        @media only screen and (max-width: 374px) {
          .principles__slider-body .block-desc {
            font-size: 12px; } }
    .principles__slider-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-width: 39.583vw;
      max-width: 39.583vw;
      margin-right: 60.417vw; }
      @media only screen and (max-width: 1199px) {
        .principles__slider-block {
          min-width: 50vw;
          max-width: 50vw;
          margin-right: 62vw; } }
      @media only screen and (max-width: 991px) {
        .principles__slider-block {
          margin-right: 82vw; } }
      @media only screen and (max-width: 767px) {
        .principles__slider-block {
          display: block;
          min-width: 100%;
          max-width: 100%;
          padding: 0 24px;
          margin-right: 0; } }
  .principles__head {
    margin-bottom: 6.771vw; }
    @media only screen and (max-width: 767px) {
      .principles__head {
        margin-bottom: 53px; } }
    @media only screen and (max-width: 400px) {
      .principles__head {
        margin-bottom: 24px; } }
    .principles__head .section-title {
      position: relative;
      padding-left: 11.250vw; }
      @media only screen and (max-width: 767px) {
        .principles__head .section-title {
          padding-left: 36px; } }
      @media only screen and (max-width: 400px) {
        .principles__head .section-title {
          padding-left: 100px; } }
      @media only screen and (max-width: 374px) {
        .principles__head .section-title {
          font-size: 38px;
          padding-left: 70px; } }
      .principles__head .section-title .numeric-title {
        position: absolute;
        top: 0;
        left: -0.156vw;
        z-index: 2;
        line-height: 0.65; }
        @media only screen and (max-width: 1920px) {
          .principles__head .section-title .numeric-title {
            left: -3px; } }
        @media only screen and (max-width: 767px) {
          .principles__head .section-title .numeric-title {
            display: block;
            position: relative;
            left: -6px;
            margin-bottom: 23px; } }
        @media only screen and (max-width: 400px) {
          .principles__head .section-title .numeric-title {
            position: absolute;
            top: -48px; } }
        @media only screen and (max-width: 374px) {
          .principles__head .section-title .numeric-title {
            font-size: 130px;
            top: -14px; } }
  .principles__wrapper {
    margin-left: 34%; }
    @media only screen and (max-width: 991px) {
      .principles__wrapper {
        margin-left: 20%; } }
    @media only screen and (max-width: 767px) {
      .principles__wrapper {
        margin-left: 0; } }
  .principles .scroll-down {
    bottom: 1.458vw; }
    @media only screen and (max-width: 767px) {
      .principles .scroll-down {
        bottom: 28px; } }

/*home-contact*/
.home-contact {
  padding: 8.542vw 0 5.938vw; }
  @media only screen and (max-width: 767px) {
    .home-contact {
      padding: 159px 0 38px;
      overflow: hidden; } }
  .home-contact .home-contact-wrap {
    position: relative;
    min-height: 67.13vh;
    padding-bottom: 2.865vw; }
    @media only screen and (max-width: 1920px) {
      .home-contact .home-contact-wrap {
        padding-bottom: 55px; } }
    @media only screen and (max-width: 991px) {
      .home-contact .home-contact-wrap {
        min-height: auto; } }
    @media only screen and (max-width: 767px) {
      .home-contact .home-contact-wrap {
        padding-bottom: 0; } }
  .home-contact .video-block:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    background-color: #131e2c;
    content: '';
    z-index: 2; }
  @media only screen and (max-width: 767px) {
    .home-contact .video-block {
      height: 33vh; } }
  @media only screen and (max-width: 767px) {
    .home-contact__head {
      position: relative;
      margin: -78px 0 107px; } }
  .home-contact__head .section-title {
    color: #fff;
    margin-bottom: 3.125vw; }
    @media only screen and (max-width: 767px) {
      .home-contact__head .section-title {
        color: #000;
        margin-bottom: 0; } }
    .home-contact__head .section-title .numeric-title {
      display: inline-block;
      left: -0.521vw;
      padding-right: 1.302vw; }
      @media only screen and (max-width: 767px) {
        .home-contact__head .section-title .numeric-title {
          left: -3px;
          padding-right: 0;
          margin-left: -10px; } }
  .home-contact .scroll-down {
    bottom: -6.875vw; }
    @media only screen and (max-width: 767px) {
      .home-contact .scroll-down {
        bottom: 0; } }
  .home-contact .container {
    position: relative;
    z-index: 3; }
  .home-contact__form {
    -webkit-box-shadow: 2px 1px 9px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 2px 1px 9px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    position: relative;
    margin-left: auto;
    margin-right: 11%;
    max-width: 100%;
    margin-top: -5.313vw;
    padding: 52px 58px;
    width: 548px; }
    @media only screen and (max-width: 991px) {
      .home-contact__form {
        margin-right: 30px;
        padding: 32px 32px; } }
    @media only screen and (max-width: 767px) {
      .home-contact__form {
        width: 96%;
        margin: 0 auto;
        padding: 28px 20px; } }
    .home-contact__form-head {
      margin-bottom: 3.542vw; }
      @media only screen and (max-width: 767px) {
        .home-contact__form-head {
          margin-bottom: 24px; } }
      .home-contact__form-head .lg-title {
        margin-bottom: 0.938vw; }
        @media only screen and (max-width: 767px) {
          .home-contact__form-head .lg-title {
            font-size: 14px;
            line-height: 1.43;
            margin-bottom: 5px; } }
      @media only screen and (max-width: 767px) {
        .home-contact__form-head .block-title {
          margin-bottom: 0;
          padding-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        .home-contact__form-head .block-title:before {
          display: none; } }

.contact-form .form-group {
  position: relative;
  margin-bottom: 1.667vw; }
  @media only screen and (max-width: 767px) {
    .contact-form .form-group {
      margin-bottom: 32px; } }

.contact-form .form-control {
  width: 100%;
  height: 2.083vw;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #000;
  font-size: 0.938vw;
  color: #000;
  font-weight: 600; }
  @media only screen and (max-width: 1920px) {
    .contact-form .form-control {
      height: 40px;
      font-size: 18px; } }

.contact-form .form-footer {
  text-align: right;
  margin-top: 3.542vw;
  margin-bottom: 0.313vw;
  margin-right: -3.542vw; }
  @media only screen and (max-width: 991px) {
    .contact-form .form-footer {
      margin-right: -42px; } }
  @media only screen and (max-width: 767px) {
    .contact-form .form-footer {
      margin-top: 76px;
      margin-right: -24px; } }
  .contact-form .form-footer .btn {
    font-size: 0.938vw;
    padding: 0.521vw 1.354vw;
    letter-spacing: normal; }
    @media only screen and (max-width: 1920px) {
      .contact-form .form-footer .btn {
        font-size: 18px;
        padding: 10px 26px; } }
    @media only screen and (max-width: 767px) {
      .contact-form .form-footer .btn {
        font-size: 14px;
        padding: 18px 26px 14px;
        letter-spacing: 0.88px; } }

.contact-form label {
  font-size: 0.729vw;
  color: #000;
  font-weight: 300;
  position: absolute;
  bottom: 0.260vw;
  left: 0;
  pointer-events: none;
  -webkit-transition: .3s color, .3s bottom, .3s font-size, .3s opacity;
  -o-transition: .3s color, .3s bottom, .3s font-size, .3s opacity;
  transition: .3s color, .3s bottom, .3s font-size, .3s opacity; }
  @media only screen and (max-width: 1920px) {
    .contact-form label {
      font-size: 14px;
      bottom: 5px; } }

.contact-form .not-empty label {
  font-size: 0.625vw;
  bottom: 1.667vw;
  opacity: 0; }
  @media only screen and (max-width: 1920px) {
    .contact-form .not-empty label {
      font-size: 12px;
      bottom: 32px; } }

.video-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .video-block video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

::-webkit-media-controls {
  display: none; }

/*get-know*/
.get-know {
  padding: 45px 0 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .get-know {
      padding: 18px 0; } }
  .get-know__label ul {
    list-style: none;
    margin-bottom: 98px; }
    @media only screen and (max-width: 767px) {
      .get-know__label ul {
        margin-bottom: 76px; } }
    .get-know__label ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 19px;
      padding: 20px 0; }
      @media only screen and (max-width: 767px) {
        .get-know__label ul li {
          display: block;
          margin: 0 0 52px; } }
  .get-know__head .page-title {
    margin-bottom: 38px; }
    @media only screen and (max-width: 767px) {
      .get-know__head .page-title {
        margin-bottom: 28px; } }
  @media only screen and (max-width: 767px) {
    .get-know__head .btn {
      padding-top: 17px;
      padding-bottom: 15px; } }

/*upload*/
.upload {
  padding: 12.500vw 0 15.417vw; }
  @media only screen and (max-width: 767px) {
    .upload {
      padding: 130px 0 76px; } }
  .upload .md-title {
    font-weight: normal;
    margin-bottom: 0.781vw; }
    @media only screen and (max-width: 1799px) {
      .upload .md-title {
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .upload .md-title {
        margin-bottom: 23px;
        line-height: 1.33;
        padding-right: 24px; } }
  .upload .content {
    font-size: 0.833vw;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: 0.006vw;
    max-width: 50%; }
    @media only screen and (max-width: 1799px) {
      .upload .content {
        font-size: 16px;
        letter-spacing: 0.11px; } }
    @media only screen and (max-width: 767px) {
      .upload .content {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 0.1px;
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .upload .content ol li {
        padding-left: 24px;
        margin-bottom: 8px; } }
  .upload__head {
    margin-bottom: 3.646vw; }
    @media only screen and (max-width: 767px) {
      .upload__head {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .upload__head .page-title {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 24px; } }
  .upload__body {
    position: relative; }
    .upload__body__inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      text-align: center;
      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: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: .2%;
      pointer-events: none; }
      @media only screen and (max-width: 767px) {
        .upload__body__inner {
          font-size: 14px;
          padding: 0 15px 5px;
          height: 286px;
          top: auto;
          bottom: 0; } }
    .upload__body-icon {
      width: 4.896vw;
      margin-bottom: 0.833vw; }
      @media only screen and (max-width: 1199px) {
        .upload__body-icon {
          width: 64px; } }
    .upload__body-title {
      color: #0068ff;
      font-size: 1.771vw;
      font-weight: bold;
      line-height: 1.4; }
      @media only screen and (max-width: 1199px) {
        .upload__body-title {
          font-size: 32px; } }
      @media only screen and (max-width: 1199px) {
        .upload__body-title {
          font-size: 20px;
          line-height: 1.25; } }
      .upload__body-title.active {
        display: none; }
    .upload__body.active {
      width: 41%;
      margin-left: 59%;
      margin-top: -8.333vw;
      margin-bottom: 8.333vw; }
      @media only screen and (max-width: 767px) {
        .upload__body.active {
          width: 100%;
          margin-left: 0;
          margin-top: 0;
          margin-bottom: 50px; } }
      .upload__body.active .upload__body__footer {
        opacity: 1;
        visibility: visible; }
      .upload__body.active .upload__body-title {
        display: none; }
        .upload__body.active .upload__body-title.active {
          display: block; }
    .upload__body__footer {
      position: absolute;
      bottom: 0;
      left: -142%;
      opacity: 0;
      visibility: hidden; }
      @media only screen and (max-width: 767px) {
        .upload__body__footer {
          left: auto;
          right: 0;
          top: 100%;
          margin-top: 36px; } }
      .upload__body__footer .btn {
        padding: 0.625vw 1.406vw; }
        @media only screen and (max-width: 1799px) {
          .upload__body__footer .btn {
            padding: 12px 27px; } }

@media only screen and (max-width: 767px) {
  .filepond--panel.filepond--panel-root {
    height: 286px !important;
    border: solid 1px #e9e9e9 !important;
    background-color: #fcfcfc !important;
    border-radius: 17px;
    opacity: 1;
    margin-top: 46px; } }

@media only screen and (max-width: 767px) {
  .filepond--list-scroller {
    position: relative; } }

.filepond--root {
  font-family: "Kanit", sans-serif;
  border-radius: 0.885vw;
  height: 24.323vw;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 1799px) {
    .filepond--root {
      border-radius: 17px;
      height: 467px; } }
  @media only screen and (max-width: 767px) {
    .filepond--root {
      contain: initial;
      height: auto !important; } }

.filepond--credits, .filepond--drop-label {
  display: none !important; }

.filepond--browser.filepond--browser {
  height: 100%; }

.filepond--panel-root {
  border-radius: 0.885vw;
  border: solid 1px #e9e9e9;
  background-color: #fcfcfc; }
  @media only screen and (max-width: 1799px) {
    .filepond--panel-root {
      border-radius: 17px; } }
  @media only screen and (max-width: 767px) {
    .filepond--panel-root {
      position: relative;
      opacity: 0; } }

.active .filepond--list.filepond--list {
  padding-top: 48px; }

.filepond--list.filepond--list {
  top: 8.333vw;
  left: -144%;
  width: 127.67%;
  height: 10.938vw;
  overflow-y: auto;
  padding-right: 4.167vw;
  overflow-x: hidden; }
  @media only screen and (max-width: 1799px) {
    .filepond--list.filepond--list {
      height: 210px;
      padding-right: 80px; } }
  @media only screen and (max-width: 767px) {
    .filepond--list.filepond--list {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      padding-right: 0;
      padding-top: 0;
      -webkit-transition: .3s padding-top;
      -o-transition: .3s padding-top;
      transition: .3s padding-top; } }

.filepond--item-panel {
  background-color: transparent; }

.filepond--item {
  border-radius: 0.469vw;
  border: solid 1px #d7d7d7;
  height: 3.125vw !important;
  position: relative !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 0 0 0.521vw; }
  @media only screen and (max-width: 1799px) {
    .filepond--item {
      border-radius: 9px;
      height: 60px !important;
      margin: 0 0 10px; } }
  @media only screen and (max-width: 767px) {
    .filepond--item {
      height: 48px !important;
      margin-bottom: 41px; } }
  .filepond--item:before {
    background-color: #f8f8f8;
    background-image: url(../.././assets/img/type-image.svg);
    background-size: 0.833vw 0.833vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0.573vw;
    left: 0.573vw;
    width: 1.927vw;
    height: 1.927vw;
    border-radius: 50%;
    content: ''; }
    @media only screen and (max-width: 1799px) {
      .filepond--item:before {
        background-size: 16px 16px;
        top: 11px;
        left: 11px;
        width: 37px;
        height: 37px; } }
    @media only screen and (max-width: 767px) {
      .filepond--item:before {
        background-size: 13px 13px;
        top: 9px;
        left: 9px;
        width: 30px;
        height: 30px; } }

.filepond--file {
  display: block; }

.filepond--action-remove-item {
  left: 100% !important;
  width: auto !important;
  height: auto !important;
  top: 50%; }
  .filepond--action-remove-item svg {
    display: none !important; }
  .filepond--action-remove-item span {
    height: auto !important;
    width: auto !important;
    clip: auto  !important;
    -webkit-clip-path: none  !important;
            clip-path: none  !important;
    font-size: 0.521vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.037vw;
    color: #939393;
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 1.250vw;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (max-width: 1799px) {
      .filepond--action-remove-item span {
        font-size: 10px;
        letter-spacing: 0.71px; } }
    @media only screen and (max-width: 767px) {
      .filepond--action-remove-item span {
        margin-left: 0;
        left: auto;
        right: 0;
        top: 0;
        margin-top: 42px; } }
    .filepond--action-remove-item span:hover {
      color: #0068ff; }

.filepond--image-preview-wrapper {
  opacity: 0 !important;
  height: 3.125vw !important;
  overflow: hidden; }
  @media only screen and (max-width: 1799px) {
    .filepond--image-preview-wrapper {
      height: 60px !important; } }
  @media only screen and (max-width: 767px) {
    .filepond--image-preview-wrapper {
      height: 48px !important; } }

.filepond--image-canvas-wrapper {
  top: 0.260vw;
  left: 0;
  width: 1.927vw !important; }
  @media only screen and (max-width: 1799px) {
    .filepond--image-canvas-wrapper {
      top: 5px;
      width: 37px !important; } }

.filepond--file-info {
  color: #000;
  display: block;
  position: absolute;
  top: 0.781vw;
  left: -100%;
  font-size: 0.833vw !important;
  font-weight: 300;
  margin-left: 3.385vw;
  width: calc(100% - 4.167vw);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 3.646vw; }
  @media only screen and (max-width: 1799px) {
    .filepond--file-info {
      top: 15px;
      font-size: 16px !important;
      margin-left: 65px;
      width: calc(100% - 80px);
      padding-right: 70px; } }
  @media only screen and (max-width: 767px) {
    .filepond--file-info {
      top: 15px;
      font-size: 12px !important;
      margin-left: 0;
      width: 100%;
      padding: 0 70px 0 50px; } }

.filepond--file-info-sub {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.833vw !important;
  color: #a8a8a8;
  text-transform: lowercase;
  word-spacing: 0.156vw;
  opacity: 1 !important; }
  @media only screen and (max-width: 1799px) {
    .filepond--file-info-sub {
      font-size: 16px !important;
      word-spacing: 3px; } }
  @media only screen and (max-width: 767px) {
    .filepond--file-info-sub {
      font-size: 12px !important;
      word-spacing: 1px;
      right: 12px; } }

.filepond--file-info .filepond--file-info-main {
  font-size: 0.833vw !important; }
  @media only screen and (max-width: 1799px) {
    .filepond--file-info .filepond--file-info-main {
      font-size: 16px !important; } }
  @media only screen and (max-width: 767px) {
    .filepond--file-info .filepond--file-info-main {
      font-size: 12px !important; } }

.filepond--panel.filepond--item-panel {
  display: none !important; }

/*upload-done*/
.upload-done-page .right-navbar {
  display: none; }

.upload-done-page .header .main_menu_wrapper, .upload-done-page .header .lang-list, .upload-done-page .header .openMenu {
  display: none !important; }

.upload-done-page .header__logo svg g path, .upload-done-page .header__logo svg g rect, .upload-done-page .header__logo svg g polygon {
  fill: #fff; }
  @media only screen and (max-width: 991px) {
    .upload-done-page .header__logo svg g path, .upload-done-page .header__logo svg g rect, .upload-done-page .header__logo svg g polygon {
      fill: #0068ff; } }

body.opened-popup {
  overflow: hidden;
  padding-right: 17px; }
  @media only screen and (max-width: 1199px) {
    body.opened-popup {
      padding-right: 0; } }

.upload-done {
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000000; }
  .upload-done__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 52%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #000; }
    @media only screen and (max-width: 991px) {
      .upload-done__bg {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 450px; } }
    @media only screen and (max-width: 767px) {
      .upload-done__bg {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: auto;
        z-index: -1; } }
    .upload-done__bg video {
      max-width: initial;
      left: auto;
      right: 0;
      width: auto; }
      @media only screen and (max-width: 767px) {
        .upload-done__bg video {
          width: 100%;
          height: auto; } }
  .upload-done__block {
    margin-left: 52%;
    padding: 9.375vw 5.729vw; }
    @media only screen and (max-width: 991px) {
      .upload-done__block {
        margin-left: 0;
        padding: 130px 30px 60px; } }
    @media only screen and (max-width: 767px) {
      .upload-done__block {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        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: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 86px 24px 86px;
        background-color: rgba(255, 255, 255, 0.8); } }
    .upload-done__block .block-title {
      font-weight: bold;
      letter-spacing: normal;
      margin-bottom: 3.542vw; }
      @media only screen and (max-width: 767px) {
        .upload-done__block .block-title {
          margin-bottom: 32px; } }
      @media only screen and (max-width: 767px) {
        .upload-done__block .block-title:before {
          bottom: 0; } }
    .upload-done__block-inner {
      max-width: 23.438vw; }
      @media only screen and (max-width: 1199px) {
        .upload-done__block-inner {
          max-width: 450px; } }
  .upload-done__body {
    line-height: 2.11;
    word-spacing: 0.208vw;
    margin-bottom: 2.500vw; }
    @media only screen and (max-width: 1920px) {
      .upload-done__body {
        word-spacing: 4px; } }
    @media only screen and (max-width: 1199px) {
      .upload-done__body {
        margin-bottom: 36px; } }
    @media only screen and (max-width: 767px) {
      .upload-done__body {
        line-height: 1.88;
        margin-bottom: 60px; } }
  .upload-done__footer .btn {
    padding: 0.625vw 1.823vw; }
    @media only screen and (max-width: 1920px) {
      .upload-done__footer .btn {
        padding: 12px 35px; } }
    @media only screen and (max-width: 767px) {
      .upload-done__footer .btn {
        padding: 16px 22px; } }

.companies-page .intro__bottom-bg {
  bottom: -11.8vw;
  height: 50.208vw; }
  @media only screen and (max-width: 767px) {
    .companies-page .intro__bottom-bg {
      bottom: 0;
      height: 76.5%; } }

.companies-page .intro__img {
  width: 72.5%; }
  @media only screen and (max-width: 767px) {
    .companies-page .intro__img {
      margin-top: 48px;
      width: 79%; } }

@media only screen and (max-width: 767px) {
  .companies-page .page-intro {
    padding-bottom: 46px; } }

/*network*/
.network {
  padding: 10.729vw 0 14.792vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .network {
      padding: 70px 0 96px; } }
  .network .two-column-block {
    margin-top: 1.510vw;
    margin-bottom: 3.646vw; }
    @media only screen and (max-width: 767px) {
      .network .two-column-block {
        margin: 96px 0 40px; } }

.icon-block {
  position: relative; }
  .icon-block__icon {
    width: 5.208vw;
    position: absolute;
    left: -7.031vw;
    top: -0.365vw; }
    @media only screen and (max-width: 767px) {
      .icon-block__icon {
        width: 60px;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 32px; } }

/*partner*/
.partner {
  position: relative;
  padding: 7.813vw 0; }
  @media only screen and (max-width: 767px) {
    .partner {
      padding: 78px 0 271px; } }
  .partner:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 147%;
    background-color: #f7f7f7;
    content: ''; }
    @media only screen and (max-width: 767px) {
      .partner:before {
        width: 100%;
        height: 100%; } }
  .partner__title-block {
    position: relative;
    margin-top: -0.260vw;
    margin-bottom: 0.521vw; }
    @media only screen and (max-width: 1199px) {
      .partner__title-block {
        margin-bottom: 80px; } }
    @media only screen and (max-width: 767px) {
      .partner__title-block {
        margin: 0 -24px 80px;
        overflow: hidden;
        padding: 0 20px; } }
  .partner__title {
    display: inline-block;
    font-size: 18.021vw;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.216vw;
    color: #d7d7d7;
    position: relative;
    -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
            transform: translateX(-120%);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; }
    @media only screen and (max-width: 767px) {
      .partner__title {
        font-size: 246px;
        letter-spacing: 2.95px;
        -webkit-transition: -webkit-transform 3s ease-in-out;
        transition: -webkit-transform 3s ease-in-out;
        -o-transition: transform 3s ease-in-out;
        transition: transform 3s ease-in-out;
        transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
        margin-top: -54px;
        -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
                transform: translateX(30%); } }
    .partner__title.active {
      -webkit-transform: translateX(-2.5%);
          -ms-transform: translateX(-2.5%);
              transform: translateX(-2.5%); }
      @media only screen and (max-width: 767px) {
        .partner__title.active {
          -webkit-transform: translateX(-820px);
              -ms-transform: translateX(-820px);
                  transform: translateX(-820px); } }
    .partner__title-img {
      position: absolute;
      top: 2.813vw;
      left: 100%;
      height: 5.208vw;
      width: 5.208vw;
      margin-left: 2.188vw; }
      @media only screen and (max-width: 767px) {
        .partner__title-img {
          top: 31px;
          left: 100%;
          height: 60px;
          width: 60px;
          margin-left: 4px; } }
  .partner__head {
    margin-left: -1.250vw; }
    @media only screen and (max-width: 767px) {
      .partner__head {
        margin-left: 0; } }
  .partner .arrow__top:before {
    top: -4.2vw; }
    @media only screen and (max-width: 767px) {
      .partner .arrow__top:before {
        top: -46px; } }

/*consistent*/
.consistent {
  position: relative;
  padding: 14.583vw 0 9.167vw; }
  @media only screen and (max-width: 767px) {
    .consistent {
      padding: 82px 0 98px; } }
  .consistent__bg {
    position: absolute;
    top: 8.229vw;
    right: 0;
    width: 27.87%;
    content: ''; }
    @media only screen and (max-width: 1199px) {
      .consistent__bg {
        position: absolute;
        top: auto;
        right: auto;
        width: 27.87%;
        left: 4vw;
        bottom: 100%;
        margin-bottom: -10vw; } }
    @media only screen and (max-width: 767px) {
      .consistent__bg {
        right: 0;
        width: 196px;
        left: auto;
        margin-bottom: -32px; } }
    .consistent__bg:before {
      position: absolute;
      top: -3.9vw;
      left: -4.1vw;
      display: block;
      border-style: solid;
      border-width: 15vw 15vw 0 0;
      border-color: #0068ff transparent transparent transparent;
      content: '';
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s; }
      @media only screen and (max-width: 767px) {
        .consistent__bg:before {
          top: -8.5vw;
          left: -8.8vw;
          border-width: 33vw 33vw 0 0; } }
  .consistent__head-img {
    margin-top: 2.708vw;
    width: 5.208vw; }
    @media only screen and (max-width: 767px) {
      .consistent__head-img {
        margin-top: -154px;
        width: 50px; } }
  .consistent .half-width {
    padding-top: 1.563vw; }
    @media only screen and (max-width: 767px) {
      .consistent .half-width {
        padding-top: 0;
        margin-top: 144px;
        line-height: 1.88; } }
    .consistent .half-width .md-title {
      margin-top: 2.083vw;
      line-height: 1.8;
      padding-right: 0.208vw;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .consistent .half-width .md-title {
          font-size: 16px;
          margin-top: 34px;
          line-height: 1.88;
          padding-right: 0; } }

.about-page .intro__bottom-bg {
  bottom: -14vw;
  height: 45.208vw; }
  @media only screen and (max-width: 767px) {
    .about-page .intro__bottom-bg {
      bottom: 0;
      height: 76.5%; } }

.values {
  padding: 11.5vw 0 8vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .values {
      padding: 65px 0;
      overflow: hidden; } }
  .values__head {
    margin-left: 12%;
    max-width: 78%;
    margin-bottom: 3.4vw; }
    @media only screen and (max-width: 767px) {
      .values__head {
        margin: 0 0 59px;
        max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .values .small-title {
      font-size: 12px; } }
  .values .two-column-block {
    line-height: 2.11; }
    @media only screen and (max-width: 767px) {
      .values .two-column-block {
        margin-top: 40px;
        line-height: 1.88;
        letter-spacing: 0.09px; } }
    @media only screen and (max-width: 767px) {
      .values .two-column-block p {
        margin-bottom: 0; } }
  .values .content h6 {
    font-weight: 500; }
  .values .arrow__top {
    margin-top: 4.792vw;
    line-height: 2.11; }
    @media only screen and (max-width: 767px) {
      .values .arrow__top {
        margin-top: 122px;
        line-height: 1.88; } }
    .values .arrow__top:before {
      top: -1.417vw; }
      @media only screen and (max-width: 1920px) {
        .values .arrow__top:before {
          top: -30px; } }
      @media only screen and (max-width: 767px) {
        .values .arrow__top:before {
          top: -48px;
          left: -2px; } }

.about-dignity {
  list-style: none;
  margin-top: 4.167vw;
  margin-left: 10.104vw;
  position: relative;
  z-index: 5; }
  @media only screen and (max-width: 767px) {
    .about-dignity {
      white-space: nowrap;
      margin: 58px -24px 0 34px;
      padding-bottom: 16px;
      -webkit-transition: -webkit-transform 1.5s .5s;
      transition: -webkit-transform 1.5s .5s;
      -o-transition: transform 1.5s .5s;
      transition: transform 1.5s .5s;
      transition: transform 1.5s .5s, -webkit-transform 1.5s .5s; } }
  @media only screen and (min-width: 768px) {
    .about-dignity {
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important; } }
  .about-dignity li {
    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;
    width: 18.802vw;
    height: 18.802vw;
    font-size: 1.771vw;
    font-weight: normal;
    line-height: 1.47;
    color: #0068ff;
    border-radius: 50%;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .about-dignity li {
        width: 178px;
        height: 178px;
        font-size: 14px; } }
    .about-dignity li + li {
      margin-left: -2.969vw; }
      @media only screen and (max-width: 767px) {
        .about-dignity li + li {
          margin-left: -34px; } }
    .about-dignity li:first-child span {
      opacity: 1; }
    .about-dignity li:first-child .pie-stuffing {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .about-dignity li:first-child.active .pie-stuffing {
      -webkit-animation: progress .5s ease forwards;
              animation: progress .5s ease forwards; }
    .about-dignity li:nth-child(2) .pie-stuffing {
      -webkit-transform: rotate(148deg);
          -ms-transform: rotate(148deg);
              transform: rotate(148deg); }
    .about-dignity li:nth-child(2).active .pie-stuffing {
      -webkit-animation: progress-2 .5s ease forwards;
              animation: progress-2 .5s ease forwards; }
    .about-dignity li:nth-child(3) .pie-stuffing {
      -webkit-transform: rotate(-148deg);
          -ms-transform: rotate(-148deg);
              transform: rotate(-148deg); }
    .about-dignity li:nth-child(3).active .pie-stuffing {
      -webkit-animation: progress-3 .5s ease forwards;
              animation: progress-3 .5s ease forwards; }
    .about-dignity li:nth-child(4) .pie-stuffing {
      -webkit-transform: rotate(148deg);
          -ms-transform: rotate(148deg);
              transform: rotate(148deg); }
    .about-dignity li:nth-child(4).active .pie-stuffing {
      -webkit-animation: progress-4 1s ease forwards;
              animation: progress-4 1s ease forwards; }
    .about-dignity li:nth-child(4).active .pie-arrow {
      -webkit-transform: rotate(178deg);
          -ms-transform: rotate(178deg);
              transform: rotate(178deg);
      opacity: 1; }
    .about-dignity li.active span {
      opacity: 1; }
    .about-dignity li span {
      opacity: 0;
      letter-spacing: 0.026vw;
      display: inline-block;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s; }
      @media only screen and (max-width: 1920px) {
        .about-dignity li span {
          letter-spacing: .5px; } }
    .about-dignity li .pie {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: scale(1.13);
          -ms-transform: scale(1.13);
              transform: scale(1.13); }
      @media only screen and (max-width: 767px) {
        .about-dignity li .pie {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); } }
    .about-dignity li .pie-arrow {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition: -webkit-transform 1s ease;
      transition: -webkit-transform 1s ease;
      -o-transition: transform 1s ease;
      transition: transform 1s ease;
      transition: transform 1s ease, -webkit-transform 1s ease;
      -webkit-transform: rotate(-125deg);
          -ms-transform: rotate(-125deg);
              transform: rotate(-125deg);
      opacity: 0; }
      .about-dignity li .pie-arrow svg {
        position: absolute;
        left: 50%;
        top: 0;
        width: 1.042vw;
        height: 1.042vw;
        margin: -0.55vw 0 0 -0.469vw;
        -webkit-transform: scale(1.5) rotate(180deg);
            -ms-transform: scale(1.5) rotate(180deg);
                transform: scale(1.5) rotate(180deg); }
        @media only screen and (max-width: 767px) {
          .about-dignity li .pie-arrow svg {
            width: 20px;
            height: 20px;
            margin: -8px 0 0 -10px;
            -webkit-transform: scale(1) rotate(180deg);
                -ms-transform: scale(1) rotate(180deg);
                    transform: scale(1) rotate(180deg); } }

.pie-trail {
  fill: none;
  stroke: transparent;
  stroke-width: 2px; }

.pie-stuffing {
  stroke-linecap: round;
  stroke-miterlimit: 1.5;
  fill: none;
  stroke: #0068ff;
  stroke-width: 2px;
  stroke-dashoffset: 563.801;
  stroke-dasharray: 563.801, 563.801;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

@-webkit-keyframes progress {
  100% {
    stroke-dashoffset: 939; } }

@keyframes progress {
  100% {
    stroke-dashoffset: 939; } }

@-webkit-keyframes progress-2 {
  100% {
    stroke-dashoffset: 284; } }

@keyframes progress-2 {
  100% {
    stroke-dashoffset: 284; } }

@-webkit-keyframes progress-3 {
  100% {
    stroke-dashoffset: 849; } }

@keyframes progress-3 {
  100% {
    stroke-dashoffset: 849; } }

@-webkit-keyframes progress-4 {
  100% {
    stroke-dashoffset: 93; } }

@keyframes progress-4 {
  100% {
    stroke-dashoffset: 93; } }

.team-section {
  position: relative; }
  .team-section:before {
    background-color: #f7f7f7;
    position: absolute;
    top: 22vw;
    left: 0;
    height: 26.5vw;
    width: 100%;
    content: ''; }
    @media only screen and (max-width: 767px) {
      .team-section:before {
        top: 132px;
        height: 717px; } }
  .team-section:after {
    background-color: #f7f7f7;
    position: absolute;
    top: 44.5vw;
    left: 0;
    height: 15.3025vw;
    width: 31%;
    content: '';
    z-index: -1; }
    @media only screen and (max-width: 1199px) {
      .team-section:after {
        height: 50vw; } }
    @media only screen and (max-width: 767px) {
      .team-section:after {
        display: none; } }
  .team-section__wrapper {
    overflow: hidden;
    padding: 13vw 0 8.646vw; }
    @media only screen and (max-width: 767px) {
      .team-section__wrapper {
        padding: 109px 0 66px; } }
  .team-section__bg {
    position: absolute;
    right: 7.813vw;
    top: -30%;
    width: 30%; }
    @media only screen and (max-width: 1199px) {
      .team-section__bg {
        right: 0;
        top: -23.8vw;
        width: 40%; } }
    @media only screen and (max-width: 767px) {
      .team-section__bg {
        right: 0;
        top: 36px;
        width: 100%; } }
  .team-section__head {
    max-width: 52%;
    margin-bottom: 4.917vw; }
    @media only screen and (max-width: 767px) {
      .team-section__head {
        max-width: 100%;
        margin-bottom: 60px; } }
  .team-section .contacts-block {
    margin-left: 15.5%; }
    @media only screen and (max-width: 1199px) {
      .team-section .contacts-block {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .team-section .contacts-block {
        margin-bottom: 35px; } }
    .team-section .contacts-block__icon {
      width: 5.208vw;
      margin-bottom: 2.500vw; }
      @media only screen and (max-width: 1199px) {
        .team-section .contacts-block__icon {
          width: 80px;
          margin-bottom: 50px; } }
      @media only screen and (max-width: 767px) {
        .team-section .contacts-block__icon {
          width: 100px;
          margin-bottom: 26px; } }
    .team-section .contacts-block .address, .team-section .contacts-block .footer__contact-link {
      font-size: 1.042vw;
      font-weight: normal;
      font-style: normal;
      line-height: 1.6;
      color: #0068ff;
      word-spacing: 0.208vw; }
      @media only screen and (max-width: 1920px) {
        .team-section .contacts-block .address, .team-section .contacts-block .footer__contact-link {
          font-size: 20px;
          word-spacing: 4px; } }
      @media only screen and (max-width: 767px) {
        .team-section .contacts-block .address, .team-section .contacts-block .footer__contact-link {
          font-size: 18px;
          line-height: 1.67; } }
      .team-section .contacts-block .address a, .team-section .contacts-block .footer__contact-link a {
        color: #0068ff; }
        .team-section .contacts-block .address a:hover, .team-section .contacts-block .footer__contact-link a:hover {
          color: #024EFF; }
      .team-section .contacts-block .address span, .team-section .contacts-block .footer__contact-link span {
        font-weight: normal; }
    .team-section .contacts-block .address {
      margin-bottom: 3.333vw; }
      @media only screen and (max-width: 767px) {
        .team-section .contacts-block .address {
          margin-bottom: 30px; } }
  .team-section .col__right .content {
    margin-top: 7.448vw;
    word-spacing: 0.208vw; }
    @media only screen and (max-width: 1920px) {
      .team-section .col__right .content {
        word-spacing: 4px; } }
    @media only screen and (max-width: 767px) {
      .team-section .col__right .content {
        line-height: 1.88;
        margin-top: 25px; } }
    .team-section .col__right .content h5 {
      line-height: 1.8;
      margin-bottom: 2.135vw; }
      @media only screen and (max-width: 767px) {
        .team-section .col__right .content h5 {
          line-height: 1.68;
          margin-bottom: 34px; } }

.team-block {
  position: relative;
  margin-top: -5vw; }
  @media only screen and (max-width: 1199px) {
    .team-block {
      margin-top: 6vw; } }
  @media only screen and (max-width: 767px) {
    .team-block {
      margin-top: 43vw; } }
  .team-block__top-img {
    position: absolute;
    bottom: 100%;
    margin-bottom: -6vw;
    margin-left: 8.5vw;
    width: 27.865vw; }
    @media only screen and (max-width: 1199px) {
      .team-block__top-img {
        margin-bottom: -17.4vw; } }
    @media only screen and (max-width: 991px) {
      .team-block__top-img {
        width: 32.865vw; } }
    @media only screen and (max-width: 767px) {
      .team-block__top-img {
        width: 65vw;
        margin-left: 29vw;
        overflow: hidden; } }
    @media only screen and (max-width: 767px) {
      .team-block__top-img picture {
        -webkit-transform: scale(1.45) translateX(15%);
            -ms-transform: scale(1.45) translateX(15%);
                transform: scale(1.45) translateX(15%); } }
  .team-block__bottom-img {
    position: absolute;
    top: 100%;
    margin-top: -15.2vw;
    z-index: -1;
    margin-left: 8.5vw;
    width: 27.865vw; }
    @media only screen and (max-width: 1199px) {
      .team-block__bottom-img {
        margin-top: -20.4vw; } }
    @media only screen and (max-width: 991px) {
      .team-block__bottom-img {
        width: 32.865vw;
        margin-top: -23.4vw; } }
    @media only screen and (max-width: 767px) {
      .team-block__bottom-img {
        width: 65vw;
        margin-left: 29vw;
        margin-top: -56.4vw; } }
    @media only screen and (max-width: 767px) {
      .team-block__bottom-img picture {
        -webkit-transform: scale(1.45) translateX(15%);
            -ms-transform: scale(1.45) translateX(15%);
                transform: scale(1.45) translateX(15%); } }
  .team-block__inner {
    width: 24.427vw; }
    @media only screen and (max-width: 767px) {
      .team-block__inner {
        width: 80vw; } }
    .team-block__inner-img {
      position: relative; }
      .team-block__inner-img:before {
        position: absolute;
        top: -0.55vw;
        left: -0.55vw;
        display: block;
        border-style: solid;
        border-width: 6vw 6vw 0 0;
        border-color: #0068ff transparent transparent transparent;
        content: '';
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s; }
        @media only screen and (max-width: 767px) {
          .team-block__inner-img:before {
            top: -2vw;
            left: -2vw;
            border-width: 19vw 19vw 0 0; } }
    .team-block__inner-desc {
      position: absolute;
      color: #fff;
      margin-left: 8.5vw;
      padding: 1.458vw 2.604vw 0 1.302vw;
      min-height: 7.813vw;
      width: 15.938vw;
      line-height: 1; }
      @media only screen and (max-width: 1199px) {
        .team-block__inner-desc {
          padding-right: 0; } }
      @media only screen and (max-width: 767px) {
        .team-block__inner-desc {
          padding: 6vw 0 0 6vw;
          width: 54vw;
          margin-left: 26.5vw; } }
    .team-block__inner-name {
      font-size: 1.042vw;
      line-height: 1.2;
      font-weight: bold;
      font-style: normal;
      letter-spacing: 0.006vw;
      word-spacing: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .team-block__inner-name {
          font-size: 20px;
          letter-spacing: 0.11px;
          word-spacing: 3px; } }
      @media only screen and (max-width: 1199px) {
        .team-block__inner-name {
          font-size: 16px;
          margin-bottom: 3px; } }
    .team-block__inner-prof {
      font-size: 0.833vw;
      font-style: italic;
      line-height: 1.25;
      letter-spacing: 0.005vw;
      margin-bottom: 0.781vw; }
      @media only screen and (max-width: 1920px) {
        .team-block__inner-prof {
          font-size: 16px;
          letter-spacing: 0.09px;
          margin-bottom: 15px; } }
      @media only screen and (max-width: 1199px) {
        .team-block__inner-prof {
          font-size: 12px; } }
    .team-block__inner-tel {
      font-size: 0.938vw;
      white-space: nowrap;
      color: #fff !important;
      margin-bottom: 0.365vw; }
      @media only screen and (max-width: 1920px) {
        .team-block__inner-tel {
          font-size: 18px;
          margin-bottom: 7px; } }
      @media only screen and (max-width: 1199px) {
        .team-block__inner-tel {
          font-size: 14px; } }
    .team-block__inner-mail {
      font-size: 0.833vw;
      color: #fff !important; }
      @media only screen and (max-width: 1920px) {
        .team-block__inner-mail {
          font-size: 16px; } }
      @media only screen and (max-width: 1199px) {
        .team-block__inner-mail {
          font-size: 12px; } }

.team-slider {
  margin: 0 -1.354vw;
  width: 62.500vw; }
  @media only screen and (max-width: 1199px) {
    .team-slider {
      width: 66vw; } }
  @media only screen and (max-width: 767px) {
    .team-slider {
      margin: 0;
      width: 1200px; } }
  .team-slider .slick-slide {
    padding: 2vw 1.354vw 150px; }
    @media only screen and (max-width: 767px) {
      .team-slider .slick-slide {
        padding-left: 6px;
        padding-right: 6px; } }
    .team-slider .slick-slide.slick-current .team-block__inner-img:before, .team-slider .slick-slide.slick-current-clone-animate .team-block__inner-img:before {
      opacity: 1; }
  .team-slider .slick-arrow {
    position: absolute; }
    .team-slider .slick-arrow.slick-prev {
      display: none !important; }
    .team-slider .slick-arrow.slick-next {
      top: 28.4vw;
      left: 24.167vw; }
      @media only screen and (max-width: 1199px) {
        .team-slider .slick-arrow.slick-next {
          top: -1vw;
          left: 22.5vw;
          bottom: auto; } }
      @media only screen and (max-width: 767px) {
        .team-slider .slick-arrow.slick-next {
          left: 72vw;
          top: 12vw; } }

.slick-arrow {
  position: absolute;
  width: 1.667vw;
  height: 0.885vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  border: 0; }
  @media only screen and (max-width: 1199px) {
    .slick-arrow {
      width: 32px;
      height: 17px; } }
  .slick-arrow.slick-next {
    background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2719%27 viewBox=%270 0 36 19%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%23000%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27m25.555 17.735 8.18-8.18-8.18-8.18M.626 9.555h32%27/%3E%3C/g%3E%3C/svg%3E"); }

.white-arrow .slick-next {
  background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2719%27 viewBox=%270 0 36 19%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%23FFF%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27m25.555 17.735 8.18-8.18-8.18-8.18M.626 9.555h32%27/%3E%3C/g%3E%3C/svg%3E"); }

/*JOBS*/
.jobs-page {
  background-color: #f7f7f7; }

.live-search-field {
  border: 0;
  background-color: transparent;
  height: 2.813vw;
  width: 100%;
  padding-left: 2.708vw;
  padding-right: 0.521vw;
  font-size: 0.729vw;
  font-weight: 500;
  line-height: 1.41;
  letter-spacing: 0.052vw; }
  @media only screen and (max-width: 1920px) {
    .live-search-field {
      height: 54px;
      padding-left: 52px;
      padding-right: 10px;
      font-size: 14px;
      letter-spacing: 1px; } }
  .live-search-field::-webkit-input-placeholder {
    color: #b7b7b7;
    font-weight: normal; }
  .live-search-field::-moz-placeholder {
    color: #b7b7b7;
    font-weight: normal; }
  .live-search-field:-ms-input-placeholder {
    color: #b7b7b7;
    font-weight: normal; }
  .live-search-field::-ms-input-placeholder {
    color: #b7b7b7;
    font-weight: normal; }
  .live-search-field::placeholder {
    color: #b7b7b7;
    font-weight: normal; }

.live-search-block {
  position: absolute;
  top: 100%;
  left: 1px;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0.052vw 0.521vw 0 rgba(167, 167, 167, 0.33);
          box-shadow: 0 0.052vw 0.521vw 0 rgba(167, 167, 167, 0.33);
  padding: 0.625vw 0.521vw 0 1.2vw;
  margin-top: 0.521vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s opacity, .3s visibility;
  -o-transition: .3s opacity, .3s visibility;
  transition: .3s opacity, .3s visibility;
  z-index: 2; }
  @media only screen and (max-width: 1920px) {
    .live-search-block {
      -webkit-box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
              box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
      padding: 12px 10px 0 24px;
      margin-top: 10px; } }
  .live-search-block .search-field {
    margin-bottom: 0.521vw; }
    @media only screen and (max-width: 1920px) {
      .live-search-block .search-field {
        margin-bottom: 10px; } }

.live-search-open .live-search-block {
  opacity: 1;
  visibility: visible; }

.select-form-group:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color: #000;
  display: block;
  pointer-events: none;
  position: absolute;
  right: 0;
  font-size: 0.729vw;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (max-width: 1920px) {
    .select-form-group:after {
      font-size: 14px; } }

.nav-bar-block .live-search-field {
  padding-left: 1.250vw; }
  @media only screen and (max-width: 1920px) {
    .nav-bar-block .live-search-field {
      padding-left: 24px; } }
  @media only screen and (max-width: 767px) {
    .nav-bar-block .live-search-field {
      -webkit-box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
              box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
      background-color: #fff;
      padding-left: 58px; } }

.nav-bar-block .select-form-group:after {
  right: 0.781vw; }
  @media only screen and (max-width: 1920px) {
    .nav-bar-block .select-form-group:after {
      right: 15px; } }
  @media only screen and (max-width: 767px) {
    .nav-bar-block .select-form-group:after {
      right: 30px; } }

.jobs {
  padding: 12.396vw 0 6.250vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .jobs {
      padding: 130px 0 56px; } }
  .jobs__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22.292vw;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    @media only screen and (max-width: 1799px) {
      .jobs__bg {
        height: 23vw; } }
    @media only screen and (max-width: 1199px) {
      .jobs__bg {
        height: 24vw; } }
    @media only screen and (max-width: 991px) {
      .jobs__bg {
        height: 26vw; } }
    @media only screen and (max-width: 767px) {
      .jobs__bg {
        height: 247px; } }
  .jobs .container {
    position: relative;
    z-index: 2; }
  .jobs__row {
    margin-left: -1.406vw;
    margin-right: -1.406vw; }
    @media only screen and (max-width: 1439px) {
      .jobs__row {
        margin-left: -15px;
        margin-right: -15px; } }
    .jobs__row > div {
      padding-left: 1.406vw;
      padding-right: 1.406vw; }
      @media only screen and (max-width: 1439px) {
        .jobs__row > div {
          padding-left: 15px;
          padding-right: 15px; } }
    @media only screen and (min-width: 1200px) {
      .jobs__row-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 23%;
                flex: 0 0 23%;
        min-width: 23%; } }
    @media only screen and (min-width: 1200px) {
      .jobs__row-center {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 28%;
                flex: 0 0 28%;
        min-width: 28%; } }
    @media only screen and (min-width: 1200px) {
      .jobs__row-right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 49%;
                flex: 0 0 49%;
        min-width: 49%; } }
  .jobs__head {
    margin-bottom: 2.396vw; }
    @media only screen and (max-width: 767px) {
      .jobs__head .page-title {
        font-size: 24px;
        word-spacing: 3px;
        padding-right: 30px;
        line-height: 1.21;
        margin-bottom: 14px; } }
  .jobs .job-find__form {
    padding-top: 0.521vw;
    padding-bottom: 0.521vw;
    margin-bottom: 3.5vw;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 1920px) {
      .jobs .job-find__form {
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .jobs .job-find__form {
        background-color: transparent;
        padding: 0;
        margin-bottom: 47px; } }
    @media only screen and (max-width: 767px) {
      .jobs .job-find__form .form-row {
        display: block; } }
    .jobs .job-find__form .search-form-group {
      width: 100% !important;
      margin-left: 0.417vw; }
      @media only screen and (max-width: 1920px) {
        .jobs .job-find__form .search-form-group {
          margin-left: 8px; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .search-form-group {
          margin-left: 0; } }
    .jobs .job-find__form .btn {
      min-width: 10.938vw; }
      @media only screen and (max-width: 1799px) {
        .jobs .job-find__form .btn {
          min-width: 12vw; } }
      @media only screen and (max-width: 1439px) {
        .jobs .job-find__form .btn {
          min-width: 146px; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .btn {
          height: 48px; } }
    .jobs .job-find__form .tagify__input {
      height: 2.813vw;
      margin: 0;
      padding: 0.833vw 0; }
      @media only screen and (max-width: 1920px) {
        .jobs .job-find__form .tagify__input {
          height: 54px;
          padding: 16px 0; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .tagify__input {
          height: 59px;
          padding: 19px 0; } }
      .jobs .job-find__form .tagify__input:before {
        line-height: normal; }
    @media only screen and (max-width: 767px) {
      .jobs .job-find__form .search-form-group i {
        left: 18px; } }
    @media only screen and (max-width: 767px) {
      .jobs .job-find__form .find-control {
        padding-left: 45px; } }
    .jobs .job-find__form .find-control:not(.tagify--noTags) .tagify__input:before {
      opacity: 0 !important; }
    .jobs .job-find__form .select-form-group {
      position: relative;
      margin-right: 1.823vw;
      width: 15.625vw !important; }
      @media only screen and (max-width: 1920px) {
        .jobs .job-find__form .select-form-group {
          width: 300px !important; } }
      @media only screen and (max-width: 1199px) {
        .jobs .job-find__form .select-form-group {
          width: 230px !important; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .select-form-group {
          width: 100% !important;
          margin-right: 0;
          -webkit-box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
                  box-shadow: 0 1px 10px 0 rgba(167, 167, 167, 0.33);
          background-color: #fff; } }
      .jobs .job-find__form .select-form-group:before {
        position: absolute;
        top: -0.521vw;
        left: 0;
        bottom: -0.521vw;
        width: 1px;
        background-color: #d7d7d7;
        content: '';
        z-index: 1; }
        @media only screen and (max-width: 1920px) {
          .jobs .job-find__form .select-form-group:before {
            top: -10px;
            bottom: -10px; } }
        @media only screen and (max-width: 767px) {
          .jobs .job-find__form .select-form-group:before {
            display: none; } }
      .jobs .job-find__form .select-form-group:after {
        display: none; }
        @media only screen and (max-width: 767px) {
          .jobs .job-find__form .select-form-group:after {
            font-size: 12px;
            right: 36px; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .select-form-group .live-search-field {
          padding-left: 45px;
          padding-right: 55px; } }
      @media only screen and (max-width: 767px) {
        .jobs .job-find__form .select-form-group .nice-select:after {
          right: 35px; } }
      .jobs .job-find__form .select-form-group .find-control {
        padding-left: 2.708vw; }
        @media only screen and (max-width: 1920px) {
          .jobs .job-find__form .select-form-group .find-control {
            padding-left: 52px; } }
        @media only screen and (max-width: 767px) {
          .jobs .job-find__form .select-form-group .find-control {
            padding-left: 45px; } }
      .jobs .job-find__form .select-form-group i {
        left: 1.354vw; }
        @media only screen and (max-width: 1920px) {
          .jobs .job-find__form .select-form-group i {
            left: 26px; } }
        @media only screen and (max-width: 767px) {
          .jobs .job-find__form .select-form-group i {
            left: 21px; } }
  @media only screen and (max-width: 767px) {
    .jobs__filter {
      width: 328px; } }
  @media only screen and (max-width: 1199px) {
    .jobs__filter {
      width: 270px; } }
  @media only screen and (max-width: 767px) {
    .jobs__filter {
      width: 100%; } }
  .jobs__filter-body {
    padding-top: 0.781vw; }
    @media only screen and (max-width: 1920px) {
      .jobs__filter-body {
        padding-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .jobs__filter > .jobs__filter-body {
      padding-bottom: 16px; } }
  .jobs__filter-title {
    display: none;
    font-size: 0.833vw;
    font-weight: normal;
    line-height: 1.63;
    color: #0068ff;
    padding-right: 30px;
    position: relative; }
    @media only screen and (max-width: 1920px) {
      .jobs__filter-title {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .jobs__filter-title {
        display: block;
        margin-bottom: 12px; } }
    .jobs__filter-title i {
      font-size: 0.625vw;
      position: absolute;
      top: 0.260vw;
      right: 0.104vw;
      -webkit-transition: .3s transform;
      -o-transition: .3s transform;
      transition: .3s transform; }
      @media only screen and (max-width: 1920px) {
        .jobs__filter-title i {
          font-size: 12px;
          top: 8px;
          right: 2px; } }
    .jobs__filter-title.active i {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .jobs__filter-block {
    margin-bottom: 40px; }
    @media only screen and (max-width: 1920px) {
      .jobs__filter-block {
        margin-bottom: 2.083vw; } }
    @media only screen and (max-width: 767px) {
      .jobs__filter-block {
        margin-bottom: 42px; } }
    .jobs__filter-block-title {
      font-size: 0.833vw;
      font-weight: 600;
      line-height: 1.63;
      cursor: pointer;
      padding-right: 1.563vw;
      position: relative; }
      @media only screen and (max-width: 1920px) {
        .jobs__filter-block-title {
          font-size: 16px;
          padding-right: 30px; } }
      .jobs__filter-block-title:before {
        font-size: 0.625vw;
        position: absolute;
        top: 0.260vw;
        right: 0.104vw;
        content: "\f077";
        font-family: "Font Awesome 5 Free";
        -webkit-transition: .3s transform;
        -o-transition: .3s transform;
        transition: .3s transform; }
        @media only screen and (max-width: 1920px) {
          .jobs__filter-block-title:before {
            font-size: 12px;
            top: 5px;
            right: 2px; } }
        @media only screen and (max-width: 767px) {
          .jobs__filter-block-title:before {
            top: 3px; } }
      .jobs__filter-block-title.active:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
  .jobs__result {
    height: 44.792vw;
    overflow: auto; }
    @media only screen and (max-width: 1920px) {
      .jobs__result {
        height: 860px; } }
    @media only screen and (max-width: 1799px) {
      .jobs__result {
        height: 830px; } }
    @media only screen and (max-width: 1199px) {
      .jobs__result {
        height: auto;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .jobs__result {
        padding-top: 8px;
        -ms-touch-action: pan-y !important;
            touch-action: pan-y !important; } }
    .jobs__result-block {
      background-color: #fff;
      margin-bottom: 1.042vw;
      padding: 1.042vw;
      display: block;
      -webkit-transition: .3s background-color;
      -o-transition: .3s background-color;
      transition: .3s background-color; }
      @media only screen and (max-width: 1920px) {
        .jobs__result-block {
          margin-bottom: 20px;
          padding: 20px; } }
      @media only screen and (max-width: 767px) {
        .jobs__result-block {
          margin-bottom: 15px;
          padding-bottom: 17px; } }
      .jobs__result-block.active, .jobs__result-block:hover {
        background-color: #0068ff; }
        .jobs__result-block.active .badge, .jobs__result-block:hover .badge {
          background-color: #fff;
          color: #000; }
        .jobs__result-block.active .job__date, .jobs__result-block.active .latest-jobs__link-title, .jobs__result-block.active .latest-jobs__link-label, .jobs__result-block.active .job__label, .jobs__result-block:hover .job__date, .jobs__result-block:hover .latest-jobs__link-title, .jobs__result-block:hover .latest-jobs__link-label, .jobs__result-block:hover .job__label {
          color: #fff; }
        .jobs__result-block.active .latest-jobs__link:before, .jobs__result-block:hover .latest-jobs__link:before {
          -webkit-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg);
          background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27%23fff%27 stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M5.825 5.742h7.944v7.944M5.064 14.447l8.705-8.705%27/%3E%3C/g%3E%3C/svg%3E"); }
      .jobs__result-block:last-child {
        margin-bottom: 0; }
      .jobs__result-block-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (max-width: 767px) {
          .jobs__result-block-head {
            margin-bottom: 12px; } }
      .jobs__result-block .latest-jobs__link {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-top: 0.521vw;
        padding-bottom: 0.521vw;
        border-bottom: 0; }
        @media only screen and (max-width: 1920px) {
          .jobs__result-block .latest-jobs__link {
            padding-top: 10px;
            padding-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .jobs__result-block .latest-jobs__link {
            padding-top: 1px;
            padding-bottom: 1px; } }
        .jobs__result-block .latest-jobs__link:before {
          top: 0.677vw; }
          @media only screen and (max-width: 1920px) {
            .jobs__result-block .latest-jobs__link:before {
              top: 13px; } }
          @media only screen and (max-width: 767px) {
            .jobs__result-block .latest-jobs__link:before {
              top: 7px;
              right: -3px;
              width: 18px;
              height: 18px; } }
        .jobs__result-block .latest-jobs__link-title {
          font-size: 1.042vw;
          margin-bottom: 0.208vw; }
          @media only screen and (max-width: 1920px) {
            .jobs__result-block .latest-jobs__link-title {
              font-size: 20px;
              margin-bottom: 4px; } }
          @media only screen and (max-width: 767px) {
            .jobs__result-block .latest-jobs__link-title {
              font-size: 16px;
              line-height: 1.63;
              margin-bottom: 0; } }
      .jobs__result-block-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .jobs__result-block-footer-tag {
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          max-width: 100%; }
        .jobs__result-block-footer-date {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          width: auto;
          max-width: 100%; }
  .jobs__icon {
    width: 2.917vw;
    height: 2.917vw;
    -webkit-box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.21);
            box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.21);
    padding: 0.417vw;
    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;
    margin-right: 0.729vw;
    border-radius: 0.365vw;
    background-color: #fff; }
    @media only screen and (max-width: 1920px) {
      .jobs__icon {
        width: 56px;
        height: 56px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
        padding: 8px;
        margin-right: 14px;
        border-radius: 7px; } }
    @media only screen and (max-width: 767px) {
      .jobs__icon {
        width: 42px;
        height: 42px; } }

.job {
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .job {
      margin: 0 -24px; } }
  .job__mobile-link {
    display: none; }
    @media only screen and (max-width: 1199px) {
      .job__mobile-link {
        display: block;
        margin-bottom: 14px; } }
    @media only screen and (max-width: 767px) {
      .job__mobile-link {
        margin-top: -30px; } }
    .job__mobile-link .btn-link {
      font-size: 12px;
      font-weight: 300;
      margin-left: 5px;
      word-spacing: 2px; }
      .job__mobile-link .btn-link i {
        position: relative;
        top: 1px;
        margin-right: 6px; }
  .job__inner {
    padding: 3.125vw 2.865vw 2.8vw; }
    @media only screen and (max-width: 1439px) {
      .job__inner {
        padding: 50px 20px 30px; } }
    @media only screen and (max-width: 767px) {
      .job__inner {
        padding: 59px 24px 41px; } }
  .job__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0.833vw; }
    @media only screen and (max-width: 1920px) {
      .job__head {
        margin-bottom: 16px; } }
    @media only screen and (max-width: 767px) {
      .job__head {
        margin-bottom: 26px; } }
    .job__head-left {
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: 100%; }
    .job__head-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      max-width: 100%;
      text-align: right;
      line-height: 1; }
      @media only screen and (max-width: 767px) {
        .job__head-right {
          padding-top: 6px; } }
    .job__head-link {
      position: relative;
      margin-bottom: 0.625vw; }
      @media only screen and (max-width: 1920px) {
        .job__head-link {
          margin-bottom: 12px; } }
      @media only screen and (max-width: 1199px) {
        .job__head-link {
          margin-bottom: 8px;
          margin-top: 3px; } }
      .job__head-link a {
        margin-left: 0.625vw; }
        @media only screen and (max-width: 1920px) {
          .job__head-link a {
            margin-left: 12px; } }
      .job__head-link svg g, .job__head-link svg stroke, .job__head-link svg path {
        /*transition: fill .3s, stroke .3s;*/ }
      .job__head-link a:hover .print-link g {
        fill: #0068ff !important; }
      .job__head-link a:hover .download-link g {
        stroke: #0068ff !important; }
      .job__head-link a:hover .share-link path {
        fill: #0068ff !important; }
    .job__head .latest-jobs__link-title {
      font-size: 1.250vw;
      font-weight: 600;
      line-height: 1.08;
      word-spacing: 0.104vw;
      margin-bottom: 0.573vw; }
      @media only screen and (max-width: 1920px) {
        .job__head .latest-jobs__link-title {
          font-size: 24px;
          word-spacing: 2px;
          margin-bottom: 11px; } }
      @media only screen and (max-width: 767px) {
        .job__head .latest-jobs__link-title {
          margin-bottom: 3px; } }
    @media only screen and (max-width: 767px) {
      .job__head .latest-jobs__link-label {
        font-size: 12px; } }
    .job__head-intro {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      padding: 2.135vw 2.396vw 1.823vw; }
      @media only screen and (max-width: 1439px) {
        .job__head-intro {
          padding: 30px 16px; } }
      @media only screen and (max-width: 767px) {
        .job__head-intro {
          padding: 28px 16px 37px; } }
      .job__head-intro-img {
        width: 6.875vw; }
        @media only screen and (max-width: 1920px) {
          .job__head-intro-img {
            width: 132px; } }
        @media only screen and (max-width: 767px) {
          .job__head-intro-img {
            width: 83px;
            margin-left: 3px; } }
      .job__head-intro .job__head-link {
        position: absolute;
        top: 26px;
        right: 24px; }
        @media only screen and (max-width: 767px) {
          .job__head-intro .job__head-link a {
            margin-left: 8px; } }
        @media only screen and (max-width: 767px) {
          .job__head-intro .job__head-link a svg {
            -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                    transform: scale(0.8); } }
      .job__head-intro .btn {
        position: absolute;
        font-size: 0.729vw;
        padding: 0.573vw 2.344vw 0.469vw;
        line-height: 1.41;
        letter-spacing: 0.052vw;
        right: 2.865vw;
        bottom: 0;
        font-weight: 700;
        z-index: 3;
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%); }
        @media only screen and (max-width: 1920px) {
          .job__head-intro .btn {
            font-size: 14px;
            padding: 11px 45px 9px;
            letter-spacing: 1px; } }
        @media only screen and (max-width: 1439px) {
          .job__head-intro .btn {
            right: 16px; } }
        @media only screen and (max-width: 767px) {
          .job__head-intro .btn {
            right: 24px;
            font-size: 12px;
            padding: 8px 34px 7px;
            letter-spacing: .86px; } }
  .job__label {
    font-size: 0.625vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
    color: #0068ff;
    -webkit-transition: .3s color;
    -o-transition: .3s color;
    transition: .3s color; }
    @media only screen and (max-width: 1920px) {
      .job__label {
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .job__label {
        font-size: 8px; } }
  .job__date {
    font-size: 0.625vw;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #919191;
    margin-right: 0.208vw;
    -webkit-transition: .3s color;
    -o-transition: .3s color;
    transition: .3s color; }
    @media only screen and (max-width: 1920px) {
      .job__date {
        font-size: 12px;
        margin-right: 4px; } }
    @media only screen and (max-width: 767px) {
      .job__date {
        font-size: 8px;
        margin-right: 0; } }
  .job__desc {
    border-radius: 0.365vw;
    border: solid 1px #d7d7d7;
    font-size: 0.625vw;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1920px) {
      .job__desc {
        border-radius: 7px;
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .job__desc {
        display: block;
        border: 0;
        border-radius: 0; } }
    .job__desc .label {
      font-weight: 300;
      font-style: italic;
      margin-bottom: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .job__desc .label {
          margin-bottom: 3px; } }
    .job__desc .desc {
      font-weight: 600;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
    .job__desc-mail {
      position: absolute;
      z-index: 2;
      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: 30px;
      height: 30px;
      border-radius: 17px;
      right: -0.365vw;
      bottom: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .job__desc-mail {
          right: -7px;
          bottom: 3px; } }
      @media only screen and (max-width: 767px) {
        .job__desc-mail {
          right: 0;
          bottom: 0; } }
      .job__desc-mail span {
        display: none;
        position: absolute;
        height: 30px;
        top: 0;
        background: #d7d7d7;
        color: #000;
        font-size: 14px;
        text-align: right;
        white-space: nowrap;
        padding: 0 40px 0 15px;
        line-height: 1;
        border-radius: 17px;
        right: 0;
        z-index: -1;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; }
      .job__desc-mail svg g {
        -webkit-transition: .3s stroke;
        -o-transition: .3s stroke;
        transition: .3s stroke; }
      .job__desc-mail:hover span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .job__desc-mail:hover svg g {
        stroke: #0068ff !important; }
    .job__desc-top {
      width: 47%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      vertical-align: top; }
      @media only screen and (max-width: 1799px) {
        .job__desc-top {
          width: 40%; } }
      @media only screen and (max-width: 1439px) {
        .job__desc-top {
          width: 35%; } }
      @media only screen and (max-width: 767px) {
        .job__desc-top {
          width: 100%;
          margin-bottom: 10px;
          border: solid 1px #d7d7d7;
          border-radius: 7px; } }
      .job__desc-top > div {
        padding: 0.938vw 0.729vw 0.729vw;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #d7d7d7;
        height: 100%; }
        @media only screen and (max-width: 1920px) {
          .job__desc-top > div {
            padding: 18px 14px 14px; } }
        @media only screen and (max-width: 767px) {
          .job__desc-top > div {
            padding: 7px 8px 7px;
            line-height: 1;
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .job__desc-top > div:last-child {
            border-right: 0; } }
    .job__desc-bottom {
      width: 52%;
      display: inline-block;
      vertical-align: top; }
      @media only screen and (max-width: 1799px) {
        .job__desc-bottom {
          width: 60%; } }
      @media only screen and (max-width: 1439px) {
        .job__desc-bottom {
          width: 65%; } }
      @media only screen and (max-width: 767px) {
        .job__desc-bottom {
          width: 100%;
          border: solid 1px #d7d7d7;
          border-radius: 7px; } }
      .job__desc-bottom > div {
        padding: 0.938vw 0.729vw 0.729vw;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #d7d7d7;
        height: 100%; }
        @media only screen and (max-width: 1920px) {
          .job__desc-bottom > div {
            padding: 18px 14px 14px; } }
        @media only screen and (max-width: 767px) {
          .job__desc-bottom > div {
            padding: 7px 8px 7px;
            line-height: 1; } }
        .job__desc-bottom > div:first-child {
          width: 36.5%; }
          @media only screen and (max-width: 1799px) {
            .job__desc-bottom > div:first-child {
              width: 33.3%; } }
          @media only screen and (max-width: 767px) {
            .job__desc-bottom > div:first-child {
              width: 38.5%; } }
        .job__desc-bottom > div:last-child {
          padding-top: 0.625vw;
          padding-bottom: 0.625vw;
          width: 62%;
          border-right: 0; }
          @media only screen and (max-width: 1920px) {
            .job__desc-bottom > div:last-child {
              padding-top: 12px;
              padding-bottom: 12px; } }
          @media only screen and (max-width: 767px) {
            .job__desc-bottom > div:last-child {
              padding-top: 6px;
              padding-bottom: 2px;
              width: 59.5%; } }
    .job__desc-ava-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .job__desc-ava-block .job__desc-ava {
        width: 2.604vw;
        margin-right: 0.729vw; }
        @media only screen and (max-width: 1920px) {
          .job__desc-ava-block .job__desc-ava {
            width: 50px;
            margin-right: 14px; } }
        @media only screen and (max-width: 767px) {
          .job__desc-ava-block .job__desc-ava {
            width: 26px;
            margin-top: 1px;
            margin-right: 6px; } }
      .job__desc-ava-block .job__desc-ava-desc {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-top: 0.208vw;
        padding-right: 25px; }
        @media only screen and (max-width: 1920px) {
          .job__desc-ava-block .job__desc-ava-desc {
            padding-top: 4px; } }
        @media only screen and (max-width: 767px) {
          .job__desc-ava-block .job__desc-ava-desc {
            padding-top: 0; } }
  .job__content {
    font-size: 0.833vw;
    line-height: 1.75; }
    @media only screen and (max-width: 1920px) {
      .job__content {
        font-size: 16px; } }
    @media only screen and (max-width: 1439px) {
      .job__content {
        font-size: 14px; } }
    @media only screen and (max-width: 1199px) {
      .job__content {
        font-size: 16px; } }
    @media only screen and (max-width: 1439px) {
      .job__content {
        font-size: 14px;
        line-height: 1.43; } }
    .job__content p, .job__content li {
      word-spacing: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .job__content p, .job__content li {
          word-spacing: 3px; } }
    @media only screen and (max-width: 1439px) {
      .job__content h6 {
        font-size: 14px; } }
    @media only screen and (max-width: 1199px) {
      .job__content h6 {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .job__content h6 {
        font-size: 14px;
        line-height: 1.43;
        margin: 38px 0 11px; } }
    @media only screen and (max-width: 767px) {
      .job__content ul {
        margin-top: 20px; } }
    @media only screen and (max-width: 767px) {
      .job__content ul li {
        margin-bottom: 9px; } }
    @media only screen and (max-width: 1439px) {
      .job__content ul li:before {
        top: 9px; } }
    @media only screen and (max-width: 767px) {
      .job__content ul li:before {
        width: 8px;
        top: 9px; } }
  .job__sbs {
    background-color: #000;
    color: #fff;
    margin-bottom: 2.604vw;
    position: relative;
    padding: 2.500vw 2.813vw; }
    @media only screen and (max-width: 1439px) {
      .job__sbs {
        padding: 30px 20px 40px; } }
    @media only screen and (max-width: 767px) {
      .job__sbs {
        margin-bottom: 0;
        padding: 30px 24px 34px; } }
    .job__sbs-title {
      font-size: 1.771vw;
      font-weight: bold;
      line-height: 1.47;
      word-spacing: 0.365vw; }
      @media only screen and (max-width: 1439px) {
        .job__sbs-title {
          font-size: 1.6vw; } }
      @media only screen and (max-width: 1199px) {
        .job__sbs-title {
          font-size: 30px;
          word-spacing: 6px; } }
      @media only screen and (max-width: 767px) {
        .job__sbs-title {
          font-size: 22px;
          line-height: 1.32;
          word-spacing: 3px; } }
      .job__sbs-title span {
        color: #0068ff;
        font-weight: 300; }
    .job__sbs .btn {
      position: absolute;
      left: 2.813vw;
      top: 100%;
      z-index: 3;
      font-size: 0.729vw;
      padding: 0.573vw 1.875vw 0.469vw;
      line-height: 1.41;
      letter-spacing: 0.052vw;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (max-width: 1920px) {
        .job__sbs .btn {
          left: 54px;
          font-size: 14px;
          padding: 11px 36px 9px;
          letter-spacing: 1px; } }
      @media only screen and (max-width: 767px) {
        .job__sbs .btn {
          left: 24px;
          font-size: 12px;
          padding: 8px 13px 7px;
          letter-spacing: .86px; } }

.unsere-benefits ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin-top: 16px;
  margin-bottom: 26px; }
  @media only screen and (max-width: 500px) {
    .unsere-benefits ul {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1; } }
  .unsere-benefits ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 0;
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 300;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
    .unsere-benefits ul li:before {
      display: none; }
    .unsere-benefits ul li picture {
      left: 0;
      margin-top: -13px;
      min-width: 40px;
      text-align: center;
      width: 40px;
      margin-right: 10px; }
      .unsere-benefits ul li picture img {
        width: auto; }

.unsere-benefits p {
  line-height: 1.5; }

/*page-intro*/
@media only screen and (max-width: 1199px) {
  .page-intro {
    padding-bottom: 240px; } }

@media only screen and (max-width: 991px) {
  .page-intro {
    padding-bottom: 120px; } }

@media only screen and (max-width: 767px) {
  .page-intro {
    padding-bottom: 100px; } }

.page-intro .intro__block {
  width: 100%; }
  .page-intro .intro__block .intro__head {
    margin-bottom: 3.35vw; }
    .page-intro .intro__block .intro__head .page-title {
      margin-top: 0;
      max-width: 70%; }
      @media only screen and (max-width: 1199px) {
        .page-intro .intro__block .intro__head .page-title {
          max-width: 65%; } }
      @media only screen and (max-width: 767px) {
        .page-intro .intro__block .intro__head .page-title {
          max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .page-intro .intro__block .intro__button {
      margin-top: -36px; } }

@media only screen and (max-width: 767px) {
  .page-intro .intro__bg {
    top: 38%;
    height: 48.5%; } }

/*employment*/
.employment {
  padding: 11vw 0 3.958vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .employment {
      padding: 68px 0 42px; } }
  .employment:before {
    position: absolute;
    top: 87%;
    left: 0;
    width: 100%;
    height: 24.115vw;
    content: '';
    z-index: -1;
    background-color: #f7f7f7; }
    @media only screen and (max-width: 767px) {
      .employment:before {
        top: 95%;
        height: 124.115vw; } }
  .employment__head {
    margin-left: 12%;
    max-width: 78%;
    margin-bottom: 6.354vw; }
    @media only screen and (max-width: 767px) {
      .employment__head {
        margin: 0 0 59px;
        max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .employment .small-title {
      font-size: 12px;
      word-spacing: 3px;
      margin: 0 0 22px; } }
  .employment .content {
    line-height: 2.11;
    max-width: 74%;
    word-spacing: 0.208vw;
    margin-bottom: 6.250vw; }
    @media only screen and (max-width: 991px) {
      .employment .content {
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .employment .content {
        line-height: 1.88;
        word-spacing: 3px;
        margin-bottom: 53px; } }
    .employment .content h6 {
      font-size: 1.042vw;
      font-weight: normal;
      margin-top: 2.031vw; }
      @media only screen and (max-width: 1920px) {
        .employment .content h6 {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        .employment .content h6 {
          font-size: 18px;
          margin: 38px 0 0; } }
  .employment .dignity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.781vw;
    margin-right: -0.781vw;
    max-width: 80%;
    margin-bottom: 7.292vw; }
    @media only screen and (max-width: 991px) {
      .employment .dignity {
        max-width: initial; } }
    @media only screen and (max-width: 1199px) {
      .employment .dignity {
        margin-left: -15px;
        margin-right: -15px; } }
    @media only screen and (max-width: 767px) {
      .employment .dignity {
        margin-bottom: 87px; } }
    .employment .dignity__col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      padding-left: 0.781vw;
      padding-right: 0.781vw; }
      @media only screen and (max-width: 1199px) {
        .employment .dignity__col {
          padding-left: 15px;
          padding-right: 15px; } }
      @media only screen and (max-width: 767px) {
        .employment .dignity__col {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; } }
    .employment .dignity__block {
      max-width: 18.229vw;
      font-size: 1.042vw;
      font-weight: normal;
      line-height: 1.2;
      margin-bottom: 3.438vw; }
      @media only screen and (max-width: 1920px) {
        .employment .dignity__block {
          max-width: 350px;
          font-size: 20px; } }
      @media only screen and (max-width: 991px) {
        .employment .dignity__block {
          font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .employment .dignity__block {
          font-size: 18px;
          line-height: 1.33;
          max-width: 100%;
          margin-bottom: 45px; } }
      .employment .dignity__block-head {
        padding-bottom: 0.677vw;
        margin: 0 0 1.510vw;
        border-bottom: solid 1px #979797; }
        @media only screen and (max-width: 767px) {
          .employment .dignity__block-head {
            padding-bottom: 10px;
            margin: 0 0 18px; } }
      .employment .dignity__block__num {
        font-size: 3.854vw;
        font-weight: bold;
        line-height: 1.18; }
        @media only screen and (max-width: 767px) {
          .employment .dignity__block__num {
            font-size: 74px; } }
      .employment .dignity__block-bottom {
        word-spacing: 0.208vw; }
        @media only screen and (max-width: 1920px) {
          .employment .dignity__block-bottom {
            word-spacing: 4px; } }
        @media only screen and (max-width: 767px) {
          .employment .dignity__block-bottom {
            padding-left: 3px; } }
  .employment__content-img {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .employment__content-img {
        margin-left: 14px; } }
    .employment__content-img:before {
      position: absolute;
      top: -3vw;
      left: -3.2vw;
      display: block;
      border-style: solid;
      border-width: 20vw 20vw 0 0;
      border-color: #0068ff transparent transparent transparent;
      content: ''; }
      @media only screen and (max-width: 767px) {
        .employment__content-img:before {
          top: -4.8vw;
          left: -4.4vw;
          border-width: 30vw 30vw 0 0; } }
    .employment__content-img__bg {
      position: absolute;
      bottom: -26%;
      right: 0;
      width: 54%; }

.col__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  max-width: 35%; }
  @media only screen and (max-width: 767px) {
    .col__left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }

.col__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  max-width: 65%; }
  @media only screen and (max-width: 767px) {
    .col__right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }

/*applying*/
.applying {
  padding: 7.552vw 0 16.927vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .applying {
      padding: 20px 0 176px; } }
  .applying:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24.4%;
    height: 87%;
    background-color: #f7f7f7;
    content: '';
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .applying:before {
        width: 50.6%;
        height: 46%; } }
  .applying__head {
    max-width: 52%;
    margin-bottom: 7.917vw; }
    @media only screen and (max-width: 767px) {
      .applying__head {
        max-width: 100%;
        margin-bottom: 89px; } }
  .applying .small-title {
    margin-left: 15.2%;
    line-height: 1.6;
    max-width: 70%; }
    @media only screen and (max-width: 767px) {
      .applying .small-title {
        max-width: 100%;
        line-height: 1.67;
        margin-left: 0;
        margin-right: 6px; } }
  .applying__bg {
    position: absolute;
    top: 70%;
    left: 0;
    width: 32.2%; }
    @media only screen and (max-width: 767px) {
      .applying__bg {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        width: 70%;
        -webkit-transform: translateY(-72%);
            -ms-transform: translateY(-72%);
                transform: translateY(-72%); } }
  @media only screen and (max-width: 767px) {
    .applying .two-column-block {
      margin-top: 67px; } }

.two-column-block {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 5.5vw;
     -moz-column-gap: 5.5vw;
          column-gap: 5.5vw;
  position: relative;
  word-spacing: 0.156vw; }
  @media only screen and (max-width: 1920px) {
    .two-column-block {
      word-spacing: 3px; } }
  @media only screen and (max-width: 767px) {
    .two-column-block {
      line-height: 1.88;
      letter-spacing: 0.09px;
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 0;
         -moz-column-gap: 0;
              column-gap: 0; } }
  .two-column-block h5 {
    font-size: 1.042vw;
    font-weight: bold;
    letter-spacing: 0.006vw;
    margin: 1.979vw 0 0.104vw; }
    @media only screen and (max-width: 1920px) {
      .two-column-block h5 {
        font-size: 20px;
        letter-spacing: 0.11px; } }
    @media only screen and (max-width: 767px) {
      .two-column-block h5 {
        font-size: 18px;
        margin: 34px 0 0;
        line-height: 1.7; } }
  .two-column-block .btn {
    margin-top: 1.250vw; }
    @media only screen and (max-width: 767px) {
      .two-column-block .btn {
        margin-top: 15px;
        padding-top: 12px;
        padding-bottom: 12px; } }

/*networked*/
.networked {
  padding: 15.313vw 0 12.083vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 3.854vw; }
  @media only screen and (max-width: 767px) {
    .networked {
      padding: 114px 0 93px;
      margin-bottom: 38px; } }
  .networked__block {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .networked__block .btn {
        padding-top: 12px;
        padding-bottom: 12px; } }
  .networked__title {
    font-size: 3.854vw;
    font-weight: bold;
    line-height: 1.18;
    color: #0068ff;
    margin-bottom: 2.396vw;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .networked__title {
        font-size: 32px;
        line-height: 1.03;
        margin-bottom: 24px; } }

.intro-section {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .intro-section {
      height: auto; } }
  .intro-section__logo {
    position: absolute;
    top: 5.938vw;
    right: 7.917vw;
    width: 10vw;
    z-index: 5; }
    @media only screen and (max-width: 1199px) {
      .intro-section__logo {
        width: 120px; } }
    @media only screen and (max-width: 767px) {
      .intro-section__logo {
        width: 87px;
        right: 29px;
        top: 27px; } }
    @media only screen and (max-width: 767px) {
      .intro-section__logo svg path {
        fill: #000 !important; } }
  .intro-section__block {
    width: 57.8%;
    height: 100%;
    background-color: #fff;
    padding: 0 7.500vw;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .intro-section__block {
        width: 100%;
        height: auto;
        padding: 0 24px 14px;
        margin-bottom: 439px; } }
  .intro-section__title {
    font-size: 7.917vw;
    font-weight: bold;
    line-height: 0.89;
    letter-spacing: normal;
    text-transform: uppercase;
    mix-blend-mode: screen;
    background-color: #fff;
    color: #000;
    width: 57.8%;
    margin: 0;
    padding: 4.563vw 7.500vw 4.521vw;
    position: relative;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      .intro-section__title {
        font-size: 46px;
        line-height: .98;
        padding: 92px 30px 30px;
        width: 100%; } }
  .intro-section__body-inner {
    padding: 0 0.260vw;
    max-width: 91%;
    margin-bottom: 3.229vw;
    line-height: 1.56; }
    @media only screen and (max-width: 1920px) {
      .intro-section__body-inner {
        padding: 0 5px; } }
    @media only screen and (max-width: 1199px) {
      .intro-section__body-inner {
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .intro-section__body-inner {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: 0.2px;
        margin-bottom: 36px; } }
    .intro-section__body-inner .btitle {
      font-size: 0.833vw;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.75;
      letter-spacing: 0.026vw;
      text-transform: uppercase;
      margin-bottom: 0.521vw; }
      @media only screen and (max-width: 1920px) {
        .intro-section__body-inner .btitle {
          font-size: 16px;
          letter-spacing: 0.5px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .intro-section__body-inner .btitle {
          font-size: 12px;
          margin-bottom: 5px; } }
    @media only screen and (max-width: 991px) {
      .intro-section__body-inner .footer__contact-link {
        margin-top: 9px;
        line-height: 1; } }
    .intro-section__body-inner .footer__contact-link span {
      font-size: 0.833vw;
      font-weight: 600;
      margin-right: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .intro-section__body-inner .footer__contact-link span {
          font-size: 16px;
          margin-right: 3px; } }
      @media only screen and (max-width: 767px) {
        .intro-section__body-inner .footer__contact-link span {
          margin-right: 0; } }
    .intro-section__body-inner .work-time {
      color: #0068ff;
      word-spacing: 0.156vw; }
      @media only screen and (max-width: 1920px) {
        .intro-section__body-inner .work-time {
          word-spacing: 3px; } }
      @media only screen and (max-width: 991px) {
        .intro-section__body-inner .work-time {
          margin-top: 5px; } }
      @media only screen and (max-width: 767px) {
        .intro-section__body-inner .work-time {
          font-size: 13px;
          word-spacing: 4px; } }
  @media only screen and (max-width: 767px) {
    .intro-section .video-block {
      top: auto;
      bottom: 0;
      width: 1200px;
      height: 130%;
      -webkit-transform: translate(-36%, 28%);
          -ms-transform: translate(-36%, 28%);
              transform: translate(-36%, 28%); } }
  @media only screen and (max-width: 500px) {
    .intro-section .video-block {
      -webkit-transform: translate(-59%, 28%);
          -ms-transform: translate(-59%, 28%);
              transform: translate(-59%, 28%); } }

.competencies-page .intro__bottom-bg {
  bottom: -12.8vw;
  height: 50.208vw; }
  @media only screen and (max-width: 767px) {
    .competencies-page .intro__bottom-bg {
      bottom: 0;
      height: 76.5%; } }

@media only screen and (max-width: 767px) {
  .competencies-page .intro__img {
    width: 90%;
    margin-top: 106px; } }

/*comp*/
.comp {
  padding: 12.292vw 0 10.313vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .comp {
      padding: 64px 0 96px; } }
  .comp:before {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    border-style: solid;
    border-width: 0 0 15vw 15vw;
    border-color: transparent transparent #0068ff transparent;
    content: '';
    z-index: 0; }
    @media only screen and (max-width: 767px) {
      .comp:before {
        border-width: 0 0 106px 106px; } }
  .comp:after {
    position: absolute;
    top: 86.5%;
    left: 0;
    width: 100%;
    height: 38.4vw;
    background-color: #f7f7f7;
    content: '';
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .comp:after {
        top: 74.5%;
        height: 965px; } }
  .comp__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 31.8%; }
    @media only screen and (max-width: 767px) {
      .comp__bg {
        bottom: auto;
        width: 84.1%;
        top: 68.8%; } }
  @media only screen and (max-width: 767px) {
    .comp__header .two-column-block {
      margin-top: 70px; } }
  .comp .small-title {
    word-spacing: 0.417vw;
    line-height: 1.6;
    margin-left: 15.7%; }
    @media only screen and (max-width: 1600px) {
      .comp .small-title {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .comp .small-title {
        word-spacing: 3px;
        line-height: 2.17; } }
  .comp__circle-row {
    overflow: hidden; }
  .comp .about-dignity {
    margin-top: 8vw;
    margin-left: 21.6vw;
    margin-bottom: 4.5vw; }
    @media only screen and (max-width: 991px) {
      .comp .about-dignity {
        margin-top: 60px;
        margin-bottom: 60px; } }
    @media only screen and (max-width: 767px) {
      .comp .about-dignity {
        margin: 39px 6px 35px; } }
    .comp .about-dignity li {
      width: 22.8vw;
      height: 22.8vw; }
      @media only screen and (max-width: 991px) {
        .comp .about-dignity li {
          font-size: 26px;
          width: 32vw;
          height: 32vw; } }
      @media only screen and (max-width: 767px) {
        .comp .about-dignity li {
          font-size: 3.6vw;
          line-height: 1.14;
          width: 44vw;
          height: 44vw; } }
      @media only screen and (max-width: 767px) {
        .comp .about-dignity li + li {
          margin-left: -7.813vw; } }
  .comp__body-head {
    margin-bottom: 4.7vw; }
    @media only screen and (max-width: 767px) {
      .comp__body-head {
        margin-bottom: 28px; } }
  .comp__body-head-sub {
    margin-bottom: 2.5vw; }
    @media only screen and (max-width: 767px) {
      .comp__body-head-sub {
        margin-bottom: 24px; } }
  .comp__body .content {
    margin-top: 2.917vw; }
    @media only screen and (max-width: 767px) {
      .comp__body .content {
        margin-top: 56px;
        line-height: 1.7;
        word-spacing: 3px; } }
    .comp__body .content .btn {
      margin-top: 1.667vw;
      padding: 0.625vw 1.354vw; }
      @media only screen and (max-width: 1920px) {
        .comp__body .content .btn {
          padding: 12px 26px; } }
      @media only screen and (max-width: 767px) {
        .comp__body .content .btn {
          padding: 12px 20px;
          margin-top: 12px; } }
  .comp__footer {
    margin-top: 17.500vw; }
    @media only screen and (max-width: 767px) {
      .comp__footer {
        margin-top: 172px; } }
    .comp__footer .two-thirds {
      line-height: 2;
      word-spacing: 0.104vw; }
      @media only screen and (max-width: 1920px) {
        .comp__footer .two-thirds {
          word-spacing: 2px; } }
      @media only screen and (max-width: 767px) {
        .comp__footer .two-thirds {
          line-height: 1.88; } }
      .comp__footer .two-thirds .color-blue {
        margin-top: 0.208vw; }
        @media only screen and (max-width: 1920px) {
          .comp__footer .two-thirds .color-blue {
            margin-top: 4px; } }
      @media only screen and (max-width: 767px) {
        .comp__footer .two-thirds .md-title {
          font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .comp__footer .two-thirds .md-title br {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .comp__footer .two-thirds > div {
          margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .comp__footer .small-title {
        line-height: 1.67;
        word-spacing: 6px;
        margin-bottom: 72px; } }

.offset-left {
  margin-left: 35%; }
  @media only screen and (max-width: 767px) {
    .offset-left {
      margin-left: 0; } }

.two-thirds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.781vw;
  line-height: 2.11; }
  @media only screen and (max-width: 1920px) {
    .two-thirds {
      margin: 0 -15px; } }
  @media only screen and (max-width: 991px) {
    .two-thirds {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .two-thirds {
      line-height: 1.88;
      letter-spacing: 0.09px; } }
  .two-thirds > div:first-child {
    padding: 0 0.781vw;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60.5%;
            flex: 0 0 60.5%;
    max-width: 60.5%;
    padding-right: 9%; }
    @media only screen and (max-width: 1920px) {
      .two-thirds > div:first-child {
        padding: 0 15px; } }
    @media only screen and (max-width: 991px) {
      .two-thirds > div:first-child {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .two-thirds > div:last-child {
    padding: 0 0.781vw;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39.5%;
            flex: 0 0 39.5%;
    max-width: 39.5%; }
    @media only screen and (max-width: 1920px) {
      .two-thirds > div:last-child {
        padding: 0 15px; } }
    @media only screen and (max-width: 991px) {
      .two-thirds > div:last-child {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .two-thirds p {
      margin-bottom: 0; } }

/*our-work*/
.our-work {
  padding: 11.250vw 0 8.958vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .our-work {
      padding: 82px 0 62px; } }
  .our-work__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 27.8%;
    z-index: -1; }
    @media only screen and (max-width: 991px) {
      .our-work__bg {
        width: 33%; } }
    @media only screen and (max-width: 767px) {
      .our-work__bg {
        width: 208px;
        top: 46px;
        left: -46px; } }
  .our-work__head {
    margin-left: 5.3%;
    max-width: 50%;
    margin-bottom: 5.521vw; }
    @media only screen and (max-width: 767px) {
      .our-work__head {
        margin-left: 54px;
        max-width: 220px;
        margin-bottom: 68px; } }
  @media only screen and (max-width: 767px) {
    .our-work .two-thirds .color-blue {
      font-size: 18px;
      margin-top: 29px;
      line-height: 1.67;
      word-spacing: 3px; } }

.two-circle .about-dignity li {
  opacity: 0;
  -webkit-transition: .6s transform, .6s opacity;
  -o-transition: .6s transform, .6s opacity;
  transition: .6s transform, .6s opacity; }
  .two-circle .about-dignity li span {
    -webkit-transition: .3s opacity 1.6s;
    -o-transition: .3s opacity 1.6s;
    transition: .3s opacity 1.6s; }
  .two-circle .about-dignity li.active {
    -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
            transform: translateX(0) !important;
    opacity: 1; }
    .two-circle .about-dignity li.active .pie-stuffing {
      -webkit-animation: progressLeft 1s ease forwards .6s;
              animation: progressLeft 1s ease forwards .6s; }
  .two-circle .about-dignity li .pie-arrow {
    -webkit-transition: opacity .1s .6s, -webkit-transform 1s ease .6s;
    transition: opacity .1s .6s, -webkit-transform 1s ease .6s;
    -o-transition: transform 1s ease .6s, opacity .1s .6s;
    transition: transform 1s ease .6s, opacity .1s .6s;
    transition: transform 1s ease .6s, opacity .1s .6s, -webkit-transform 1s ease .6s; }
    @media only screen and (max-width: 767px) {
      .two-circle .about-dignity li .pie-arrow svg {
        width: 3.438vw;
        height: 3.438vw;
        margin: -1.25vw 0 0 -1.563vw;
        -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
                transform: scale(1) !important; } }
  .two-circle .about-dignity li:first-child {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .two-circle .about-dignity li:first-child span {
      opacity: 0; }
    .two-circle .about-dignity li:first-child .pie-stuffing {
      -webkit-transform: rotate(29deg);
          -ms-transform: rotate(29deg);
              transform: rotate(29deg); }
      @media only screen and (max-width: 1199px) {
        .two-circle .about-dignity li:first-child .pie-stuffing {
          -webkit-transform: rotate(28deg);
              -ms-transform: rotate(28deg);
                  transform: rotate(28deg); } }
      @media only screen and (max-width: 991px) {
        .two-circle .about-dignity li:first-child .pie-stuffing {
          -webkit-transform: rotate(23deg);
              -ms-transform: rotate(23deg);
                  transform: rotate(23deg); } }
      @media only screen and (max-width: 767px) {
        .two-circle .about-dignity li:first-child .pie-stuffing {
          -webkit-transform: rotate(31deg);
              -ms-transform: rotate(31deg);
                  transform: rotate(31deg); } }
    .two-circle .about-dignity li:first-child .pie-arrow {
      -webkit-transform: rotate(481deg);
          -ms-transform: rotate(481deg);
              transform: rotate(481deg); }
      .two-circle .about-dignity li:first-child .pie-arrow svg {
        -webkit-transform: scale(1.5) rotate(0deg);
            -ms-transform: scale(1.5) rotate(0deg);
                transform: scale(1.5) rotate(0deg); }
    .two-circle .about-dignity li:first-child.active span {
      opacity: 1; }
    .two-circle .about-dignity li:first-child.active .pie-arrow {
      -webkit-transform: rotate(140deg);
          -ms-transform: rotate(140deg);
              transform: rotate(140deg);
      opacity: 1; }
      @media only screen and (max-width: 991px) {
        .two-circle .about-dignity li:first-child.active .pie-arrow {
          -webkit-transform: rotate(134deg);
              -ms-transform: rotate(134deg);
                  transform: rotate(134deg); } }
      @media only screen and (max-width: 767px) {
        .two-circle .about-dignity li:first-child.active .pie-arrow {
          -webkit-transform: rotate(143deg);
              -ms-transform: rotate(143deg);
                  transform: rotate(143deg); } }
  .two-circle .about-dignity li:last-child {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%); }
    .two-circle .about-dignity li:last-child .pie-stuffing {
      -webkit-transform: rotate(209deg);
          -ms-transform: rotate(209deg);
              transform: rotate(209deg); }
      @media only screen and (max-width: 1199px) {
        .two-circle .about-dignity li:last-child .pie-stuffing {
          -webkit-transform: rotate(208deg);
              -ms-transform: rotate(208deg);
                  transform: rotate(208deg); } }
      @media only screen and (max-width: 991px) {
        .two-circle .about-dignity li:last-child .pie-stuffing {
          -webkit-transform: rotate(203.8deg);
              -ms-transform: rotate(203.8deg);
                  transform: rotate(203.8deg); } }
      @media only screen and (max-width: 767px) {
        .two-circle .about-dignity li:last-child .pie-stuffing {
          -webkit-transform: rotate(211.4deg);
              -ms-transform: rotate(211.4deg);
                  transform: rotate(211.4deg); } }
    .two-circle .about-dignity li:last-child .pie-arrow {
      -webkit-transform: rotate(-59deg);
          -ms-transform: rotate(-59deg);
              transform: rotate(-59deg); }
      .two-circle .about-dignity li:last-child .pie-arrow svg {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5); }
    .two-circle .about-dignity li:last-child.active .pie-arrow {
      -webkit-transform: rotate(-400deg);
          -ms-transform: rotate(-400deg);
              transform: rotate(-400deg);
      opacity: 1; }
      @media only screen and (max-width: 991px) {
        .two-circle .about-dignity li:last-child.active .pie-arrow {
          -webkit-transform: rotate(-406deg);
              -ms-transform: rotate(-406deg);
                  transform: rotate(-406deg); } }
      @media only screen and (max-width: 767px) {
        .two-circle .about-dignity li:last-child.active .pie-arrow {
          -webkit-transform: rotate(-397deg);
              -ms-transform: rotate(-397deg);
                  transform: rotate(-397deg); } }

@-webkit-keyframes progressLeft {
  100% {
    stroke-dashoffset: 1098; } }

@keyframes progressLeft {
  100% {
    stroke-dashoffset: 1098; } }

.contact-page .intro {
  min-height: 86.8vh;
  margin-bottom: 19.896vw; }
  @media only screen and (max-width: 1600px) {
    .contact-page .intro {
      min-height: 100vh; } }
  @media only screen and (max-width: 1199px) {
    .contact-page .intro {
      min-height: 80vh; } }
  @media only screen and (max-width: 991px) {
    .contact-page .intro {
      min-height: 56vh; } }
  @media only screen and (max-width: 767px) {
    .contact-page .intro {
      min-height: auto;
      padding-bottom: 0;
      margin-bottom: 156px; } }
  .contact-page .intro__block .intro__head {
    margin-bottom: 3.906vw; }
    @media only screen and (max-width: 767px) {
      .contact-page .intro__block .intro__head {
        margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .contact-page .intro__bg {
      top: 30%;
      height: 39%; } }
  @media only screen and (max-width: 767px) {
    .contact-page .intro__bottom-bg {
      bottom: auto;
      height: 61%;
      top: 166px; } }

.contact-page .contact__wrapper {
  max-width: 70%; }
  @media only screen and (max-width: 1199px) {
    .contact-page .contact__wrapper {
      max-width: 79%; } }
  @media only screen and (max-width: 767px) {
    .contact-page .contact__wrapper {
      max-width: 180px; } }
  .contact-page .contact__wrapper .address {
    font-size: 0.938vw;
    line-height: 1.22; }
    @media only screen and (max-width: 1799px) {
      .contact-page .contact__wrapper .address {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .contact-page .contact__wrapper .address {
        font-size: 14px;
        line-height: 1.57;
        margin-bottom: 16px; } }
  .contact-page .contact__wrapper .gmap-block {
    margin-bottom: 1.875vw; }
    @media only screen and (max-width: 1799px) {
      .contact-page .contact__wrapper .gmap-block {
        margin-bottom: 36px; } }
    @media only screen and (max-width: 767px) {
      .contact-page .contact__wrapper .gmap-block {
        margin-bottom: 18px; } }
    .contact-page .contact__wrapper .gmap-block a {
      font-size: 0.833vw; }
      @media only screen and (max-width: 1799px) {
        .contact-page .contact__wrapper .gmap-block a {
          font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .contact-page .contact__wrapper .gmap-block a {
          font-size: 12px; } }
      .contact-page .contact__wrapper .gmap-block a:after {
        margin-left: 0; }
        @media only screen and (max-width: 767px) {
          .contact-page .contact__wrapper .gmap-block a:after {
            margin-left: 8px; } }
  @media only screen and (max-width: 767px) {
    .contact-page .contact__wrapper .footer__contact-link {
      margin-bottom: 36px; } }
  .contact-page .contact__wrapper .footer__contact-link-inner {
    font-size: 0.938vw;
    letter-spacing: 0.010vw;
    margin-bottom: 0; }
    @media only screen and (max-width: 1799px) {
      .contact-page .contact__wrapper .footer__contact-link-inner {
        font-size: 18px;
        letter-spacing: 0.2px; } }
    @media only screen and (max-width: 767px) {
      .contact-page .contact__wrapper .footer__contact-link-inner {
        font-size: 14px; } }

.contact-form-wrapper {
  width: 42.292vw;
  padding: 3.698vw 6.563vw 0 4.531vw;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  top: 4.688vw;
  left: 72.2%;
  -webkit-box-shadow: 3px 2px 14px 6px rgba(0, 9, 21, 0.04);
          box-shadow: 3px 2px 14px 6px rgba(0, 9, 21, 0.04); }
  @media only screen and (max-width: 1199px) {
    .contact-form-wrapper {
      width: 50vw;
      left: 85.2%; } }
  @media only screen and (max-width: 767px) {
    .contact-form-wrapper {
      padding: 30px 16px 0;
      position: relative;
      top: auto;
      left: auto;
      width: 100%; } }
  .contact-form-wrapper .home-contact__form-head .lg-title {
    font-size: 1.042vw;
    font-weight: 300;
    line-height: 1.3;
    color: #0068ff;
    margin-bottom: 1.250vw;
    word-spacing: 0.260vw; }
    @media only screen and (max-width: 1799px) {
      .contact-form-wrapper .home-contact__form-head .lg-title {
        font-size: 20px;
        margin-bottom: 24px;
        word-spacing: 5px; } }
    @media only screen and (max-width: 767px) {
      .contact-form-wrapper .home-contact__form-head .lg-title {
        font-size: 12px;
        margin-bottom: 8px;
        word-spacing: 3px; } }
  .contact-form-wrapper .home-contact__form-head {
    margin-bottom: 3.854vw; }
    @media only screen and (max-width: 767px) {
      .contact-form-wrapper .home-contact__form-head {
        margin-bottom: 30px; } }
  .contact-form-wrapper .contact-form .form-group {
    margin-bottom: 2.188vw; }
    @media only screen and (max-width: 767px) {
      .contact-form-wrapper .contact-form .form-group {
        margin-bottom: 22px; } }
  .contact-form-wrapper .contact-form .form-footer {
    margin-top: 5.208vw;
    margin-bottom: 0;
    margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .contact-form-wrapper .contact-form .form-footer {
        margin-top: 68px; } }
    .contact-form-wrapper .contact-form .form-footer .btn {
      -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
              transform: translateY(50%); }

.application-done {
  padding: 12.813vw 0 5.781vw;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 1199px) {
    .application-done {
      padding: 130px 0 146px; } }
  .application-done:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: #f7f7f7;
    content: '';
    height: 14.635vw; }
    @media only screen and (max-width: 767px) {
      .application-done:before {
        height: 239px; } }
  .application-done .section-head {
    max-width: 24.219vw; }
    @media only screen and (max-width: 1920px) {
      .application-done .section-head {
        max-width: 465px; } }
    @media only screen and (max-width: 767px) {
      .application-done .section-head {
        margin-bottom: 52px; } }
    .application-done .section-head .block-title {
      font-weight: bold;
      letter-spacing: normal;
      word-spacing: normal;
      margin-bottom: 3.333vw; }
      @media only screen and (max-width: 767px) {
        .application-done .section-head .block-title {
          word-spacing: 4px;
          padding-bottom: 42px;
          margin-bottom: 24px; } }
    .application-done .section-head p {
      line-height: 2.11;
      word-spacing: 0.208vw; }
      @media only screen and (max-width: 767px) {
        .application-done .section-head p {
          line-height: 1.88;
          word-spacing: 4px; } }
    .application-done .section-head .btn {
      margin-top: 2.083vw;
      padding-top: 0.625vw;
      padding-bottom: 0.625vw; }
      @media only screen and (max-width: 1920px) {
        .application-done .section-head .btn {
          padding-top: 12px;
          padding-bottom: 12px; } }
      @media only screen and (max-width: 767px) {
        .application-done .section-head .btn {
          margin-top: 36px;
          padding: 16px 22px; } }

.to-job {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5.573vw; }
  .to-job__icon {
    width: 3.438vw;
    height: 3.438vw;
    border: solid 2px #0068ff;
    color: #0068ff;
    content: '';
    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;
    border-radius: 50%;
    font-size: 1.250vw;
    margin-right: 1.094vw; }
    @media only screen and (max-width: 1920px) {
      .to-job__icon {
        width: 66px;
        height: 66px;
        font-size: 24px;
        margin-right: 21px; } }
    @media only screen and (max-width: 767px) {
      .to-job__icon {
        width: 55px;
        height: 55px;
        min-width: 55px; } }
    .to-job__icon:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f105"; }
  .to-job__inner {
    font-size: 0.729vw;
    line-height: 1.5;
    letter-spacing: 0.007vw; }
    @media only screen and (max-width: 1920px) {
      .to-job__inner {
        font-size: 14px;
        letter-spacing: 0.13px; } }
    @media only screen and (max-width: 767px) {
      .to-job__inner {
        line-height: 1.21; } }
    @media only screen and (max-width: 767px) {
      .to-job__inner a {
        position: relative;
        top: 4px; } }

.app-done-img {
  position: relative;
  margin-left: 2.083vw; }
  @media only screen and (max-width: 767px) {
    .app-done-img {
      position: relative;
      margin-left: 5px;
      margin-top: 71px;
      margin-right: -36px;
      overflow: hidden;
      padding-top: 23px;
      padding-left: 23px; } }
  .app-done-img:before {
    position: absolute;
    top: -2.083vw;
    left: -2.083vw;
    display: block;
    border-style: solid;
    border-width: 14vw 14vw 0 0;
    border-color: #0068ff transparent transparent transparent;
    content: ''; }
    @media only screen and (max-width: 767px) {
      .app-done-img:before {
        top: -23px;
        left: -23px;
        border-width: 192px 192px 0 0; } }
  @media only screen and (max-width: 767px) {
    .app-done-img__picture {
      width: 142%; } }
  .app-done-img__block {
    margin-top: 12.396vw;
    padding-left: 1.458vw; }
    @media only screen and (max-width: 991px) {
      .app-done-img__block {
        padding-left: 0; } }
  .app-done-img__bg {
    position: absolute;
    top: -2.083vw;
    right: 0;
    width: 77.5%; }
    @media only screen and (max-width: 767px) {
      .app-done-img__bg {
        top: 0px;
        right: -40%;
        width: 101.5%; } }

.application {
  padding: 12.083vw 0 5.833vw; }
  @media only screen and (max-width: 1199px) {
    .application {
      padding: 130px 0 80px; } }
  .application__head {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 0.469vw;
    margin-bottom: 3.229vw; }
    @media only screen and (max-width: 1920px) {
      .application__head {
        padding-bottom: 9px; } }
    @media only screen and (max-width: 767px) {
      .application__head {
        margin-bottom: 62px;
        padding-bottom: 12px; } }
    .application__head .row {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .application__head .app-now {
      color: #0068ff;
      font-size: 1.042vw;
      font-weight: normal; }
      @media only screen and (max-width: 1920px) {
        .application__head .app-now {
          font-size: 20px; } }
      @media only screen and (max-width: 1199px) {
        .application__head .app-now {
          font-size: 18px;
          letter-spacing: .3px; } }
  .application__title {
    font-size: 2.188vw;
    font-weight: bold;
    line-height: 1.55;
    word-spacing: 0.260vw;
    margin-bottom: 0.260vw; }
    @media only screen and (max-width: 1199px) {
      .application__title {
        font-size: 24px;
        line-height: 1.21; } }
    @media only screen and (max-width: 767px) {
      .application__title {
        text-transform: uppercase;
        word-spacing: 4px;
        margin-bottom: 12px; } }
  .application__head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .application__head-info {
        margin-top: 38px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .application__head-info-block {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      max-width: 100%;
      min-width: 6.979vw;
      padding-right: 15px;
      font-size: 0.625vw;
      line-height: 1.55;
      margin-bottom: 0.365vw; }
      @media only screen and (max-width: 1920px) {
        .application__head-info-block {
          font-size: 12px;
          margin-bottom: 7px; } }
      @media only screen and (max-width: 767px) {
        .application__head-info-block {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
          width: 50%;
          margin-bottom: 18px; } }
      .application__head-info-block:last-child {
        min-width: auto;
        padding-right: 0; }
      @media only screen and (max-width: 767px) {
        .application__head-info-block:nth-child(even) {
          padding-left: 7px; } }
      .application__head-info-block .b_label {
        font-weight: 300;
        font-style: italic; }
      .application__head-info-block .b_desc {
        font-weight: 600; }
  .application__form .row {
    margin: 0 -2.240vw; }
    @media only screen and (max-width: 767px) {
      .application__form .row {
        margin: 0 -15px; } }
    .application__form .row > div {
      padding: 0 2.240vw; }
      @media only screen and (max-width: 767px) {
        .application__form .row > div {
          padding: 0 15px; } }
  .application__form .form-group {
    margin-bottom: 0.781vw;
    position: relative; }
    @media only screen and (max-width: 1920px) {
      .application__form .form-group {
        margin-bottom: 15px; } }
    .application__form .form-group label.error {
      position: absolute;
      top: 0;
      left: 0.938vw;
      font-size: 0.625vw;
      font-weight: normal;
      color: #f00;
      background-color: #fff;
      padding: 0 0.417vw;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      pointer-events: none;
      z-index: 1; }
      @media only screen and (max-width: 1920px) {
        .application__form .form-group label.error {
          left: 18px;
          font-size: 12px;
          padding: 0 8px; } }
      @media only screen and (max-width: 767px) {
        .application__form .form-group label.error {
          left: 5px; } }
    @media only screen and (max-width: 991px) {
      .application__form .form-group__wrapper {
        margin-bottom: 55px; } }
  .application__form .filepond--list {
    pointer-events: none; }
  .application__form-title {
    font-size: 0.729vw;
    font-weight: bold;
    margin-bottom: 1.979vw; }
    @media only screen and (max-width: 1920px) {
      .application__form-title {
        font-size: 14px;
        margin-bottom: 38px; } }
    @media only screen and (max-width: 767px) {
      .application__form-title {
        margin-bottom: 14px;
        letter-spacing: 0.2px; } }
  .application__upload {
    margin-bottom: 1.146vw; }
    @media only screen and (max-width: 1920px) {
      .application__upload {
        margin-bottom: 22px; } }
    @media only screen and (max-width: 767px) {
      .application__upload {
        margin-top: 22px;
        margin-bottom: 26px; } }
    .application__upload .filepond--root {
      border-radius: 0.521vw;
      height: 12.656vw; }
      @media only screen and (max-width: 1920px) {
        .application__upload .filepond--root {
          border-radius: 10px;
          height: 243px; } }
    @media only screen and (max-width: 767px) {
      .application__upload .filepond--panel.filepond--panel-root {
        margin-top: 0 !important; } }
    @media only screen and (max-width: 767px) {
      .application__upload .filepond--root .filepond--list-scroller {
        margin-top: 0;
        margin-bottom: 0; } }
    .application__upload .upload__body.active {
      width: 50%;
      margin-left: 50%;
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body.active {
          width: 100%;
          margin-left: 0; } }
      .application__upload .upload__body.active .filepond--list {
        pointer-events: auto;
        padding-top: 0;
        top: -16px;
        left: -100%;
        width: 96%;
        height: 12.656vw; }
        @media only screen and (max-width: 1920px) {
          .application__upload .upload__body.active .filepond--list {
            height: 243px; } }
        @media only screen and (max-width: 1600px) {
          .application__upload .upload__body.active .filepond--list {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .application__upload .upload__body.active .filepond--list {
            height: auto;
            top: 0;
            left: 0; } }
    .application__upload .upload__body .filepond--file-info {
      top: 0.469vw;
      left: -100%;
      font-size: 0.625vw !important;
      font-weight: 300;
      margin-left: 1.875vw;
      width: calc(100% - 2.167vw); }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body .filepond--file-info {
          top: 9px;
          font-size: 12px !important;
          margin-left: 36px;
          width: calc(100% - 38px); } }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body .filepond--file-info {
          top: 14px;
          margin-left: 0;
          width: calc(100% - 6px); } }
    .application__upload .upload__body .filepond--file-info-sub {
      right: 0.260vw;
      top: 0.052vw;
      font-size: 0.625vw !important; }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body .filepond--file-info-sub {
          right: 5px;
          top: 1px;
          font-size: 12px !important; } }
    .application__upload .upload__body .filepond--item {
      border-radius: 0.469vw;
      border: solid 1px #ddd;
      height: 2.031vw !important;
      margin: 0 0 0.365vw; }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body .filepond--item {
          border-radius: 9px;
          height: 39px !important;
          margin: 0 0 7px; } }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body .filepond--item {
          height: 48px !important;
          margin: 0 0 41px; } }
      .application__upload .upload__body .filepond--item:before {
        background-size: 0.625vw 0.625vw;
        top: 0.365vw;
        left: 0.365vw;
        width: 1.250vw;
        height: 1.250vw; }
        @media only screen and (max-width: 1920px) {
          .application__upload .upload__body .filepond--item:before {
            background-size: 12px 12px;
            top: 7px;
            left: 7px;
            width: 24px;
            height: 24px; } }
        @media only screen and (max-width: 767px) {
          .application__upload .upload__body .filepond--item:before {
            background-size: 14px 14px;
            top: 9px;
            left: 10px;
            width: 30px;
            height: 30px; } }
    .application__upload .upload__body__inner {
      padding-top: 1.5%;
      font-size: 0.625vw; }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body__inner {
          font-size: 12px; } }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body__inner {
          font-size: 14px;
          padding-top: 0; } }
    .application__upload .upload__body-icon {
      width: 3.958vw;
      margin-bottom: 0.833vw; }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body-icon {
          width: 76px;
          margin-bottom: 16px; } }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body-icon {
          width: 66px;
          margin-bottom: 2px; } }
    .application__upload .upload__body-title {
      font-size: 0.938vw; }
      @media only screen and (max-width: 1920px) {
        .application__upload .upload__body-title {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .application__upload .upload__body-title {
          font-size: 20px; } }
  .application__form-agree {
    color: #a2a2a2;
    margin-bottom: 3.229vw; }
    @media only screen and (max-width: 1920px) {
      .application__form-agree {
        margin-bottom: 62px; } }
    @media only screen and (max-width: 767px) {
      .application__form-agree {
        margin-bottom: 26px; } }
    .application__form-agree .custom-control .custom-control-label {
      font-size: 0.625vw;
      padding-left: 1.250vw;
      letter-spacing: 0.016vw;
      position: relative; }
      @media only screen and (max-width: 1920px) {
        .application__form-agree .custom-control .custom-control-label {
          font-size: 12px;
          padding-left: 24px;
          letter-spacing: 0.3px; } }
      @media only screen and (max-width: 767px) {
        .application__form-agree .custom-control .custom-control-label {
          line-height: 1.5; } }
      .application__form-agree .custom-control .custom-control-label:before {
        top: 0.052vw;
        width: 0.833vw;
        height: 0.833vw;
        background-size: 0.521vw;
        border: solid 1px #ddd; }
        @media only screen and (max-width: 1920px) {
          .application__form-agree .custom-control .custom-control-label:before {
            top: 1px;
            width: 16px;
            height: 16px;
            background-size: 10px; } }
      .application__form-agree .custom-control .custom-control-label a {
        color: #0068ff;
        font-weight: 500; }
  .application__form-footer .btn {
    font-size: 0.729vw;
    padding: 0.365vw 1.875vw; }
    @media only screen and (max-width: 1920px) {
      .application__form-footer .btn {
        font-size: 14px;
        padding: 7px 36px; } }
    @media only screen and (max-width: 767px) {
      .application__form-footer .btn {
        font-size: 12px;
        padding: 5px 13px; } }

.upload__message {
  font-size: 0.729vw;
  letter-spacing: 0.018vw;
  margin-bottom: 3.333vw; }
  @media only screen and (max-width: 1920px) {
    .upload__message {
      font-size: 14px;
      letter-spacing: .35px;
      margin-bottom: 64px; } }
  @media only screen and (max-width: 767px) {
    .upload__message {
      line-height: 1.43; } }

.form-control {
  font-size: 0.729vw;
  width: 100%;
  height: 2.656vw;
  padding: 0.573vw 0;
  border-radius: 0.521vw;
  border: solid 1px #ddd;
  color: #000; }
  @media only screen and (max-width: 1920px) {
    .form-control {
      font-size: 14px;
      height: 51px;
      padding: 11px 0;
      border-radius: 10px; } }
  @media only screen and (max-width: 767px) {
    .form-control {
      padding-left: 14px; } }
  .form-control::-webkit-input-placeholder {
    color: #a2a2a2; }
  .form-control::-moz-placeholder {
    color: #a2a2a2; }
  .form-control:-ms-input-placeholder {
    color: #a2a2a2; }
  .form-control::-ms-input-placeholder {
    color: #a2a2a2; }
  .form-control::placeholder {
    color: #a2a2a2; }
  .form-control.error {
    border-color: #f00; }

.application__form .form-control {
  padding-left: 24px; }
  @media only screen and (max-width: 767px) {
    .application__form .form-control {
      padding-left: 14px; } }

.wpcf7-not-valid-tip {
  position: absolute;
  color: #f00; }

.wpcf7-not-valid + label {
  color: #f00; }

.contact-form-wrapper .contact-form {
  position: relative; }

.contact-form-wrapper .wpcf7-response-output {
  position: absolute;
  top: 103%;
  width: 100%; }

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  display: none !important; }

select.error + .nice-select {
  border-color: #f00; }

.custom-control label.error {
  opacity: 0;
  visibility: hidden;
  display: none !important; }

.custom-control .custom-control-input.error + .custom-control-label:before {
  border-color: #f00; }

.nice-select {
  padding-right: 2.083vw; }
  @media only screen and (max-width: 1920px) {
    .nice-select {
      padding-right: 40px; } }
  .nice-select .current {
    color: #a2a2a2; }
  .nice-select:after {
    right: 1.042vw; }
    @media only screen and (max-width: 1920px) {
      .nice-select:after {
        right: 20px; } }
    @media only screen and (max-width: 767px) {
      .nice-select:after {
        top: 19px; } }

.active .nice-select .current {
  color: #000; }

.intl-tel-input {
  display: block; }
  .intl-tel-input input[type=tel] {
    padding-left: 5.417vw !important;
    word-spacing: 0.104vw; }
    @media only screen and (max-width: 1920px) {
      .intl-tel-input input[type=tel] {
        padding-left: 104px !important;
        word-spacing: 2px; } }
    @media only screen and (max-width: 767px) {
      .intl-tel-input input[type=tel] {
        padding-left: 90px !important; } }
  .intl-tel-input .iti-arrow {
    display: none !important; }

.iti-flag.ch {
  border-radius: 50%; }

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: transparent !important; }

.selected-flag {
  width: auto !important;
  padding-left: 1.250vw !important; }
  @media only screen and (max-width: 1920px) {
    .selected-flag {
      padding-left: 24px !important; } }
  @media only screen and (max-width: 767px) {
    .selected-flag {
      padding-left: 17px !important; } }

.not-empty .selected-dial-code {
  color: #000; }

.selected-dial-code {
  position: relative;
  font-size: 0.729vw;
  font-weight: normal;
  color: #a2a2a2; }
  @media only screen and (max-width: 1920px) {
    .selected-dial-code {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .selected-dial-code {
      padding-left: 24px !important; } }
  .selected-dial-code:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 0.625vw;
    padding-left: 0.365vw; }
    @media only screen and (max-width: 1920px) {
      .selected-dial-code:after {
        font-size: 12px;
        padding-left: 7px; } }

.intl-tel-input .selected-flag .iti-flag {
  top: -0.104vw; }
  @media only screen and (max-width: 1920px) {
    .intl-tel-input .selected-flag .iti-flag {
      top: -2px; } }

.d-none {
  display: none !important; }

@media print {
  footer.footer,
  .jobs__row-left,
  .jobs__row-center,
  .jobs__head,
  .jobs__filter-head,
  .header,
  .right-navbar,
  .job__sbs,
  .job__head-link,
  .job__head-intro .btn-blue,
  .job__desc-mail,
  .btn-primary.btn-rapport,
  .job-find,
  .jobs__bg,
  .contact-nav-bar {
    display: none !important; }
  .jobs__row-right .job__inner,
  .jobs__row-right .job__inner {
    padding: 0 !important; }
  .job__desc-ava-block .job__desc-ava-desc,
  .jobs {
    padding: 0 !important; }
  .jobs__row-right .job__inner * {
    font-size: 14px !important;
    line-height: 1.5 !important;
    word-spacing: normal !important; }
  .jobs__row-right .job__inner ul {
    list-style: disc !important;
    padding-left: 15px !important; }
  .jobs__row-right .job__inner ul li {
    padding: 0 !important; }
  .job__head-intro-img {
    width: 220px !important; }
  .job__desc-ava-block .job__desc-ava {
    width: 70px !important; }
  .jobs__row {
    width: 100% !important; }
  .jobs__row-right {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
            flex: 0 0 100% !important;
    min-width: 100% !important; }
  .job__head-intro {
    background-image: none !important; }
  .cookies {
    display: none !important; }
  body {
    background: #fff !important; }
  .container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; } }


/*# sourceMappingURL=app.min.css.map*/