/* FONTS
   ========================================================================== */
/* MAIN  FILES
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  color: #171721;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  height: auto;
  min-height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
}
body ::-moz-selection {
  background: #171721;
  color: #ffffff;
}
body ::selection {
  background: #171721;
  color: #ffffff;
}

#wrap {
  -webkit-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

mark {
  background: none;
}

/* ==========================================================================
   FORMS & TABLE & NAVIGATION
   ========================================================================== */
input, textarea, select {
  -webkit-appearance: none;
  outline: 0 none;
  padding: 0 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=search], input[type=tel], textarea {
  -webkit-appearance: none;
  border: none;
  border-bottom: 1px solid #A2A2A6;
  color: #171721;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  padding: 0 0 10px 0;
  width: 100%;
  font-weight: 700;
  margin-bottom: 30px;
  border-radius: 0 !important;
}
input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #A2A2A6;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
  text-align: center;
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #A2A2A6;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
  text-align: center;
}
input[type=text]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #A2A2A6;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
  text-align: center;
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, textarea:focus {
  border-color: #171721;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=search], input[type=tel] {
  height: 36px;
}

.wpcf7-acceptance .wpcf7-list-item-label .checkbox-text {
  color: #171721;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
}
.wpcf7-acceptance .wpcf7-list-item-label .checkbox-text a {
  font-weight: 400;
  font-size: 10px;
  text-decoration: none;
}

textarea {
  resize: none;
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  min-height: 36px;
  height: 36px;
  -webkit-transition: none;
  transition: none;
}

button[disabled], html input[disabled] {
  cursor: no-drop;
}

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

input[type=submit] {
  -webkit-appearance: none;
  width: 100%;
  border-radius: 10px;
  border: 1px solid transparent;
  background: #171721;
  padding: 10px 20px;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type=submit]:hover {
  color: #171721;
  background-color: #ffffff;
  border-color: #171721;
}

input[type=submit]:disabled:hover {
  color: #ffffff;
  background-color: #171721;
}

.submit-button {
  max-width: 273px;
  width: 100%;
  margin: 20px auto 0 auto;
}

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

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

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

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  padding-bottom: 20px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.4;
}

#wpcontent h1, #wpcontent h2, #wpcontent h3, #wpcontent h4, #wpcontent h5, #wpcontent h6 {
  color: #171721;
}

h1, .h1 {
  padding-bottom: 60px;
  font-size: 42px;
}
@media screen and (max-width: 576px) {
  h1, .h1 {
    font-size: 26px;
  }
}

h2 {
  font-size: 34px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 20px;
}

p {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #A2A2A6;
}
p:last-child {
  padding-bottom: 0;
}

a {
  color: #F16025;
  outline: 0;
  text-decoration: underline;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
a:hover {
  outline: 0;
  text-decoration: underline;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

strong, b {
  font-weight: 700;
}

i {
  font-style: normal;
}

@media screen and (min-width: 1140px) {
  ::-webkit-scrollbar {
    width: 13px;
  }
  ::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #cccccc;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #171721;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #0d0d12;
  }
}
.row1164 {
  width: 1164px;
  max-width: 96%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .row1164 {
    max-width: 89.3333%;
  }
}

.row690 {
  width: 690px;
  max-width: 96%;
}
@media (max-width: 576px) {
  .row690 {
    max-width: 91%;
  }
}

.row1400 {
  width: 1400px;
  max-width: 96%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .row1400 {
    max-width: 100%;
  }
}

.center {
  text-align: center;
}

button {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.btn-border-white,
.btn-border-black {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 10px;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: transparent;
  padding: 12px 15px;
  text-decoration: none;
}
.btn-border-white:hover,
.btn-border-black:hover {
  text-decoration: none;
}

.btn-border-white {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btn-border-white:hover {
  border-color: #171721;
  background-color: #ffffff;
  color: #171721;
}

.btn-border-black {
  border: 1px solid #171721;
  color: #171721;
}
.btn-border-black:hover {
  background-color: #171721;
  color: #ffffff;
}

.wpcf7 label {
  max-width: 274px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.wpcf7 .wpcf7-not-valid-tip {
  font: "Montserrat", sans-serif !important;
  background: transparent !important;
  top: 40px !important;
  color: #F16025 !important;
  font-weight: 500 !important;
  max-width: 100% !important;
  font-size: 10px !important;
  height: 16px !important;
  line-height: 1.4 !important;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid {
  border-bottom-color: #F16025;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid + .select2 .select2-selection--single {
  border-color: #F16025;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
  display: none !important;
}
.wpcf7 .file-send {
  margin-bottom: 20px;
  text-align: center;
}
.wpcf7 .g-form__attachment {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  position: relative;
  max-width: 100%;
  width: 100%;
}
.wpcf7 .g-form__attachment br {
  display: none;
}
.wpcf7 .g-form__attachment label {
  max-width: 275px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  margin-bottom: 0 !important;
  padding: 6px 15.5px;
  border-radius: 8px;
  border: 1px solid #171721;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 26px;
}
.wpcf7 .g-form__attachment label:hover {
  background-color: #171721;
}
.wpcf7 .g-form__attachment label:hover span {
  color: #ffffff;
}
.wpcf7 .g-form__attachment label input {
  display: none;
}
.wpcf7 .g-form__attachment label:hover .g-form__attachment-label {
  text-decoration-color: inherit;
}
.wpcf7 .g-form__attachment label .wpcf7-form-control-wrap {
  position: initial;
}
.wpcf7 .g-form__attachment label .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .g-form__attachment-size {
  width: 100px;
  text-align: right;
  color: #171721;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  visibility: hidden;
}
@media (max-width: 768px) {
  .wpcf7 .g-form__attachment-size {
    display: none;
  }
}
.wpcf7 .g-form__attachment-delete {
  display: none;
  width: 100%;
  margin-top: 10px;
  color: #171721;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  visibility: hidden;
}
.wpcf7 .g-form__attachment-delete:hover {
  text-decoration-color: inherit;
}
.wpcf7 .g-form__attachment_filled .g-form__attachment-size {
  visibility: visible;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.wpcf7 .g-form__attachment_filled .g-form__attachment-delete {
  visibility: visible;
  display: block;
}
.wpcf7 .g-form__attachment-label {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #171721;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 678px) {
  .wpcf7 .g-form__attachment-label {
    max-width: 290px;
    width: 100%;
  }
}
.wpcf7 .file-send {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (max-width: 768px) {
  .wpcf7 .file-send {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .wpcf7 .file-send .g-form__attachment .g-form__attachment-delete {
    top: unset;
  }
  .wpcf7 .file-send .g-form__attachment label .wpcf7-form-control-wrap {
    padding: 0 !important;
  }
}
.wpcf7 .select2 {
  width: 100% !important;
  margin-bottom: 30px;
}
.wpcf7 .select2 .select2-selection--single {
  border: none;
  border-radius: 0;
  width: 100%;
  border-bottom: 1px solid #A2A2A6;
  color: #171721;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  height: 36px;
}
.wpcf7 .select2 li {
  color: #A2A2A6;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
.wpcf7 .select2 .select2-selection__placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  text-align: center;
  color: #A2A2A6;
}
.wpcf7 .select2 .select2-selection__rendered {
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: #171721;
}
.wpcf7 .select2 .select2-selection__arrow {
  height: auto;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8" stroke="%23171721" stroke-width="2"/></svg>');
}
.wpcf7 .select2 .select2-selection__arrow b {
  display: none;
}
.wpcf7 .wpcf7-acceptance {
  width: 100%;
  display: block;
}
.wpcf7 .wpcf7-acceptance label {
  margin-bottom: 0;
  cursor: pointer;
}
.wpcf7 .wpcf7-acceptance label input {
  display: none;
}
.wpcf7 .wpcf7-acceptance label input:checked + span .checkbox-text:before {
  border-color: transparent;
}
.wpcf7 .wpcf7-acceptance label input:checked + span .checkbox-text:after {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.wpcf7 .wpcf7-acceptance label .checkbox-text {
  display: block;
  position: relative;
  padding-left: 30px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (max-width: 487px) {
  .wpcf7 .wpcf7-acceptance label .checkbox-text {
    max-width: 246px;
    width: 100%;
  }
}
.wpcf7 .wpcf7-acceptance label .checkbox-text:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #A2A2A6;
  border-radius: 4px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (max-width: 1462px) {
  .wpcf7 .wpcf7-acceptance label .checkbox-text:before {
    top: 7px;
  }
}
.wpcf7 .wpcf7-acceptance label .checkbox-text:hover:before {
  opacity: 0.7;
}
.wpcf7 .wpcf7-acceptance label .checkbox-text:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_74_3663)"><path d="M0.5 4C0.5 2.067 2.067 0.5 4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4Z" stroke="%23A2A2A6"/><path d="M5 10L8 13L15.5 5.5" stroke="%23171721" stroke-width="2"/></g><defs><clipPath id="clip0_74_3663"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media (max-width: 1462px) {
  .wpcf7 .wpcf7-acceptance label .checkbox-text:after {
    top: 7px;
  }
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
  margin: 0;
  padding: 20px;
  max-width: 100%;
  text-align: center;
  background: white !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  border-radius: 40px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #171721;
}

.select2-container--default .select2-search--dropdown {
  padding: 0;
}
.select2-container--default .select2-search__field {
  display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  margin-bottom: 0 !important;
}
.select2-container--default .select2-results__option, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  font-family: "Montserrat", sans-serif;
  background: #171721;
  color: #ffffff;
}

.select2-container--open .select2-dropdown--above {
  top: -4px !important;
  border-bottom: 1px solid #A2A2A6;
  border-radius: 4px;
}

.cookie-open-hide {
  overflow: hidden;
}

.safari .cky-preference-center {
  max-height: 79vh !important;
}
.safari input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0;
}

.select2-hidden-accessible {
  display: none !important;
}

.home #logo {
  pointer-events: none;
}
.home header li.current-menu-item a {
  color: #ffffff !important;
}
.home footer li.current-menu-item {
  display: none !important;
}

.wpml {
  color: #ffffff;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
}

.current-menu-item {
  pointer-events: none;
}

.wrapper-form:focus-visible,
.cf-vacancy:focus-visible,
.posts-career:focus-visible,
.vacancies-section:focus-visible {
  outline: none !important;
}

.flex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.flex.h-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}
.flex.h-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.flex.v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}
.flex.v-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.flex.vh-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}
.flex.flex-column {
  flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
}
.flex.flex-nowrap {
  flex-wrap: nowrap;
  -ms-flex-wrap: none;
}

[class*=col-] {
  width: 100%;
}

.col-1 {
  -ms-flex-basis: 5.5833333333%;
  -ms-flex-preferred-size: 5.5833333333%;
      flex-basis: 5.5833333333%;
}

.col-2 {
  -ms-flex-basis: 14.1666666667%;
  -ms-flex-preferred-size: 14.1666666667%;
      flex-basis: 14.1666666667%;
}

.col-3 {
  -ms-flex-basis: 22.75%;
  -ms-flex-preferred-size: 22.75%;
      flex-basis: 22.75%;
}

.col-4 {
  -ms-flex-basis: 31.3333333333%;
  -ms-flex-preferred-size: 31.3333333333%;
      flex-basis: 31.3333333333%;
}

.col-5 {
  -ms-flex-basis: 39.9166666667%;
  -ms-flex-preferred-size: 39.9166666667%;
      flex-basis: 39.9166666667%;
}

.col-6 {
  -ms-flex-basis: 48.5%;
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
}

.col-7 {
  -ms-flex-basis: 57.0833333333%;
  -ms-flex-preferred-size: 57.0833333333%;
      flex-basis: 57.0833333333%;
}

.col-8 {
  -ms-flex-basis: 65.6666666667%;
  -ms-flex-preferred-size: 65.6666666667%;
      flex-basis: 65.6666666667%;
}

.col-9 {
  -ms-flex-basis: 74.25%;
  -ms-flex-preferred-size: 74.25%;
      flex-basis: 74.25%;
}

.col-10 {
  -ms-flex-basis: 82.8333333333%;
  -ms-flex-preferred-size: 82.8333333333%;
      flex-basis: 82.8333333333%;
}

.col-11 {
  -ms-flex-basis: 91.4166666667%;
  -ms-flex-preferred-size: 91.4166666667%;
      flex-basis: 91.4166666667%;
}

.col-12 {
  -ms-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.col-50 {
  -ms-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

@media (max-width: 960px) {
  .md-1 {
    -ms-flex-basis: 5.5833333333%;
    -ms-flex-preferred-size: 5.5833333333%;
        flex-basis: 5.5833333333%;
  }
  .md-2 {
    -ms-flex-basis: 14.1666666667%;
    -ms-flex-preferred-size: 14.1666666667%;
        flex-basis: 14.1666666667%;
  }
  .md-3 {
    -ms-flex-basis: 22.75%;
    -ms-flex-preferred-size: 22.75%;
        flex-basis: 22.75%;
  }
  .md-4 {
    -ms-flex-basis: 31.3333333333%;
    -ms-flex-preferred-size: 31.3333333333%;
        flex-basis: 31.3333333333%;
  }
  .md-5 {
    -ms-flex-basis: 39.9166666667%;
    -ms-flex-preferred-size: 39.9166666667%;
        flex-basis: 39.9166666667%;
  }
  .md-6 {
    -ms-flex-basis: 48.5%;
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
  }
  .md-7 {
    -ms-flex-basis: 57.0833333333%;
    -ms-flex-preferred-size: 57.0833333333%;
        flex-basis: 57.0833333333%;
  }
  .md-8 {
    -ms-flex-basis: 65.6666666667%;
    -ms-flex-preferred-size: 65.6666666667%;
        flex-basis: 65.6666666667%;
  }
  .md-9 {
    -ms-flex-basis: 74.25%;
    -ms-flex-preferred-size: 74.25%;
        flex-basis: 74.25%;
  }
  .md-10 {
    -ms-flex-basis: 82.8333333333%;
    -ms-flex-preferred-size: 82.8333333333%;
        flex-basis: 82.8333333333%;
  }
  .md-11 {
    -ms-flex-basis: 91.4166666667%;
    -ms-flex-preferred-size: 91.4166666667%;
        flex-basis: 91.4166666667%;
  }
  .md-12 {
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .md-bottom {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .sm-1 {
    -ms-flex-basis: 5.5833333333%;
    -ms-flex-preferred-size: 5.5833333333%;
        flex-basis: 5.5833333333%;
  }
  .sm-2 {
    -ms-flex-basis: 14.1666666667%;
    -ms-flex-preferred-size: 14.1666666667%;
        flex-basis: 14.1666666667%;
  }
  .sm-3 {
    -ms-flex-basis: 22.75%;
    -ms-flex-preferred-size: 22.75%;
        flex-basis: 22.75%;
  }
  .sm-4 {
    -ms-flex-basis: 31.3333333333%;
    -ms-flex-preferred-size: 31.3333333333%;
        flex-basis: 31.3333333333%;
  }
  .sm-5 {
    -ms-flex-basis: 39.9166666667%;
    -ms-flex-preferred-size: 39.9166666667%;
        flex-basis: 39.9166666667%;
  }
  .sm-6 {
    -ms-flex-basis: 48.5%;
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
  }
  .sm-7 {
    -ms-flex-basis: 57.0833333333%;
    -ms-flex-preferred-size: 57.0833333333%;
        flex-basis: 57.0833333333%;
  }
  .sm-8 {
    -ms-flex-basis: 65.6666666667%;
    -ms-flex-preferred-size: 65.6666666667%;
        flex-basis: 65.6666666667%;
  }
  .sm-9 {
    -ms-flex-basis: 74.25%;
    -ms-flex-preferred-size: 74.25%;
        flex-basis: 74.25%;
  }
  .sm-10 {
    -ms-flex-basis: 82.8333333333%;
    -ms-flex-preferred-size: 82.8333333333%;
        flex-basis: 82.8333333333%;
  }
  .sm-11 {
    -ms-flex-basis: 91.4166666667%;
    -ms-flex-preferred-size: 91.4166666667%;
        flex-basis: 91.4166666667%;
  }
  .sm-12 {
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .sm-bottom {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .xs-1 {
    -ms-flex-basis: 5.5833333333%;
    -ms-flex-preferred-size: 5.5833333333%;
        flex-basis: 5.5833333333%;
  }
  .xs-2 {
    -ms-flex-basis: 14.1666666667%;
    -ms-flex-preferred-size: 14.1666666667%;
        flex-basis: 14.1666666667%;
  }
  .xs-3 {
    -ms-flex-basis: 22.75%;
    -ms-flex-preferred-size: 22.75%;
        flex-basis: 22.75%;
  }
  .xs-4 {
    -ms-flex-basis: 31.3333333333%;
    -ms-flex-preferred-size: 31.3333333333%;
        flex-basis: 31.3333333333%;
  }
  .xs-5 {
    -ms-flex-basis: 39.9166666667%;
    -ms-flex-preferred-size: 39.9166666667%;
        flex-basis: 39.9166666667%;
  }
  .xs-6 {
    -ms-flex-basis: 48.5%;
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
  }
  .xs-7 {
    -ms-flex-basis: 57.0833333333%;
    -ms-flex-preferred-size: 57.0833333333%;
        flex-basis: 57.0833333333%;
  }
  .xs-8 {
    -ms-flex-basis: 65.6666666667%;
    -ms-flex-preferred-size: 65.6666666667%;
        flex-basis: 65.6666666667%;
  }
  .xs-9 {
    -ms-flex-basis: 74.25%;
    -ms-flex-preferred-size: 74.25%;
        flex-basis: 74.25%;
  }
  .xs-10 {
    -ms-flex-basis: 82.8333333333%;
    -ms-flex-preferred-size: 82.8333333333%;
        flex-basis: 82.8333333333%;
  }
  .xs-11 {
    -ms-flex-basis: 91.4166666667%;
    -ms-flex-preferred-size: 91.4166666667%;
        flex-basis: 91.4166666667%;
  }
  .xs-12 {
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .xs-bottom {
    margin-bottom: 15px;
  }
}
/* ==========================================================================
   HELPERS
   ========================================================================== */
.wrap {
  margin: 0 auto;
  width: 1140px;
  max-width: 94%;
  position: relative;
}

#content {
  padding: 40px 0;
}
@media (max-width: 1140px) {
  #content {
    padding: 20px 0;
  }
}

#wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
}

.c {
  font-size: 0;
  line-height: 0;
  display: block;
  clear: both;
  overflow: hidden;
}

.cfx:after, .cfx:before {
  display: table;
  clear: both;
  content: " ";
}

.bg-center {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.underline {
  position: relative;
  display: inline-block;
}
.underline:after {
  display: block;
  width: 0;
  height: 1px;
  margin: auto;
  content: "";
  -webkit-transition: width 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, background-color 0.5s ease;
  background: transparent;
}
.underline:hover:after {
  width: 100%;
  background: #F16025;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0087ca;
}

.hover-underline-animation::after {
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.btn {
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  outline: 0;
  background: #ffffff;
  appearance: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
  .btn {
    font-size: 14px;
    padding: 10px 15px;
  }
}
.btn:hover {
  background: #ebebeb;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn:active {
  background: #d9d9d9;
}

/* ==========================================================================
   WORDPRESS DEFAULT CLASSES
   ========================================================================== */
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  margin: 10px;
  padding-top: 4px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background-color: #f3f3f3;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* ==========================================================================
   WYSIWYG
   ========================================================================== */
.wysiwyg h1 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.wysiwyg p {
  font-size: 15px;
  line-height: 1.4;
  padding-bottom: 20px;
  word-break: break-word;
}
.wysiwyg ul {
  margin-left: 30px;
  padding-bottom: 20px;
}
.wysiwyg ul li {
  line-height: 1.4;
}

/* ==========================================================================
   FULL FRAME
   ========================================================================== */
.fullframe {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 56.5%;
  position: relative;
  z-index: 0;
}
.fullframe iframe, .fullframe object, .fullframe embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* ==========================================================================
   CONTACT FORM 7
   ========================================================================== */
.wpcf7 {
  width: 100%;
}
.wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
  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;
  background: #16a085;
  width: 100%;
}
.wpcf7 .wpcf7-not-valid-tip {
  font: 500 16px/1 "Montserrat", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ff5f5f;
  background: #eeeeee;
}
.wpcf7 .wpcf7-response-output {
  width: 0;
  max-width: 100%;
  cursor: pointer;
  text-align: center;
  color: transparent;
  background: transparent;
  position: relative;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng {
  background: #1091ae;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #16a085;
}
.wpcf7 .wpcf7-form-control-wrap {
  position: relative;
  display: block !important;
}

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url(../img/ajax-loader.gif);
  width: 16px;
  height: 16px;
  border: none;
  margin: 0 0 0 4px;
  vertical-align: middle;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 50%;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

div.wpcf7 form.submitting .ajax-loader {
  visibility: visible;
}

/* ==========================================================================
   SOCIAL LINK
   ========================================================================== */
.s-link {
  font-size: 0;
  display: inline-block;
  width: auto;
  cursor: pointer;
  text-align: center;
}
.s-link a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 2px;
  color: #ffffff;
  border-radius: 50%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.s-link a:before {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-link a:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.s-link a.fa-facebook:hover {
  background: #3b5993;
}
.s-link a.fa-twitter:hover {
  background: #55acee;
}
.s-link a.fa-instagram:hover {
  background: #181818;
}
.s-link a.fa-linkedin:hover {
  background: #0177b5;
}
.s-link a.fa-youtube:hover {
  background: #f80000;
}
.s-link a.fa-pinterest:hover {
  background: #bd081c;
}
.s-link a.fa-vimeo:hover {
  background: #1bb7ea;
}
.s-link a.fa-yelp:hover {
  background: #d32323;
}
.s-link a.fa-google-plus:hover {
  background: #dd4c39;
}

/* ==========================================================================
   index-style
   ========================================================================== */
.index-style .post-item {
  margin-bottom: 20px;
}
.index-style .post-title {
  font-size: 18px;
  display: block;
  padding-bottom: 15px;
}
.index-style .post-title:hover {
  color: #171721;
}
.index-style .post-thumbnail {
  min-height: 160px;
  will-change: opacity;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.index-style .post-thumbnail:hover {
  opacity: 0.9;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.wp-pagenavi {
  font-size: 0;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #cccccc;
}
.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 14px;
  margin: 0 3px;
  padding: 3px 5px;
}
.wp-pagenavi a {
  border: 1px solid #cccccc;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover {
  color: #ffffff;
  border-color: #171721;
  background: #171721;
}

#top {
  min-height: 500px;
  text-align: center;
  color: #fff;
}
#top h1 {
  font-size: 60px;
}

.desctop_hide {
  display: none;
}

@media (max-width: 1140px) {
  .mobile_hide {
    display: none;
  }
  .desctop_hide {
    display: block;
  }
  .burger {
    position: fixed;
    z-index: 101;
    top: 23px;
    right: calc((100vw - 96%) / 2);
  }
  /* resp_menu_active
  ========================================================================== */
}
@media screen and (max-width: 1140px) and (max-width: 576px) {
  .burger {
    right: calc((100vw - 89.3333%) / 2);
  }
}
@media (max-width: 1140px) {
  .burger .burger-icon {
    display: inline-block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .burger .burger-icon, .burger .burger-icon::before, .burger .burger-icon::after {
    display: block;
    width: 16px;
    height: 1px;
    background-color: #ffffff;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  .burger .burger-icon::before, .burger .burger-icon::after {
    position: absolute;
    content: "";
  }
  .burger .burger-icon::before {
    top: -5px;
  }
  .burger .burger-icon::after {
    top: 5px;
  }
  .burger .burger-icon::before {
    width: 8px;
    right: 0;
  }
  .burger .burger-icon::after {
    width: 24px;
    right: 0;
  }
  .burger.is-active .burger-icon {
    background-color: transparent;
  }
  .burger.is-active .burger-icon::before {
    -webkit-transform: translateY(5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
  }
  .burger.is-active .burger-icon::after {
    -webkit-transform: translateY(-5px) rotate(-45deg);
            transform: translateY(-5px) rotate(-45deg);
  }
  .burger.is-active .burger-icon::before,
  .burger.is-active .burger-icon::after {
    background: #ffffff;
    width: 24px;
  }
  .mobile_menu_container {
    font-size: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 100vh;
    padding: 80px 2% 90px 2%;
    border-top: 58px solid transparent;
    background: #171721;
    will-change: transform, opacity;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 1140px) and (max-width: 768px) {
  .mobile_menu_container {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1140px) {
  .mobile_menu_container nav {
    margin-bottom: 40px;
  }
  .mobile_menu_container li {
    position: relative;
  }
  .mobile_menu_container a {
    z-index: 10;
    display: block;
  }
  .mobile_menu_container a:hover {
    text-decoration: none;
  }
  .mobile_menu_container .sub-anchor {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: #212130;
  }
  .mobile_menu_container .sub-anchor:hover {
    background: #0d0d12;
  }
  .mobile_menu_container .sub-anchor:before {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .mobile_menu_container .sub-menu {
    display: none;
  }
  .mobile_menu_container .sub-menu a {
    font-size: 13px;
    padding: 10px 30px;
    color: #ffffff;
  }
  .mobile_menu_container .sub-menu a:hover {
    background: #2c2c3f;
  }
  .mobile_menu_container .sub-menu .sub-menu {
    display: none;
    padding-left: 10px;
  }
  .mobile_menu_container .level_a {
    text-align: center;
    margin-bottom: 80px;
  }
  .mobile_menu_container .level_a > li {
    margin-bottom: 30px;
  }
  .mobile_menu_container .level_a > li > a {
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
  }
  .mobile_menu_container .level_a > li > a:hover {
    color: #74747A;
  }
  .mobile_menu_container .level_a .current-menu-item a {
    color: #74747A;
  }
  .mobile_menu_container .btn-border-black {
    background-color: #ffffff;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 60px auto;
  }
  .mobile_menu_container .btn-border-black:hover {
    background-color: transparent;
    border-color: #ffffff;
  }
  .mobile_menu_container .social-links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 60px;
  }
  .mobile_menu_container .social-links-wrapper .social-link {
    text-decoration: none;
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 5px;
  }
  .mobile_menu_container .social-links-wrapper .social-link:hover svg rect {
    fill: #ffffff;
  }
  .mobile_menu_container .social-links-wrapper .social-link svg {
    width: 30px;
    height: 30px;
  }
  .mobile_menu_container .social-links-wrapper .social-link svg rect {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .mobile_menu_active {
    overflow: hidden;
  }
  .mobile_menu_active:before {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .mobile_menu_active .burger {
    position: fixed;
  }
  .mobile_menu_active .burger span {
    position: relative;
    z-index: 101;
  }
  .mobile_menu_active .mobile_menu_container {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .mobile_menu_active .header .btn-border-black {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 1140px) and (max-width: 1140px) {
  .mobile_menu_active .header .wpml {
    display: none;
  }
}
@media (max-width: 1140px) {
  .home.mobile_menu_active .current-menu-item a {
    color: #ffffff;
  }
}
.alignleft {
  float: left;
  margin: 0 30px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 30px;
}

.aligncenter {
  margin: 0 auto 20px;
}

.alignnone {
  margin: 0 0 20px;
}

.block-center {
  text-align: center;
  position: relative;
}

@media (max-width: 1024px) {
  .alignleft, .aligncenter, .alignright {
    float: none;
    margin: 0 auto 20px;
  }
  .alignnone {
    margin: 0 0 20px;
  }
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
  display: none !important;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.test-block .row1920 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.test-block .row1920 > * {
  width: 50%;
}

.otgs-development-site-front-end {
  display: none !important;
}

header {
  top: 0;
}
header #logo {
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #181818;
}
header #logo:hover {
  opacity: 0.8;
}
@media (max-width: 1140px) {
  header .lang-switcher-desktop {
    display: none;
  }
}

.lang-switcher {
  margin-right: 20px;
}
.lang-switcher .wpml-ls-legacy-list-horizontal {
  border: none !important;
  padding: 0 !important;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul li {
  margin-right: 10px;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul li:last-child {
  margin-right: 0;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-transform: uppercase;
  color: #fff;
  padding: 0 !important;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language {
  pointer-events: none;
}
.lang-switcher .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
  color: #74747A;
}

@media screen and (min-width: 1140px) {
  .lang-switcher-mobile {
    display: none;
  }
}
.lang-switcher-mobile ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ==========================================================================
   Main Navigation
   ========================================================================== */
.main_nav {
  font-size: 0;
}
.main_nav * {
  line-height: 1;
}
.main_nav a {
  display: block;
}
.main_nav a:hover {
  text-decoration: none;
}
.main_nav .level_a {
  position: relative;
}
.main_nav .level_a li {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.main_nav .level_a > li > a {
  padding: 5px 10px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.4;
}
.main_nav .level_a > li.current-menu-item > a, .main_nav .level_a > li:hover > a {
  color: #74747A;
}
.main_nav .level_a > li.menu-item-has-children:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  content: "";
}
.main_nav .level_a > li.menu-item-has-children:hover > .sub-menu {
  display: block;
}
.main_nav .level_a > li > .sub-menu {
  position: absolute;
  z-index: 100;
  display: none;
  width: 220px;
  margin-top: 27px;
  padding: 10px 0;
  border-top: 3px solid #2c2c3f;
  border-bottom: 3px solid #2c2c3f;
  background: #171721;
}
.main_nav .level_a > li > .sub-menu .sub-menu {
  display: block;
  padding-left: 10px;
}
.main_nav .level_a > li > .sub-menu li {
  display: block;
  list-style-type: none;
}
.main_nav .level_a > li > .sub-menu a {
  font-size: 13px;
  line-height: 1.3;
  padding: 3px 15px;
  color: #ffffff;
}
.main_nav .level_a > li > .sub-menu a:hover {
  text-decoration: none;
  background: #41415d;
}

/* ==========================================================================
   Default page
   ========================================================================== */
.page {
  background: #171721;
}
.page .default-page-content {
  margin-top: 100px;
  margin-bottom: 120px;
}
@media screen and (max-width: 576px) {
  .page .default-page-content {
    margin-bottom: 0;
  }
}
.page .default-page-content h1 {
  margin-top: 66px;
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .page .default-page-content h1 {
    margin-top: 46px;
    padding-bottom: 40px;
  }
}
.page .default-page-content h2, .page .default-page-content h3, .page .default-page-content h4, .page .default-page-content h5, .page .default-page-content h6 {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .page .default-page-content h2, .page .default-page-content h3, .page .default-page-content h4, .page .default-page-content h5, .page .default-page-content h6 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .page .default-page-content h2 {
    font-size: 21px;
  }
}
@media screen and (max-width: 576px) {
  .page .default-page-content h3, .page .default-page-content h4, .page .default-page-content h5, .page .default-page-content h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 576px) {
  .page .default-page-content p {
    font-size: 13px;
  }
}

/* ==========================================================================
   404 page
   ========================================================================== */
.error404 {
  background: #171721;
}
.error404 #content {
  margin-top: 132px;
  margin-bottom: 45px;
}
.error404 img {
  width: 100%;
  max-width: 627px;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.breadcrumbs {
  color: #74747A;
}
.breadcrumbs a, .breadcrumbs span {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
}
.breadcrumbs span {
  color: #74747A;
}
.breadcrumbs span.breadcrumb_last {
  color: #ffffff;
}
.breadcrumbs a {
  color: #74747A;
  text-decoration: none;
}

/* ==========================================================================
   Cookie
   ========================================================================== */
.cky-consent-container {
  display: block;
  left: 5vw !important;
  max-width: 572px;
  width: 100% !important;
}
@media screen and (max-width: 768px) {
  .cky-consent-container {
    padding: 0 1.5%;
    left: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .cky-consent-container {
    padding: 0 2.7%;
    bottom: 20px !important;
  }
}
.cky-consent-container .cky-consent-bar {
  border-radius: 40px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  padding: 30px 40px 20px 40px !important;
}
@media screen and (max-width: 576px) {
  .cky-consent-container .cky-consent-bar {
    padding: 30px 20px 30px 30px !important;
  }
}
.cky-consent-container .cky-notice .cky-title {
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px !important;
  line-height: 1.4 !important;
}
.cky-consent-container .cky-notice-des {
  padding: 0;
}
.cky-consent-container p {
  font-size: 13px !important;
}
.cky-consent-container .cky-notice-btn-wrapper {
  margin-top: 20px;
  padding: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 440px) {
  .cky-consent-container .cky-notice-btn-wrapper {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject {
  margin: 0;
  margin-right: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 10px;
  padding: 9px 20.5px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  color: #ffffff !important;
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject:hover {
  color: #ffffff !important;
  background-color: #171721 !important;
  border-color: #171721 !important;
  opacity: 1;
}
@media (max-width: 440px) {
  .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 10px;
  padding: 10px 20.5px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  border: none;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept:hover {
  opacity: 1 !important;
  color: #171721 !important;
  background-color: #ffffff !important;
}

.cky-prefrence-btn-wrapper .cky-btn-reject {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.cky-prefrence-btn-wrapper .cky-btn-reject:hover {
  border-color: #171721 !important;
  background: #171721 !important;
}

.cky-preference-center .cky-show-desc-btn {
  color: #F16025 !important;
}
.cky-preference-center .cky-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 10px;
  padding: 9px 19.5px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}
.cky-preference-center .cky-btn:hover {
  opacity: 1 !important;
}
.cky-preference-center .cky-btn-preferences {
  color: #171721 !important;
  background-color: #ffffff !important;
}
.cky-preference-center .cky-btn-preferences:hover {
  color: #ffffff !important;
  background-color: #171721 !important;
}
.cky-preference-center .cky-btn-accept:hover {
  color: #171721 !important;
  background-color: #ffffff !important;
}

/* ==========================================================================
   Contact us section (page)
   ========================================================================== */
.contact-us-page {
  margin: 120px 0 100px;
}
@media screen and (max-width: 576px) {
  .contact-us-page {
    margin-bottom: 0;
  }
}

.contact-us-section .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .left-content .container {
    padding-right: 25px;
  }
}
.contact-us-section .flex-wrapper .left-content h1 {
  padding: 60px 0 78px 0;
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .left-content h1 {
    padding: 48px 0 60px;
  }
}
.contact-us-section .flex-wrapper .left-content .links-wrapper {
  margin-bottom: 60px;
}
.contact-us-section .flex-wrapper .left-content .links-wrapper .link-item {
  margin-bottom: 10px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
}
.contact-us-section .flex-wrapper .left-content .links-wrapper .link-item:hover {
  color: #A2A2A6;
}
.contact-us-section .flex-wrapper .left-content .links-wrapper .link-item:last-child {
  margin-bottom: 0;
}
.contact-us-section .flex-wrapper .left-content .image {
  width: 257px;
  height: 257px;
  display: block;
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .left-content .image {
    display: none;
  }
}
.contact-us-section .flex-wrapper .left-content .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact-us-section .flex-wrapper .right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  .contact-us-section .flex-wrapper .right-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .right-content {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .right-content {
    margin-bottom: 100px;
  }
}
.contact-us-section .flex-wrapper .right-content .social-links-wrapper {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 40px;
}
@media screen and (max-width: 992px) {
  .contact-us-section .flex-wrapper .right-content .social-links-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .right-content .social-links-wrapper {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .right-content .social-links-wrapper {
    max-width: 456px;
    width: 100%;
    margin: 0 0 100px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contact-us-section .flex-wrapper .right-content .social-links-wrapper svg {
    width: 60px;
    height: 60px;
  }
}
.contact-us-section .flex-wrapper .right-content .social-links-wrapper .social-link {
  margin-bottom: 20px;
  text-decoration: none;
  color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .right-content .social-links-wrapper .social-link {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.contact-us-section .flex-wrapper .right-content .social-links-wrapper .social-link:hover svg rect {
  fill: #ffffff;
}
.contact-us-section .flex-wrapper .right-content .social-links-wrapper .social-link svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-us-section .flex-wrapper .right-content .social-links-wrapper .social-link:last-child {
  margin-bottom: 0;
}
.contact-us-section .flex-wrapper .right-content .wrapper-form {
  max-width: 456px;
  width: 100%;
  border-radius: 40px;
  background: #FFF;
  padding: 60px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .right-content .wrapper-form {
    padding: 60px 29px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .right-content .wrapper-form {
    max-width: 100%;
  }
}
.contact-us-section .flex-wrapper .right-content .wrapper-form .title-form {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
  color: #171721;
  text-align: center;
  margin-bottom: 60px;
}
.contact-us-section .image {
  display: none;
}
@media screen and (max-width: 576px) {
  .contact-us-section .image {
    display: block;
    text-align: center;
  }
}

/* ==========================================================================
   Archive games
   ========================================================================== */
.post-type-archive {
  background: #171721;
}
.post-type-archive .archive-games .banner {
  margin-top: 100px;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .banner {
    margin: 100px 0;
  }
}
.post-type-archive .archive-games .banner .breadcrumbs {
  margin-bottom: 66px;
}
.post-type-archive .archive-games .banner .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .banner .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.post-type-archive .archive-games .banner .flex-wrapper h1 {
  color: #ffffff;
  max-width: 454px;
  width: 40%;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .banner .flex-wrapper h1 {
    font-size: 26px;
    padding-bottom: 30px;
    width: 100%;
  }
}
.post-type-archive .archive-games .banner .flex-wrapper p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 690px;
  width: 100%;
  color: #A2A2A6;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .banner .flex-wrapper p {
    font-size: 16px;
  }
}
.post-type-archive .archive-games .posts .post-item.back {
  background-image: none !important;
}
.post-type-archive .archive-games .posts .post-item.mobile_ver .back-img {
  opacity: 1;
}
.post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .image-game img {
  -webkit-box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
  box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .image-game img {
    -webkit-box-shadow: 0px 0px 0px 5px rgb(245, 245, 245);
    box-shadow: 0px 0px 0px 5px rgb(245, 245, 245);
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .image-game img {
    -webkit-box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
    box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
  }
}
.post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .game-element {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .game-element {
    position: absolute;
    top: -43px;
    right: 0;
  }
}
.post-type-archive .archive-games .posts .post-item.mobile_ver .flex-wrapper .about-game .content {
  display: block;
}
.post-type-archive .archive-games .posts .post-item {
  padding: 15px 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  display: block;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item {
    padding: 0;
    pointer-events: none;
  }
  .post-type-archive .archive-games .posts .post-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (any-hover: hover) {
  .post-type-archive .archive-games .posts .post-item:hover .back-img {
    opacity: 1;
  }
  .post-type-archive .archive-games .posts .post-item:hover .flex-wrapper .image-game img {
    -webkit-box-shadow: 0 0 0 10px rgb(245, 245, 245);
    box-shadow: 0 0 0 10px rgb(245, 245, 245);
  }
  .post-type-archive .archive-games .posts .post-item:hover .flex-wrapper .game-element {
    opacity: 1;
    position: static;
  }
}
.post-type-archive .archive-games .posts .post-item .back-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .back-img {
    display: none;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper {
  max-width: 1164px;
  width: 96%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 300px;
}
@media screen and (max-width: 992px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper {
    min-height: 250px;
  }
}
@media screen and (min-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper {
    background-image: unset !important;
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #2E2E37;
    border-radius: 40px;
    padding: 40px 20px 48px 20px;
    width: 89.3333%;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game {
  margin-right: 80px;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game {
    margin-right: 40px;
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game img {
  max-width: 180px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game img {
    -webkit-box-shadow: 0px 0px 0px 5px rgb(245, 245, 245);
    box-shadow: 0px 0px 0px 5px rgb(245, 245, 245);
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .image-game img {
    -webkit-box-shadow: 0 0 0 10px rgb(245, 245, 245);
    box-shadow: 0 0 0 10px rgb(245, 245, 245);
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 572px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game {
    text-align: center;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game h2 {
  display: block;
  color: #ffffff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game h2 {
    font-size: 21px;
    padding-bottom: 20px;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content {
  display: none;
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content {
    width: 80%;
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content {
    text-align: center;
    width: 100%;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content p:first-child {
  padding: 0;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content p:first-child {
    font-size: 13px;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .content p + * {
  display: none;
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .btn-border-black {
  display: none;
  border-radius: 10px;
  background-color: #ffffff;
  margin-top: 38px;
  padding: 4.5px 7px;
  pointer-events: all;
  border: unset;
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .btn-border-black:hover {
  background-color: #171721;
  color: #ffffff;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .about-game .btn-border-black {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .game-element {
  width: 300px;
  height: 300px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0;
}
@media screen and (max-width: 992px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .game-element {
    width: 220px;
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .game-element {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .post-item .flex-wrapper .game-element {
    display: none;
  }
}
.post-type-archive .archive-games .posts .post-item .flex-wrapper .game-element img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.post-type-archive .archive-games .posts #loadmore {
  margin-top: 25px;
  margin-bottom: 80px;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts #loadmore {
    margin-top: 100px;
    margin-bottom: 0;
  }
}
.post-type-archive .archive-games .posts .button {
  color: #45454D;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
@media screen and (max-width: 576px) {
  .post-type-archive .archive-games .posts .button {
    font-size: 21px;
  }
}
.post-type-archive .archive-games .posts .button:hover {
  color: #ffffff;
}

/* ==========================================================================
   Blog
   ========================================================================== */
.blog, .archive {
  background: #171721;
}
.blog .breadcrumbs, .archive .breadcrumbs {
  margin-bottom: 66px;
}
@media (max-width: 768px) {
  .blog .breadcrumbs, .archive .breadcrumbs {
    margin-bottom: 46px;
  }
}
.blog h1, .archive h1 {
  padding-bottom: 40px;
}
.blog #blog-content, .archive #blog-content {
  margin-top: 100px;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .blog #blog-content, .archive #blog-content {
    margin-bottom: 0;
  }
}
.blog .group-tabs, .archive .group-tabs {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .blog .group-tabs, .archive .group-tabs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog .group-tabs span, .archive .group-tabs span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #A2A2A6;
}
@media (max-width: 576px) {
  .blog .group-tabs span, .archive .group-tabs span {
    font-size: 13px;
  }
}
.blog .group-tabs .filter-wrapper-category, .archive .group-tabs .filter-wrapper-category {
  margin-right: 30px;
  border: 1px solid #74747A;
  border-radius: 16px;
  padding: 9px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .blog .group-tabs .filter-wrapper-category, .archive .group-tabs .filter-wrapper-category {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.blog .group-tabs .filter-wrapper-category .category-item, .archive .group-tabs .filter-wrapper-category .category-item {
  margin-right: 5px;
  border-radius: 10px;
  background: transparent;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.blog .group-tabs .filter-wrapper-category .category-item:last-child, .archive .group-tabs .filter-wrapper-category .category-item:last-child {
  margin-right: 0;
}
.blog .group-tabs .filter-wrapper-category .category-item a, .archive .group-tabs .filter-wrapper-category .category-item a {
  display: inline-block;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}
.blog .group-tabs .filter-wrapper-category .category-item.active, .blog .group-tabs .filter-wrapper-category .category-item:hover, .archive .group-tabs .filter-wrapper-category .category-item.active, .archive .group-tabs .filter-wrapper-category .category-item:hover {
  border-radius: 10px;
  background: #ffffff;
}
.blog .group-tabs .filter-wrapper-category .category-item.active a, .blog .group-tabs .filter-wrapper-category .category-item:hover a, .archive .group-tabs .filter-wrapper-category .category-item.active a, .archive .group-tabs .filter-wrapper-category .category-item:hover a {
  color: #171721;
}
.blog .group-tabs .filter-wrapper-category .category-item.active, .archive .group-tabs .filter-wrapper-category .category-item.active {
  pointer-events: none;
}
.blog .group-posts, .archive .group-posts {
  width: 1164px;
  max-width: 96%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .blog .group-posts, .archive .group-posts {
    max-width: 94.7%;
  }
}
.blog .group-posts .flex-wrapper, .archive .group-posts .flex-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.8%;
  width: 101.6%;
  gap: 30px 0;
}
.blog .group-posts .flex-wrapper > *, .archive .group-posts .flex-wrapper > * {
  width: 48.4%;
  margin: 0 0.8% 1.2em;
}
@media (max-width: 768px) {
  .blog .group-posts .flex-wrapper, .archive .group-posts .flex-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0%;
    width: 100%;
    gap: 0;
  }
  .blog .group-posts .flex-wrapper > *, .archive .group-posts .flex-wrapper > * {
    width: 100%;
    margin: 0 0% 0em;
  }
}
.blog .group-posts .flex-wrapper .item-post, .archive .group-posts .flex-wrapper .item-post {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background: #ffffff;
  padding: 19px;
  text-decoration: none;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  color: #171721;
}
@media (max-width: 768px) {
  .blog .group-posts .flex-wrapper .item-post, .archive .group-posts .flex-wrapper .item-post {
    margin-bottom: 30px;
  }
  .blog .group-posts .flex-wrapper .item-post:last-child, .archive .group-posts .flex-wrapper .item-post:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .blog .group-posts .flex-wrapper .item-post, .archive .group-posts .flex-wrapper .item-post {
    padding: 3px;
  }
}
@media screen and (min-width: 1140px) {
  .blog .group-posts .flex-wrapper .item-post:hover .div-img img, .archive .group-posts .flex-wrapper .item-post:hover .div-img img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
}
.blog .group-posts .flex-wrapper .item-post .div-img, .archive .group-posts .flex-wrapper .item-post .div-img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
}
.blog .group-posts .flex-wrapper .item-post .div-img img, .archive .group-posts .flex-wrapper .item-post .div-img img {
  border-radius: 10px;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.blog .group-posts .flex-wrapper .item-post .post-thumbnail, .archive .group-posts .flex-wrapper .item-post .post-thumbnail {
  width: 100%;
  border-radius: 10px;
  height: 229px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 576px) {
  .blog .group-posts .flex-wrapper .item-post .post-thumbnail, .archive .group-posts .flex-wrapper .item-post .post-thumbnail {
    height: 195px;
  }
}
.blog .group-posts .flex-wrapper .item-post .add-info, .archive .group-posts .flex-wrapper .item-post .add-info {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
}
.blog .group-posts .flex-wrapper .item-post .add-info .tags, .archive .group-posts .flex-wrapper .item-post .add-info .tags {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  border-radius: 100px;
  padding: 3px 10px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog .group-posts .flex-wrapper .item-post .add-info .tags .tag, .archive .group-posts .flex-wrapper .item-post .add-info .tags .tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: 10px;
  line-height: 140%;
  text-transform: uppercase;
  color: #171721;
  padding-right: 3px;
}
.blog .group-posts .flex-wrapper .item-post .add-info .tags .tag:after, .archive .group-posts .flex-wrapper .item-post .add-info .tags .tag:after {
  content: ",";
}
.blog .group-posts .flex-wrapper .item-post .add-info .tags .tag:last-child, .archive .group-posts .flex-wrapper .item-post .add-info .tags .tag:last-child {
  padding-right: 0;
}
.blog .group-posts .flex-wrapper .item-post .add-info .tags .tag:last-child:after, .archive .group-posts .flex-wrapper .item-post .add-info .tags .tag:last-child:after {
  content: "";
}
.blog .group-posts .flex-wrapper .item-post .add-info .bottom, .archive .group-posts .flex-wrapper .item-post .add-info .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  background: #ffffff;
  padding: 3px 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog .group-posts .flex-wrapper .item-post .add-info .bottom .view, .archive .group-posts .flex-wrapper .item-post .add-info .bottom .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.blog .group-posts .flex-wrapper .item-post .add-info .bottom .view svg, .archive .group-posts .flex-wrapper .item-post .add-info .bottom .view svg {
  margin-right: 6px;
}
.blog .group-posts .flex-wrapper .item-post .add-info .bottom .view, .blog .group-posts .flex-wrapper .item-post .add-info .bottom time, .archive .group-posts .flex-wrapper .item-post .add-info .bottom .view, .archive .group-posts .flex-wrapper .item-post .add-info .bottom time {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #171721;
}
@media (max-width: 576px) {
  .blog .group-posts .flex-wrapper .item-post .info-wrap, .archive .group-posts .flex-wrapper .item-post .info-wrap {
    padding: 0 16px 25px 16px;
  }
}
.blog .group-posts .flex-wrapper .item-post .post-title, .archive .group-posts .flex-wrapper .item-post .post-title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.4;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.blog .group-posts .flex-wrapper .item-post .author, .archive .group-posts .flex-wrapper .item-post .author {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog .group-posts .flex-wrapper .item-post .author .author_icon, .archive .group-posts .flex-wrapper .item-post .author .author_icon {
  margin-right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.blog .group-posts .flex-wrapper .item-post .author .author_icon img, .archive .group-posts .flex-wrapper .item-post .author .author_icon img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.blog .group-posts .flex-wrapper .item-post .author .author_name, .archive .group-posts .flex-wrapper .item-post .author .author_name {
  margin-right: 5px;
}
.blog .group-posts .flex-wrapper .item-post .author .author_profession, .archive .group-posts .flex-wrapper .item-post .author .author_profession {
  color: #A2A2A6;
}
.blog .group-posts .flex-wrapper .item-post .author .author_name, .blog .group-posts .flex-wrapper .item-post .author .author_profession, .archive .group-posts .flex-wrapper .item-post .author .author_name, .archive .group-posts .flex-wrapper .item-post .author .author_profession {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.blog .pagenavi-wrapper, .archive .pagenavi-wrapper {
  margin: 80px 0;
  text-align: center;
}
@media (max-width: 576px) {
  .blog .pagenavi-wrapper, .archive .pagenavi-wrapper {
    margin: 40px 0 40px 0;
  }
}
@media (max-width: 576px) and (max-width: 576px) {
  .blog .pagenavi-wrapper svg, .archive .pagenavi-wrapper svg {
    height: 32px;
    width: 32px;
  }
}
.blog.white-bg, .archive.white-bg {
  background: #ffffff !important;
}
.blog.white-bg .breadcrumbs .breadcrumb_last, .archive.white-bg .breadcrumbs .breadcrumb_last {
  color: #171721;
}
.blog.white-bg h1, .archive.white-bg h1 {
  color: #171721;
}
.blog.white-bg .category-item a, .archive.white-bg .category-item a {
  color: #171721 !important;
}
.blog.white-bg .category-item:hover, .archive.white-bg .category-item:hover {
  background: #171721 !important;
}
.blog.white-bg .category-item:hover a, .archive.white-bg .category-item:hover a {
  color: #ffffff !important;
}
.blog.white-bg .category-item.active, .archive.white-bg .category-item.active {
  background: #171721 !important;
  pointer-events: none;
}
.blog.white-bg .category-item.active a, .archive.white-bg .category-item.active a {
  color: #ffffff !important;
}
.blog.white-bg .item-post, .archive.white-bg .item-post {
  border: 1px solid #d6d6d6 !important;
}
.blog .wp-pagenavi, .archive .wp-pagenavi {
  padding: 0;
  margin: 0 auto;
  border: none;
}
.blog .wp-pagenavi a, .archive .wp-pagenavi a {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.blog .wp-pagenavi a:hover, .archive .wp-pagenavi a:hover {
  background: transparent !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

html :where(.wp-block) {
  max-width: 1440px !important;
  width: 96% !important;
}

.cky-btn-revisit-wrapper {
  display: none !important;
}

body#id-name-899 .cky-btn-revisit-wrapper, body#id-name-897 .cky-btn-revisit-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#form-vacancy form.invalid .g-form__attachment label, .form-for-vacancy form.invalid .g-form__attachment label {
  color: #F16025 !important;
  border-color: #F16025 !important;
}
#form-vacancy form.invalid .g-form__attachment label span, .form-for-vacancy form.invalid .g-form__attachment label span {
  color: #F16025 !important;
}
#form-vacancy form.invalid .g-form__attachment_filled label, .form-for-vacancy form.invalid .g-form__attachment_filled label {
  color: #171721 !important;
  border-color: #171721 !important;
}
#form-vacancy form.invalid .g-form__attachment_filled label span, .form-for-vacancy form.invalid .g-form__attachment_filled label span {
  color: #171721 !important;
}
#form-vacancy form.invalid .g-form__attachment_filled label:hover span, .form-for-vacancy form.invalid .g-form__attachment_filled label:hover span {
  color: #ffffff !important;
}

body.preloader-active {
  position: relative;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  z-index: 500;
}
body.preloader-active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 500;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
body.preloader-active:after {
  content: "";
  position: absolute;
  top: 500px;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  border-top: 5px solid #171721;
  -webkit-animation: spinner 1s linear infinite;
          animation: spinner 1s linear infinite;
  z-index: 501;
}
@media (max-width: 576px) {
  body.preloader-active:after {
    top: 350px;
    left: calc(50% - 25px);
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    border-top-width: 5px;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    border-top-width: 5px;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.wp-admin .block-editor .acf-field-relationship .values {
  margin: 0 !important;
}

/* ==========================================================================
   Banner home
   ========================================================================== */
.banner-home {
  padding: 180px 0;
  min-height: 100vh;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1140px) {
  .banner-home {
    padding: 140px 0;
  }
}
@media screen and (max-width: 768px) {
  .banner-home {
    padding: 120px 0;
  }
}
@media screen and (max-width: 576px) {
  .banner-home {
    padding: 80px 0 100px 0;
  }
}
.banner-home .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .banner-home .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.banner-home .flex-wrapper .title-content {
  max-width: 572px;
  width: 100%;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .banner-home .flex-wrapper .title-content {
    max-width: 100%;
    text-align: center;
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .banner-home .flex-wrapper .title-content {
    max-width: 89%;
    text-align: left;
  }
}
.banner-home .flex-wrapper .title-content h1 {
  padding-bottom: 40px;
}
@media screen and (max-width: 1140px) {
  .banner-home .flex-wrapper .title-content h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .banner-home .flex-wrapper .title-content h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 576px) {
  .banner-home .flex-wrapper .title-content h1 {
    font-size: 26px;
  }
}
.banner-home .flex-wrapper .title-content .btn-scroll-bottom {
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  font-size: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  pointer-events: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.banner-home .flex-wrapper .title-content .btn-scroll-bottom:hover {
  color: #A2A2A6;
}
.banner-home .flex-wrapper .title-content .btn-scroll-bottom svg {
  margin-right: 12px;
}
.banner-home .flex-wrapper .image {
  max-width: 462px;
  width: 100%;
  max-height: 462px;
  height: 40vw;
}
@media screen and (max-width: 768px) {
  .banner-home .flex-wrapper .image {
    margin-bottom: 40px;
    max-width: 100%;
    min-height: 335px;
  }
}
.banner-home .flex-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 768px) {
  .banner-home .flex-wrapper .image img {
    -o-object-position: center;
       object-position: center;
  }
}
@media screen and (max-width: 374px) {
  .banner-home .flex-wrapper .image img {
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.banner-home .flex-wrapper .container-big {
  width: 462px;
  height: 462px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 5px 1fr 5px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 5px;
}
.banner-home .flex-wrapper .container-big > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.banner-home .flex-wrapper .container-big > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.banner-home .flex-wrapper .container-big > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.banner-home .flex-wrapper .container-big > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.banner-home .flex-wrapper .container-big > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.banner-home .flex-wrapper .container-big > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.banner-home .flex-wrapper .container-big > *:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.banner-home .flex-wrapper .container-big > *:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.banner-home .flex-wrapper .container-big > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
@media screen and (max-width: 992px) {
  .banner-home .flex-wrapper .container-big {
    width: 335px;
    height: 335px;
    margin: 0 auto 40px auto;
    grid-gap: 3px;
  }
}
.banner-home .flex-wrapper .container-big .item {
  opacity: 0;
}
.banner-home .flex-wrapper .animating-icon {
  -webkit-animation: Scaleicon 1.5s forwards;
          animation: Scaleicon 1.5s forwards;
}
@-webkit-keyframes Scaleicon {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes Scaleicon {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.banner-home .flex-wrapper .container-center .item svg path {
  fill: #fff;
}
.banner-home .flex-wrapper .container-center .item:hover {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.banner-home .flex-wrapper .container-center .anim-logo svg path {
  -webkit-animation: changeColor 1s forwards;
          animation: changeColor 1s forwards;
}
@-webkit-keyframes changeColor {
  from {
    fill: white;
  }
  to {
    fill: currentColor;
  }
}
@keyframes changeColor {
  from {
    fill: white;
  }
  to {
    fill: currentColor;
  }
}

.container-mini,
.container-center {
  width: 150px;
  height: 150px;
  grid-gap: 5px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;
  grid-template-rows: repeat(6, 1fr);
  grid-auto-flow: dense;
}

.container-mini > *:nth-child(1), .container-center > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(2), .container-center > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(3), .container-center > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(4), .container-center > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(5), .container-center > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(6), .container-center > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}

.container-mini > *:nth-child(7), .container-center > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(8), .container-center > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(9), .container-center > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(10), .container-center > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(11), .container-center > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(12), .container-center > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 11;
}

.container-mini > *:nth-child(13), .container-center > *:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(14), .container-center > *:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(15), .container-center > *:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(16), .container-center > *:nth-child(16) {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(17), .container-center > *:nth-child(17) {
  -ms-grid-row: 5;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(18), .container-center > *:nth-child(18) {
  -ms-grid-row: 5;
  -ms-grid-column: 11;
}

.container-mini > *:nth-child(19), .container-center > *:nth-child(19) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(20), .container-center > *:nth-child(20) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(21), .container-center > *:nth-child(21) {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(22), .container-center > *:nth-child(22) {
  -ms-grid-row: 7;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(23), .container-center > *:nth-child(23) {
  -ms-grid-row: 7;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(24), .container-center > *:nth-child(24) {
  -ms-grid-row: 7;
  -ms-grid-column: 11;
}

.container-mini > *:nth-child(25), .container-center > *:nth-child(25) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(26), .container-center > *:nth-child(26) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(27), .container-center > *:nth-child(27) {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(28), .container-center > *:nth-child(28) {
  -ms-grid-row: 9;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(29), .container-center > *:nth-child(29) {
  -ms-grid-row: 9;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(30), .container-center > *:nth-child(30) {
  -ms-grid-row: 9;
  -ms-grid-column: 11;
}

.container-mini > *:nth-child(31), .container-center > *:nth-child(31) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}

.container-mini > *:nth-child(32), .container-center > *:nth-child(32) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}

.container-mini > *:nth-child(33), .container-center > *:nth-child(33) {
  -ms-grid-row: 11;
  -ms-grid-column: 5;
}

.container-mini > *:nth-child(34), .container-center > *:nth-child(34) {
  -ms-grid-row: 11;
  -ms-grid-column: 7;
}

.container-mini > *:nth-child(35), .container-center > *:nth-child(35) {
  -ms-grid-row: 11;
  -ms-grid-column: 9;
}

.container-mini > *:nth-child(36), .container-center > *:nth-child(36) {
  -ms-grid-row: 11;
  -ms-grid-column: 11;
}
@media screen and (max-width: 992px) {
  .container-mini,
  .container-center {
    width: 110px;
    height: 110px;
    grid-gap: 3px;
  }
}
.container-mini .item,
.container-center .item {
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.container-mini .item:hover,
.container-center .item:hover {
  opacity: 0.2;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.container-mini .width-45-height-20,
.container-center .width-45-height-20 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  width: 45px;
  height: 20px;
}
@media screen and (max-width: 992px) {
  .container-mini .width-45-height-20,
  .container-center .width-45-height-20 {
    width: 33.5px;
    height: 14.5px;
  }
  .container-mini .width-45-height-20 svg,
  .container-center .width-45-height-20 svg {
    width: 33.5px;
    height: 14.5px;
  }
}
.container-mini .width-20-height-45,
.container-center .width-20-height-45 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  width: 20px;
  height: 45px;
}
@media screen and (max-width: 992px) {
  .container-mini .width-20-height-45,
  .container-center .width-20-height-45 {
    height: 33.5px;
    width: 14.5px;
  }
  .container-mini .width-20-height-45 svg,
  .container-center .width-20-height-45 svg {
    height: 33.5px;
    width: 14.5px;
  }
}
.container-mini .width-20-height-20,
.container-center .width-20-height-20 {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 992px) {
  .container-mini .width-20-height-20,
  .container-center .width-20-height-20 {
    height: 14.5px;
    width: 14.5px;
  }
  .container-mini .width-20-height-20 svg,
  .container-center .width-20-height-20 svg {
    height: 14.5px;
    width: 14.5px;
  }
}

/* ==========================================================================
   Video and text section home
   ========================================================================== */
.media-text {
  margin: 160px 0 180px 0;
}
@media screen and (max-width: 1140px) {
  .media-text {
    margin: 120px 0;
  }
}
@media screen and (max-width: 576px) {
  .media-text {
    margin: 100px 0;
  }
}
.media-text .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  .media-text .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.media-text .flex-wrapper .text-content {
  max-width: 454px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .media-text .flex-wrapper .text-content {
    max-width: 100%;
  }
}
.media-text .flex-wrapper .text-content p {
  font-size: 21px;
}
@media screen and (max-width: 1140px) {
  .media-text .flex-wrapper .text-content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .media-text .flex-wrapper .text-content p {
    font-size: 16px;
  }
}
.media-text .flex-wrapper .media {
  max-width: 572px;
  width: 100%;
  margin-right: 30px;
}
@media screen and (max-width: 992px) {
  .media-text .flex-wrapper .media {
    margin-bottom: 40px;
    max-width: 100%;
    margin-right: 0;
  }
}
.media-text .flex-wrapper .media .wp-video {
  height: 100%;
  width: 100% !important;
}
.media-text .flex-wrapper .media .wp-video .wp-video-shortcode {
  min-height: 381px !important;
  width: 100% !important;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: scroll-position;
  height: 100% !important;
}
@media screen and (max-width: 992px) {
  .media-text .flex-wrapper .media .wp-video .wp-video-shortcode {
    height: 51vw !important;
    min-height: 223px !important;
  }
}
.media-text .flex-wrapper .media .wp-video .wp-video-shortcode:hover .mejs-controls {
  opacity: 1;
}
.media-text .flex-wrapper .media .wp-video .mejs-poster {
  border-radius: 40px;
  width: 100% !important;
  height: 100% !important;
}
.media-text .flex-wrapper .media .wp-video .mejs-controls {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 66%;
  margin: 0 auto;
  right: 0;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 576px) {
  .media-text .flex-wrapper .media .wp-video .mejs-controls {
    display: none;
  }
}
.media-text .flex-wrapper .media .wp-video .mejs-overlay {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.media-text .flex-wrapper .media .wp-video .mejs-overlay:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7698)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7698'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.media-text .flex-wrapper .media .wp-video .display {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.media-text .flex-wrapper .media .wp-video .display .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_6433)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='white'/%3E%3Cpath d='M34 16V44' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_6433'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.media-text .flex-wrapper .media .wp-video .display:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7510)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='black'/%3E%3Cpath d='M34 16V44' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7510'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.media-text .flex-wrapper .media .wp-video .mejs-overlay-button {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_234_7439)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_234_7439'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media screen and (max-width: 576px) {
  .media-text .flex-wrapper .media .wp-video .mejs-overlay-button {
    left: 10px;
    bottom: 10px;
  }
}
.media-text .flex-wrapper .media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
  margin-bottom: 0;
}

/* ==========================================================================
   Counter section
   ========================================================================== */
.counter-section {
  margin: 160px 0;
}
@media screen and (max-width: 1140px) {
  .counter-section {
    margin: 120px 0;
  }
}
@media screen and (max-width: 576px) {
  .counter-section {
    margin: 95px 0;
  }
}
.counter-section h2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .counter-section h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 576px) {
  .counter-section h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 815px) {
  .counter-section h2 {
    display: block;
    padding-bottom: 60px;
  }
}
.counter-section .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 815px) {
  .counter-section .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.counter-section .flex-wrapper .left-content {
  max-width: 809px;
  width: 100%;
}
.counter-section .flex-wrapper .left-content h2 {
  display: block;
  padding-bottom: 16px;
}
@media screen and (max-width: 815px) {
  .counter-section .flex-wrapper .left-content h2 {
    display: none;
  }
}
.counter-section .flex-wrapper .left-content .group-numbers, .counter-section .flex-wrapper .left-content .group-numbers_single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  .counter-section .flex-wrapper .left-content .group-numbers, .counter-section .flex-wrapper .left-content .group-numbers_single {
    margin: 0;
  }
}
.counter-section .flex-wrapper .left-content .group-numbers .item, .counter-section .flex-wrapper .left-content .group-numbers_single .item {
  line-height: 1.4;
  min-width: 335px;
  padding-top: 60px;
  padding-right: 10px;
}
@media screen and (max-width: 815px) {
  .counter-section .flex-wrapper .left-content .group-numbers .item, .counter-section .flex-wrapper .left-content .group-numbers_single .item {
    padding-top: 40px;
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .counter-section .flex-wrapper .left-content .group-numbers .item, .counter-section .flex-wrapper .left-content .group-numbers_single .item {
    min-width: 100%;
    width: 100%;
  }
}
.counter-section .flex-wrapper .left-content .group-numbers .item .num, .counter-section .flex-wrapper .left-content .group-numbers_single .item .num {
  font-size: 68px;
  color: #ffffff;
  font-weight: 700;
}
.counter-section .flex-wrapper .left-content .group-numbers .item span, .counter-section .flex-wrapper .left-content .group-numbers_single .item span {
  font-size: 21px;
  color: #A2A2A6;
}
.counter-section .flex-wrapper .left-content .group-numbers .item.bigInt, .counter-section .flex-wrapper .left-content .group-numbers_single .item.bigInt {
  min-width: 398px;
}
.counter-section .flex-wrapper .left-content .group-numbers .item.bigInt .num:after, .counter-section .flex-wrapper .left-content .group-numbers_single .item.bigInt .num:after {
  content: "M";
}
@media screen and (max-width: 576px) {
  .counter-section .flex-wrapper .left-content .group-numbers .item.bigInt, .counter-section .flex-wrapper .left-content .group-numbers_single .item.bigInt {
    min-width: 100%;
  }
}
.counter-section .flex-wrapper .left-content .group-numbers .item.int .num:after, .counter-section .flex-wrapper .left-content .group-numbers_single .item.int .num:after {
  content: "+";
}
.counter-section .flex-wrapper .right-content {
  max-width: 312px;
  width: 100%;
  min-height: 436px;
}
@media screen and (max-width: 815px) {
  .counter-section .flex-wrapper .right-content {
    margin: 0 auto;
    max-width: 335px;
    min-height: 468px;
  }
}
.counter-section .flex-wrapper .right-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
   Gallery section
   ========================================================================== */
.gallery-section {
  margin: 160px 0 120px 0;
  overflow: hidden;
}
@media screen and (max-width: 1140px) {
  .gallery-section {
    margin: 120px 0;
  }
}
@media screen and (max-width: 576px) {
  .gallery-section {
    margin: 95px 0 120px 0;
  }
}
.gallery-section h2 {
  text-align: center;
  padding-bottom: 40px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 576px) {
  .gallery-section h2 {
    padding-bottom: 60px;
    font-size: 26px;
  }
}
.gallery-section .swiper-gallery {
  width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-radius: 40px;
  max-height: 655px;
  min-height: 194px;
  height: 50vw;
}
.gallery-section .swiper-gallery .swiper-slide {
  background-color: #171721;
}
.gallery-section .swiper-gallery .swiper-slide p {
  padding: 0;
  height: 100%;
}
.gallery-section .swiper-gallery .swiper-slide p .alignnone {
  margin: 0;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video {
  height: 100%;
  width: 100% !important;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .wp-video-shortcode {
  min-height: 381px !important;
  width: 100% !important;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: scroll-position;
  height: 100% !important;
}
@media screen and (max-width: 992px) {
  .gallery-section .swiper-gallery .swiper-slide .wp-video .wp-video-shortcode {
    height: 51vw !important;
    min-height: 194px !important;
  }
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .wp-video-shortcode:hover .mejs-controls {
  opacity: 1;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-poster {
  border-radius: 40px;
  width: 100% !important;
  height: 100% !important;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-controls {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 66%;
  margin: 0 auto;
  right: 0;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 576px) {
  .gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-controls {
    display: none;
  }
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-overlay {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-overlay:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7698)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7698'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .display {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .display .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_6433)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='white'/%3E%3Cpath d='M34 16V44' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_6433'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .display:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7510)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='black'/%3E%3Cpath d='M34 16V44' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7510'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-overlay-button {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_234_7439)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_234_7439'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media screen and (max-width: 576px) {
  .gallery-section .swiper-gallery .swiper-slide .wp-video .mejs-overlay-button {
    left: 10px;
    bottom: 10px;
  }
}
.gallery-section .swiper-gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
}
.gallery-section .swiper-gallery .swiper-slide iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
}
@media screen and (max-width: 992px) {
  .gallery-section .swiper-gallery .swiper-slide iframe {
    height: 51vw;
    min-height: 194px;
  }
}
.gallery-section .swiper-gallery-thumbs {
  width: 100%;
  background-color: transparent;
  overflow: visible;
}
.gallery-section .swiper-gallery-thumbs .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide {
  width: 71px;
  height: 40px;
  opacity: 0.4;
  cursor: pointer;
  background-color: #171721;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .gallery-section .swiper-gallery-thumbs .swiper-slide {
    width: 62px;
    height: 35px;
  }
}
@media screen and (max-width: 576px) {
  .gallery-section .swiper-gallery-thumbs .swiper-slide {
    width: 53px;
    height: 30px;
  }
}
.gallery-section .swiper-gallery-thumbs .swiper-slide p {
  padding: 0;
  height: 100%;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide p .alignnone {
  margin: 0;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide .mejs-poster {
  border-radius: 10px;
  width: 100% !important;
  height: 100% !important;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide .wp-video-shortcode {
  border-radius: 10px;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide .mejs-overlay, .gallery-section .swiper-gallery-thumbs .swiper-slide .mejs-controls {
  display: none;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  max-height: 40px;
}
.gallery-section .swiper-gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  pointer-events: none;
}

.gallery-section.back-image {
  padding: 100px 0 120px 0;
  position: relative;
  margin: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gallery-section.back-image:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 576px) {
  .gallery-section.back-image {
    padding: 80px 0;
  }
}

/* ==========================================================================
   Person card
   ========================================================================== */
.person-card {
  margin: 120px 0;
}
@media screen and (max-width: 576px) {
  .person-card {
    margin: 120px 0 100px 0;
  }
}
.person-card .card {
  background-color: #ffffff;
  border-radius: 40px;
  padding: 82px 0 120px 0;
  max-width: 100%;
}
@media screen and (max-width: 992px) {
  .person-card .card {
    padding: 40px 0 60px 0;
  }
}
@media screen and (max-width: 576px) {
  .person-card .card {
    border-radius: 40px 40px 40px 0;
  }
}
.person-card .card .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1140px) {
  .person-card .card .flex-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .person-card .card .flex-wrapper {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.person-card .card .flex-wrapper .left-content {
  max-width: 335px;
  width: 100%;
  position: relative;
  margin-right: 80px;
}
@media screen and (max-width: 1140px) {
  .person-card .card .flex-wrapper .left-content {
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .person-card .card .flex-wrapper .left-content {
    margin: 0 auto 60px auto;
  }
}
.person-card .card .flex-wrapper .left-content:before {
  content: "";
  position: absolute;
  top: calc(50% - 25px);
  z-index: 3;
  left: 97%;
  width: 64px;
  height: 50px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='62' height='50' viewBox='0 0 62 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.821 28.8559L24.8215 28.8548C26.3147 25.0866 27.3043 22.237 27.779 20.3202C28.2547 18.3997 28.493 16.477 28.493 14.5529C28.493 10.3951 27.1957 7.01192 24.5687 4.45652C21.9484 1.81334 18.6003 0.5 14.5664 0.5C10.5308 0.5 7.13897 1.8142 4.42747 4.45347C1.7983 7.00923 0.5 10.3934 0.5 14.5529C0.5 17.5466 1.17044 20.1373 2.53508 22.302C3.82165 24.3427 5.5875 25.8999 7.82004 26.9712L1.91584 48.8698L1.74594 49.5H2.3986H16.2448H16.5836L16.7092 49.1853L24.821 28.8559ZM57.828 28.8559L57.8285 28.8548C59.3217 25.0866 60.3113 22.237 60.786 20.3202C61.2617 18.3997 61.5 16.477 61.5 14.5529C61.5 10.3951 60.2027 7.01192 57.5757 4.45652C54.9554 1.81334 51.6073 0.5 47.5734 0.5C43.5378 0.5 40.146 1.8142 37.4345 4.45347C34.8053 7.00923 33.507 10.3934 33.507 14.5529C33.507 17.5466 34.1774 20.1373 35.5421 22.302C36.8286 24.3427 38.5945 25.8999 40.827 26.9712L34.9228 48.8698L34.7529 49.5H35.4056H49.2518H49.5906L49.7161 49.1853L57.828 28.8559Z' fill='white' stroke='%23171721'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1140px) {
  .person-card .card .flex-wrapper .left-content:before {
    top: unset;
    left: unset;
    bottom: 23px;
    right: 18px;
  }
}
.person-card .card .flex-wrapper .left-content .background {
  background-color: #00A9E2;
  border-radius: 20px;
  position: absolute;
  width: 100%;
  height: 87%;
  bottom: 0;
  z-index: 1;
}
.person-card .card .flex-wrapper .left-content .image {
  position: relative;
  z-index: 2;
}
.person-card .card .flex-wrapper .left-content .image img {
  width: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 371px;
  margin-bottom: -1px;
}
.person-card .card .flex-wrapper .right-content {
  max-width: 690px;
  width: 100%;
}
.person-card .card .flex-wrapper .right-content h2 {
  color: #171721;
  padding-bottom: 40px;
}
@media screen and (max-width: 1140px) {
  .person-card .card .flex-wrapper .right-content h2 {
    padding-bottom: 30px;
  }
}
.person-card .card .flex-wrapper .right-content p {
  font-size: 21px;
  color: #171721;
}
.person-card .card .flex-wrapper .right-content p strong {
  font-weight: 700;
}

@media screen and (max-width: 576px) {
  .person-card.orange {
    margin: -1px 0 0 0;
    background-color: #171721;
  }
}
.person-card.orange .card {
  background-color: #F16025;
  max-width: 100%;
}
.person-card.orange .card .flex-wrapper .left-content:before {
  background-image: url("data:image/svg+xml,%3Csvg width='62' height='50' viewBox='0 0 62 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.821 28.8559L24.8215 28.8548C26.3147 25.0866 27.3043 22.237 27.779 20.3202C28.2547 18.3997 28.493 16.477 28.493 14.5529C28.493 10.3951 27.1957 7.01192 24.5687 4.45652C21.9484 1.81334 18.6003 0.5 14.5664 0.5C10.5308 0.5 7.13897 1.8142 4.42747 4.45347C1.7983 7.00923 0.5 10.3934 0.5 14.5529C0.5 17.5466 1.17044 20.1373 2.53508 22.302C3.82165 24.3427 5.5875 25.8999 7.82004 26.9712L1.91584 48.8698L1.74594 49.5H2.3986H16.2448H16.5836L16.7092 49.1853L24.821 28.8559ZM57.828 28.8559L57.8285 28.8548C59.3217 25.0866 60.3113 22.237 60.786 20.3202C61.2617 18.3997 61.5 16.477 61.5 14.5529C61.5 10.3951 60.2027 7.01192 57.5757 4.45652C54.9554 1.81334 51.6073 0.5 47.5734 0.5C43.5378 0.5 40.146 1.8142 37.4345 4.45347C34.8053 7.00923 33.507 10.3934 33.507 14.5529C33.507 17.5466 34.1774 20.1373 35.5421 22.302C36.8286 24.3427 38.5945 25.8999 40.827 26.9712L34.9228 48.8698L34.7529 49.5H35.4056H49.2518H49.5906L49.7161 49.1853L57.828 28.8559Z' fill='%23F16025' stroke='%23171721'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1140px) {
  .person-card.orange .card .flex-wrapper .left-content:before {
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='50' viewBox='0 0 62 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.821 28.8559L24.8215 28.8548C26.3147 25.0866 27.3043 22.237 27.779 20.3202C28.2547 18.3997 28.493 16.477 28.493 14.5529C28.493 10.3951 27.1957 7.01192 24.5687 4.45652C21.9484 1.81334 18.6003 0.5 14.5664 0.5C10.5308 0.5 7.13897 1.8142 4.42747 4.45347C1.7983 7.00923 0.5 10.3934 0.5 14.5529C0.5 17.5466 1.17044 20.1373 2.53508 22.302C3.82165 24.3427 5.5875 25.8999 7.82004 26.9712L1.91584 48.8698L1.74594 49.5H2.3986H16.2448H16.5836L16.7092 49.1853L24.821 28.8559ZM57.828 28.8559L57.8285 28.8548C59.3217 25.0866 60.3113 22.237 60.786 20.3202C61.2617 18.3997 61.5 16.477 61.5 14.5529C61.5 10.3951 60.2027 7.01192 57.5757 4.45652C54.9554 1.81334 51.6073 0.5 47.5734 0.5C43.5378 0.5 40.146 1.8142 37.4345 4.45347C34.8053 7.00923 33.507 10.3934 33.507 14.5529C33.507 17.5466 34.1774 20.1373 35.5421 22.302C36.8286 24.3427 38.5945 25.8999 40.827 26.9712L34.9228 48.8698L34.7529 49.5H35.4056H49.2518H49.5906L49.7161 49.1853L57.828 28.8559Z' fill='white' stroke='%23171721'/%3E%3C/svg%3E%0A");
  }
}
.person-card.orange .card .flex-wrapper .left-content .background {
  background-color: #ffffff;
}
.person-card.orange .card .flex-wrapper .right-content h2, .person-card.orange .card .flex-wrapper .right-content p {
  color: #ffffff;
}

/* ==========================================================================
   Games slider
   ========================================================================== */
.games-slider {
  margin: 120px 0;
  overflow: hidden;
  background-color: #171721;
}
@media screen and (max-width: 576px) {
  .games-slider {
    margin: 100px 0;
  }
}
.games-slider h2 {
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .games-slider h2 {
    font-size: 26px;
  }
}
.games-slider .btn-border-white {
  margin: 0 auto;
  max-width: 216px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.games-slider .container {
  position: relative;
  width: 1284px;
  max-width: 96%;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .games-slider .container {
    max-width: 100%;
  }
}
.games-slider .container .row1164 {
  max-width: 91%;
}
@media screen and (max-width: 1140px) {
  .games-slider .container .row1164 {
    max-width: 89%;
  }
}
@media screen and (max-width: 992px) {
  .games-slider .container .row1164 {
    max-width: 87%;
  }
}
@media screen and (max-width: 991.98px) {
  .games-slider .container .row1164 {
    max-width: 96%;
  }
}
.games-slider .container .swiper-btn-game-prev,
.games-slider .container .swiper-btn-game-next {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  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;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 992px) {
  .games-slider .container .swiper-btn-game-prev,
  .games-slider .container .swiper-btn-game-next {
    display: none;
  }
}
.games-slider .container .swiper-btn-game-prev:hover,
.games-slider .container .swiper-btn-game-next:hover {
  background-color: #ffffff;
}
.games-slider .container .swiper-btn-game-prev:hover svg path,
.games-slider .container .swiper-btn-game-next:hover svg path {
  stroke: #171721;
}
.games-slider .container .swiper-btn-game-prev svg,
.games-slider .container .swiper-btn-game-next svg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.games-slider .container .swiper-btn-game-prev svg path,
.games-slider .container .swiper-btn-game-next svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.games-slider .container .swiper-btn-game-prev {
  left: 0;
}
.games-slider .container .swiper-btn-game-next {
  right: 0;
}
.games-slider .container .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.games-slider .container .swiper-button-lock {
  display: none;
}
.games-slider .swiper-games {
  margin-bottom: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 992px) {
  .games-slider .swiper-games {
    overflow: visible;
  }
}
.games-slider .swiper-games .swiper-slide {
  background-color: #2E2E37;
  border-radius: 40px;
  min-height: 336px;
  max-width: 217px;
  width: 100% !important;
  padding: 20px 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-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.games-slider .swiper-games .swiper-slide:hover {
  background-color: #ffffff;
}
.games-slider .swiper-games .swiper-slide:hover .text h3 {
  color: #171721;
}
.games-slider .swiper-games .swiper-slide .image {
  width: 180px;
  height: 180px;
  margin-bottom: 20px;
}
.games-slider .swiper-games .swiper-slide .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 40px;
}
.games-slider .swiper-games .swiper-slide .text {
  width: 80%;
  text-align: center;
}
.games-slider .swiper-games .swiper-slide .text h3 {
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ==========================================================================
   Vacancies section
   ========================================================================== */
.vacancies-section {
  margin-bottom: 120px;
  margin-top: -80px;
  border-top: 80px solid;
}
@media screen and (max-width: 576px) {
  .vacancies-section {
    margin-bottom: 100px;
    margin-top: -100px;
    border-top: 100px solid;
  }
}
.vacancies-section .card {
  background-color: #ffffff;
  border-radius: 40px;
  padding: 103px 0 64px 0;
  max-width: 100%;
}
@media screen and (max-width: 992px) {
  .vacancies-section .card {
    padding: 60px 0 80px 0;
  }
}
.vacancies-section .card h2 {
  color: #171721;
  padding-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card h2 {
    padding-bottom: 20px;
  }
}
.vacancies-section .card .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .vacancies-section .card .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.vacancies-section .card .flex-wrapper .left-content {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: normal;
      -ms-grid-row-align: normal;
      align-self: normal;
}
.vacancies-section .card .flex-wrapper .left-content .decor {
  width: 203px;
  height: 203px;
  margin-bottom: 73px;
  margin-left: -26px;
}
@media screen and (max-width: 1300px) {
  .vacancies-section .card .flex-wrapper .left-content .decor {
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .vacancies-section .card .flex-wrapper .left-content .decor {
    margin-bottom: 40px;
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .left-content .decor {
    width: 108px;
    height: 108px;
    margin-bottom: 20px;
  }
}
.vacancies-section .card .flex-wrapper .left-content .decor img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.vacancies-section .card .flex-wrapper .left-content .image-anim {
  width: 245px;
  height: 245px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 992px) {
  .vacancies-section .card .flex-wrapper .left-content .image-anim {
    margin-bottom: 18px;
    display: block;
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .left-content .image-anim {
    width: 100px;
    height: 100px;
  }
}
.vacancies-section .card .flex-wrapper .left-content .image-anim img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.vacancies-section .card .flex-wrapper .right-content {
  max-width: 809px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .vacancies-section .card .flex-wrapper .right-content {
    max-width: 100%;
  }
}
.vacancies-section .card .flex-wrapper .right-content .list-vacancies {
  margin-bottom: 60px;
  min-height: 364px;
}
@media screen and (max-width: 992px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies {
    min-height: 0;
  }
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies {
    margin-bottom: 30px;
  }
}
.vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 21px;
  display: flex;
  color: #171721;
  text-decoration: unset;
  padding: 30px 40px;
  border-radius: 20px;
  border: 1px solid transparent;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid #A2A2A6;
    border-radius: unset;
  }
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy:last-child {
    border-bottom-color: transparent;
  }
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy:last-child:hover {
    border-bottom-color: transparent;
  }
}
.vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy:hover {
  border-color: #A2A2A6;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy:hover {
    border-color: transparent;
    border-bottom-color: #A2A2A6;
  }
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy:hover .name {
    text-decoration: underline;
  }
}
.vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy .name {
  max-width: 434px;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy .name {
    padding-bottom: 10px;
  }
}
.vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy .status {
  font-weight: 400;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .list-vacancies .vacancy .status {
    font-size: 16px;
  }
}
.vacancies-section .card .flex-wrapper .right-content .all-vacancies {
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .all-vacancies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
  }
}
.vacancies-section .card .flex-wrapper .right-content .all-vacancies p {
  color: #171721;
  font-size: 21px;
  padding-bottom: 0;
  padding-right: 20px;
}
@media screen and (max-width: 576px) {
  .vacancies-section .card .flex-wrapper .right-content .all-vacancies p {
    padding-right: 0;
    padding-bottom: 20px;
  }
}
.vacancies-section .card .flex-wrapper .right-content .all-vacancies p span {
  font-weight: 700;
}
.vacancies-section .card .flex-wrapper .right-content .all-vacancies .btn-border-black {
  max-width: 260px;
  width: 100%;
}
.vacancies-section .image-anim.active {
  opacity: 0;
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
}

/* ==========================================================================
   Aid to ukraine section
   ========================================================================== */
.tpl-about-us {
  background-color: #ffffff;
}

.aid-ukraine-section .content {
  background-color: #00A9E2;
  border-radius: 40px;
  padding: 80px 0 88px 0;
}
@media screen and (max-width: 768px) {
  .aid-ukraine-section .content {
    padding: 20px 0 80px 0;
  }
}
.aid-ukraine-section .content .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .aid-ukraine-section .content .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content {
  margin-right: 30px;
  max-width: 572px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .aid-ukraine-section .content .flex-wrapper .left-content {
    max-width: 100%;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content .text-content {
  margin-bottom: 60px;
}
.aid-ukraine-section .content .flex-wrapper .left-content .text-content h2 {
  padding-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .aid-ukraine-section .content .flex-wrapper .left-content .text-content h2 {
    padding-bottom: 30px;
    font-size: 26px;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content .text-content p {
  color: #FFFFFF;
}
.aid-ukraine-section .content .flex-wrapper .left-content .help-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .aid-ukraine-section .content .flex-wrapper .left-content .help-list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content .help-list .item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .aid-ukraine-section .content .flex-wrapper .left-content .help-list .item:not(:last-child) {
    margin-bottom: 44px;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content .help-list .item .icon {
  width: 60px;
  height: 60px;
  margin-right: 59px;
}
@media screen and (max-width: 576px) {
  .aid-ukraine-section .content .flex-wrapper .left-content .help-list .item .icon {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.aid-ukraine-section .content .flex-wrapper .left-content .help-list .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.aid-ukraine-section .content .flex-wrapper .left-content .help-list .item p {
  color: #ffffff;
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 576px) {
  .aid-ukraine-section .content .flex-wrapper .left-content .help-list .item p {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  .aid-ukraine-section .content .flex-wrapper .right-content {
    margin-bottom: 20px;
  }
}
.aid-ukraine-section .content .flex-wrapper .right-content .image-emblem {
  max-width: 400px;
  width: 100%;
  max-height: 400px;
  min-height: 335px;
  position: sticky;
  top: 80px;
}
@media screen and (max-width: 768px) {
  .aid-ukraine-section .content .flex-wrapper .right-content .image-emblem {
    position: static;
    margin: 0 auto;
  }
}
.aid-ukraine-section .content .flex-wrapper .right-content .image-emblem img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
  About-the-company-values
   ========================================================================== */
.values {
  margin: 120px 0;
}
@media screen and (max-width: 576px) {
  .values {
    margin: 100px 0;
  }
}
.values .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.values .flex-wrapper .left-content {
  max-width: 572px;
  width: 100%;
  margin-right: 40px;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .left-content {
    max-width: 100%;
  }
}
.values .flex-wrapper .left-content .container {
  position: sticky;
  top: 80px;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .left-content .container {
    position: static;
  }
}
.values .flex-wrapper .left-content .container h2 {
  color: #171721;
  padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .values .flex-wrapper .left-content .container h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .left-content .container h2 {
    padding-bottom: 60px;
  }
}
.values .flex-wrapper .left-content .container .image {
  width: 217px;
  height: 315px;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .left-content .container .image {
    display: none;
  }
}
.values .flex-wrapper .left-content .container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.values .flex-wrapper .right-content {
  max-width: 452px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .right-content {
    max-width: 100%;
    text-align: center;
  }
}
.values .flex-wrapper .right-content .item {
  position: relative;
}
.values .flex-wrapper .right-content .item:not(:last-child) {
  margin-bottom: 60px;
}
.values .flex-wrapper .right-content .item .icon {
  width: 160px;
  height: 160px;
  margin-bottom: 20px;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .right-content .item .icon {
    margin: 0 auto 20px auto;
  }
}
.values .flex-wrapper .right-content .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.values .flex-wrapper .right-content .item .text-content h4 {
  color: #171721;
  padding-bottom: 20px;
  font-size: 21px;
}
.values .flex-wrapper .right-content .item .text-content p {
  color: #171721;
}
@media screen and (max-width: 650px) {
  .values .flex-wrapper .right-content .item svg {
    left: 0 !important;
    right: 0;
    margin: 0 auto;
  }
}
.values .flex-wrapper .right-content .anim-item-1 svg {
  position: absolute;
  left: 34px;
  top: 34px;
}
.values .flex-wrapper .right-content .anim-item-2 svg {
  position: absolute;
  left: 60px;
  top: 20px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: rotation 2s forwards infinite;
          animation: rotation 2s forwards infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.values .flex-wrapper .right-content .anim-item-3 svg {
  position: absolute;
  left: 58px;
  top: 22px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: vertical_move 2s forwards infinite;
          animation: vertical_move 2s forwards infinite;
}
@-webkit-keyframes vertical_move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes vertical_move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.values .flex-wrapper .right-content .anim-item-4 svg {
  position: absolute;
  left: 60px;
  top: 20px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: horizontal_move 2s forwards infinite;
          animation: horizontal_move 2s forwards infinite;
}
@-webkit-keyframes horizontal_move {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@keyframes horizontal_move {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
.values .flex-wrapper .right-content .anim-item-5 svg {
  position: absolute;
  left: 56px;
  top: 23px;
  -webkit-animation: scale_move 2s forwards infinite;
          animation: scale_move 2s forwards infinite;
}
@-webkit-keyframes scale_move {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  51% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@keyframes scale_move {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  51% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

/* ==========================================================================
  Banner about us page
   ========================================================================== */
.banner-about {
  min-height: 600px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0 60px 0;
}
@media screen and (max-width: 768px) {
  .banner-about {
    padding: 100px 0 246px 0;
  }
}
.banner-about:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.banner-about .row1164 {
  position: relative;
  z-index: 5;
  pointer-events: none;
}
.banner-about .breadcrumbs {
  margin-bottom: 66px;
  pointer-events: visible;
}
@media screen and (max-width: 576px) {
  .banner-about .breadcrumbs {
    margin-bottom: 46px;
  }
}
.banner-about .content {
  max-width: 572px;
  width: 50vw;
}
@media screen and (max-width: 768px) {
  .banner-about .content {
    width: 100%;
    max-width: 100%;
  }
}
.banner-about .content h1 {
  padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .banner-about .content h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 576px) {
  .banner-about .content h1 {
    padding-bottom: 30px;
    font-size: 26px;
  }
}
.banner-about .content p {
  color: #ffffff;
  font-size: 21px;
  line-height: 1.4;
}

/* ==========================================================================
  Banner about us page
   ========================================================================== */
.scroll-phone-section {
  margin: 100px 0 140px 0;
}
@media screen and (max-width: 768px) {
  .scroll-phone-section {
    margin: 100px 0;
  }
}
.scroll-phone-section .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .scroll-phone-section .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.scroll-phone-section .flex-wrapper .left-content {
  max-width: 572px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .scroll-phone-section .flex-wrapper .left-content {
    max-width: 100%;
  }
}
.scroll-phone-section .flex-wrapper .left-content h2 {
  color: #171721;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .scroll-phone-section .flex-wrapper .left-content h2 {
    font-size: 26px;
    padding-bottom: 30px;
  }
}
.scroll-phone-section .flex-wrapper .left-content p {
  font-size: 21px;
  color: #171721;
}
.scroll-phone-section .flex-wrapper .right-content {
  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;
  padding: 0 50px;
}
@media screen and (max-width: 1140px) {
  .scroll-phone-section .flex-wrapper .right-content {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .scroll-phone-section .flex-wrapper .right-content {
    padding-left: 0;
    margin-bottom: 100px;
  }
}
.scroll-phone-section .flex-wrapper .right-content .container {
  width: 309px;
  height: 549px;
  padding: 1px;
  position: sticky;
  top: 80px;
  margin-top: -540px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .scroll-phone-section .flex-wrapper .right-content .container {
    margin-top: -295px;
    position: relative;
    top: unset;
    z-index: 10;
    margin-bottom: 40px;
  }
}
.scroll-phone-section .flex-wrapper .right-content .container .media {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video {
  height: 100%;
  width: 100% !important;
  position: absolute;
  z-index: -1;
  padding: 3px;
  pointer-events: visible;
  cursor: pointer;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .wp-video-shortcode {
  width: 100% !important;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100% !important;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-poster {
  border-radius: 40px;
  width: 100% !important;
  height: 100% !important;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-controls {
  display: none;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-overlay {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-overlay:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7698)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7698'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .display {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .display .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_6433)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='white'/%3E%3Cpath d='M34 16V44' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_6433'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .display:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7510)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='black'/%3E%3Cpath d='M34 16V44' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7510'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-overlay-button {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_234_7439)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_234_7439'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media screen and (max-width: 576px) {
  .scroll-phone-section .flex-wrapper .right-content .container .media .wp-video .mejs-overlay-button {
    left: 10px;
    bottom: 10px;
  }
}

.wp-video .mejs-overlay-loading {
  margin: calc(100% - 40px) auto 0 auto;
}

.group-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
}
.group-links .link {
  width: 60px;
  height: 60px;
  margin: 0 15px;
  will-change: transform;
}
@media screen and (max-width: 768px) {
  .group-links .link {
    margin: 0 10px;
  }
}
@media screen and (max-width: 576px) {
  .group-links .link {
    width: 40px;
    height: 40px;
  }
}
.group-links .link:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.group-links .link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
  About development
   ========================================================================== */
.about-development {
  margin: 120px 0;
}
@media screen and (max-width: 576px) {
  .about-development {
    margin: 80px 0 100px 0;
  }
}
.about-development h2 {
  padding-bottom: 80px;
  text-align: center;
  max-width: 926px;
  width: 100%;
  color: #171721;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .about-development h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 576px) {
  .about-development h2 {
    padding-bottom: 60px;
    text-align: left;
  }
}
.about-development .container {
  padding-bottom: 80px;
  position: relative;
}
.about-development .container:before {
  content: "";
  width: 100%;
  display: block;
  background-color: #171721;
  border-radius: 40px;
  z-index: -1;
  height: calc(100% - 171px);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 576px) {
  .about-development .container:before {
    border-radius: 40px 0 0 40px;
    height: calc(100% - 123px);
  }
}
.about-development .container .flex-wrapper {
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3.1%;
  width: 106.2%;
}
.about-development .container .flex-wrapper > * {
  width: 27.1333333333%;
  margin: 0 3.1% 4.1333333333em;
}
@media screen and (max-width: 1024px) {
  .about-development .container .flex-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -2.5%;
    width: 105%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .about-development .container .flex-wrapper > * {
    width: 45%;
    margin: 0 2.5% 3.75em;
  }
}
@media screen and (max-width: 650px) {
  .about-development .container .flex-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1.9%;
    width: 103.8%;
  }
  .about-development .container .flex-wrapper > * {
    width: 96.2%;
    margin: 0 1.9% 3.8em;
  }
}
.about-development .container .flex-wrapper .card-item {
  margin-bottom: 40px;
}
@media screen and (max-width: 650px) {
  .about-development .container .flex-wrapper .card-item {
    margin-bottom: 60px;
  }
  .about-development .container .flex-wrapper .card-item:last-child {
    margin-bottom: 40px;
  }
}
.about-development .container .flex-wrapper .card-item .image {
  width: 245px;
  height: 245px;
  margin-bottom: 40px;
}
@media screen and (max-width: 650px) {
  .about-development .container .flex-wrapper .card-item .image {
    margin: 0 auto 40px auto;
  }
}
.about-development .container .flex-wrapper .card-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-development .container .flex-wrapper .card-item .text-content h4 {
  font-size: 21px;
  color: #ffffff;
}
.about-development .container .btn-border-white {
  max-width: 227px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

/* ==========================================================================
  Success story
   ========================================================================== */
.success-story {
  margin: 100px 0;
}
@media screen and (max-width: 576px) {
  .success-story {
    margin-bottom: 0;
  }
}
.success-story .container {
  border-radius: 40px;
  background-color: #171721;
  padding: 100px 0;
}
@media screen and (max-width: 576px) {
  .success-story .container {
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
  }
}
.success-story .container h2 {
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .success-story .container h2 {
    font-size: 26px;
  }
}
.success-story .container .flex-wrapper .row {
  position: relative;
  z-index: 5;
}
.success-story .container .flex-wrapper .row:first-child .year:after {
  top: 70px;
  height: calc(100% - 70px);
}
.success-story .container .flex-wrapper .row:last-child {
  padding: 0;
}
.success-story .container .flex-wrapper .row:last-child .sub-row:last-child {
  padding-bottom: 0;
}
.success-story .container .flex-wrapper .row:last-child .sub-row:last-child:after {
  top: 0;
  height: 50%;
}
@media screen and (max-width: 992px) {
  .success-story .container .flex-wrapper .row:last-child .sub-row:last-child:after {
    height: 20px;
  }
}
.success-story .container .flex-wrapper .row .year {
  font-size: 68px;
  color: #FFFFFF;
  line-height: 1.6;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px;
  position: relative;
}
.success-story .container .flex-wrapper .row .year:after {
  content: "";
  position: absolute;
  left: 19px;
  width: 2px;
  top: 0;
  height: 100%;
  background-color: #45454D;
  display: block;
  z-index: -1;
}
.success-story .container .flex-wrapper .row .year .point {
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 79px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .year .point {
    margin-right: 40px;
  }
}
.success-story .container .flex-wrapper .row .sub-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .success-story .container .flex-wrapper .row .sub-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.success-story .container .flex-wrapper .row .sub-row:after {
  content: "";
  position: absolute;
  left: 19px;
  width: 2px;
  top: 0;
  height: 100%;
  background-color: #45454D;
  display: block;
  z-index: -1;
}
.success-story .container .flex-wrapper .row .sub-row:not(:last-child) {
  padding-bottom: 54px;
}
.success-story .container .flex-wrapper .row .sub-row .date {
  font-size: 21px;
  color: #FFFFFF;
  line-height: 1.6;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 355px;
  width: 100%;
}
@media screen and (max-width: 1140px) {
  .success-story .container .flex-wrapper .row .sub-row .date {
    max-width: 300px;
  }
}
@media screen and (max-width: 992px) {
  .success-story .container .flex-wrapper .row .sub-row .date {
    padding-bottom: 20px;
  }
}
.success-story .container .flex-wrapper .row .sub-row .date .dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #171721;
  margin-right: 89px;
  margin-left: 10px;
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .sub-row .date .dot {
    margin-right: 50px;
  }
}
.success-story .container .flex-wrapper .row .sub-row .game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  .success-story .container .flex-wrapper .row .sub-row .game {
    margin-left: 116px;
  }
}
@media screen and (max-width: 768px) {
  .success-story .container .flex-wrapper .row .sub-row .game {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .sub-row .game {
    margin-left: 78px;
  }
}
.success-story .container .flex-wrapper .row .sub-row .game .image {
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .success-story .container .flex-wrapper .row .sub-row .game .image {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .sub-row .game .image {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }
}
.success-story .container .flex-wrapper .row .sub-row .game .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.success-story .container .flex-wrapper .row .sub-row .game .info-game {
  font-size: 21px;
  max-width: 530px;
  width: 100%;
  line-height: 1.4;
  color: #A2A2A6;
}
@media screen and (max-width: 768px) {
  .success-story .container .flex-wrapper .row .sub-row .game .info-game {
    font-size: 16px;
  }
}
.success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info {
    font-size: 13px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info svg {
  width: 45px;
  height: 45px;
  margin-right: 27px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 768px) {
  .success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info svg {
    width: 30px;
    height: 30px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .success-story .container .flex-wrapper .row .sub-row .game .info-game .additional-info svg {
    margin-top: 4px;
  }
}

/* ==========================================================================
  Footer
   ========================================================================== */
footer {
  padding: 100px 0 40px 0;
  background-color: #171721;
  margin-top: -1px;
}
@media screen and (max-width: 576px) {
  footer {
    padding-bottom: 20px;
  }
}
footer .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  footer .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper {
    margin-bottom: 40px;
  }
}
footer .flex-wrapper .left-content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  footer .flex-wrapper .left-content {
    width: 100%;
    margin-bottom: 40px;
  }
}
footer .flex-wrapper .left-content .container {
  max-width: 434px;
  width: 100%;
  padding-right: 30px;
}
@media screen and (max-width: 992px) {
  footer .flex-wrapper .left-content .container {
    width: 71%;
    max-width: 100%;
  }
}
footer .flex-wrapper .left-content .container .logo_footer {
  width: 296px;
  height: 80px;
  display: block;
  margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .left-content .container .logo_footer {
    width: 222px;
    height: 60px;
  }
}
footer .flex-wrapper .left-content .container .logo_footer img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .flex-wrapper .left-content .container .links-wrapper {
  margin-bottom: 46px;
}
footer .flex-wrapper .left-content .container .links-wrapper .link-item {
  margin-bottom: 10px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  font-size: 13px;
}
footer .flex-wrapper .left-content .container .links-wrapper .link-item:hover {
  color: #A2A2A6;
}
footer .flex-wrapper .left-content .container .links-wrapper .link-item:last-child {
  margin-bottom: 0;
}
footer .flex-wrapper .left-content .container .btn-border-black {
  background-color: #ffffff;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}
footer .flex-wrapper .left-content .container .btn-border-black:hover {
  background-color: transparent;
  border-color: #ffffff;
}
footer .flex-wrapper .left-content .main_nav_footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 30px;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .left-content .main_nav_footer {
    display: none;
  }
}
footer .flex-wrapper .left-content .main_nav_footer .level_a li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .flex-wrapper .left-content .main_nav_footer .level_a li:last-child a {
  padding-bottom: 0;
}
footer .flex-wrapper .left-content .main_nav_footer .level_a li a {
  padding: 0 0 30px 0;
  line-height: 1.4;
}
footer .flex-wrapper .left-content .main_nav_footer .level_a li.current-menu-item a {
  color: #ffffff;
  pointer-events: none;
}
footer .flex-wrapper .right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  footer .flex-wrapper .right-content {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
footer .flex-wrapper .right-content .social-links-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .social-links-wrapper {
    display: none;
  }
}
footer .flex-wrapper .right-content .social-links-wrapper .social-link {
  text-decoration: none;
  color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}
footer .flex-wrapper .right-content .social-links-wrapper .social-link:hover svg rect {
  fill: #ffffff;
}
footer .flex-wrapper .right-content .social-links-wrapper .social-link svg {
  width: 40px;
  height: 40px;
}
footer .flex-wrapper .right-content .social-links-wrapper .social-link svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .flex-wrapper .right-content .social-links-wrapper .social-link:last-child {
  margin-right: 0;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
footer .flex-wrapper .right-content .wrapper .social-links-wrapper {
  display: none;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 10px;
  }
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper .social-link {
    margin-right: 0;
    margin-bottom: 20px;
  }
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper .social-link:hover svg rect {
    fill: #ffffff;
  }
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper .social-link svg {
    width: 40px;
    height: 40px;
  }
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper .social-link svg rect {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  footer .flex-wrapper .right-content .wrapper .social-links-wrapper .social-link:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
}
footer .flex-wrapper .right-content .image-pers {
  width: 200px;
  height: 282px;
  margin-right: 9px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .image-pers {
    margin-right: 0;
  }
}
footer .flex-wrapper .right-content .image-pers img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: none;
}
footer .flex-wrapper .right-content .group-elements {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
footer .flex-wrapper .right-content .group-elements .thought-bubble {
  min-height: 129px;
  width: 295px;
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  padding: 20px 40px 20px 40px;
  border: 1px solid #74747A;
  border-radius: 41px 41px 41px 0;
  position: relative;
  margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .group-elements .thought-bubble {
    border-radius: 41px 41px 0 41px;
    margin-bottom: 30px;
  }
}
footer .flex-wrapper .right-content .group-elements .thought-bubble:before, footer .flex-wrapper .right-content .group-elements .thought-bubble:after {
  content: "";
  position: absolute;
  left: -0.8px;
  bottom: -22px;
  width: 0;
  height: 0;
  border-top: 22px solid #74747A;
  border-right: 22px solid transparent;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .group-elements .thought-bubble:before, footer .flex-wrapper .right-content .group-elements .thought-bubble:after {
    border-left: 22px solid transparent;
    border-right: unset;
    left: unset;
    right: -0.8px;
  }
}
footer .flex-wrapper .right-content .group-elements .thought-bubble:after {
  border-top: 22px solid #171721;
  left: 0;
  bottom: -20px;
}
@media screen and (max-width: 576px) {
  footer .flex-wrapper .right-content .group-elements .thought-bubble:after {
    border-left: 22px solid transparent;
    border-right: unset;
    left: unset;
    right: 0;
  }
}
footer .flex-wrapper .right-content .group-elements .thought-bubble #text {
  display: none;
}
footer .bottom-content {
  border-top: 1px solid #74747A;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .bottom-content .policy-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .bottom-content .policy-links .link-item {
  text-decoration: none;
  font-size: 10px;
  line-height: 1.4;
  color: #A2A2A6;
  font-weight: 400;
  text-transform: uppercase;
  margin-right: 30px;
}
footer .bottom-content .policy-links .link-item:hover {
  color: #ffffff;
}
footer .bottom-content .date {
  font-size: 10px;
  line-height: 1.4;
  color: #A2A2A6;
  font-weight: 400;
}

/* ==========================================================================
   Header
   ========================================================================== */
header {
  background-color: #171721;
  max-width: 1244px;
  width: 96%;
  margin: 0 auto;
  height: 60px;
  border-radius: 0 0 20px 20px;
  padding: 5px 0;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1140px) {
  header {
    border-radius: 0;
    width: 100%;
  }
}
header .wrap {
  width: 1244px;
}
header .left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .left-content #logo {
  max-width: 148px;
  width: 100%;
  height: 40px;
  margin-right: 70px;
}
@media screen and (max-width: 1200px) {
  header .left-content #logo {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1140px) {
  header .left-content #logo {
    margin-right: 0;
    max-width: 111px;
    height: 30px;
  }
}
header .left-content #logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .right-content .btn-border-black {
  background-color: #ffffff;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}
@media screen and (max-width: 1140px) {
  header .right-content .btn-border-black {
    margin-right: 60px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 7.2px 10px;
    font-size: 10px;
    border-radius: 8px;
  }
}
header .right-content .btn-border-black:hover {
  background-color: transparent;
  border-color: #ffffff;
}
header .right-content .wpml {
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .right-content .wpml span {
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1140px) {
  header .right-content .wpml {
    display: none;
  }
}

@media screen and (max-width: 1140px) {
  .active-header header {
    height: 40px;
  }
  .active-header header .left-content #logo {
    height: 26px;
  }
}
.active-header .burger {
  top: 14px;
}
.active-header .banner-home {
  min-height: 50vh;
  padding-bottom: 0;
}
.active-header .banner-home .flex-wrapper .title-content .btn-scroll-bottom {
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

.mobile_menu_active.active-header .mobile_menu_container {
  border-top: 39px;
}

/* ==========================================================================
   Single-game
   ========================================================================== */
.single-games {
  background-color: #F5F5F5;
}
.single-games .games-slider {
  margin: 0;
  padding: 120px 0;
  margin-bottom: -1px !important;
}
@media screen and (max-width: 992px) {
  .single-games .games-slider {
    padding: 100px 0 0 0;
  }
}
.single-games .games-slider h2 {
  text-align: center;
}

.single-game {
  position: relative;
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .single-game {
    min-height: 778px;
    padding-bottom: 40px;
  }
}
.single-game .banner {
  position: absolute;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 369px;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .single-game .banner {
    height: 100%;
  }
}
.single-game .breadcrumbs {
  padding-bottom: 46px;
}
.single-game .breadcrumbs a {
  color: #ffffff;
}
.single-game .banner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper {
    -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;
  }
}
.single-game .banner-wrapper h2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper h2 {
    display: block;
    text-align: center;
  }
}
.single-game .banner-wrapper h1, .single-game .banner-wrapper h2 {
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .single-game .banner-wrapper h1, .single-game .banner-wrapper h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 575px) {
  .single-game .banner-wrapper h1, .single-game .banner-wrapper h2 {
    font-size: 26px;
    padding-bottom: 40px;
  }
}
.single-game .banner-wrapper .image {
  margin-right: 95px;
}
@media screen and (max-width: 992px) {
  .single-game .banner-wrapper .image {
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .image {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.single-game .banner-wrapper .image img {
  width: 260px;
  height: 260px;
  border-radius: 58px;
  -webkit-box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
  box-shadow: 0px 0px 0px 10px rgb(245, 245, 245);
}
@media screen and (max-width: 576px) {
  .single-game .banner-wrapper .image img {
    width: 240px;
    height: 240px;
  }
}
.single-game .banner-wrapper .banner-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .banner-content h1 {
    display: none;
  }
}
.single-game .banner-wrapper .banner-content .content-above-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .banner-content .content-above-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-game .banner-wrapper .banner-content .content-above-title .modal-window {
  display: none;
}
.single-game .banner-wrapper .banner-content .content-above-title .icon-play {
  margin-right: 59px;
  width: 60px;
  height: 60px;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_447_15314)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'%3E%3C/circle%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='white'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_447_15314'%3E%3Crect width='60' height='60' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .banner-content .content-above-title .icon-play {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.single-game .banner-wrapper .banner-content .content-above-title .icon-play:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7698)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7698'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.single-game .banner-wrapper .banner-content .content-above-title .additional-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-game .banner-wrapper .banner-content .content-above-title .additional-info span {
  max-width: 150px;
  width: 100%;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .banner-content .content-above-title .additional-info span {
    max-width: 100%;
  }
}
.single-game .banner-wrapper .banner-content .content-above-title .additional-info svg {
  width: 80px;
  height: 80px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .single-game .banner-wrapper .banner-content .content-above-title .additional-info {
    -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;
  }
  .single-game .banner-wrapper .banner-content .content-above-title .additional-info svg {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.about-game-section {
  margin-bottom: 80px;
}
.about-game-section .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .about-game-section .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .about-game-section .flex-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
  }
}
.about-game-section .flex-wrapper .group-links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  max-width: 260px;
  width: 100%;
  margin-right: 95px;
}
@media screen and (max-width: 992px) {
  .about-game-section .flex-wrapper .group-links {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about-game-section .flex-wrapper .group-links {
    margin-right: 0;
    margin-bottom: 80px;
  }
}
.about-game-section .flex-wrapper .group-links .link {
  width: 40px;
  height: 40px;
  margin: 0 10px;
}
.about-game-section .flex-wrapper .wys {
  padding-top: 9px;
}
.about-game-section .flex-wrapper .wys p {
  color: #171721;
  padding-bottom: 40px;
  font-size: 21px;
  line-height: 1.4;
}
.about-game-section .flex-wrapper .wys ol {
  margin-left: 12px;
}
.about-game-section .flex-wrapper .wys ul {
  margin-left: 12px;
}
.about-game-section .flex-wrapper .wys ul li {
  position: relative;
  padding-left: 12px;
  line-height: 1.6;
}
.about-game-section .flex-wrapper .wys ul li:before {
  content: ".";
  font-weight: 700;
  position: absolute;
  bottom: 17%;
  left: 0;
}

.counter-section {
  margin: 80px 0 100px 0;
}
@media screen and (max-width: 576px) {
  .counter-section {
    margin: 80px 0;
  }
}
.counter-section .group-numbers_single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1140px) {
  .counter-section .group-numbers_single {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 576px) {
  .counter-section .group-numbers_single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 60px 0 80px 0;
  }
}
.counter-section .group-numbers_single .item {
  line-height: 1.4;
  min-width: 335px;
  margin-right: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1140px) {
  .counter-section .group-numbers_single .item {
    min-width: unset;
  }
}
@media screen and (max-width: 576px) {
  .counter-section .group-numbers_single .item {
    min-width: 100%;
    width: 100%;
    margin-bottom: 40px;
  }
  .counter-section .group-numbers_single .item:last-child {
    margin-bottom: 0;
  }
}
.counter-section .group-numbers_single .item .num {
  font-size: 68px;
  color: #171721;
  font-weight: 700;
  text-transform: uppercase;
}
.counter-section .group-numbers_single .item span {
  font-size: 21px;
  color: #A2A2A6;
}

.group-images {
  margin-bottom: 80px;
}
.group-images .images {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  width: 100%;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
@media screen and (max-width: 1140px) {
  .group-images .images {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .group-images .images {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (max-width: 576px) {
  .group-images .images {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.group-images .images .image {
  max-width: 355px;
  width: 100%;
  padding-bottom: 40px;
}
@media screen and (max-width: 1140px) {
  .group-images .images .image {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .group-images .images .image {
    max-width: 100%;
  }
}
.group-images .images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
}

/* ==========================================================================
   Pop up
   ========================================================================== */
.fancybox__slide {
  padding-left: calc((100vw - 96%) / 2);
  padding-right: calc((100vw - 96%) / 2);
  position: relative;
}
@media screen and (max-width: 576px) {
  .fancybox__slide {
    padding-left: calc((100vw - 89.3333%) / 2);
    padding-right: calc((100vw - 89.3333%) / 2);
  }
}

.fancybox__content {
  position: static;
  max-width: 926px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fancybox__content .carousel__button.is-close {
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
}
.fancybox__content .carousel__button.is-close svg {
  width: 40px;
  height: 40px;
  stroke: none;
  stroke-width: 1;
}
.fancybox__content iframe {
  width: 100%;
  max-height: 520px;
  border-radius: 40px;
  min-height: 200px;
  height: 53vw;
}
.fancybox__content .wp-video .wp-video-shortcode {
  width: 100% !important;
  border-radius: 40px;
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: scroll-position;
}
.fancybox__content .wp-video .wp-video-shortcode:hover .mejs-controls {
  opacity: 1;
}
.fancybox__content .wp-video .mejs-poster {
  border-radius: 40px;
  width: 100% !important;
  height: 100% !important;
}
.fancybox__content .wp-video .mejs-controls {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 66%;
  margin: 0 auto;
  right: 0;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 576px) {
  .fancybox__content .wp-video .mejs-controls {
    display: none;
  }
}
.fancybox__content .wp-video .mejs-overlay {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.fancybox__content .wp-video .mejs-overlay:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7698)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7698'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.fancybox__content .wp-video .display {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.fancybox__content .wp-video .display .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_6433)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='white'/%3E%3Cpath d='M34 16V44' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_6433'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.fancybox__content .wp-video .display:hover .mejs-overlay-button {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_261_7510)'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='white' stroke='white'/%3E%3Cpath d='M26 16V44' stroke='black'/%3E%3Cpath d='M34 16V44' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_261_7510'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.fancybox__content .wp-video .mejs-overlay-button {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_234_7439)'%3E%3Ccircle cx='30' cy='30' r='29.5' stroke='white'/%3E%3Cpath d='M41 30L24.5 39.5263L24.5 20.4737L41 30Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_234_7439'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media screen and (max-width: 576px) {
  .fancybox__content .wp-video .mejs-overlay-button {
    left: 10px;
    bottom: 10px;
  }
}

body.compensate-for-scrollbar {
  padding: 0 !important;
  overflow: unset !important;
}

/* ==========================================================================
   Single blog
   ========================================================================== */
.single-blog {
  padding-top: 100px;
}
.single-blog .breadcrumbs {
  margin-bottom: 66px;
}
@media screen and (max-width: 576px) {
  .single-blog .breadcrumbs {
    margin-bottom: 46px;
  }
}
.single-blog .breadcrumbs span {
  color: #171721;
}
.single-blog .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .single-blog .content-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper {
    margin-bottom: 100px;
  }
}
.single-blog .content-wrapper .index-main {
  max-width: 1046px;
  width: 80vw;
  min-width: 825px;
}
@media screen and (max-width: 1024px) {
  .single-blog .content-wrapper .index-main {
    width: 100%;
    min-width: unset;
  }
}
.single-blog .content-wrapper .index-main .container h1, .single-blog .content-wrapper .index-main .container h2, .single-blog .content-wrapper .index-main .container h3, .single-blog .content-wrapper .index-main .container h4 {
  color: #171721;
  padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .single-blog .content-wrapper .index-main .container h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container h1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 992px) {
  .single-blog .content-wrapper .index-main .container h2 {
    font-size: 28px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container h2 {
    font-size: 21px;
    padding-bottom: 20px;
  }
}
.single-blog .content-wrapper .index-main .container h3 {
  font-size: 26px;
}
@media screen and (max-width: 992px) {
  .single-blog .content-wrapper .index-main .container h3 {
    font-size: 21px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container h3 {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.single-blog .content-wrapper .index-main .container h1, .single-blog .content-wrapper .index-main .container h2, .single-blog .content-wrapper .index-main .container h3, .single-blog .content-wrapper .index-main .container h4, .single-blog .content-wrapper .index-main .container p, .single-blog .content-wrapper .index-main .container ul, .single-blog .content-wrapper .index-main .container ol, .single-blog .content-wrapper .index-main .container figcaption, .single-blog .content-wrapper .index-main .container .social-block, .single-blog .content-wrapper .index-main .container .author {
  max-width: 808px;
  width: 100%;
  margin: 0 auto;
}
.single-blog .content-wrapper .index-main .container p {
  font-size: 21px;
  line-height: 1.8;
  color: #171721;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container p {
    font-size: 16px;
    padding-bottom: 40px;
  }
}
.single-blog .content-wrapper .index-main .container p a {
  font-size: 21px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container p a {
    font-size: 16px;
  }
}
.single-blog .content-wrapper .index-main .container ul, .single-blog .content-wrapper .index-main .container ol {
  padding-bottom: 60px;
  padding-left: 38px;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container ul, .single-blog .content-wrapper .index-main .container ol {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container ul, .single-blog .content-wrapper .index-main .container ol {
    padding-left: 18px;
  }
}
.single-blog .content-wrapper .index-main .container ul li, .single-blog .content-wrapper .index-main .container ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  padding-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container ul li, .single-blog .content-wrapper .index-main .container ol li {
    font-size: 13px;
  }
}
.single-blog .content-wrapper .index-main .container ul li:last-child, .single-blog .content-wrapper .index-main .container ol li:last-child {
  padding-bottom: 0;
}
.single-blog .content-wrapper .index-main .container ul li::marker, .single-blog .content-wrapper .index-main .container ol li::marker {
  font-weight: bold;
}
.single-blog .content-wrapper .index-main .container ul {
  list-style: disc;
}
.single-blog .content-wrapper .index-main .container .wp-block-quote {
  background-color: #171721;
  padding: 60px 30px;
  border-radius: 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container .wp-block-quote {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container .wp-block-quote {
    width: 94.64vw;
    margin-left: -2.68vw;
    padding: 60px 30.5px;
  }
}
.single-blog .content-wrapper .index-main .container .wp-block-quote p {
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 0;
  color: #ffffff;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container .wp-block-quote p {
    font-size: 21px;
    line-height: 1.38;
  }
}
.single-blog .content-wrapper .index-main .container .wp-block-image {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container .wp-block-image {
    padding-bottom: 40px;
    width: 100vw;
    margin-left: calc((100vw - 100%) / -2);
  }
}
.single-blog .content-wrapper .index-main .container .wp-block-image img {
  border-radius: 10px;
  width: 100%;
  max-height: 554px;
  min-height: 200px;
  height: 53vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-blog .content-wrapper .index-main .container .wp-block-image .wp-element-caption {
  font-size: 16px;
  line-height: 160%;
  color: #74747A;
  padding-top: 20px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .single-blog .content-wrapper .index-main .container .wp-block-image .wp-element-caption {
    font-size: 13px;
    padding-top: 10px;
    width: 96%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container .wp-block-image .wp-element-caption {
    width: 89.3333%;
  }
}
.single-blog .content-wrapper .index-main .container .social-block {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.single-blog .content-wrapper .index-main .container .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .single-blog .content-wrapper .index-main .container .author {
    margin-bottom: 56px;
  }
}
.single-blog .content-wrapper .index-main .container .author .photo {
  width: 30px;
  height: 30px;
  margin-right: 12px;
}
.single-blog .content-wrapper .index-main .container .author .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.single-blog .content-wrapper .index-main .container .author .info {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-blog .content-wrapper .index-main .container .author .info .position {
  color: #A2A2A6;
}
.single-blog .sidebar {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .single-blog .sidebar {
    display: none;
  }
}
.single-blog .sidebar .scroll-block {
  position: sticky;
  top: 80px;
  max-width: 228px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 0 20px 20px;
}
@media screen and (max-width: 1024px) {
  .single-blog .sidebar .scroll-block {
    padding: 20px 0 0 0;
  }
}
.single-blog .sidebar .scroll-block .info-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  text-transform: uppercase;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.single-blog .sidebar .scroll-block .info-post .views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.single-blog .sidebar .scroll-block .info-post .views svg {
  margin-right: 6px;
}
.single-blog .sidebar .scroll-block .category {
  display: block;
  text-align: right;
  width: 100%;
}
.single-blog .sidebar .scroll-block .category a {
  font-size: 10px;
  line-height: 140%;
  text-transform: uppercase;
  color: #171721;
  text-decoration: none;
  pointer-events: none;
}
.single-blog .sidebar.sidebar-mobile {
  display: none;
  padding-right: 5px;
  position: static;
  max-width: 808px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .single-blog .sidebar.sidebar-mobile {
    display: block;
  }
}
.single-blog .sidebar.sidebar-mobile .social-block {
  padding-bottom: 20px;
}
.single-blog .sidebar.sidebar-mobile .info-post {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.single-blog .sidebar.sidebar-mobile .category {
  text-align: left;
}
.single-blog .form-subscription {
  max-width: 926px;
  width: 100%;
  border-radius: 40px;
  margin: 0 auto 120px auto;
  border: 1px solid #D6D6D6;
  padding: 59px 28px;
  position: relative;
}
@media screen and (max-width: 576px) {
  .single-blog .form-subscription {
    margin-bottom: 100px;
  }
}
.single-blog .form-subscription h3 {
  color: #171721;
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .single-blog .form-subscription h3 {
    padding-bottom: 60px;
  }
}
.single-blog .form-subscription .mc4wp-form {
  max-width: 275px;
  width: 100%;
  margin: 0 auto;
}
.single-blog .form-subscription .mc4wp-form-submitted .mc4wp-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-blog .form-subscription .mc4wp-response {
  margin: 0;
  padding: 20px;
  max-width: 100%;
  text-align: center;
  background: white !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  border-radius: 40px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-blog .form-subscription .mc4wp-response p {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #171721;
}
.single-blog .form-subscription p {
  padding: 0;
}
.single-blog .form-subscription input[type=submit] {
  padding: 9px 20px;
  max-width: 273px;
}
.single-blog .blog {
  background-color: transparent;
  margin: 0 0 120px 0;
}
@media screen and (max-width: 576px) {
  .single-blog .blog {
    margin: 0 0 100px 0;
  }
}
.single-blog .blog h2 {
  color: #171721;
  padding-bottom: 60px;
  max-width: 926px;
  width: 100%;
  margin: 0 auto;
}
.single-blog .blog .group-posts .item-post {
  border: 1px solid #D6D6D6;
}

.social-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.social-block span {
  line-height: 1;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 10px;
  color: #74747A;
}
.social-block a {
  text-decoration: none;
  line-height: 1;
}
.social-block a svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-block a svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-block a:not(:last-child) {
  margin-right: 10px;
}
.social-block a:hover svg rect {
  fill: #000;
  fill-opacity: 1;
}
.social-block a:hover svg path {
  fill: #ffffff;
}

/* ==========================================================================
   Working conditions
   ========================================================================== */
.working-conditions {
  margin-top: 115px;
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .working-conditions {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 576px) {
  .working-conditions {
    margin-top: 100px;
    margin-bottom: 60px;
  }
}
.working-conditions .row1164 {
  border-bottom: 1px solid #A2A2A6;
}
.working-conditions .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .working-conditions .flex-wrapper {
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.working-conditions .flex-wrapper .block_title {
  max-width: 335px;
  width: 100%;
  margin-right: 25px;
  min-width: 185px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 576px) {
  .working-conditions .flex-wrapper .block_title {
    max-width: 100%;
  }
}
.working-conditions .flex-wrapper .block_title h3 {
  position: sticky;
  top: 80px;
  color: #171721;
  padding-bottom: 0;
}
@media screen and (max-width: 576px) {
  .working-conditions .flex-wrapper .block_title h3 {
    padding-bottom: 30px;
  }
}
.working-conditions .flex-wrapper .block_content {
  max-width: 572px;
  width: 100%;
}
.working-conditions .flex-wrapper .block_content p {
  font-size: 16px;
}
.working-conditions .flex-wrapper .block_content ul, .working-conditions .flex-wrapper .block_content ol {
  margin-left: 12px;
}
.working-conditions .flex-wrapper .block_content ul li, .working-conditions .flex-wrapper .block_content ol li {
  font-size: 16px;
  line-height: 1.6;
  padding-bottom: 20px;
}
.working-conditions .flex-wrapper .block_content ul li:last-child, .working-conditions .flex-wrapper .block_content ol li:last-child {
  padding-bottom: 0;
}
.working-conditions .flex-wrapper .block_content ul li {
  position: relative;
  padding-left: 15px;
}
.working-conditions .flex-wrapper .block_content ul li:before {
  content: ".";
  font-weight: 700;
  position: absolute;
  top: -2px;
  left: 0;
}

/* ==========================================================================
   Form superstar
   ========================================================================== */
.form-superstar {
  padding: 100px 0 120px 0;
  background-color: #171721;
}
@media screen and (max-width: 992px) {
  .form-superstar {
    padding: 120px 0 0 0;
  }
}
.form-superstar .title-content {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.form-superstar .title-content .image {
  width: 100%;
  height: 60px;
  margin-bottom: 30px;
}
.form-superstar .title-content .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-superstar .title-content h2 {
  padding-bottom: 40px;
  font-size: 21px;
  line-height: 1.4;
}
.form-superstar .wrapper-form {
  max-width: 454px;
  width: 100%;
  border-radius: 40px;
  background: #FFF;
  padding: 60px 40px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .form-superstar .wrapper-form {
    padding: 60px 29px;
  }
}
@media screen and (max-width: 576px) {
  .form-superstar .wrapper-form {
    max-width: 100%;
  }
}
.form-superstar .wrapper-form label input {
  margin-bottom: 29px;
}
.form-superstar .wrapper-form input[type=submit] {
  padding: 9px 20px;
}

/* ==========================================================================
  Banner single career
   ========================================================================== */
.banner-single-career {
  background-color: #171721;
  padding: 100px 0 80px;
}
@media screen and (max-width: 576px) {
  .banner-single-career {
    padding: 100px 0;
  }
}
.banner-single-career .breadcrumbs {
  margin-bottom: 66px;
}
@media screen and (max-width: 576px) {
  .banner-single-career .breadcrumbs {
    margin-bottom: 46px;
  }
}
.banner-single-career .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 930px) {
  .banner-single-career .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.banner-single-career .flex-wrapper .left-info {
  max-width: 455px;
  width: 100%;
  margin-right: 40px;
}
@media screen and (max-width: 930px) {
  .banner-single-career .flex-wrapper .left-info {
    margin-right: 0;
    margin-bottom: 60px;
    max-width: 100%;
  }
}
.banner-single-career .flex-wrapper .left-info h1 {
  padding-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .banner-single-career .flex-wrapper .left-info h1 {
    padding-bottom: 30px;
  }
}
.banner-single-career .flex-wrapper .left-info .btn-border-black {
  background-color: #ffffff;
  padding: 12px 19.5px;
}
.banner-single-career .flex-wrapper .left-info .btn-border-black:hover {
  background-color: transparent;
  border-color: #ffffff;
}
.banner-single-career .flex-wrapper .left-info .group-elements {
  margin-bottom: 30px;
}
.banner-single-career .flex-wrapper .left-info .group-elements .experience, .banner-single-career .flex-wrapper .left-info .group-elements .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.banner-single-career .flex-wrapper .left-info .group-elements .experience svg, .banner-single-career .flex-wrapper .left-info .group-elements .location svg {
  margin-right: 20px;
}
@media screen and (max-width: 576px) {
  .banner-single-career .flex-wrapper .left-info .group-elements .experience svg, .banner-single-career .flex-wrapper .left-info .group-elements .location svg {
    margin-right: 10px;
  }
}
.banner-single-career .flex-wrapper .left-info .group-elements .experience span, .banner-single-career .flex-wrapper .left-info .group-elements .location span {
  font-size: 21px;
  line-height: 1;
  color: #ffffff;
}
@media screen and (max-width: 576px) {
  .banner-single-career .flex-wrapper .left-info .group-elements .experience span, .banner-single-career .flex-wrapper .left-info .group-elements .location span {
    font-size: 16px;
  }
}
.banner-single-career .flex-wrapper .right-info {
  max-width: 572px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 930px) {
  .banner-single-career .flex-wrapper .right-info {
    max-width: 100%;
  }
}
.banner-single-career .flex-wrapper .right-info p {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.4;
  color: #A2A2A6;
}
@media screen and (max-width: 576px) {
  .banner-single-career .flex-wrapper .right-info p {
    font-size: 16px;
  }
}

.hr-person {
  background: #2E2E37;
  border-radius: 40px;
  padding: 30px;
  margin-bottom: 40px;
  max-width: 572px;
  width: 100%;
}
.hr-person .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hr-person .wrapper .photo {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.hr-person .wrapper .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.hr-person .wrapper .info {
  overflow: hidden;
}
.hr-person .wrapper .info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hr-person .wrapper .info .name {
  font-weight: 700;
  font-size: 21px;
  line-height: 1.4;
  color: #ffffff;
  margin-bottom: 10px;
  word-break: break-word;
}
.hr-person .wrapper .info .email {
  font-size: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.6;
  text-decoration: none;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 10px;
}
.hr-person .wrapper .info .email:hover {
  color: #A2A2A6;
}
.hr-person .wrapper .info .social-icon {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1;
}
.hr-person .wrapper .info .social-icon svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hr-person .wrapper .info .social-icon svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hr-person .wrapper .info .social-icon svg:hover rect {
  fill: #000;
  fill-opacity: 1;
}
.hr-person .wrapper .info .social-icon svg:hover path {
  fill: #ffffff;
}

/* ==========================================================================
   Form vacancy
   ========================================================================== */
.cf-vacancy {
  border-top: 120px solid transparent;
  margin-top: -120px;
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .cf-vacancy {
    border-top: 80px solid transparent;
    margin-top: -80px;
    margin-bottom: 80px;
  }
}
.cf-vacancy .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 650px) {
  .cf-vacancy .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cf-vacancy .flex-wrapper .title-content {
  max-width: 454px;
  width: 100%;
  margin-right: 20px;
}
.cf-vacancy .flex-wrapper .title-content h2 {
  color: #171721;
  padding-bottom: 152px;
}
@media screen and (max-width: 992px) {
  .cf-vacancy .flex-wrapper .title-content h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .cf-vacancy .flex-wrapper .title-content h2 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .cf-vacancy .flex-wrapper .title-content h2 {
    font-size: 26px;
  }
}
.cf-vacancy .flex-wrapper .title-content .link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #171721;
  font-size: 16px;
}
@media screen and (max-width: 650px) {
  .cf-vacancy .flex-wrapper .title-content .link {
    margin-bottom: 60px;
  }
}
.cf-vacancy .flex-wrapper .title-content .link:hover {
  color: #74747A;
}
.cf-vacancy .flex-wrapper .title-content .link svg {
  margin-right: 20px;
}
.cf-vacancy .wrapper-form {
  max-width: 454px;
  width: 100%;
  border-radius: 40px;
  border: 1px solid #D6D6D6;
  padding: 62px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .cf-vacancy .wrapper-form {
    padding: 60px 29px;
  }
}
@media screen and (max-width: 650px) {
  .cf-vacancy .wrapper-form {
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .cf-vacancy .wrapper-form {
    max-width: 100%;
  }
}
.cf-vacancy .wrapper-form .title-form {
  display: none;
}
.cf-vacancy .wrapper-form input[type=submit] {
  padding: 9px 20px;
}

.background-wrap {
  background-color: #171721;
}

/* ==========================================================================
   Archive career
   ========================================================================== */
.post-type-archive-career {
  background-color: #ffffff;
}

.banner-archive-career {
  background-color: #171721;
  padding: 100px 0 0 0;
}
.banner-archive-career .breadcrumbs {
  margin-bottom: 66px;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .breadcrumbs {
    margin-bottom: 46px;
  }
}
.banner-archive-career .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 80px;
  border-bottom: 1px solid #74747A;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.banner-archive-career .flex-wrapper .left-content {
  margin-right: 30px;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .left-content {
    margin-right: 0;
  }
}
.banner-archive-career .flex-wrapper .left-content h1 {
  padding-bottom: 46px;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .left-content h1 {
    display: none;
  }
}
.banner-archive-career .flex-wrapper .left-content .banner-image img {
  max-width: 217px;
  width: 100%;
  min-height: 234px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 650px) {
  .banner-archive-career .flex-wrapper .left-content .banner-image img {
    max-width: 190px;
  }
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .left-content .banner-image img {
    max-width: 100%;
    max-height: 360px;
  }
}
.banner-archive-career .flex-wrapper .right-content {
  max-width: 690px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .right-content {
    margin-bottom: 60px;
  }
}
.banner-archive-career .flex-wrapper .right-content h2 {
  display: none;
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .right-content h2 {
    display: block;
    padding-bottom: 30px;
    font-size: 26px;
  }
}
.banner-archive-career .flex-wrapper .right-content p {
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .banner-archive-career .flex-wrapper .right-content p {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 576px) {
  .banner-archive-career .flex-wrapper .right-content p {
    padding-bottom: 30px;
  }
}
.banner-archive-career .flex-wrapper .right-content ul, .banner-archive-career .flex-wrapper .right-content ol {
  padding-bottom: 40px;
  margin-left: 12px;
}
.banner-archive-career .flex-wrapper .right-content ul li, .banner-archive-career .flex-wrapper .right-content ol li {
  line-height: 1.6;
  color: #FFFFFF;
}
.banner-archive-career .flex-wrapper .right-content ul li {
  position: relative;
  padding-left: 12px;
}
.banner-archive-career .flex-wrapper .right-content ul li:before {
  content: ".";
  font-weight: 700;
  position: absolute;
  top: -3px;
  left: 0;
}
.banner-archive-career .flex-wrapper .right-content .btn-border-white {
  max-width: 227px;
  width: 100%;
}

.benefits-list {
  background-color: #171721;
  padding: 100px 0 60px 0;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .benefits-list {
    padding: 60px 0 40px 0;
  }
}
.benefits-list h2 {
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .benefits-list h2 {
    font-size: 26px;
    padding-bottom: 40px;
  }
}
.benefits-list .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1140px) {
  .benefits-list .flex-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -3%;
    width: 106%;
  }
  .benefits-list .flex-wrapper > * {
    width: 44%;
    margin: 0 3% 4.5em;
  }
}
@media screen and (max-width: 576px) {
  .benefits-list .flex-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0;
    width: 100%;
  }
  .benefits-list .flex-wrapper > * {
    width: 100%;
    margin: 0 0 0em;
  }
}
.benefits-list .flex-wrapper .item {
  max-width: 295px;
  margin-right: 60px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1140px) {
  .benefits-list .flex-wrapper .item {
    width: 100%;
  }
}
@media screen and (max-width: 1140px) {
  .benefits-list .flex-wrapper .item {
    margin-right: 0;
    max-width: unset;
  }
}
.benefits-list .flex-wrapper .item:nth-child(3n) {
  margin-right: 0;
  max-width: 454px;
}
@media screen and (max-width: 1220px) {
  .benefits-list .flex-wrapper .item:nth-child(3n) {
    max-width: 370px;
  }
}
@media screen and (max-width: 1140px) {
  .benefits-list .flex-wrapper .item:nth-child(3n) {
    max-width: unset;
  }
}
.benefits-list .flex-wrapper .item .anim-image {
  width: 160px;
  height: 160px;
  margin-bottom: 20px;
  position: relative;
}
.benefits-list .flex-wrapper .item .anim-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.benefits-list .flex-wrapper .item p {
  padding-bottom: 0;
  font-size: 21px;
}
@media screen and (max-width: 768px) {
  .benefits-list .flex-wrapper .item p {
    font-size: 16px;
  }
}

.posts-career {
  padding-top: 120px;
}
@media screen and (max-width: 576px) {
  .posts-career {
    padding-top: 100px;
  }
}
.posts-career h2 {
  color: #171721;
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .posts-career h2 {
    padding-bottom: 20px;
    font-size: 26px;
  }
}
.posts-career .post-vacancy {
  border-radius: 20px;
  border: 1px solid #A2A2A6;
  padding: 60px 60px 40px 60px;
  margin-bottom: 30px;
  min-height: 307px;
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy {
    min-height: 0;
  }
}
.posts-career .post-vacancy:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy:last-child {
    border-bottom: unset;
  }
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy {
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #A2A2A6;
    padding: 40px 0;
    margin-bottom: 0;
  }
}
.posts-career .post-vacancy .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .posts-career .post-vacancy .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.posts-career .post-vacancy .flex-wrapper .left-content {
  max-width: 394px;
  width: 100%;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .posts-career .post-vacancy .flex-wrapper .left-content {
    max-width: 100%;
  }
}
.posts-career .post-vacancy .flex-wrapper .left-content a {
  text-decoration: none;
}
.posts-career .post-vacancy .flex-wrapper .left-content a:hover h2 {
  color: #74747A;
}
.posts-career .post-vacancy .flex-wrapper .left-content a h2 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-bottom: 10px;
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy .flex-wrapper .left-content a h2 {
    font-size: 21px;
  }
}
.posts-career .post-vacancy .flex-wrapper .left-content span {
  font-size: 21px;
  line-height: 1.4;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .posts-career .post-vacancy .flex-wrapper .left-content span {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy .flex-wrapper .left-content span {
    font-size: 16px;
  }
}
.posts-career .post-vacancy .flex-wrapper .right-content {
  max-width: 571px;
  width: 100%;
}
.posts-career .post-vacancy .flex-wrapper .right-content p {
  padding-bottom: 0;
  color: #171721;
}
.posts-career .post-vacancy .hr-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: unset;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy .hr-person {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.posts-career .post-vacancy .hr-person .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
@media screen and (max-width: 576px) {
  .posts-career .post-vacancy .hr-person .info {
    margin-bottom: 10px;
  }
}
.posts-career .post-vacancy .hr-person .info .photo {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.posts-career .post-vacancy .hr-person .info .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.posts-career .post-vacancy .hr-person .info .social-icon {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.posts-career .post-vacancy .hr-person .info .social-icon svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.posts-career .post-vacancy .hr-person .info .social-icon svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.posts-career .post-vacancy .hr-person .info .social-icon:hover svg rect {
  fill: #000;
  fill-opacity: 1;
}
.posts-career .post-vacancy .hr-person .info .social-icon:hover svg path {
  fill: #ffffff;
}
.posts-career .post-vacancy .hr-person .info .email {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.posts-career .post-vacancy .hr-person .info .email svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.posts-career .post-vacancy .hr-person .info .email:hover svg path {
  fill: #000;
}
.posts-career .image-all-posts {
  width: 131px;
  height: 140px;
  margin: 0 auto 40px auto;
}
.posts-career .image-all-posts img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.posts-career .text-under-img {
  text-align: center;
}
.posts-career .text-under-img p {
  color: #171721;
  padding-bottom: 0;
}

.form-for-vacancy {
  margin: 0 0 100px 0;
}
.form-for-vacancy h2 {
  color: #171721;
  padding-bottom: 63px;
  text-align: center;
  max-width: 71%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .form-for-vacancy h2 {
    margin: 0;
    text-align: left;
    max-width: 100%;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .form-for-vacancy h2 {
    font-size: 26px;
  }
}
.form-for-vacancy .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .form-for-vacancy .container {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-for-vacancy .container .image-form, .form-for-vacancy .container .block-hide {
  width: 203px;
  height: 234px;
}
@media screen and (max-width: 768px) {
  .form-for-vacancy .container .image-form, .form-for-vacancy .container .block-hide {
    margin-bottom: 60px;
    width: 139px;
    height: 160px;
  }
}
.form-for-vacancy .container .image-form img, .form-for-vacancy .container .block-hide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 992px) {
  .form-for-vacancy .container .block-hide {
    display: none;
  }
}
.form-for-vacancy .container .wrapper-form {
  margin-right: 30px;
  margin-left: 30px;
}
@media screen and (max-width: 992px) {
  .form-for-vacancy .container .wrapper-form {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-for-vacancy .container .wrapper-form {
    margin: 0 auto;
  }
}
.form-for-vacancy .container .wrapper-form .title-form {
  display: block;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
  color: #171721;
  text-align: center;
  margin-bottom: 60px;
}

.bonus-section {
  background: linear-gradient(to bottom, transparent 140px, #171721 0);
  margin-bottom: -1px;
}
@media screen and (max-width: 576px) {
  .bonus-section {
    background: linear-gradient(to bottom, transparent 40px, #171721 0);
  }
}
.bonus-section .wrapper-card {
  border-radius: 40px;
  padding: 70px 40px 80px 40px;
  max-width: 96%;
  width: 1400px;
  margin: 0 auto;
  background-color: #2E2E37;
}
@media screen and (max-width: 992px) {
  .bonus-section .wrapper-card {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 768px) {
  .bonus-section .wrapper-card {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card {
    max-width: 89.3333%;
  }
}
.bonus-section .wrapper-card .row1164 {
  max-width: 100%;
}
.bonus-section .wrapper-card .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .bonus-section .wrapper-card .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.bonus-section .wrapper-card .flex-wrapper .left-content {
  max-width: 690px;
  width: 100%;
  margin-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content h2 {
    font-size: 26px;
    padding-bottom: 10px;
  }
}
.bonus-section .wrapper-card .flex-wrapper .left-content h3 {
  color: #74747A;
  font-size: 26px;
  line-height: 1.6;
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content h3 {
    font-size: 21px;
  }
}
.bonus-section .wrapper-card .flex-wrapper .left-content p {
  padding-bottom: 0;
  font-size: 21px;
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card .flex-wrapper .left-content p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.bonus-section .wrapper-card .flex-wrapper .left-content p strong {
  color: #ffffff;
}
.bonus-section .wrapper-card .flex-wrapper .right-content {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .bonus-section .wrapper-card .flex-wrapper .right-content {
    text-align: center;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card .flex-wrapper .right-content {
    text-align: left;
  }
}
.bonus-section .wrapper-card .flex-wrapper .right-content .btn-border-black {
  background-color: #ffffff;
  color: #171721;
  max-width: 273px;
  width: 100%;
  border-color: #ffffff;
}
@media screen and (max-width: 576px) {
  .bonus-section .wrapper-card .flex-wrapper .right-content .btn-border-black {
    max-width: 100%;
  }
}
.bonus-section .wrapper-card .flex-wrapper .right-content .btn-border-black:hover {
  background-color: transparent;
  color: #ffffff;
}

.bonus_amount {
  font-size: 105px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: #2E2E37;
  margin-bottom: 48px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 992px) {
  .bonus_amount {
    font-size: 95px;
  }
}
@media screen and (max-width: 768px) {
  .bonus_amount {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 576px) {
  .bonus_amount {
    font-size: 89px;
  }
}

/* ==========================================================================
   Hunting week page
   ========================================================================== */
.hunting-week .banner-hunting-week {
  padding: 100px 0 60px;
}
.hunting-week .banner-hunting-week .breadcrumbs {
  margin-bottom: 66px;
}
.hunting-week .banner-hunting-week .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .hunting-week .banner-hunting-week .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .hunting-week .banner-hunting-week .flex-wrapper .left-content {
    margin-bottom: 40px;
  }
}
.hunting-week .banner-hunting-week .flex-wrapper .left-content h1 {
  padding-bottom: 10px;
}
.hunting-week .banner-hunting-week .flex-wrapper .left-content h3 {
  color: #74747A;
  font-size: 26px;
  line-height: 1.6;
  padding-bottom: 0;
}
@media screen and (max-width: 992px) {
  .hunting-week .banner-hunting-week .flex-wrapper .left-content h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 576px) {
  .hunting-week .banner-hunting-week .flex-wrapper .left-content h3 {
    font-size: 21px;
  }
}
@media screen and (max-width: 576px) {
  .hunting-week .banner-hunting-week .flex-wrapper .right-content .social-block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.hunting-week .posts-career {
  padding: 0;
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .hunting-week .posts-career {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 576px) {
  .hunting-week .posts-career {
    margin-bottom: 60px;
  }
}
.hunting-week .posts-career .post-vacancy {
  background-color: #ffffff;
}
@media screen and (max-width: 576px) {
  .hunting-week .posts-career .post-vacancy {
    border-radius: 20px;
    padding: 40px 20px 40px 30px;
  }
}
@media screen and (max-width: 576px) {
  .hunting-week .posts-career .post-vacancy .flex-wrapper .left-content span {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 768px) {
  .tpl-hunting-week section:last-child {
    margin-bottom: 0;
  }
}

/* ==========================================================================
   Form hunting week
   ========================================================================== */
.form-hunting-week {
  margin: 120px 0;
}
@media screen and (max-width: 992px) {
  .form-hunting-week {
    margin: 90px 0;
  }
}
@media screen and (max-width: 576px) {
  .form-hunting-week {
    margin: 60px 0;
  }
}
.form-hunting-week h2 {
  padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .form-hunting-week h2 {
    padding-bottom: 40px;
    font-size: 26px;
  }
}
.form-hunting-week .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .form-hunting-week .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-hunting-week .flex-wrapper .left-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .form-hunting-week .flex-wrapper .left-content {
    margin-right: 0;
    margin-bottom: 100px;
  }
}
.form-hunting-week .flex-wrapper .left-content .hr-person {
  margin-bottom: 20px;
}
.form-hunting-week .flex-wrapper .left-content .hr-person:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .form-hunting-week .flex-wrapper .left-content .hr-person {
    max-width: 100%;
  }
}
.form-hunting-week .flex-wrapper .wrapper-form {
  max-width: 454px;
  width: 100%;
  border-radius: 40px;
  background: #FFF;
  padding: 60px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .form-hunting-week .flex-wrapper .wrapper-form {
    padding: 60px 29px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .form-hunting-week .flex-wrapper .wrapper-form {
    max-width: 100%;
  }
}
.form-hunting-week .flex-wrapper .wrapper-form label input {
  margin-bottom: 29px;
}
.form-hunting-week .flex-wrapper .wrapper-form input[type=submit] {
  padding: 9px 20px;
}

/* ==========================================================================
   Text image
   ========================================================================== */
.text-and-image {
  margin: 120px 0;
}
@media screen and (max-width: 992px) {
  .text-and-image {
    margin: 90px 0;
  }
}
@media screen and (max-width: 576px) {
  .text-and-image {
    margin: 60px 0;
  }
}
.text-and-image .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .text-and-image .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.text-and-image .flex-wrapper .text-content {
  max-width: 690px;
  width: 100%;
  margin-right: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .text-and-image .flex-wrapper .text-content {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.text-and-image .flex-wrapper .text-content p {
  font-size: 21px;
  line-height: 1.4;
}
@media screen and (max-width: 576px) {
  .text-and-image .flex-wrapper .text-content p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.text-and-image .flex-wrapper .text-content p:last-child {
  padding-bottom: 0;
}
.text-and-image .flex-wrapper .image {
  width: 217px;
  height: 232px;
}
@media screen and (max-width: 576px) {
  .text-and-image .flex-wrapper .image {
    height: 140px;
    width: 131px;
  }
}
.text-and-image .flex-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
   Bonus section block
   ========================================================================== */
.bonus-section-block {
  margin: 120px 0;
}
@media screen and (max-width: 992px) {
  .bonus-section-block {
    margin: 90px 0;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section-block {
    margin: 60px 0;
  }
}
.bonus-section-block .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .bonus-section-block .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.bonus-section-block .flex-wrapper .left-content {
  margin-right: 50px;
}
.bonus-section-block .flex-wrapper .left-content h2 {
  padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .bonus-section-block .flex-wrapper .left-content h2 {
    font-size: 30px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section-block .flex-wrapper .left-content h2 {
    font-size: 26px;
  }
}
.bonus-section-block .flex-wrapper .left-content .bonus_amount {
  margin-bottom: 0;
  -webkit-text-fill-color: #171721;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .bonus-section-block .flex-wrapper .left-content .bonus_amount {
    margin-bottom: 20px;
  }
}
.bonus-section-block .flex-wrapper .right-content {
  max-width: 690px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .bonus-section-block .flex-wrapper .right-content {
    max-width: 100%;
  }
}
.bonus-section-block .flex-wrapper .right-content p {
  padding-bottom: 0;
  font-size: 21px;
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .bonus-section-block .flex-wrapper .right-content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .bonus-section-block .flex-wrapper .right-content p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.bonus-section-block .flex-wrapper .right-content p strong {
  color: #ffffff;
}

/* ==========================================================================
   Stages section
   ========================================================================== */
.stages-section {
  margin: 120px 0;
}
@media screen and (max-width: 992px) {
  .stages-section {
    margin: 90px 0;
  }
}
@media screen and (max-width: 576px) {
  .stages-section {
    margin: 60px 0;
  }
}
.stages-section .wrapper-card {
  border-radius: 40px;
  padding: 80px 40px 60px 40px;
  max-width: 96%;
  width: 1400px;
  margin: 0 auto;
  background-color: #2E2E37;
}
@media screen and (max-width: 992px) {
  .stages-section .wrapper-card {
    padding: 58px 30px;
  }
}
@media screen and (max-width: 576px) {
  .stages-section .wrapper-card {
    max-width: 94.62%;
  }
}
.stages-section .wrapper-card .row1164 {
  max-width: 100%;
}
.stages-section .wrapper-card h2 {
  padding-bottom: 60px;
  max-width: 690px;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .stages-section .wrapper-card h2 {
    padding-bottom: 40px;
    font-size: 26px;
  }
}
.stages-section .wrapper-card .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1140px) {
  .stages-section .wrapper-card .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.stages-section .wrapper-card .flex-wrapper .stage-item {
  max-width: 200px;
  width: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 1140px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
    max-width: 100%;
    margin-right: 0;
  }
}
.stages-section .wrapper-card .flex-wrapper .stage-item:last-child {
  margin-bottom: 0;
}
.stages-section .wrapper-card .flex-wrapper .stage-item:last-child .figure:after {
  display: none;
}
.stages-section .wrapper-card .flex-wrapper .stage-item .wrapper {
  height: 160px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (max-width: 1140px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item .wrapper {
    margin-bottom: 0;
    margin-right: 30px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media screen and (max-width: 576px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item .wrapper {
    margin-right: 19px;
  }
}
.stages-section .wrapper-card .flex-wrapper .stage-item:nth-child(2) .figure {
  background-color: #852990;
  height: 160px;
}
.stages-section .wrapper-card .flex-wrapper .stage-item:nth-child(3) .figure {
  width: 160px;
  height: 120px;
  background-color: #00A99D;
}
@media screen and (max-width: 1140px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item:nth-child(3) .figure {
    height: 160px;
    width: 120px;
  }
}
.stages-section .wrapper-card .flex-wrapper .stage-item:nth-child(4) .figure {
  background-color: #F16025;
}
.stages-section .wrapper-card .flex-wrapper .stage-item:nth-child(5) .figure {
  height: 160px;
  background-color: #CCDC35;
}
.stages-section .wrapper-card .flex-wrapper .stage-item .figure {
  border-radius: 20px;
  position: relative;
  width: 120px;
  height: 120px;
  background-color: #00A9E2;
}
.stages-section .wrapper-card .flex-wrapper .stage-item .figure span {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  border-radius: 50%;
  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;
  line-height: 1;
  background-color: #2E2E37;
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
}
.stages-section .wrapper-card .flex-wrapper .stage-item .figure:after {
  content: "";
  width: 100%;
  height: 2px;
  border-top: 2px dashed #74747A;
  position: absolute;
  bottom: 28px;
  left: 100%;
}
@media screen and (max-width: 1140px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item .figure:after {
    height: 100%;
    width: 2px;
    bottom: unset;
    top: 100%;
    left: 27px;
    border-top: unset;
    border-right: 2px dashed #74747A;
  }
}
.stages-section .wrapper-card .flex-wrapper .stage-item p {
  padding-bottom: 0;
  font-size: 21px;
  line-height: 1.4;
  color: #ffffff;
}
@media screen and (max-width: 576px) {
  .stages-section .wrapper-card .flex-wrapper .stage-item p {
    font-size: 16px;
    line-height: 1.6;
  }
}

/* ==========================================================================
   Contact us animation
   ========================================================================== */
.contact-us-section .block-anim-wrap {
  display: none;
  padding-right: 10px;
}
.contact-us-section .flex-wrapper .left-content {
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .contact-us-section .flex-wrapper .left-content {
    padding-right: 0;
  }
}
.contact-us-section .flex-wrapper .left-content .block-anim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .left-content .block-anim {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .contact-us-section .flex-wrapper .right-content {
    margin-bottom: 80px;
  }
}
.contact-us-section .block-anim {
  display: none;
  width: 270px;
  height: 270px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 576px) {
  .contact-us-section .block-anim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
}
.contact-us-section .block-anim .img-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
}
.contact-us-section .block-anim .img-wrapper img:nth-child(2n) {
  position: absolute;
  left: 38%;
  top: 38%;
  z-index: 1;
}
.contact-us-section .block-anim .img-wrapper img.animating:nth-child(2n) {
  -webkit-animation: rotateAndScale1 2.6s forwards;
          animation: rotateAndScale1 2.6s forwards;
}
@-webkit-keyframes rotateAndScale1 {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(-270deg);
            transform: scale(1.2) rotate(-270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes rotateAndScale1 {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(-270deg);
            transform: scale(1.2) rotate(-270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
.contact-us-section .block-anim img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  border-radius: 50%;
  background-color: #171721;
  will-change: transform;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: perspective(0) scale(1);
          transform: perspective(0) scale(1);
  padding: 2px;
}
.contact-us-section .block-anim .animating {
  -webkit-animation: rotateAndScale 2.6s forwards;
          animation: rotateAndScale 2.6s forwards;
}
@-webkit-keyframes rotateAndScale {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(270deg);
            transform: scale(1.2) rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes rotateAndScale {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(270deg);
            transform: scale(1.2) rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}

/* ==========================================================================
   Career page animation
   ========================================================================== */
.anim-point-1 .icon-anim {
  width: 63px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 2;
  top: 53px;
  left: 48px;
  overflow: hidden;
}
.anim-point-1 .icon-anim svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 17px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.anim-point-1 .icon-anim svg:nth-child(1) {
  height: 60px;
  -webkit-animation: run1 1.2s forwards infinite;
          animation: run1 1.2s forwards infinite;
}
@-webkit-keyframes run1 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  51% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
}
@keyframes run1 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  51% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
}
.anim-point-1 .icon-anim svg:nth-child(2) {
  height: 44px;
  -webkit-animation: run2 1.2s forwards infinite;
          animation: run2 1.2s forwards infinite;
}
@-webkit-keyframes run2 {
  0% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  84% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
}
@keyframes run2 {
  0% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  84% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
}
.anim-point-1 .icon-anim svg:nth-child(3) {
  height: 37px;
  -webkit-animation: run3 1.2s forwards infinite;
          animation: run3 1.2s forwards infinite;
}
@-webkit-keyframes run3 {
  0% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateY(13px);
            transform: translateY(13px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}
@keyframes run3 {
  0% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateY(13px);
            transform: translateY(13px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}

.anim-point-2 .icon-anim {
  width: 26px;
  height: 20px;
  position: absolute;
  z-index: 2;
  bottom: 35px;
  right: 43px;
  -webkit-animation: flight 2.4s forwards infinite;
          animation: flight 2.4s forwards infinite;
}
@-webkit-keyframes flight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
            transform: translateX(0px) translateY(0px) rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
            transform: translateX(0px) translateY(0px) rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  84% {
    opacity: 1;
    -webkit-transform: translateX(34px) translateY(-86px) rotate(40deg);
            transform: translateX(34px) translateY(-86px) rotate(40deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  85% {
    opacity: 0;
    -webkit-transform: translateX(34px) translateY(-86px) rotate(25deg);
            transform: translateX(34px) translateY(-86px) rotate(25deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(27px) translateY(-42px) rotate(40deg);
            transform: translateX(27px) translateY(-42px) rotate(40deg);
  }
}
@keyframes flight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
            transform: translateX(0px) translateY(0px) rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
            transform: translateX(0px) translateY(0px) rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  84% {
    opacity: 1;
    -webkit-transform: translateX(34px) translateY(-86px) rotate(40deg);
            transform: translateX(34px) translateY(-86px) rotate(40deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  85% {
    opacity: 0;
    -webkit-transform: translateX(34px) translateY(-86px) rotate(25deg);
            transform: translateX(34px) translateY(-86px) rotate(25deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(27px) translateY(-42px) rotate(40deg);
            transform: translateX(27px) translateY(-42px) rotate(40deg);
  }
}

.anim-point-3 .icon-anim {
  width: 97px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 31px;
}
.anim-point-3 .icon-anim svg {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.anim-point-3 .icon-anim svg:nth-child(1) {
  width: 68px;
  height: 90px;
  -webkit-animation: packman 1.2s forwards infinite;
          animation: packman 1.2s forwards infinite;
}
@-webkit-keyframes packman {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  51% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes packman {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  51% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.anim-point-3 .icon-anim svg:nth-child(2) {
  width: 36px;
  height: 41px;
  margin-left: -9px;
  z-index: -1;
  -webkit-animation: pizza 1.2s forwards infinite;
          animation: pizza 1.2s forwards infinite;
}
@-webkit-keyframes pizza {
  0% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateX(-36px) rotate(180deg);
            transform: translateX(-36px) rotate(180deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
}
@keyframes pizza {
  0% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateX(-36px) rotate(180deg);
            transform: translateX(-36px) rotate(180deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
}

.anim-point-4 .icon-anim {
  width: 87px;
  height: 88px;
  position: absolute;
  z-index: 2;
  top: 36px;
  left: 37px;
  -webkit-animation: half_a_turn 2.4s forwards infinite;
          animation: half_a_turn 2.4s forwards infinite;
}
@-webkit-keyframes half_a_turn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  51% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes half_a_turn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  51% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.anim-point-5 .icon-anim {
  width: 120px;
  height: 120px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-row: 1fr 1fr 1fr;
  grid-auto-flow: dense;
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
  overflow: hidden;
}
.anim-point-5 .icon-anim svg {
  width: 40px;
  height: 40px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.anim-point-5 .icon-anim svg rect:first-child {
  fill: #ffffff;
}
.anim-point-5 .icon-anim svg:nth-child(1) {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  width: 100%;
}
.anim-point-5 .icon-anim svg:nth-child(1) rect:first-child {
  -webkit-animation: opacity1 1.4s forwards infinite;
          animation: opacity1 1.4s forwards infinite;
}
@-webkit-keyframes opacity1 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  14% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  28% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity1 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  14% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  28% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
.anim-point-5 .icon-anim svg:nth-child(1) path {
  -webkit-animation: opacity10 1.4s forwards infinite;
          animation: opacity10 1.4s forwards infinite;
}
@-webkit-keyframes opacity10 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  14% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  28% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
@keyframes opacity10 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  14% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  28% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
.anim-point-5 .icon-anim svg:nth-child(2) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.anim-point-5 .icon-anim svg:nth-child(2) rect:first-child {
  -webkit-animation: opacity2 2.4s forwards infinite;
          animation: opacity2 2.4s forwards infinite;
}
@-webkit-keyframes opacity2 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  83% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  91% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity2 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  83% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  91% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
.anim-point-5 .icon-anim svg:nth-child(2) rect:last-child {
  -webkit-animation: st1 2.4s forwards infinite;
          animation: st1 2.4s forwards infinite;
}
@-webkit-keyframes st1 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  83% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  91% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
@keyframes st1 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  83% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  91% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
.anim-point-5 .icon-anim svg:nth-child(3) rect:first-child {
  -webkit-animation: opacity3 1.4s forwards infinite;
          animation: opacity3 1.4s forwards infinite;
}
@-webkit-keyframes opacity3 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  71% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  85% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity3 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  71% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  85% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
.anim-point-5 .icon-anim svg:nth-child(3) circle {
  -webkit-animation: st3 1.4s forwards infinite;
          animation: st3 1.4s forwards infinite;
}
@-webkit-keyframes st3 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  71% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  85% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
@keyframes st3 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  71% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  85% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
.anim-point-5 .icon-anim svg:nth-child(4) {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  width: 100%;
}
.anim-point-5 .icon-anim svg:nth-child(4) rect:first-child {
  -webkit-animation: opacity4 1.4s forwards infinite;
          animation: opacity4 1.4s forwards infinite;
}
@-webkit-keyframes opacity4 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  33% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  41% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity4 {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  33% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  41% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
  }
}
.anim-point-5 .icon-anim svg:nth-child(4) path {
  -webkit-animation: st4 1.4s forwards infinite;
          animation: st4 1.4s forwards infinite;
}
@-webkit-keyframes st4 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  33% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  41% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}
@keyframes st4 {
  0% {
    stroke: #000000;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  33% {
    stroke: #ffffff;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  41% {
    stroke: #000000;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    stroke: #000000;
  }
}

.anim-point-6 .icon-anim {
  width: 47px;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 2;
  top: 36px;
  left: 66px;
}
.anim-point-6 .icon-anim svg {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.anim-point-6 .icon-anim svg:nth-child(1) {
  width: 2px;
  height: 51px;
  -webkit-animation: anim-eye1 1.5s forwards infinite;
          animation: anim-eye1 1.5s forwards infinite;
}
@-webkit-keyframes anim-eye1 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes anim-eye1 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.anim-point-6 .icon-anim svg:nth-child(2) {
  width: 27px;
  height: 27px;
  -webkit-animation: anim-eye2 1.5s forwards infinite;
          animation: anim-eye2 1.5s forwards infinite;
}
@-webkit-keyframes anim-eye2 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: rotateX(87deg);
            transform: rotateX(87deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}
@keyframes anim-eye2 {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  1% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  67% {
    -webkit-transform: rotateX(87deg);
            transform: rotateX(87deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}

.cky-consent-container a {
  color: #ffffff !important;
}