/* Start:/local/media/css/base.css?174360055233539*/
@charset "UTF-8";
html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden !important;

}

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: initial;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

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

img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  pointer-events: none;
}

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

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

body {
  font-family: Montserrat, sans-serif;
  font-size: 1.85185vh;
  background: #fff;
  color: #2B2B2B;
  line-height: 1.8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.65em;
}

address {
  font-style: normal;
  line-height: inherit;
}

iframe {
  border: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
a,
span,
table,
th,
td,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  list-style-type: none;
  text-decoration: none;
}

p, article, h1, h2, h3, ul, li, ol {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

strong,
b {
  font-weight: bold;
}

span {
  font-weight: inherit;
}

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

th {
  text-align: inherit;
}

button,
select {
  text-transform: none;
}

/*Типографика*/
.page {
  overflow: hidden;
  height: 100vh;
  margin-left: 7.29167vw;
}

.main-page.page {
  margin-left: 3.64583vw;
}

.main-page .scroll-section {
  width: calc(100vw - 3.64583vw);
}

.scroll-content-main {
  height: 100vh;
}

.scroll-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;

}

.scroll-section {
  position: relative;
  padding: 18.51852vh 6.77083vw 8.33333vh;
  width: calc(100vw - 7.29167vw);
  white-space: normal;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.scroll-section.section-policy {
  padding-top: 9.25926vh;
}

.scroll-section.section-policy .text_block {
  padding-bottom: 9.25926vh;
}

.scroll-section.section-contacts {
  padding-top: calc(4.07407vh + 7.40741vh);
}

.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.section-middle {
  margin-top: auto;
  padding-bottom: 5vh;
}

.section-bottom {
  margin-top: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.5;
  color: inherit;
}

.title {
  color: #0099CC;
  margin-bottom: 6.94444vh;
}

.title h1,
.title .h1 {
  font-weight: 200;
  margin: 0;
}

.title-section {
  margin-bottom: 4.62963vh;
}

.title-section .h2 {
  margin: 0;
}

.title-top {
  margin-top: -7.40741vh;
}

h1,
.h1 {
  font-size: 5.55556vh;
  line-height: 1.2;
}

h2,
.h2 {
  font-size: 2.77778vh;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 2.03704vh;
  font-weight: bold;
  letter-spacing: 0.09259vh;
}

h4,
.h4 {
  font-size: 1.85185vh;
  letter-spacing: 0.09259vh;
}

h5,
.h5 {
  font-size: 1.66667vh;
}

h6,
.h6 {
  font-size: 1.48148vh;
}

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

.icon-svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn .icon-svg {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.btn {
  min-width: 9.375vw;
  text-align: center;
  font-size: 1.38889vh;
  text-transform: uppercase;
  font-weight: bold;
  height: 5.92593vh;
  line-height: 5.74074vh;
  padding: 0 1.5625vw;
  background: #0099CC;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  letter-spacing: 0.18519vh;
  border: 0.09259vh solid transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn.btn-wide {
  width: 100%;
  padding: 0;
}

.btn span {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.btn-big {
  height: 8.14815vh;
  line-height: 7.96296vh;
}

.btn-border {
  border-color: #0099CC;
  background: transparent;
  color: #0099CC;
}

.btn-border span {
  color: inherit;
}

.btn-border-white {
  border-color: #fff;
}

.btn-white {
  background: #fff;
  color: #0099CC;
}

.btn-black {
  background: rgba(0, 0, 0, 0.8);
}

.has-bg {
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.no-list {
  margin: 0;
}

.no-list li {
  padding: 0;
  margin: 0;
  position: static;
}

.no-list li:before {
  content: none;
}

.link,
.link-lined,
.link-lined-out {
  position: relative;
  font-size: 1.38889vh;
  line-height: 1.2;
}

.link-lined {
  border: 0;
}

.link-lined:before {
  content: '';
  height: 0.09259vh;
  width: 0;
  background-color: transparent;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.link-lined:hover:before {
  width: 100%;
  background-color: currentColor;
}

.link-lined-out {
  border: 0;
}

.link-lined-out:before {
  content: '';
  height: 0.09259vh;
  width: 100%;
  background-color: currentColor;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.link-lined-out:hover:before {
  width: 0%;
  background-color: transparent;
}

.link-letters {
  display: inline-block;
  text-transform: uppercase;
  border: 0;
}

.link-letters .text {
  border-bottom: 0.09259vh solid #0099CC;
}

.link-letters .icon-svg {
  fill: transparent;
}

.link-letters .logo-border {
  -webkit-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}

.link-letters .logo-letter {
  -webkit-transition: fill 0.5s, stroke 0.5s;
  -o-transition: fill 0.5s, stroke 0.5s;
  transition: fill 0.5s, stroke 0.5s;
}

.link-letters:hover {
  letter-spacing: 0.37037vh;
}

.link-letters:hover .logo-border {
  fill: #0099CC;
}

.link-letters:hover .logo-letter {
  fill: #000;
  stroke: #000;
}

.section-crash .link-letters {
  letter-spacing: 0.37037vh;
}

.section-crash .link-letters .logo-border {
  fill: #0099CC;
}

.section-crash .link-letters .logo-letter {
  fill: #000;
  stroke: #000;
}

.text-small {
  font-size: 1.2963vh;
}

.back-link {
  display: inline-block;
  vertical-align: top;
  border: 0;
  margin-bottom: 2.77778vh;
  font-size: 1.2963vh;
}

.back-link .icon-svg {
  stroke-width: 1px;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  font-size: 1.48148vh;
  margin-right: 0.46296vh;
}

.back-link:hover span {
  border-color: transparent;
}

.back-link span {
  border-bottom: 1px solid #0099CC;
  -webkit-transition: border 0.5s;
  -o-transition: border 0.5s;
  transition: border 0.5s;
}

/*Типографика*/
/*Блок с текстом*/
.text_block > *:first-child {
  margin-top: 0 !important;
}

.text_block > *:last-child {
  margin-bottom: 0 !important;
}

.text_block .row {
  margin-top: 2.77778vh;
}

.text_block .row > div {
  margin-bottom: 2.77778vh;
}

.text_block .row figure,
.text_block .row img {
  margin: 0;
}

.text_block img {
  display: block;
  margin-bottom: 2.77778vh;
  margin-top: 2.77778vh;
}

.text_block img + img {
  margin-top: -1.38889vh;
}

.text_block .blockquote {
  margin-bottom: 2.77778vh;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 2.77778vh 0 1.48148vh;
}

p {
  margin-bottom: 1.38889vh;
}

a {
  color: #0099CC;
  border-bottom: 0.09259vh solid currentColor;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

a:hover {
  border-color: transparent;
}

ul,
ol {
  margin-bottom: 2.77778vh;
}

ul > li {
  position: relative;
  padding-left: 1.5625vw;
  margin-bottom: 1.38889vh;
}

ul > li:before {
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: #0099CC;
  position: absolute;
  left: 0.26042vw;
  top: 0.8em;
}

ol {
  counter-reset: list;
}

ol > li {
  position: relative;
  padding-left: 1.5625vw;
  margin-bottom: 1.38889vh;
}

ol > li:before {
  content: counter(list) ".";
  counter-increment: list;
  color: inherit;
  position: absolute;
  left: 0.26042vw;
  top: 0;
}

figure {
  position: relative;
  text-align: center;
  margin-bottom: 3.24074vh;
  margin-top: 3.24074vh;
}

figure img {
  margin: 0;
}

figure + figure {
  margin-top: -1.38889vh;
}

figcaption {
  margin-top: 0.64815vh;
}

.blockquote {
  position: relative;
  padding: 2.77778vh 2.08333vw 2.96296vh;
}

.blockquote:before {
  content: '';
  width: 1.04167vw;
  height: 100%;
  border: 0.09259vh solid #0099CC;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.blockquote:after {
  content: '';
  width: 1.04167vw;
  height: 100%;
  border: 0.09259vh solid #0099CC;
  border-left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

/*Блок с текстом*/
/*Поля формы*/
.input-field {
  position: relative;
  margin-bottom: 3.7037vh;
}

.input-field.error .text-small.error {
  color: red;
}

.error .input-file.btn {
  border-color: red;
}

.input-file {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.input-file.btn {
  width: 100%;
}

.input-file input {
  opacity: 0;
  cursor: none !important;
  z-index: 2;
  position: relative;
}

.input-file div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.form-control {
  line-height: normal !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1.82292vw;
  height: 5.55556vh;
  width: 100%;
  border: 0.09259vh solid rgba(0, 0, 0, 0.5);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.2963vh;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
}

.form-control:focus, .form-control.filled {
  border-color: #0099CC;
}

.form-control:focus + .placeholder, .form-control.filled + .placeholder {
  -webkit-transform: translateY(-3.7037vh);
      -ms-transform: translateY(-3.7037vh);
          transform: translateY(-3.7037vh);
  padding-left: 0;
}

.placeholder {
  font-size: 1.2963vh;
  color: #0099CC;
  position: absolute;
  left: 0;
  top: 1.57407vh;
  padding: 0 1.82292vw;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.page input[type="search"] {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: normal !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
}

.page input::-webkit-input-placeholder {
  color: #303030;
  opacity: 1;
}

.page input::-moz-placeholder {
  color: #303030;
  opacity: 1;
}

.page textarea::-webkit-input-placeholder {
  color: #303030;
  opacity: 1;
}

.page textarea::-moz-placeholder {
  color: #303030;
  opacity: 1;
}

input:focus,
textarea:focus {
  outline: none;
}

input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=tel]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=tel]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=email]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=email]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

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

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

textarea.form-control {
  display: block;
  resize: none;
  overflow: auto;
  -o-text-overflow: unset;
     text-overflow: unset;
  white-space: normal;
  padding-top: 1.75926vh;
  height: 24.07407vh;
}

.page button,
.page input[type="submit"] {
  outline: none;
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
}

button:focus {
  outline: none;
}

/*Поля формы*/
/*Всплывающие окна*/
.pop_wrap {
  display: block !important;
}

.fancybox-slide:before {
  margin-right: 0 !important;
}

.fancybox-slide--current .pop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.fancybox-content {
  background: transparent !important;
  padding: 0 !important;
}

.pop {
  display: none;
  opacity: 0;
  visibility: hidden;
  background: #fff !important;
  padding: 1.85185vh !important;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.pop .h2 {
  margin: 0 0 2.31481vh;
}

.pop_small {
  max-width: 32.1875vw !important;
}

.fancybox-close-small {
  right: 0.46296vh !important;
  top: 0.46296vh !important;
  width: 4.62963vh !important;
  height: 4.62963vh !important;
  padding: 0 !important;
  color: #0099CC !important;
  background-color: #fff !important;
  opacity: 1 !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fancybox-close-small svg {
  opacity: 1 !important;
}

/*Всплывающие окна*/
/*Ошибки*/
.error {
  border-color: red !important;
}

.error ~ .err-msg {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.error + .placeholder {
  color: red !important;
}

.err-msg {
  color: red;
  font-size: 1.2963vh;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-0.78125vw);
      -ms-transform: translateX(-0.78125vw);
          transform: translateX(-0.78125vw);
}

/*Ошибки*/
/*Клик по кнопке*/
.ink-reaction,
.btn {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.ink {
  position: absolute;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  -webkit-animation: ripple-animation 1s;
          animation: ripple-animation 1s;
  outline: none;
}

@-webkit-keyframes ripple-animation {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes ripple-animation {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

/*Клик по кнопке*/
/*Стилизация чекбоксов и радиокнопок*/
.btn + .custom-control {
  margin-top: 1.38889vh;
}

.custom-control {
  position: relative;
  line-height: 1.66667vh;
  min-height: 1.85185vh;
  font-size: 1.2963vh;
}

.custom-control input[type="checkbox"] + label {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 2.77778vh;
}

.custom-control input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.custom-control input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 1.85185vh;
  height: 1.85185vh;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

.custom-control input[type="checkbox"] + label:hover:before {
  border-color: #0099CC;
}

.custom-control input[type="checkbox"] + label:after {
  content: '';
  background: url(/local/media/css/../img/icons/check.svg) no-repeat;
  background-size: contain;
  width: 1.2037vh;
  height: 0.92593vh;
  position: absolute;
  left: 0.37037vh;
  top: 0.46296vh;
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

.custom-control input[type="checkbox"]:checked + label:before {
  background: #0099CC;
  border-color: #0099CC;
}

.custom-control input[type="checkbox"]:checked + label:after {
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.custom-control .err-msg {
  margin-top: 0.74074vh;
}

/*Стилизация чекбоксов и радиокнопок*/
/*Табы*/
.tabs-content {
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.tab-content {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}

.tab-content.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/*Табы*/
/*Owl carousel*/
.owl-nav button:focus {
  outline: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  margin-top: -2.77778vh;
  width: 5.55556vh;
  height: 5.55556vh;
}

.owl-nav button svg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.01852vh;
  margin-top: -2.12963vh;
  width: 2.12963vh;
  height: 4.25926vh;
  stroke-width: 0.09259vh;
  stroke: #0099CC;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.owl-nav .owl-prev {
  left: -7.40741vh;
}

.owl-nav .owl-next {
  right: -7.40741vh;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.owl-dots {
  text-align: center;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
}

.owl-dot {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border: 1px solid rgb(0, 153, 204)!important;
  /* background: #F3F3F7 !important; */
  margin: 0 10px;
}

.owl-dot:first-child {
  margin-left: 0;
}

.owl-dot:last-child {
  margin-right: 0;
}

.owl-dot.active {
  background: #0099CC !important;
}

/*Owl carousel*/
/* Анимация */
.title-animate,
.line-arrows {
  -webkit-transition: 0.6s linear;
  -o-transition: 0.6s linear;
  transition: 0.6s linear;
}

.animate {
  opacity: 0;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15vw, 0, 0);
            transform: translate3d(15vw, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15vw, 0, 0);
            transform: translate3d(15vw, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5vw, 0, 0);
            transform: translate3d(5vw, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5vw, 0, 0);
            transform: translate3d(5vw, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
          animation-name: fadeInRightSmall;
}

@-webkit-keyframes lettersInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes lettersInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.lettersInRight {
  -webkit-animation-name: lettersInRight;
          animation-name: lettersInRight;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

/* Анимация */
/* Анимация отдельных элементов */
.section-about .link-letters {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.bg-blue {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}

.bg-blue.animated {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.projects-company-slider {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.client-items.animated .client-item {
  opacity: 1;
}

.client-items .row > div:nth-of-type(2) .client-item {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.client-items .row > div:nth-of-type(3) .client-item {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.client-items .row > div:nth-of-type(4) .client-item {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.client-items .row > div:nth-of-type(5) .client-item {
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.client-items .client-item {
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.clients-wrap .link-letters {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.team-aside .h2 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.team-aside .btn-wrap {
  pointer-events: auto;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.team-about-wrap .link-letters {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.team-carousel {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

/* Анимация отдельных элементов */
/* Анимация главной страницы */
.page.visible .bg-video:before {
  background: rgba(0, 0, 0, 0.5);
}

.page.visible .bg-video-preview {
  opacity: 0;
  visibility: hidden;
}

.page.visible .bg-video-preview .btn {
  opacity: 0;
  visibility: hidden;
}

.page.visible .scroll-content-wrap {
  overflow: visible;
  width: auto;
}

.page.visible .header-contacts address {
  opacity: 1;
  visibility: visible;
}

.page.visible .text-quote {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.page.visible h1 {
  opacity: 1;
  visibility: visible;
  letter-spacing: 0px;
}

.page.visible .mouse-scroll {
  opacity: 1;
  visibility: visible;
}

.page.visible .section-about .title .h1 {
  opacity: 1;
  visibility: visible;
}

.page .scroll-content-wrap {
  overflow: hidden;
}



.section-main .header-contacts {
  align-items: center;
  position: relative;
  z-index: 100;
  gap: 30px;
  padding-right: 50px;
}

.section-main .header-contacts address {
  margin: 0;
}

.section-main .header-contacts a {
  display: block;
  margin: 0;
  border: none !important;
  transition: 0.3s;
  background: none !important;
}

.section-main .header-contacts a:hover {
  transform: scale(1.1);
}

.section-main .header-contacts a:before {
  display: none !important;
}

.section-main .header-contacts a img {
  display: block;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: contain;
}

.section-main .header-contacts address .mailto span,
.section-main .header-contacts address .tel span {
  display: none;
}

.section-main .header-contacts .lang {
  width: 36px;
  height: 36px;
}

#accorsys-switch-lang .accorsys-btn {
  padding: 0;
  min-width: 0;
}

#accorsys-switch-lang.popup {
  margin: 0 !important;
}

#accorsys-switch-lang.popup .accorsys-btn a:after {
  display: none !important;
}

#accorsys-switch-lang.popup .AccorsyslanguageContainer a {
  display: block;
  margin: 0;
  border: none;
}

#accorsys-switch-lang.popup .selector a {
  left: 0 !important;
  top: 100%;
  margin-top: 10px !important;
}

#accorsys-switch-lang .accorsys-btn.not_clickable {
  pointer-events: none;
}

@media (min-width: 921px) {
  .section-main .header-contacts address .mailto,
  .section-main .header-contacts address .tel {
    transform: none;
  }
  .section-main .header-contacts address .mailto img,
  .section-main .header-contacts address .tel img {
    display: none;
  }
  .section-main .header-contacts address .mailto span,
  .section-main .header-contacts address .tel span {
    display: block;
  }
}

@media (max-width: 650px) {
  .section-main .header-contacts {
    padding-right: 0;
    gap: 12px;
  }
}



.section-main h1 {
  display: inline-block;
  vertical-align: top;
}

.bg-video-preview {
  display: block;
  z-index: 1000;
}

@media screen and (min-width: 1201px) {
  .page .scroll-content-wrap {
    width: calc(100vw - 3.64583vw);
  }
  .owl-dot {
    height: 8px;
    width: 8px;
  }
}

@media screen and (max-width: 1200px) {
  .page.visible .scroll-content-wrap {
    height: auto;
  }
  .page .scroll-content-wrap {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}

@media screen and (max-width: 900px) {
  .page .scroll-content-wrap {
    height: calc(100vh - 60px);
    height: calc(var(--vh, 1vh) * 100 - 60px);
  }
}

/* Анимация главной страницы */
/* Кастомный курсор */
.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -10%) !important;
      -ms-transform: translate(-50%, -10%) !important;
          transform: translate(-50%, -10%) !important;
  -webkit-transition: opacity 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out,
 transform 0.3s ease-in-out,
 background-color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out,
 transform 0.3s ease-in-out,
 background-color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out,
 transform 0.3s ease-in-out,
 background-color 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  z-index: 9999999;
}

.cursor-dot {
  width: 30px;
  height: 30px;
  /* background-color: #0099CC; */
  background: url(/local/media/css/../img/cursor.svg);
  background-size: 25px 25px;
  background-position: 50%;
}

.cursor-dot.inverted {
  background-color: #fff;
}

.cursor-dot-outline {
  display: none;
  width: 5.55556vh;
  height: 5.55556vh;
  background-color: rgba(0, 153, 204, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.cursor-dot-outline.inverted {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 153, 204, 0.2);
}

html,
body,
* {
  /*cursor: none;*/
}

html{
  scroll-behavior: smooth;
}

/* Кастомный курсор */
/* IE11 хак */
@media all and (-ms-high-contrast: none) {
  .section-how {
    display: none;
  }
  html, body, * {
    cursor: auto;
  }
}

/* IE11 хак */
/* Скроллбар */
.scrollbar-track-x {
  height: 0.92593vh !important;
  bottom: 0px !important;
  margin: 0 auto !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

.scrollbar-track-x .scrollbar-thumb {
  height: 100%;
  top: 0;
  border-radius: 0;
  background: #0099CC;
}

.scrollbar-track-y {
  background-color: #F3F3F7 !important;
  width: 0.92593vh !important;
}

.scrollbar-track-y .scrollbar-thumb {
  border-radius: 0;
  background: #0099CC;
}

.no-vertical-scroll .scrollbar-track-y {
  display: none !important;
}

.no-horizontal-scroll .scrollbar-track-x {
  display: none !important;
}

#input-10 {
  display: none;
}
label[for=input-10] {
  display: none;
}


#section-about-features .line-arrows {
  display: none;
}
/* End */


/* Start:/local/media/css/grid-dist.css?174055227738008*/
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-0{margin-left:0}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:0.25rem!important}.mt-1,.my-1{margin-top:0.25rem!important}.mr-1,.mx-1{margin-right:0.25rem!important}.mb-1,.my-1{margin-bottom:0.25rem!important}.ml-1,.mx-1{margin-left:0.25rem!important}.m-2{margin:0.5rem!important}.mt-2,.my-2{margin-top:0.5rem!important}.mr-2,.mx-2{margin-right:0.5rem!important}.mb-2,.my-2{margin-bottom:0.5rem!important}.ml-2,.mx-2{margin-left:0.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:0.25rem!important}.pt-1,.py-1{padding-top:0.25rem!important}.pr-1,.px-1{padding-right:0.25rem!important}.pb-1,.py-1{padding-bottom:0.25rem!important}.pl-1,.px-1{padding-left:0.25rem!important}.p-2{padding:0.5rem!important}.pt-2,.py-2{padding-top:0.5rem!important}.pr-2,.px-2{padding-right:0.5rem!important}.pb-2,.py-2{padding-bottom:0.5rem!important}.pl-2,.px-2{padding-left:0.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media screen and (max-width:1200px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}.text-md-justify{text-align:justify!important}.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:0.25rem!important}.mt-md-1,.my-md-1{margin-top:0.25rem!important}.mr-md-1,.mx-md-1{margin-right:0.25rem!important}.mb-md-1,.my-md-1{margin-bottom:0.25rem!important}.ml-md-1,.mx-md-1{margin-left:0.25rem!important}.m-md-2{margin:0.5rem!important}.mt-md-2,.my-md-2{margin-top:0.5rem!important}.mr-md-2,.mx-md-2{margin-right:0.5rem!important}.mb-md-2,.my-md-2{margin-bottom:0.5rem!important}.ml-md-2,.mx-md-2{margin-left:0.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:0.25rem!important}.pt-md-1,.py-md-1{padding-top:0.25rem!important}.pr-md-1,.px-md-1{padding-right:0.25rem!important}.pb-md-1,.py-md-1{padding-bottom:0.25rem!important}.pl-md-1,.px-md-1{padding-left:0.25rem!important}.p-md-2{padding:0.5rem!important}.pt-md-2,.py-md-2{padding-top:0.5rem!important}.pr-md-2,.px-md-2{padding-right:0.5rem!important}.pb-md-2,.py-md-2{padding-bottom:0.5rem!important}.pl-md-2,.px-md-2{padding-left:0.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media screen and (max-width:900px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}.text-sm-justify{text-align:justify!important}.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:0.25rem!important}.mt-sm-1,.my-sm-1{margin-top:0.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:0.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:0.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:0.25rem!important}.m-sm-2{margin:0.5rem!important}.mt-sm-2,.my-sm-2{margin-top:0.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:0.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:0.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:0.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:0.25rem!important}.pt-sm-1,.py-sm-1{padding-top:0.25rem!important}.pr-sm-1,.px-sm-1{padding-right:0.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:0.25rem!important}.pl-sm-1,.px-sm-1{padding-left:0.25rem!important}.p-sm-2{padding:0.5rem!important}.pt-sm-2,.py-sm-2{padding-top:0.5rem!important}.pr-sm-2,.px-sm-2{padding-right:0.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:0.5rem!important}.pl-sm-2,.px-sm-2{padding-left:0.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media screen and (max-width:600px){.col-xs{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xs-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xs-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xs-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xs-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xs-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xs-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xs-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xs-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xs-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xs-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xs-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xs-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xs-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xs-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xs-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xs-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xs-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xs-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xs-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xs-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xs-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xs-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xs-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xs-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xs-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xs-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xs-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xs-0{margin-left:0}.offset-xs-1{margin-left:8.333333%}.offset-xs-2{margin-left:16.666667%}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:33.333333%}.offset-xs-5{margin-left:41.666667%}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:58.333333%}.offset-xs-8{margin-left:66.666667%}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:83.333333%}.offset-xs-11{margin-left:91.666667%}.flex-xs-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xs-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xs-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xs-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xs-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xs-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xs-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xs-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xs-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xs-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xs-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xs-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xs-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xs-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xs-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xs-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xs-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xs-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xs-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xs-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xs-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xs-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xs-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xs-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-xs-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xs-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xs-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-xs-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xs-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.d-xs-none{display:none!important}.d-xs-inline{display:inline!important}.d-xs-inline-block{display:inline-block!important}.d-xs-block{display:block!important}.d-xs-table{display:table!important}.d-xs-table-row{display:table-row!important}.d-xs-table-cell{display:table-cell!important}.d-xs-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-xs-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}.text-xs-left{text-align:left!important}.text-xs-right{text-align:right!important}.text-xs-center{text-align:center!important}.text-xs-justify{text-align:justify!important}.m-xs-0{margin:0!important}.mt-xs-0,.my-xs-0{margin-top:0!important}.mr-xs-0,.mx-xs-0{margin-right:0!important}.mb-xs-0,.my-xs-0{margin-bottom:0!important}.ml-xs-0,.mx-xs-0{margin-left:0!important}.m-xs-1{margin:0.25rem!important}.mt-xs-1,.my-xs-1{margin-top:0.25rem!important}.mr-xs-1,.mx-xs-1{margin-right:0.25rem!important}.mb-xs-1,.my-xs-1{margin-bottom:0.25rem!important}.ml-xs-1,.mx-xs-1{margin-left:0.25rem!important}.m-xs-2{margin:0.5rem!important}.mt-xs-2,.my-xs-2{margin-top:0.5rem!important}.mr-xs-2,.mx-xs-2{margin-right:0.5rem!important}.mb-xs-2,.my-xs-2{margin-bottom:0.5rem!important}.ml-xs-2,.mx-xs-2{margin-left:0.5rem!important}.m-xs-3{margin:1rem!important}.mt-xs-3,.my-xs-3{margin-top:1rem!important}.mr-xs-3,.mx-xs-3{margin-right:1rem!important}.mb-xs-3,.my-xs-3{margin-bottom:1rem!important}.ml-xs-3,.mx-xs-3{margin-left:1rem!important}.m-xs-4{margin:1.5rem!important}.mt-xs-4,.my-xs-4{margin-top:1.5rem!important}.mr-xs-4,.mx-xs-4{margin-right:1.5rem!important}.mb-xs-4,.my-xs-4{margin-bottom:1.5rem!important}.ml-xs-4,.mx-xs-4{margin-left:1.5rem!important}.m-xs-5{margin:3rem!important}.mt-xs-5,.my-xs-5{margin-top:3rem!important}.mr-xs-5,.mx-xs-5{margin-right:3rem!important}.mb-xs-5,.my-xs-5{margin-bottom:3rem!important}.ml-xs-5,.mx-xs-5{margin-left:3rem!important}.p-xs-0{padding:0!important}.pt-xs-0,.py-xs-0{padding-top:0!important}.pr-xs-0,.px-xs-0{padding-right:0!important}.pb-xs-0,.py-xs-0{padding-bottom:0!important}.pl-xs-0,.px-xs-0{padding-left:0!important}.p-xs-1{padding:0.25rem!important}.pt-xs-1,.py-xs-1{padding-top:0.25rem!important}.pr-xs-1,.px-xs-1{padding-right:0.25rem!important}.pb-xs-1,.py-xs-1{padding-bottom:0.25rem!important}.pl-xs-1,.px-xs-1{padding-left:0.25rem!important}.p-xs-2{padding:0.5rem!important}.pt-xs-2,.py-xs-2{padding-top:0.5rem!important}.pr-xs-2,.px-xs-2{padding-right:0.5rem!important}.pb-xs-2,.py-xs-2{padding-bottom:0.5rem!important}.pl-xs-2,.px-xs-2{padding-left:0.5rem!important}.p-xs-3{padding:1rem!important}.pt-xs-3,.py-xs-3{padding-top:1rem!important}.pr-xs-3,.px-xs-3{padding-right:1rem!important}.pb-xs-3,.py-xs-3{padding-bottom:1rem!important}.pl-xs-3,.px-xs-3{padding-left:1rem!important}.p-xs-4{padding:1.5rem!important}.pt-xs-4,.py-xs-4{padding-top:1.5rem!important}.pr-xs-4,.px-xs-4{padding-right:1.5rem!important}.pb-xs-4,.py-xs-4{padding-bottom:1.5rem!important}.pl-xs-4,.px-xs-4{padding-left:1.5rem!important}.p-xs-5{padding:3rem!important}.pt-xs-5,.py-xs-5{padding-top:3rem!important}.pr-xs-5,.px-xs-5{padding-right:3rem!important}.pb-xs-5,.py-xs-5{padding-bottom:3rem!important}.pl-xs-5,.px-xs-5{padding-left:3rem!important}.m-xs-auto{margin:auto!important}.mt-xs-auto,.my-xs-auto{margin-top:auto!important}.mr-xs-auto,.mx-xs-auto{margin-right:auto!important}.mb-xs-auto,.my-xs-auto{margin-bottom:auto!important}.ml-xs-auto,.mx-xs-auto{margin-left:auto!important}}
/*# sourceMappingURL=grid-dist.css.map */
/* End */


/* Start:/local/media/css/style.css?1758648533113011*/
@charset "UTF-8";
/* Меню */
.menu {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1000;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.menu.opened .menu-hidden {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.menu.opened .menu-hidden .menu-hidden-wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.menu .menu-visible {
    background: #0099CC;
    width: 3.64583vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.menu .menu-visible .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.menu .menu-visible .logo a {
    display: block;
    border: 0;
    text-align: center;
    height: 13.88889vh;
    line-height: 13.88889vh;
}

.menu .menu-visible .logo a img {
    max-height: 100%;
    vertical-align: middle;
    height: 4.62963vh;
    width: 2.60417vw;
}

.menu .menu-visible .logoSearch {
    position: absolute;
    bottom: 50px;
    width: 100%;
    z-index: 10;
}

.menu .menu-visible .logoSearch a {
    display: block;
}

.menu .menu-visible .logoSearch a img {
    max-height: 100%;
    height: 3.24vh;
    width: auto;
}

.menu .submenu-visible {
    width: 3.64583vw;
    position: absolute;
    left: 3.64583vw;
    top: 0;
    height: 100%;
    background: #F3F3F7;
    z-index: 100;
}

.menu .submenu-visible .menu-link {
    color: #0099CC;
    border: 0;
}

.menu .submenu-visible .menu-link.active .icon-svg {
    -webkit-transform: scaleX(1) translateX(-50%);
    -ms-transform: scaleX(1) translateX(-50%);
    transform: scaleX(1) translateX(-50%);
}

.menu .submenu-visible .icon-svg {
    position: absolute;
    left: 50%;
    stroke-width: 0.09259vh;
    color: #0099CC;
    -webkit-transform: scaleX(-1) translateX(50%);
    -ms-transform: scaleX(-1) translateX(50%);
    transform: scaleX(-1) translateX(50%);
}

.menu .submenu-visible .icon-svg:first-child {
    margin-bottom: 0.74074vh;
    bottom: 100%;
}

.menu .submenu-visible .icon-svg:last-child {
    top: 100%;
    margin-bottom: 0;
    margin-top: 0.46296vh;
}

.menu .menu-link {
    display: block;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.48148vh;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: letter-spacing 0.5s;
    -o-transition: letter-spacing 0.5s;
    transition: letter-spacing 0.5s;
}

.menu .menu-link .text {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(180deg) translate(50%, 50%);
    -ms-transform: rotate(180deg) translate(50%, 50%);
    transform: rotate(180deg) translate(50%, 50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    white-space: nowrap;
}

.menu .menu-link .text a {
    font-weight: bold;
    border: 0;
}

.menu .menu-link .link-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
}

.menu .menu-link .link-back:hover strong {
    letter-spacing: 6px;
}

.menu .menu-link .link-back strong {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(180deg) translate(50%, 50%);
    -ms-transform: rotate(180deg) translate(50%, 50%);
    transform: rotate(180deg) translate(50%, 50%);
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    white-space: nowrap;
    -webkit-transition: letter-spacing 0.5s;
    -o-transition: letter-spacing 0.5s;
    transition: letter-spacing 0.5s;
}

.menu .menu-link:hover {
    letter-spacing: 6px;
}

.menu div.menu-link:hover {
    letter-spacing: 3px;
}

.menu .menu-hidden {
    display: block !important;
    overflow: hidden;
    background: #0099CC;
    color: #ffffff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 31.25vw;
    text-align: left;
    padding: 4.62963vh 5.20833vw 8.33333vh 7.29167vw;
    z-index: 100;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.menu .menu-hidden .close {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.64583vw;
    bottom: 0;
    color: #fff;
    font-size: 2.22222vh;
    text-align: center;
}

.menu .menu-hidden .close .icon-svg {
    stroke-width: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

.menu .menu-hidden .logo {
    position: static;
    margin-bottom: 7.40741vh;
}

.menu .menu-hidden .menu-items {
    position: relative;
}

.menu .menu-hidden .menu-items li {
    margin-bottom: 1.85185vh;
    position: relative;
}

.menu .menu-hidden .menu-items li:last-child {
    margin-bottom: 0;
}

.menu .menu-hidden .menu-items li a {
    color: #ffffff;
    font-size: 2.03704vh;
    font-weight: bold;
    text-transform: uppercase;
}

.menu .menu-hidden .menu-items li a:hover {
    color: #2B2B2B;
}

.menu .menu-hidden .menu-items .arrows {
    position: absolute;
    right: -80px;
    top: calc(0.46296vh - 10px);
    padding: 10px 80px 10px 10px;
    line-height: normal;
    text-decoration: none;
    border: none;
}

.menu .menu-hidden .menu-items .arrows:after {
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    margin-left: calc(0.26042vw - 80px);
    height: 0.09259vh;
    position: absolute;
    background: #fff;
    width: 300px;
}

.menu .menu-hidden .menu-items .arrows .icon-svg {
    color: #ffffff;
    stroke-width: 0.09259vh;
    vertical-align: middle;
    margin-top: -0.37037vh;
}

.menu .menu-hidden .menu-items .arrows .icon-svg + .icon-svg {
    margin-left: -1.2037vh;
}

.menu .menu-hidden .menu-contacts {
    position: relative;
    margin-top: auto;
    padding-top: 2.77778vh;
}

/* .menu .menu-hidden .menu-contacts:before {
  content: '';
  width: 5.20833vw;
  height: 0.09259vh;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
} */

.menu .menu-hidden .menu-contacts a {
    color: #ffffff;
    font-size: 1.85185vh;
}

.menu .menu-hidden .menu-contacts .tel {
    font-weight: bold;
}

.menu .menu-hidden .menu-contacts address {
    margin-bottom: 1.11111vh;
    font-size: 1.2963vh;
}

.menu .menu-hidden .menu-contacts .address {
    margin-top: 1.85185vh;
}

.menu .menu-hidden .menu-contacts .copyright {
    font-size: 1.2963vh;
    opacity: 0.5;
}

.menu .menu-hidden .menu-contacts .link-conf {
    font-size: 1.2963vh;
    opacity: 0.5;
}

.menu .menu-hidden .menu-contacts .btn {
    margin-top: 2.77778vh;
}

.menu .menu-hidden .menu-contacts .social {
    margin-top: 3.24074vh;
    margin-bottom: 2.77778vh;
}

.menu .menu-hidden-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.menu .menu-hidden-wrap li {
    position: relative;
}

.menu .menu-hidden-wrap .btn-plus {
    width: 3.7037vh;
    height: 3.7037vh;
    border: 2px solid #0099CC;
    border-radius: 50%;
    position: absolute;
    top: -0.18519vh;
    right: 0;
    margin-left: 1.38889vh;
    background-color: transparent;
    padding: 0;
}

.menu .menu-hidden-wrap .btn-plus:before {
    content: '';
    width: 60%;
    height: 2px;
    background-color: #0099CC;
    position: absolute;
    left: 20%;
    top: 50%;
    margin-top: -1px;
}

.menu .menu-hidden-wrap .btn-plus:after {
    content: '';
    width: 2px;
    height: 60%;
    background-color: #0099CC;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -1px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.menu .menu-hidden-wrap .btn-plus.active:after {
    height: 0;
    visibility: hidden;
}

.menu .submenu-hidden {
    overflow: hidden;
    display: block !important;
    position: absolute;
    height: 100%;
    left: 7.29167vw;
    top: 0;
    width: 30.36458vw;
    background: #F3F3F7;
    text-align: left;
    padding: 16.66667vh 1.25vw 8.33333vh 3.33333vw;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    z-index: 90;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.menu .submenu-hidden.opened {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
}

.menu .submenu-hidden.opened .menu-hidden-wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.menu .submenu-hidden li {
    margin-bottom: 2.31481vh;
}

.menu .submenu-hidden li a {
    font-size: 1.85185vh;
    color: #2B2B2B;
    border: 0;
    font-weight: bold;
}

.menu .submenu-hidden li a:hover {
    color: rgba(0, 153, 204, 0.48);
}

.menu .submenu-hidden ul ul {
    padding-top: 1.85185vh;
}

.menu .submenu-hidden ul ul li {
    line-height: 1.2;
}

.menu .submenu-hidden .inside-ul {
    margin-bottom: 4.62963vh;
}

.menu .submenu-hidden .inside-ul li a {
    font-size: 1.2963vh;
    font-weight: 500;
}

.popup-active .submenu-hidden {
    left: 30.36458vw;
}

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

.social__list {
    gap: 10px;
    flex-wrap: nowrap;
}

@media (max-width: 1799px) {
    .social__list {
        flex-wrap: wrap;
    }
}

@media (max-width: 1200px) {
    .social__list {
        gap: 10px 0;
    }
}

.social__link {
    display: flex;
    align-items: center;
    gap: 5px;
    width: auto !important;
    height: auto !important;
    border: none !important;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.01em;
    color: inherit;
}

.social__link-icon {
    border-radius: 50%;
    width: 3.88889vh;
    height: 3.88889vh;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.social__link-name {
    font-size: 14px;
    color: #09c;
}

.social__link:has(.social__link-name) {
    height: 3.88889vh !important;
    padding: 5px 13px;
    background: #fff;
    border-radius: 50px;
    letter-spacing: 0.01em;
}

.social__link:has(.social__link-name) .social__link-icon {
    width: 19px;
    height: 17px;
    border-radius: 0;
}

/* .social a {
    border-radius: 50%;
    width: 3.88889vh;
    height: 3.88889vh;
    line-height: 3.7037vh;
    background: #fff;
    margin-right: 0.78125vw;
    text-align: center;
    color: #0099CC !important;
} */

.social a:hover {
    opacity: 0.5;
}

.social a .icon-svg {
    vertical-align: middle;
}

.social a:last-child {
    margin-right: 0;
}

/* Меню */
/*Главный экран*/
.bg-video,
.bg-video-preview {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg-video video,
.bg-video-preview video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
    .bg-video video,
    .bg-video-preview video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16 / 9) {
    .bg-video video,
    .bg-video-preview video {
        width: 300%;
        left: -100%;
    }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .bg-video video,
    .bg-video-preview video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) and (-ms-ime-align: auto) {
    .bg-video video,
    .bg-video-preview video {
        height: 300%;
        top: -100%;
    }
}

.bg-video:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: 10;
}

.bg-video-preview {
    z-index: 10;
}

.bg-video-preview .btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 16.66667vh;
    z-index: 10;
    font-weight: normal;
    letter-spacing: 0.25em;
    min-width: 15.625vw;
}

.bg-video-preview .btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    width: 0px;
    height: 0px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 2.5s;
    -o-transition: 2.5s;
    transition: 2.5s;
}

.bg-video-preview .btn:active:before {
    width: 19.27083vw;
    height: 34.25926vh;
}

.logo {
    position: relative;
    z-index: 900;
}

.logo img {
    height: 4.62963vh;
}

.header-contacts address {
    color: #ffffff;
    margin: auto 1.5625vw auto 0;
}

.header-contacts address:nth-child(4) {
    padding: 1.08vh 0.96vw;
    border: 1px solid #ffffff;
    margin: auto 0 !important;
    line-height: 1.48148vh;
}

.header-contacts address:nth-child(4) a {
    font-size: 1.2vh;
    line-height: 1.48148vh;
    border: none;
}

.header-contacts address:nth-child(5) {
    margin: 0 !important;
}

.header-contacts address a {
    color: #ffffff;
    font-size: 1.66667vh;
}

.section-main {
    color: #ffffff;
}

.section-main .text-quote {
    letter-spacing: 0.74074vh;
    font-size: 1.48148vh;
}

.section-main h1 {
    margin: 0;
    font-weight: 300;
}

.section-main .section-top {
    margin-top: -13.14815vh;
    top: 0;
    height: auto;
}

.section-main .section-top .header-contacts a {
    color: #ffffff;
}

.section-main .section-top .header-contacts .wap {
    display: flex;
    align-items: center;
}

.section-top {
    position: relative;
    top: -12.59259vh;
    height: 0;
}

.section-top .header-contacts a {
    color: #2B2B2B;
}

.section-top .logo a {
    display: block;
    border: 0;
}

.mouse-scroll {
    display: block;
    position: absolute;
    right: 9.375vw;
    bottom: 9.25926vh;
    width: 3.7037vh;
    height: 2.40741vh;
    border-radius: 1.2037vh;
    border: 0.09259vh solid #fff;
}

.mouse-scroll .mouse-arrow {
    background: url(/local/media/css/../img/icons/mouse-arrow.svg) no-repeat 0% 50%;
    background-size: contain;
    height: 1.48148vh;
    width: 8.7963vh;
    position: absolute;
    top: 50%;
    left: 2.03704vh;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: mouse-move 1.4s ease-in-out infinite;
    animation: mouse-move 1.4s ease-in-out infinite;
}


.mouse-scroll.-blue {
    border-color: #0099CC;
}

.mouse-scroll.-blue .mouse-arrow {
    background-image: url(/local/media/css/../img/icons/mouse-arrow-blue.svg);
}

@-webkit-keyframes mouse-move {
    0%,
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
    50% {
        -webkit-transform: translateX(-10%) translateY(-50%);
        transform: translateX(-10%) translateY(-50%);
    }
}

@keyframes mouse-move {
    0%,
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
    50% {
        -webkit-transform: translateX(-10%) translateY(-50%);
        transform: translateX(-10%) translateY(-50%);
    }
}

/*Главный экран*/
/* Наш подход */
.section-about .man {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    /* background-size: 110%; */
    background-size: contain;
    width: 28.22917vw;
    height: 105%;
    position: absolute;
    left: 2.60417vw;
    bottom: 0;
}

.section-about .about_block {
    padding-left: 26.04167vw;
}

.section-about .about_block .title {
    margin-left: -6.77083vw;
}

.section-about .about_block .descr {
    max-width: 44.27083vw;
}

.section-about .about_block .link-letters {
    display: inline-block;
    margin-top: 6.48148vh;
}

.section-about .architecture-img {
    width: 46.875vw;
    height: 66.66667vh;
    background: url(/local/media/css/../img/graphics/arch.png) no-repeat 100% 100%;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}

.section-about .line-arrows {
    position: absolute;
    bottom: 5.66667vh;
    right: 0;
}

.section-about .icon-top-wrap {
    margin-top: 18.51852vh;
}

.section-about .reward-slider .owl-nav button svg {
    right: -3.40741vh !important;
}

.reward-slider {
    width: 33vw !important;
    height: 62%;
}

.reward-slider p {
    display: block;
    position: absolute;
    top: 12vh;
    font-size: 2.777vh;
    color: #0099CC;
}



.line-arrows {
    width: 63.54167vw;
    height: 1.48148vh;
    color: #0099CC;
    font-size: 1.48148vh;
    overflow: hidden;
}

.line-arrows .arrows {
    height: 1.48148vh;
    position: absolute;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 0 0.26042vw;
}

.line-arrows .arrows:before {
    content: '';
    height: 1px;
    width: 100vw;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0099CC;
}

.line-arrows .arrows:after {
    content: '';
    height: 1px;
    width: 100vw;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0099CC;
}

.line-arrows .icon-svg {
    position: relative;
    z-index: 10;
    stroke-width: 1px;
    margin: 0 -0.46296vh;
    vertical-align: top;
}

.icon-top-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2B2B2B;
    border: 0;
}

.icon-top-wrap a:hover {
    color: #0099CC;
}

.icon-top-wrap .icon-top {
    margin: auto;
}

.icon-top-wrap .icon-top-2 {
    margin: auto;
}

.icon-top-wrap .icon-top-3 {
    margin: auto;
}

.icon-top-wrap .icon-top-4 {
    margin: auto;
}

.icon-top-wrap .icon-top-5 {
    margin: auto;
}

.icon-top-wrap .text-small {
    font-size: 1.5037vh;
    line-height: 1.5;
}

.icon-top {
    background: url(/local/media/css/../img/icons/icon-top.svg) no-repeat 50% 50%/contain;
    width: 95%;
    height: 7.5vh;
}

.icon-top-2 {
    background: url(/local/media/css/../img/icons/icon-top-2.svg) no-repeat 50% 50%/contain;
    width: 95%;
    height: 7.5vh;
}

.icon-top-3 {
    background: url(/local/media/css/../img/icons/icon-top-3.svg) no-repeat 50% 50%/contain;
    width: 95%;
    height: 7.5vh;
}

.icon-top-4 {
    background: url(/local/media/css/../img/icons/icon-top-4_black.svg) no-repeat 50% 50%/contain;
    width: 95%;
    height: 7.5vh;
}

.icon-top-5 {
    background: url(/local/media/css/../img/icons/icon-top-5_black.svg) no-repeat 50% 50%/contain;
    width: 95%;
    height: 7.5vh;
}


.icon-logo {
    display: inline-block;
    vertical-align: middle;
    width: 4.25926vh;
    height: 4.25926vh;
    margin-right: 0.78125vw;
}

.icon-logo .icon-svg {
    stroke-width: 1px;
    font-size: 4.25926vh;
}

/* Наш подход */
/* В чем мы сильны */
.section-benefits .title {
    margin-left: 11.97917vw;
}

.section-benefits .descr {
    padding-left: 16.66667vw;
}

.section-benefits .descr .hidden {
    display: none;
}

.section-benefits .descr .tabs li {
    margin-bottom: 3.7037vh;
}

.section-benefits .descr .tabs li:last-child {
    margin-bottom: 0;
}

.section-benefits .descr .tabs li.active a {
    color: #0099CC;
}

.section-benefits .descr .tabs li.active a:before {
    width: 100%;
    background-color: #0099CC;
}

.section-benefits .descr .tabs a {
    font-size: 1.85185vh;
    color: #2B2B2B;
    padding-bottom: 0.09259vh;
}

.section-benefits .descr .tabs a:before {
    width: 0%;
    background-color: transparent;
}

.section-benefits .descr .tabs a:hover {
    color: #0099CC;
}

.section-benefits .descr .link {
    display: inline-block;
    margin-top: 4.62963vh;
}

.section-benefits .descr .tabs-content {
    overflow: visible;
    margin-top: -2.77778vh;
}

.section-benefits .descr .tab-content.active .blockquote:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.section-benefits .descr .tab-content.active .blockquote:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.section-benefits .descr .blockquote {
    max-width: 33.85417vw;
}

.section-benefits .descr .blockquote:before {
    -webkit-transform: translateX(-5.20833vw);
    -ms-transform: translateX(-5.20833vw);
    transform: translateX(-5.20833vw);
}

.section-benefits .descr .blockquote:after {
    -webkit-transform: translateX(5.20833vw);
    -ms-transform: translateX(5.20833vw);
    transform: translateX(5.20833vw);
}

.section-benefits .skiers-img {
    background: url(/local/media/css/../img/graphics/skier.png) no-repeat 100% 100%;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50.67708vw;
    height: 56.2037vh;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}

/* В чем мы сильны */
/* Как работаем */
.how-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.how-item .icon-cursor-hover {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 13vh;
}

.icon-cursor-hover {
    width: 18.05556vh;
    height: 9.44444vh;
    background: url(/local/media/css/../img/icons/cursor-hover.svg) no-repeat 50% 50%/contain;
}

.en .icon-cursor-hover {
    background: url(/local/media/css/../img/icons/cursor-hover-en.svg) no-repeat 50% 50%/contain;
}

.chart-popup {
    display: none;
}

.chart-nav {
    margin: 17.59259vh 0 2.77778vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.chart-nav .line {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.chart-nav .line:before {
    width: 0.05208vw;
    height: 0.64815vh;
    display: block;
    content: '';
    background-color: #9B9B9B;
    margin: 0 auto;
}

.chart-nav .nav-item {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chart-nav .nav-item.active {
    z-index: 10;
}

.chart-nav .nav-item.active .item-title {
    color: #0099CC;
}

.chart-nav .nav-item.active:before {
    background: #0099CC;
}

.chart-nav .nav-item:after {
    content: '';
    display: block;
    position: absolute;
    top: -6.48148vh;
    right: -500%;
    bottom: -13.88889vh;
    left: -500%;
    background: rgba(0, 0, 0, 0.001);
}

.chart-nav .nav-item:before {
    content: '';
    display: block;
    margin: 0 auto;
    position: relative;
}

.chart-nav .nav-item .item-title {
    -webkit-transition-property: 'transform', 'transform';
    transition-property: 'transform', 'transform';
    -o-transition-property: 'transform', 'transform';
    transition-property: 'transform';
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: absolute;
    bottom: 0vh;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    color: #2B2B2B;
}

.chart-nav .nav-item:not(.section):before {
    width: 0.05208vw;
    height: 1.38889vh;
    display: block;
    background-color: #000;
}

.chart-nav .nav-item.section:before {
    width: 1.94444vh;
    height: 1.94444vh;
    border-radius: 50%;
    border: 0.09259vh solid #0099CC;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.hover-reveal {
    position: absolute;
    width: 32.29167vw;
    top: 0;
    left: 0;
    background: #2B2B2B;
    color: #ffffff;
    pointer-events: none;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translateX(20%) translateY(-50%) scale(0.5) rotate(-15deg);
    -ms-transform: translateX(20%) translateY(-50%) scale(0.5) rotate(-15deg);
    transform: translateX(20%) translateY(-50%) scale(0.5) rotate(-15deg);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

.hover-reveal.active {
    -webkit-animation: hover-reveal-left-in 0.3s ease-out forwards;
    animation: hover-reveal-left-in 0.3s ease-out forwards;
}

.hover-reveal.non-active {
    -webkit-animation: hover-reveal-left-out 0.3s ease-out forwards;
    animation: hover-reveal-left-out 0.3s ease-out forwards;
}

[data-direction="right"] .hover-reveal {
    -webkit-transform: translateX(-120%) translateY(-50%) scale(0.5) rotate(-15deg);
    -ms-transform: translateX(-120%) translateY(-50%) scale(0.5) rotate(-15deg);
    transform: translateX(-120%) translateY(-50%) scale(0.5) rotate(-15deg);
}

[data-direction="right"] .hover-reveal.active {
    -webkit-animation: hover-reveal-right-in 0.3s ease-out forwards;
    animation: hover-reveal-right-in 0.3s ease-out forwards;
}

[data-direction="right"] .hover-reveal.non-active {
    -webkit-animation: hover-reveal-right-out 0.3s ease-out forwards;
    animation: hover-reveal-right-out 0.3s ease-out forwards;
}

@-webkit-keyframes hover-reveal-left-in {
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
    }
}

@keyframes hover-reveal-left-in {
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
    }
}

@-webkit-keyframes hover-reveal-left-out {
    0% {
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(20%) translateY(-120%) scale(0.5) rotate(15deg);
        transform: translateX(20%) translateY(-120%) scale(0.5) rotate(15deg);
    }
}

@keyframes hover-reveal-left-out {
    0% {
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(20%) translateY(-50%) scale(1) rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(20%) translateY(-120%) scale(0.5) rotate(15deg);
        transform: translateX(20%) translateY(-120%) scale(0.5) rotate(15deg);
    }
}

@-webkit-keyframes hover-reveal-right-in {
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
    }
}

@keyframes hover-reveal-right-in {
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
    }
}

@-webkit-keyframes hover-reveal-right-out {
    0% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-120%) translateY(-120%) scale(0.5) rotate(15deg);
        transform: translateX(-120%) translateY(-120%) scale(0.5) rotate(15deg);
    }
}

@keyframes hover-reveal-right-out {
    0% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
        transform: translateX(-120%) translateY(-50%) scale(1) rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-120%) translateY(-120%) scale(0.5) rotate(15deg);
        transform: translateX(-120%) translateY(-120%) scale(0.5) rotate(15deg);
    }
}

.hover-reveal__img {
    height: 36.11111vh;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.hover-reveal__text {
    padding: 3.24074vh 2.60417vw 3.7037vh;
}

/* Как работаем */
/* Реализованные проекты */
.projects-wrap {
    margin-left: 9.375vw;
    max-width: 35.52083vw;
}

.projects-wrap .link-letters {
    margin-top: 4.62963vh;
}

.projects-wrap .owl-nav button {
    top: 17.5vh;
    margin-top: 0;
}

.project-item {
    padding: 0 0.09259vh;
}

.project-item .h2 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4.16667vh;
}

.project-item .blockquote {
    margin-left: 1px;
    margin-right: 1px;
}

.projects-company {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #F3F3F7;
    width: 32.08333vw;
    padding: 23.14815vh 5.20833vw 0;
    z-index: 100;
}

.projects-company .bg-blue {
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    height: 66.2963vh;
    width: 100%;
    background: #0099CC;
}

.projects-company .projects-company-slider {
    z-index: 10;
}

.projects-company .company-logo {
    margin-bottom: 3.24074vh;
    max-width: 70%;
}

.projects-company .company-logo img {
    max-height: 9.25926vh;
    vertical-align: middle;
}

.projects-company .descr {
    color: #ffffff;
}

.projects-company .cert-img {
    margin: 3.7037vh 0;
}

.projects-company .cert-img a {
    border: 0;
}

.projects-company .cert-img img {
    max-width: 7.8125vw;
    max-height: 18.51852vh;
    pointer-events: auto;
}

.projects-company .author {
    font-weight: bold;
    margin-bottom: 0.92593vh;
}

.section-projects-article {
    padding-right: 10.41667vw;
}

.section-projects-article.section-vertical .wrap {
    display: block;
}

.section-projects-article.section-vertical .wrap > .descr {
    min-height: 70vh;
}

.section-projects-article .portfolio-logo {
    height: 12.22222vh;
}

.section-projects-article .portfolio-logo img {
    max-height: 100%;
}

.section-projects-article .date {
    color: #2B2B2B;
    opacity: 0.5;
    font-size: 1.2963vh;
}

.section-projects-article .descr .project-descr-item {
    margin-bottom: 4.16667vh;
    font-size: 1.66667vh;
}

.section-projects-article .descr > .row {
    margin: 0 -2.60417vw;
}

.section-projects-article .descr > .row > div {
    padding: 0 2.60417vw;
}

.section-projects-article .title h1 {
    margin-bottom: 2.77778vh;
}

.section-projects-article .line-arrows {
    position: absolute;
    right: 4.6875vw;
    top: 65vh;
    left: auto;
    width: 1px;
    height: 50vh;
}

.section-projects-article .line-arrows .arrows {
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0.46296vh 0;
}

.section-projects-article .line-arrows .arrows .icon-svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    display: block;
}

.project-creators-content {
    margin-top: 4.62963vh;
    padding-bottom: 9.25926vh;
}

.project-creators-content .row {
    margin: 0 -2.60417vw;
}

.project-creators-content .row > div {
    padding: 0 2.60417vw;
}

.project-creators-content .team-photo-item {
    overflow: visible;
    margin-bottom: 9.25926vh;
}

.project-creators-content .team-photo-item .img {
    position: relative;
    overflow: hidden;
}

.project-creators-content .team-photo-item .descr {
    top: 100%;
    min-height: 1px;
    color: #2B2B2B;
    padding: 1.66667vh 0 0;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    font-size: 1.85185vh;
}

.project-creators-content .team-photo-item .descr .name,
.project-creators-content .team-photo-item .descr .job {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.same-content {
    padding-bottom: 9.25926vh;
    margin-top: 4.62963vh;
}

/* Реализованные проекты */
/* О нас пишут */
.section-reviews .line-arrows {
    position: absolute;
    bottom: 8.33333vh;
    right: 0;
    width: 26.04167vw;
}

.section-reviews .line-arrows .arrows {
    left: 30%;
}

.section-reviews .journal-img {
    left: -12%;
    bottom: -10%;
}

.clients-wrap {
    margin-left: 9.89583vw;
    max-width: 32.29167vw;
}

.clients-wrap .h2 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4.16667vh;
}

.clients-wrap .link-letters {
    display: inline-block;
    margin-top: 6.48148vh;
}

.client-item a {
    position: relative;
    display: block;
    border: 0;
    height: 100%;
    padding: 2.77778vh;
    height: 19.16667vh;
    line-height: 13.61111vh;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.client-item:hover {
    background: #F3F3F7;
}

.client-item:hover .icon-svg {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.client-item:hover .angles-top:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-1.85185vh, -1.85185vh);
    -ms-transform: translate(-1.85185vh, -1.85185vh);
    transform: translate(-1.85185vh, -1.85185vh);
}

.client-item:hover .angles-top:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(1.85185vh, -1.85185vh);
    -ms-transform: translate(1.85185vh, -1.85185vh);
    transform: translate(1.85185vh, -1.85185vh);
}

.client-item:hover .angles-bottom:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-1.85185vh, 1.85185vh);
    -ms-transform: translate(-1.85185vh, 1.85185vh);
    transform: translate(-1.85185vh, 1.85185vh);
}

.client-item:hover .angles-bottom:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(1.85185vh, 1.85185vh);
    -ms-transform: translate(1.85185vh, 1.85185vh);
    transform: translate(1.85185vh, 1.85185vh);
}

.client-item .client-logo {
    height: 100%;
    text-align: center;
}

.client-item .client-logo img {
    max-height: 100%;
    vertical-align: middle;
}

.client-item .icon-svg {
    stroke-width: 0.09259vh;
    position: absolute;
    right: 1.85185vh;
    bottom: 1.85185vh;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(1.85185vh, 1.85185vh);
    -ms-transform: translate(1.85185vh, 1.85185vh);
    transform: translate(1.85185vh, 1.85185vh);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.angles-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.angles-top:before {
    content: '';
    width: 1.85185vh;
    height: 1.85185vh;
    border: 0.09259vh solid #0099CC;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.angles-top:after {
    content: '';
    width: 1.85185vh;
    height: 1.85185vh;
    border: 0.09259vh solid #0099CC;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    right: -0.09259vh;
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.angles-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.angles-bottom:before {
    content: '';
    width: 1.85185vh;
    height: 1.85185vh;
    border: 0.09259vh solid #0099CC;
    border-right: 0;
    border-top: 0;
    position: absolute;
    left: 0;
    bottom: -0.09259vh;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.angles-bottom:after {
    content: '';
    width: 1.85185vh;
    height: 1.85185vh;
    border: 0.09259vh solid #0099CC;
    border-left: 0;
    border-top: 0;
    position: absolute;
    right: -0.09259vh;
    bottom: -0.09259vh;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.journal-img {
    background: url(/local/media/css/../img/graphics/magazine.png) no-repeat 50% 100%;
    background-size: contain;
    position: absolute;
    left: -20%;
    bottom: -5%;
    width: 49.11458vw;
    height: 57.22222vh;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.snowrider-img {
    background: url(/local/media/css/../img/graphics/snowrider.png) no-repeat 100% 100%;
    background-size: contain;
    position: absolute;
    left: -52.08333vw;
    bottom: 0vh;
    width: 43.80208vw;
    height: 48.51852vh;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

/* О нас пишут */
/* Узнать о нашей команде */
.team-wrap {
    padding-left: 12.5vw;
}

.team-about-wrap {
    padding-left: 8.85417vw;
}

.team-about-wrap .link-letters {
    margin-top: 5.55556vh;
}

.team-about-wrap .text_block {
    max-width: 39.21875vw;
}

.team-carousel {
    max-width: 64.58333vw;
    margin-top: 9.07407vh;
}

.team-carousel .owl-nav .owl-next svg {
    stroke: #fff;
}

.team-carousel-about .owl-dots {
    margin-top: 15px !important;
    position: relative;
    z-index: 100;
}

.team-carousel-about .owl-dot {
    border: 1px solid #fff !important;
    background: transparent !important;
}

.team-carousel-about .owl-dot.active {
    background: #fff !important;
}

.team-photo-item {
    position: relative;
    overflow: hidden;
}

.team-photo-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 153, 204, 0)), to(rgba(0, 153, 204, 0.79)));
    background: -o-linear-gradient(top, rgba(0, 153, 204, 0) 0%, rgba(0, 153, 204, 0.79) 100%);
    background: linear-gradient(180deg, rgba(0, 153, 204, 0) 0%, rgba(0, 153, 204, 0.79) 100%);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.team-photo-item:hover:before {
    opacity: 1;
    visibility: visible;
}

.team-photo-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1) translateY(4%);
    -ms-transform: scale(1.1) translateY(4%);
    transform: scale(1.1) translateY(4%);
}

.team-photo-item:hover .descr {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.team-photo-item:hover .descr .name {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.team-photo-item:hover .descr .job {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


.team-photo-item img {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.team-photo-item .descr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 2.77778vh 1.85185vh;
    /*font-size: 1.2963vh;*/
    font-size: 1.5vh;
    color: #ffffff;
    z-index: 20;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.team-photo-item .descr .name {
    font-weight: bold;
    -webkit-transform: translateY(4.62963vh);
    -ms-transform: translateY(4.62963vh);
    transform: translateY(4.62963vh);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.team-photo-item .descr .job {
    -webkit-transform: translateY(4.62963vh);
    -ms-transform: translateY(4.62963vh);
    transform: translateY(4.62963vh);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.team-aside {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.66667vw;
    height: 100%;
    overflow: hidden;
}

.team-aside .bg-blue {
    background: #0099CC;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.team-aside .descr {
    position: relative;
    z-index: 10;
    color: #ffffff;
    padding: 12.03704vh 5.20833vw 0;
}

.team-aside .descr .h2 {
    margin: 0;
}

.team-aside .descr .btn {
    margin-top: 3.24074vh;
}

.skyscraper-img {
    width: 31.25vw;
    height: 76.66667vh;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

/* Узнать о нашей команде */
/* Куки */
.cookies-section {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    height: 9.25926vh;
    font-size: 1.2963vh;
    margin-left: 3.64583vw;
    padding: 0 2.60417vw;
    z-index: 900;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.cookies-section.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.cookies-section .row {
    height: 100%;
}

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

.cookies-section .btn {
    height: 5vh;
    line-height: 4.81481vh;
    margin: 0 0.67708vw;
}

/* Куки */
/* Банкротство */
.section-crash {
    width: calc(100vw - 7.29167vw);
    padding: 18.51852vh 6.77083vw 8.33333vh;
    font-size: 1.66667vh;
    overflow: hidden;
}

.section-crash .title {
    margin-bottom: 2.77778vh;
}

.section-crash .descr {
    max-width: 59.11458vw;
}

.section-crash .crash-bg {
    width: 33.16667vw;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.section-crash .crash-bg .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
}

.section-crash .crash-content {
    padding-left: 37.5vw;
}

.section-crash .crash-content h1 {
    font-size: 5.5vh;
}

.section-crash .link-letters {
    margin-top: 3.7037vh;
}

.section-crash .line-arrows {
    position: absolute;
    bottom: 8.33333vh;
    left: 44.27083vw;
    right: auto;
    width: 104.16667vw;
}

.service-items {
    margin-top: 1.38889vh;
}

.service-items .row {
    margin-left: -2.60417vw;
    margin-right: -2.60417vw;
}

.service-items .row > div {
    padding: 0 2.60417vw;
}

.service-item a {
    color: #2B2B2B;
}

.service-item a:hover {
    color: #0099CC;
}

.service-item a:hover .blockquote:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-1.5625vw);
    -ms-transform: translateX(-1.5625vw);
    transform: translateX(-1.5625vw);
}

.service-item a:hover .blockquote:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(1.5625vw);
    -ms-transform: translateX(1.5625vw);
    transform: translateX(1.5625vw);
}

.service-item .h4 {
    font-weight: bold;
    margin: 0 0 1.48148vh;
}

.service-item .blockquote {
    padding-left: 0;
    padding-right: 0;
}

.service-item .blockquote:before {
    -webkit-transform: translateX(-3.64583vw);
    -ms-transform: translateX(-3.64583vw);
    transform: translateX(-3.64583vw);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.service-item .blockquote:after {
    -webkit-transform: translateX(3.64583vw);
    -ms-transform: translateX(3.64583vw);
    transform: translateX(3.64583vw);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* Банкротство */
/* Наши работы */
.portfolio-items {
    padding-bottom: 9.25926vh;
}

.portfolio-items .mouse-scroll {
    position: relative;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: 3.125vw;
    margin-top: 3.7037vh;
}

.portfolio-item {
    position: relative;
    border-bottom: 0.09259vh solid #eee;
    padding: 2.31481vh 1.04167vw;
}

.portfolio-item a {
    display: block;
    color: #2B2B2B;
    border: 0;
}

.portfolio-item:hover .portfolio-logo img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.portfolio-item .angles-top:before {
    top: -0.09259vh;
}

.portfolio-item .angles-top:after {
    right: 0;
    top: -0.09259vh;
}

.portfolio-item:last-of-type .angles-bottom:after {
    border-bottom-width: 0.09259vh;
}

.portfolio-item:last-of-type .angles-bottom:before {
    border-bottom-width: 0.09259vh;
}

.portfolio-item .angles-bottom:after {
    right: 0;
    border-bottom-width: 0;
}

.portfolio-item .angles-bottom:before {
    border-bottom-width: 0;
}

.portfolio-item .row {
    margin-left: -1.04167vw;
    margin-right: -1.04167vw;
}

.portfolio-item .row > div {
    padding: 0 1.04167vw;
}

.portfolio-item .portfolio-logo {
    height: 9.25926vh;
}

.portfolio-item .portfolio-logo img {
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.portfolio-item ul {
    padding-top: 0.92593vh;
}

.portfolio-item li {
    opacity: 0.5;
    margin-right: 1.5625vw;
}

.portfolio-item li:last-child {
    margin-right: 0;
}

.portfolio-item.thead {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.portfolio-item.thead .text-small {
    opacity: 0.5;
}

.portfolio-item:nth-of-type(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.portfolio-item:nth-of-type(3) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.portfolio-item:nth-of-type(4) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.portfolio-item:nth-of-type(5) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.portfolio-item:nth-of-type(6) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.portfolio-item:nth-of-type(7) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.portfolio-item:nth-of-type(8) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.portfolio-item:nth-of-type(9) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.portfolio-item:nth-of-type(10) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}

.portfolio-item:nth-of-type(11) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.portfolio-item:nth-of-type(12) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
}

.portfolio-item:nth-of-type(13) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
}

.portfolio-item:nth-of-type(14) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s;
}

.portfolio-item:nth-of-type(15) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s;
}

.portfolio-item:nth-of-type(16) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.portfolio-item .text-small {
    font-size: 1.57407vh;
}

.title + .tabs-standart {
    margin-top: -3.7037vh;
}

.tabs-standart {
    position: relative;
    margin-bottom: 6.01852vh;
}

.tabs-standart ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    white-space: nowrap;
}

.tabs-standart li {
    margin-right: 1.82292vw;
}

.tabs-standart li:last-child {
    margin-right: 0;
}

.tabs-standart li.active a {
    font-weight: bold;
    opacity: 1;
}

.tabs-standart li.active a:before {
    width: 0;
    visibility: hidden;
}

.tabs-standart li a {
    opacity: 0.5;
    color: #2B2B2B;
}

.tabs-standart li a:hover {
    opacity: 1;
}

/* Наши работы */
/* О компании (отдельный раздел) */
section-about-info {
    padding: 10.519vh 6.77083vw 8.33333vh;
}
.section-about-info .line-arrows {
    position: absolute;
    bottom: 8.33333vh;
    left: 67.70833vw;
    right: auto;
    width: 30vw;
}

.section-about-info .about-bg {
    width: 33.85417vw;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}

.section-about-info .about-bg .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.section-about-info .video-responsive {
    position: absolute;
    left: 6.92708vw;
    top: 50%;
    -webkit-transform: translateY(-42%);
    -ms-transform: translateY(-42%);
    transform: translateY(-42%);
    width: 37.60417vw;
    height: 40.83333vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -2.77778vh;
}

.section-about-info .video-responsive:hover .play {
    color: #2B2B2B;
}

.section-about-info .video-responsive .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.section-about-info .video-responsive .play {
    font-size: 8.7963vh;
    line-height: 8.7963vh;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #0099CC;
}

.about-info-content {
    height: 100%;
    position: relative;
    padding-left: 32.8125vw;
}

.about-info-content .title {
    margin-top: -8.77778vh;
    margin-bottom: 4vh;
}

.about-info-content .icon-top-wrap {
    position: absolute;
    left: 10.41667vw;
    bottom: 0;
}

.about-info-content .descr {
    position: relative;
    height: 100%;
    padding-left: 10.41667vw;
}

.section-about-features .wrap {
    position: relative;
}

.section-about-features .line-arrows {
    position: absolute;
    top: 15.74074vh;
    left: 82vw;
    right: auto;
    width: 9vw;
}

.section-about-features .line-arrows .arrows {
    left: 25%;
}

.section-about-features.animated .feat-bg-blue {
    -webkit-transform: translateX(calc(100% + 1px));
    -ms-transform: translateX(calc(100% + 1px));
    transform: translateX(calc(100% + 1px));
}

.section-about-features.animated .feat-bg-gray {
    -webkit-transform: translateX(calc(100% + 1px));
    -ms-transform: translateX(calc(100% + 1px));
    transform: translateX(calc(100% + 1px));
}

.section-about-features.animated .feat-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.section-about-features.animated .text-small {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.section-about-features.animated .angles-top:before, .section-about-features.animated .angles-top:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.section-about-features.animated .angles-bottom:before, .section-about-features.animated .angles-bottom:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.section-about-features .icon-top-wrap {
    position: absolute;
    left: 5vw;
    bottom: 0;
}

.section-about-team .team-about-wrap {
    padding-left: 0px;
}

.section-about-team .team-about-wrap .text_block {
    max-width: 26.04167vw;
    position: relative;
    z-index: 110;
    text-align: justify;
}

.section-about-team .team-about-wrap .link-letters {
    position: relative;
    z-index: 110;
}

.section-about-team .team-items {
    position: absolute;
    left: 23.4375vw;
    padding-right: 5.20833vw;
}

.section-about-team .team-aside .descr {
    position: absolute;
    left: 0;
    top: 7.40741vh;
    padding-top: 1.85185vh;
    z-index: 110;
    pointer-events: none;
}

/* О компании (отдельный раздел) */
/* Контакты */
.contact-items {
    margin-top: auto;
}

.contact-items address {
    margin-bottom: 2.77778vh;
}

.contact-items .tel {
    color: #2B2B2B;
    border: 0;
    font-weight: bold;
}

.contact-items .tel:hover {
    color: #0099CC;
}

.contacts-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    height: 100%;
    padding-right: 5.20833vw;
    padding-bottom: 4.62963vh;
}

.contact-item .text-small {
    opacity: 0.5;
}

.contact-item-button {
    margin-top: -20px;
}

.contacts-map {
    background: #F3F3F7;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.contacts-map #map {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.contacts-map .map-directions {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
    padding: 0 2.60417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 9.25926vh;
    font-size: 1.2963vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-map .map-directions .label {
    margin-right: 0.52083vw;
    opacity: 0.5;
    font-weight: 800;
    color: #0099CC;
}

.contacts-map .map-directions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contacts-map .map-directions ul li {
    margin-right: 0.78125vw;
}

.contacts-map .map-directions ul li:last-child {
    margin-right: 0;
}

.contacts-map .map-directions ul li a {
    color: #2B2B2B;
}

/* Контакты */
/* Страница 404 */
.section-error {
    text-align: center;
    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;
    margin-top: auto;
    margin-bottom: auto;
}

.section-error .h1 {
    font-weight: bold;
    font-size: 24.07407vh;
    line-height: 0.8;
}

.section-error .descr {
    text-align: left;
    margin-left: 4.16667vw;
}

.section-error .descr .h2 {
    margin: 0;
}

.section-error .descr .btn {
    margin-top: 3.7037vh;
}

/* Страница 404 */
/* Новости и статьи */
.news-item {
    position: relative;
    margin-bottom: 3.7037vh;
    max-width: 31.25vw;
    min-height: 9.53704vh;
}

.news-item a {
    display: block;
    border: 0;
    color: #2B2B2B;
}

.news-item a:hover {
    color: #0099CC;
}

.news-item a:hover .text {
    border-color: transparent;
}

.news-item a:hover .client-item .angles-top:before, .news-item a:hover .client-item .angles-top:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news-item a:hover .client-item .angles-bottom:before, .news-item a:hover .client-item .angles-bottom:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news-item .text-small {
    opacity: 0.5;
    margin-bottom: 0.92593vh;
}

.news-item .text {
    display: inline;
    border-bottom: 0.09259vh solid currentColor;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.news-item .hover-reveal {
    width: 21.45833vw;
    background: #F3F3F7;
}

.news-item .hover-reveal__img {
    height: 25.92593vh;
}

.news-item .client-item {
    width: 5.36458vw;
    height: 9.53704vh;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    padding: 0.92593vh 0.46296vh;
    line-height: 7.68519vh;
    background: transparent !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.news-item .client-item + .descr {
    padding-left: 6.77083vw;
}

.news-item .client-item .angles-top:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-1.85185vh, -1.85185vh);
    -ms-transform: translate(-1.85185vh, -1.85185vh);
    transform: translate(-1.85185vh, -1.85185vh);
}

.news-item .client-item .angles-top:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(1.85185vh, -1.85185vh);
    -ms-transform: translate(1.85185vh, -1.85185vh);
    transform: translate(1.85185vh, -1.85185vh);
}

.news-item .client-item .angles-bottom:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-1.85185vh, 1.85185vh);
    -ms-transform: translate(-1.85185vh, 1.85185vh);
    transform: translate(-1.85185vh, 1.85185vh);
}

.news-item .client-item .angles-bottom:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(1.85185vh, 1.85185vh);
    -ms-transform: translate(1.85185vh, 1.85185vh);
    transform: translate(1.85185vh, 1.85185vh);
}

.section-news .line-arrows {
    position: absolute;
    top: 20.37037vh;
    right: -10.41667vw;
    width: 42.8125vw;
}

.section-news .line-arrows .arrows {
    left: 50%;
}

.section-news .journal-img {
    left: auto;
    right: -20.83333vw;
    bottom: 4.62963vh;
    width: 62.5vw;
    height: 72.77778vh;
    -webkit-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
}

/* Новости и статьи */
/* Новости и статьи (внутренняя) */
.news-article {
    padding-bottom: 9.25926vh;
}

.news-article figure {
    margin: 0;
}

.news-article .row {
    margin-left: -2.60417vw;
    margin-right: -2.60417vw;
}

.news-article .row > div {
    padding: 0 2.60417vw;
}

.news-article .text_block {
    font-size: 1.66667vh;
}

.news-article > .date {
    opacity: 0.5;
    margin-top: -3.7037vh;
    margin-bottom: 3.7037vh;
}

.section-news-article .line-arrows {
    top: auto;
    bottom: 8.33333vh;
    right: -15.625vw;
}

/*.section-news-article .title .h1 {
    padding-left: 4.16667vw;
}*/

/*.section-news-article .news-article > .date {
    padding-left: 4.16667vw;
}*/

.section-vertical .news-items-wrap {
    padding-bottom: 15vh;
    margin-top: 10vh;
}

.news-items-wrap {
    position: relative;
}

.news-items-wrap .h4 {
    font-weight: bold;
    margin: 0;
    margin-bottom: 5.55556vh;
}

.news-items-wrap .link-lined-out {
    text-transform: uppercase;
}

.news-items-wrap .journal-img-wrap {
    position: absolute;
    right: -6.77083vw;
    bottom: 0;
    width: 62.5vw;
    height: 72.77778vh;
    overflow: hidden;
}

.news-items-wrap .journal-img-wrap .journal-img {
    bottom: 0vh;
    right: -20vw;
    background-position: 100% 100%;
    width: 100%;
    height: 100%;
}

.share {
    line-height: 1;
    margin-top: 2vh;
}

.share svg {
    stroke-width: 1;
}

.share .share-content {
    display: inline-block;
    vertical-align: top;
    margin-right: 36px;
    position: relative;
}

.share .file {
    display: inline-block;
    vertical-align: middle;
}

.share .file a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    border: 0;
}

.share .file a:hover span {
    border-color: transparent;
}

.share .file a span {
    border-bottom: 0.09259vh solid currentColor;
    font-size: 1.38889vh;
    margin-left: 0.92593vh;
    vertical-align: middle;
    letter-spacing: 0.25em;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.share--link {
    font-size: 27px;
    color: #0099CC;
    border: 0;
}

.share .file a i {
    font-size: 27px;
    vertical-align: middle;
}

.share-icons {
    position: absolute;
    width: auto;
    top: 0;
    left: 100%;
    margin-left: 3px;
    background: #fff;
    padding: 4px;
    width: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    white-space: nowrap;
}

.is-visible .share-icons {
    opacity: 1;
    visibility: visible;
}

.share-icons ul,
.share-icons li {
    list-style: none;
    padding: 0;
}

.share-icons li:before {
    display: none;
}

.share-icons a {
    border: 0;
}

/* Новости и статьи (внутренняя) */
/* Назначить встречу */
.become-img {
    width: 44.16667vw;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.become-img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/local/media/css/../img/become-team.jpg) no-repeat center/cover;
    -webkit-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
}

.callback-wrap {
    position: relative;
    max-width: 34.375vw;
    z-index: 100;
}

.callback-wrap form {
    margin-top: 5.55556vh;
}

.callback-wrap form .text-small {
    font-size: 1.11111vh;
    opacity: 0.5;
    margin-top: 1.75926vh;
}

.callback-wrap form .text-small a {
    color: #2B2B2B;
}

.callback-contacts {
    margin-top: 6.01852vh;
}

.callback-contacts address {
    margin-bottom: 0.83333vh;
}

.callback-contacts address:last-child {
    margin-bottom: 0;
}

.callback-contacts .tel {
    color: #2B2B2B;
    font-weight: bold;
    border: 0;
}

.callback-contacts .tel:hover {
    color: #0099CC;
}

.callback-contacts .mailto {
    font-size: 1.85185vh;
}

.callback_close_btn {
    position: absolute;
    font-size: 40px;
    font-weight: 100;
    transform: scale(1.4, 1);
    text-decoration: none;
    border: none;
    top: -40px;
    right: 0;
}

.calendar-wrap {
    background: url(/local/media/css/../img/graphics/imac.png) no-repeat 100% 100%;
    background-size: contain;
    width: 100vw;
    height: 100vh;
    background-size: 34vw 87vh;
    position: absolute;
    right: 0;
    bottom: 0;
}

.calendar-wrap .fc-button-primary {
    background-color: #2B2B2B;
    border-color: #2B2B2B;
    outline: none !important;
    cursor: none;
}

.calendar-wrap .fc-button-primary:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calendar-wrap .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0em;
}

.calendar-wrap .fc-view-container a {
    color: #2B2B2B;
    border: 0;
    text-decoration: none;
}

.calendar-wrap .fc-dayGrid-view .fc-body .fc-row {
    min-height: 3em;
}

.calendar-wrap h2 {
    font-weight: 300;
    white-space: nowrap;
}

.calendar-wrap .fc-dayGrid-view .fc-day-number,
.calendar-wrap .fc-dayGrid-view .fc-week-number {
    padding-right: 10px;
}

.calendar-wrap .fc-highlight {
    background: #0099CC;
    opacity: 0.3;
}

.calendar-wrap .fc-highlight a {
    color: #ffffff;
}

.calendar-wrap .fc-toolbar {
    padding: 0.5em;
}

.calendar-inner {
    height: 48.8%;
    width: 32.2%;
    margin-left: auto;
    margin-top: 16.7vh;
}

.projects-company .owl-nav button svg {
    stroke: #fff;
    stroke-width: 0.19259vh;
}

.rate-item {
    flex-direction: column;
}

.rate-img {
    max-width: 200px;
    max-height: 80px;
    margin-bottom: 18px;
}

.rate-text {
    font-size: 13px;
    max-width: 300px;
}

.spec {
    display: flex;
    padding: 0 100px;
    height: 100vh;
}

.spec__img {
    width: 510px;
    height: 70%;
    margin-right: 120px;
    margin-bottom: 0;
    object-fit: contain;
    margin-top: auto;
}

.spec__content-block {
    padding-bottom: 100px;
    padding-top: 55px;
}

.spec__back {
    font-size: 20px;
    letter-spacing: .01em;
    border: none;
    position: relative;
    padding-left: 22.5px;
}

.spec__back::before {
    content: url(/images/specials/back-arrow.svg);
    height: 17px;
    width: 8.5px;
    position: absolute;
    left: 0.5px;
    top: 3.5px;
}

.spec__top-nav {
    display: flex;
    justify-content: space-between;
}

.spec__contacts {

}

.spec__contact-link {
    color: #2b2b2b;
    font-size: 16px;
    margin-right: 31px;
    text-decoration: none;
    border: none;
}

.spec__contact-link:last-child {
    margin-right: 0;
}

.spec__right-content {
}

.spec__title {
    font-size: 60px;
    color: #0099cc;
    font-weight: 275;
    margin-top: 120px;
    margin-bottom: 18px;
}

.spec__job {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-bottom: 42px;
}

.spec__tabs {
}

.spec__tabs-list {
    display: flex;
    margin-bottom: 28px;
}

.spec__tabs-item {
    font-size: 20px;
    letter-spacing: .01em;
    font-weight: 400;
    color: #2b2b2b;
    opacity: .4;
    text-decoration: underline;
    padding: 0;
    margin-right: 68px;
}

.spec__tabs-item:hover {
    opacity: .7;
}

.spec__tabs-item:last-child {
    margin-right: 0;
}

.spec__tabs-item_active {
    opacity: 1;
    text-decoration: none;
}

.spec__tabs-item::before {
    content: none;
}

.spec__tabs-content {
    margin-bottom: 26px;
}

.spec__tab {
    font-size: 14px;
    color: #000;
    letter-spacing: .01em;
    display: none;
}

.spec__tab_active {
    display: block;
}

.spec__order-project {
}

#projects ul li::marker {
    list-style-type: disc;
    color: #0099CC;
}

.pagen-block {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 14px;
    margin-left: 22px;
    margin-right: 22px;
}

.pagen-block a {
    border-color: rgba(0, 153, 204, 0);
}

.pagen-block a:hover {
    color: #0099CC;
    border-bottom: 0.09259vh solid currentColor;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.pagen-link_prev {
    font-size: 12px;
    margin-right: auto;
}

.pagen-link_next {
    font-size: 12px;
    margin-left: auto;
}

.pagen-link_prev::before {
    content: url(/images/specials/back-arrow.svg);
    height: 17px;
    width: 8px;
    position: absolute;
    left: -20px;
    top: 1px;
}

.pagen-link_next::before {
    content: url(/images/specials/back-arrow.svg);
    height: 17px;
    width: 8px;
    position: absolute;
    right: -20px;
    transform: rotate(180deg);
    top: 3px;
}

.author-news {
    color: black;
    font-weight: normal;
    font-size: 12px;
    display: flex;
}

.author_span {
    color: black;
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-right: 5px;
}

.source_news {
    font-size: 12px;
}

.projects-company-title {
    font-size: 4.5vh;
    font-weight: bold;
    text-align: center;
    margin-top: 3vh;
    color: #ffffff;
    z-index: 10;
}

.page_prev {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 0;
    margin-bottom: 5vh;
    font-size: 14px;
}

.page_prev::before {
    content: url(/images/specials/back-page-arrow.svg);
    height: 14px;
    width: 6px;
    position: absolute;
    left: -12px;
}

/*Всплывающие окно реквизитов на странице контактов*/
.pop_contacts-details {
    height: 363px;
    width: 674px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 40px !important;
    overflow: hidden !important;
}

.pop_contacts-details h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
}

.pop_contacts-details p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.pop_contacts-details span {
    font-weight: 600;
}

/*Всплывающие окно обратного звонка*/
.pop_call-request {
    max-height: 85vh;
    width: 46vw;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 6.48148vh !important;
    overflow: hidden !important;
    background-color: transparent !important;
}

.pop_call-request .blockquote {
    padding: 5vh 7.3vw;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 50px #000000;
    backdrop-filter: blur(5px);
}

.pop_call-request .blockquote h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 4.81481vh;
    text-align: center;
    color: #0099CC;
    margin-top: 0 !important;
    margin-bottom: 1.38888vh;
}

.pop_call-request .blockquote p {
    font-weight: 500;
    font-size: 1.48148vh;
    margin-bottom: 4.62962vh;
}

.pop_call-request .blockquote .input-field {
    margin-bottom: 2.3vh;
}

.pop_call-request .blockquote input {
    background-color: transparent;
    border: 1px solid #7F7F7F;
}

.pop_call-request .blockquote button {
    margin-bottom: 20px;
}

.pop_call-request-pol {
    font-size: 1.111111vh !important;
    margin: 0 !important;
}

.pop_call-request-pol a {
    border: none;
}

.pop_call-request .fancybox-close-small {
    color: #ffffff !important;
    background-color: transparent !important;
    width: 4.62963vh !important;
    height: 4.62963vh !important;
}

.pop_call-request .fancybox-close-small svg {
    opacity: 1 !important;
}

.search-form {
    position: fixed;
    display: none;
    padding: 50px !important;
}

.search-form form {
    position: relative;
}

.search-form a {
    display: block;
}

.search-form a input {
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    margin: auto 0;
    height: 20px;
    width: 20px;
    border: none;
    background: transparent url("/local/media/img/logo-search-blue.svg") no-repeat;
}

.search-form form > input:first-child {
    width: 70vw;
    height: 7.4vh;
    max-width: 1000px;
    padding: 0 80px 0 40px;
}

.search-form .fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff !important;
    background-color: transparent !important;
    width: 4.62963vh !important;
    height: 4.62963vh !important;
}

.search-form .fancybox-close-small svg {
    opacity: 1 !important;
}

.section-search {
    padding: 14vh 5vw 8.33333vh;
}

.section-search .page_prev {
    margin-top: -5vh;
    margin-bottom: 0;
}

.section-search .title {
    margin-bottom: 27px;
}

.section-search .title > div {
    position: absolute;
    display: flex;
    top: 20px;
    right: 0;
}

.section-search .title > div  address {
    margin-left: 30px;
}

.section-search .title > div  address a {
    color: #000000;
    font-size: 1.666vh;
}

.section-search .search-page form {
    position: relative;
}

.section-search .search-page form > input:first-child {
    width: 100%;
    height: 7.407vh;
    margin-bottom: 23px;
    border: none;
    border-bottom: 2px solid #0099CC;
    padding-left: 2.083vw;
    font-size: 1.666vh;
}

.section-search .search-page form a {
    display: block;
    border: none;
}

.section-search .search-page form a input {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 23px;
    margin: auto 0;
    height: 20px;
    width: 20px;
    border: none;
    background: transparent url("/local/media/img/logo-search-blue.svg") no-repeat;
}

.section-search .search-page .ul-wrap {
    margin: 0;
    padding: 0;
}

.section-search .search-page .ul-wrap ul {
    /*margin-bottom: 32px;*/
    display: inline-block;
}

.section-search .search-page .ul-wrap ul li {
    display: inline-block;
    height: 2.962vh;
    margin-bottom: 0;
    font-size: 1.666vh;
    line-height: 180%;
    font-weight: 500;
    opacity: 0.3;
}

.section-search .search-page .ul-wrap ul li a {
    color: #000000;
    border: none;
    line-height: 180%;
}

.section-search .search-page .ul-wrap > ul > li {
    display: none;
}

.section-search .search-page .ul-wrap > ul > ul > li:first-child {
    padding-left: 0;
}

.section-search .search-page .ul-wrap ul li:before {
    content: none;
}

.section-search .search-page .ul-wrap ul li.active {
    opacity: 1;
}

.section-search .result {
    display: flex;
    flex-wrap: wrap;
}

.section-search .result > div:first-child {
    padding-right: 30px;
}

.section-search .result > div:last-child {
    padding-left: 30px;
}

.section-search .result > div {
    width: 50%;
}

.section-search .result > div > div {
    margin-bottom: 2.77vh;
}

.section-search .result > div > div > p:first-child {
    width: 100%;
    margin-bottom: 7px;
    font-size: 1.29vh;
    line-height: 0;
}

.section-search .result > div > div > p:first-child a {
    font-size: 1.29vh;
    font-weight: 500;
    border: none;
}

.section-search .result > div > div > p:first-child a:hover {
    border-bottom: 0.09259vh solid;
}

.section-search .result > div > div > a {
    width: 100%;
    font-size: 1.66vh;
    font-weight: 500;
    color: #000000;
}

.section-search .result > div > div > p:last-child {
    width: 90%;
    margin: 0;
    font-size: 1.29vh;
    font-weight: 500;
    opacity: 0.5;
}

.section-search .text {
    font-size: 1.29vh;
    font-weight: 500;
    line-height: 1.85vh;
    text-align: left;
}

.toSlideFix-mob {
    display: none;
    visibility: hidden;
}

.toSlideFix-comp {
    display: block;
    visibility: hidden;
}

.section-awards {
    width: auto;
}

.new_awards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    margin-top: 20px;
}

.new_awards_item {
    width: 42vw;
    height: 42vw;
    margin: 2vw 0;
    position: relative;
}

.new_awards_item img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30%;
    padding: 0 7%;
}

.new_awards_item_years {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 2.777vh;
    text-align: center;
    z-index: 20;
    padding: 0 10% 5% 10%;
}

.new_awards_item_years a {
    display: inline;
    border: none;
    margin: 0 0.5vw;
    color: #0099CC;
    font-weight: 600;
    font-size: 1.481vh;
    line-height: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 120%;
    color: #fff;
  }
  .new_awards_item_years a.gradient {
    color: #ffffff;
  }
  .new_awards_item.gradient::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.3s linear;
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50.52%, rgba(0, 153, 204, 0.8) 100%);
}

.new_awards_item.gradient:hover::before {
    opacity: 1;
}

@media (min-width: 768px) {
    .new_awards {
        margin-top: 40px;
    }
    .new_awards_item {
        width: 50%;
        margin: 0px;
    }
    .new_awards_item img {
        bottom: 20%;
        padding: 0 10%;
    }
    .new_awards_item_years {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding-bottom: 2.777vh;
        text-align: center;
        z-index: 20;
    }
}

@media (min-width: 1200px) {
    .new_wrap {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        position: relative;
        height: calc(100% - 6.94444vh);
    }
    .new_wrap .wrap + div {
        width: calc(100% - 280px);
        height: 100%;
        position: relative;
    }
    .new_awards {
        justify-content: flex-start;
        height: 100%;
        margin-top: 0px;
    }
    .new_awards_item {
        width: calc(100%/3);
        height: calc(100%/3);
    }
    .new_awards_item_years a {
        margin: 0 0.1vw;
    }
    .title_new {
        display: none;
    }
}

.awards-items {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
}

.awards-item {
    position: relative;
    justify-self: center;
    max-height: 355px;
    max-width: 415px;
    min-height: 300px;
    min-width: 350px;
    height: 18.49vw;
    width: 26vw;
}

.awards-item.gradient::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.3s linear;
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50.52%, rgba(0, 153, 204, 0.8) 100%);
}

.awards-item.gradient:hover::before {
    opacity: 1;
}

.awards-item img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 13%;
}

.awards-item .awards-years {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 2.777vh;
    text-align: center;
    z-index: 20;
}

.awards-years a {
    display: inline;
    border: none;
    margin: 0 0.5vw;
    color: #0099CC;
    font-weight: 600;
    font-size: 1.481vh;
    line-height: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.awards-years a.gradient {
    color: #ffffff;
}

.section-members {
    padding-left: 5vw;
    padding-right: 4vw;
}

.section-members .title {
    margin-bottom: 0;
}

.section-members .page_prev {
    margin-top: -5vh;
    margin-bottom: 0;
}

.section-members .title > div {
    position: absolute;
    display: flex;
    top: 20px;
    right: 0;
}

.section-members .title > div  address a {
    color: #000000;
    font-size: 1.666vh;
}

.section-members .member-wrap img {
    display: block;
    position: absolute;
    object-fit: cover;
    left: 0;
    bottom: 0;
    height: auto;
    max-height: 100%;
    max-width: 40vw;
    padding-top: 9.259vh;
    z-index: -1;
}

.section-members .member-description {
    padding: 4vh 0 0 37.60vw;
}

.section-members .member-title .h1 {
    font-weight: 200;
    font-size: 5.555vh;
    line-height: 120%;
    margin-top: 0;
    color: #0099CC;
}

.section-members .member-text {
    font-weight: 400;
    font-size: 1.296vh;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #2B2B2B;
}

.section-members .member-text h3 {
    margin: 2.777vh 0 1.666vh 0;
    font-weight: 500;
    font-size: 1.851vh;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #2B2B2B;
}

.section-members .member-text ul > li:before {
    background: #2B2B2B;
    top: 0.6em;
}

.section-members .member-title h2 {
    margin: 0;
    font-weight: 500;
    font-size: 1.481vh;
    line-height: 180%;
    color: #2B2B2B;
}

.section-members .member-description .link {
    padding-left: 10px;
}

.section-members .member-description .icon-svg {
    stroke-width: 0.09259vh;
    color: #0099CC;
    border-color: #0099CC;
}

.section-projectsOnMain {
    width: 25vw;
    /*width: 33.85vw;*/
}

.section-projectsOnMain .blockquote {
    padding: 2vh 2.5vw;
    /*padding: 3.24vh 4.06vw;*/
}

.section-projectsOnMain .blockquote::after, .section-projectsOnMain .blockquote::before {
    border-width: 2px;
}

.section-projectsOnMain .projectsOnMain-slider {
    position: relative;
    display: inline-block;
    display: -webkit-inline-box;
    overflow-x: hidden;
}

.section-projectsOnMain .projectsOnMain-slider .item {
    width: 100%;
    margin: auto;
}

.section-projectsOnMain .projectsOnMain-slider .item:not(:first-child) {
    visibility: hidden;
}

.section-projectsOnMain .header {
    display: flex;
    justify-content: right;
    margin-bottom: 2.03vh;
}

.section-projectsOnMain .header a {
    border: none;
}

.section-projectsOnMain .header .link {
    display: inline-block;
    margin: 0;
    font-weight: 700;
    font-size: 1.66vh;
    line-height: 100%;
    color: #0099CC;
}

.section-projectsOnMain .header svg {
    width: 1.48vh;
    height: 1.48vh;
    display: inline-block;
    margin-left: 0.83vh;
}

.section-projectsOnMain .projectsOnMain-slider .owl-stage {
    display: flex;
    align-items: center;
}

.section-projectsOnMain .projectsOnMain-slider .owl-item {
    padding: 0;
}

.section-projectsOnMain .projectsOnMain-slider .toLink {
    display: none;
}

.section-projectsOnMain .projectsOnMain-slider .title {
    margin-bottom: 3.5vh;
    font-weight: 700;
    font-size: 4vh;
    /*font-size: 5.37vh;*/
    line-height: 100%;
    color: #0099CC;
}

.section-projectsOnMain .projectsOnMain-slider .text {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 2vh;
    /*font-size: 3.33vh;*/
    line-height: 120%;
    /*text-align: justify;*/
}

.section-projectsPage .page_prev {
    margin-top: -5vh;
    margin-bottom: 0;
}

.section-projectsPage .tabs-standart ul {
    overflow: unset;
}

.section-projectsPage .tabs-standart {
    margin-bottom: 3.7vh;
}

.section-projectsPage .tabs-standart li {
    margin-right: 1.56vw;
}

.section-projectsPage .tabs-standart li a {
    font-weight: 400;
    font-size: 1.29vh;
    line-height: 180%;
    letter-spacing: -0.02em;
}

.section-projectsPage .tabs-standart li.active a {
    font-weight: 600;
    opacity: 1;
}

.section-projectsPage .projects-items {
    width: auto;
    height: auto;
    display: grid;
    grid-auto-columns: min-content;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
    gap: 15px;
}

.section-projectsPage .projects-items.fr1 {
    display: none;
}

.section-projectsPage .projects-items .projects-item {
    width: auto;
    height: 25.92vh;
    position: relative;
    transition: 0.5s ease-out;
}

.section-projectsPage .projects-items .projects-item::before {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    background-color: #000000;
    opacity: 0.6;
    pointer-events: none;
    z-index: 1;
    transition: 0.5s ease-out;
}

.section-projectsPage .projects-items .projects-item:hover::before {
    opacity: 0.75;
    transition: 0.3s ease-out;
}

.section-projectsPage .projects-items .projects-item:hover {
    transform: scale(1.03);
    transition: 0.3s ease-out;
}

.section-projectsPage .projects-items .projects-item a {
    border: none;
}

.section-projectsPage .projects-items .projects-item a svg {
    width: auto;
    height: 100%;
    display: block;
}

.section-projectsPage .projects-items .projects-item .number {
    height: 28px;
    display: flex;
    position: absolute;
    top: 15px;
    left: 15px;
    align-items: center;
    margin: 0;
    z-index: 1;
}

.section-projectsPage .projects-items .projects-item .number p {
    margin: 0 3px;
    font-weight: 800;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    text-transform: uppercase;
    color: #0099CC;
}

.section-projectsPage .projects-items .projects-item .number svg {
    width: 8px;
    height: inherit;
}

.section-projectsPage .projects-items .projects-item a img {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100%);
    transition: 0.5s ease-out;
}

.section-projectsPage .projects-items .projects-item a div {
    width: auto;
    height: auto;
    right: 1.38vh;
    bottom: 1.38vh;
    left: 1.38vh;
    position: absolute;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 1.29vh;
    line-height: 140%;
    letter-spacing: 0.01em;
    hyphens: auto;
    color: #FFFFFF;
    z-index: 2;
}

.section-projectsPage .projects-items .projects-item a div p {
    margin: 0;
    padding: 0;
    font: inherit;
}

.section-projectsPage .line-arrows {
    width: auto;
    position: absolute;
    top: auto;
    bottom: 5vh;
    right: 0;
    left: 66.85vw;
}

.section-projectsPageOne .title {
    margin-top: -9vh;
    margin-bottom: 4.62vh;
}

.section-projectsPageOne h1 {
    font-weight: 200;
    font-size: 5.55vh;
    line-height: 120%;
    color: #0099CC;
}

.section-projectsPageOne h2 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 2.22vh;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #2B2B2B;
}

.section-projectsPageOne .descr .text_block {
    margin-bottom: 4.62vh;
}

.section-projectsPageOne .descr .text_block li::before {
    top: 8px;
}

.section-projectsPageOne .descr .text_block p, .section-projectsPageOne .descr .text_block ul, .section-projectsPageOne .descr .text_block li {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #2B2B2B;
}

.section-projectsPageOne .descr .text_block ul, .section-projectsPageOne .descr .text_block li, .section-projectsPageOne .descr .text_block li > p {
    margin-bottom: 0;
}

.section-projectsPageOne .tags {
    width: 50%;
}

.section-projectsPageOne .tags p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #0099CC;
}

.section-projectsPageOne .tags p span {
    white-space: nowrap;
}

.section-projectsPageOne .more-projects {
    display: block;
}

.section-projectsPageOne .more-projects .projects-items {
    width: 100%;
    height: auto;
    grid-template-columns: repeat(auto-fill, minmax(100px, 360px));
    grid-template-rows: 1fr;
    grid-auto-flow: row;
    margin-bottom: 50px;
}

.section-projectsPageOne .more-projects .projects-items .projects-item {
    height: auto;
}

.section-reviews {
    width: calc(100vw - 6vw);
}

.section-team {
    width: calc(100vw - 10vw);
    padding-left: 0;
}

.section-contacts [class*="copyrights-pane"] {
    display: none !important;
}

.section-members .member-text .rating {
    display: flex;
    align-items: center;
}

.section-members .member-text .rating a {
    margin: 10px;
    border: none;
}

.section-members .member-text .rating a[href="javascript:void(0)"] {
    pointer-events: none;
}

.section-members .member-text .rating img {
    width: auto;
    height: 30px;
    position: static;
    object-fit: contain;
    padding: 0;
    margin: 0;
}



@media (max-width: 1800px) {
    .pop_call-request {
        width: 55vw;
    }
}

@media (max-width: 1320px) {
    .spec__img {
        display: none;
    }

    .pop_call-request {
        width: 60vw;
    }
}

@media (max-width: 1000px) {
    .pop_call-request {
        width: 80vw;
    }

    .pop_call-request .fancybox-close-small {
        right: 20px !important;
        top: 20px !important;
    }
}
@media (max-width: 900px) {
    .reward-slider {
        margin: auto;
    }
}

@media (max-width: 760px) {
    .pop_call-request {
        width: auto;
    }

    .pop_call-request .fancybox-close-small {
        right: 20px !important;
        top: 20px !important;
    }
}

@media (max-width: 360px) {
    .pop_call-request .fancybox-close-small {
        right: 20px !important;
        top: 20px !important;
    }
}

@media (max-height: 755px) {
    .spec {
        padding: 0 80px;
    }

    .spec__img {
        margin-right: 80px;
        height: 85%;
    }

    .spec__content-block {
        padding-top: 30px;
    }

    .spec__title {
        margin-top: 2.7vh;
        font-size: 30px;
    }

    .spec__job {
        margin-bottom: 8px;
        font-size: 10px;
    }

    .spec__tabs-list {
        margin-bottom: 8px;
    }

    .spec__tabs-item {
        font-size: 15px;
    }

    .spec__tab {
        font-size: 13px;
    }

    .reward-slider {
        width: 310px !important;
    }

    .projects-company-slider {
        margin-top: 100px;
    }

    .contact-item-button {
        margin-top: 0;
    }

    .pop_call-request .fancybox-close-small {
        right: 20px !important;
        top: 20px !important;
    }

    .section-search .search-page form > input:first-child {
        font-size: 14px;
    }

    .section-search .result > div > div > p:first-child {
        font-size: 14px;
    }

    .section-search .result > div > div > p:first-child a {
        font-size: 14px;
    }

    .section-search .result > div > div > a {
        font-size: 16px;
    }

    .section-search .result > div > div > p:last-child {
        font-size: 14px;
    }

    .section-search .search-page .ul-wrap ul li {
        font-size: 13px;
    }

    .section-search .text {
        font-size: 12px;
        line-height: 120%;
    }

    .awards-years a.gradient {
        color: #ffffff;
    }

    .awards-years a {
        font-size: 14px;
        line-height: 120%;
    }

    .section-members .member-description {
        padding: 0 0 0 55vh;
    }

    .section-members .member-title .h1 {
        font-size: 30px;
    }

    .section-members .member-text {
        font-size: 14px;
    }

    .section-members .member-text h3 {
        font-size: 20px;
    }

    .section-members .member-title h2 {
        font-size: 16px;
    }

    .section-members .icon-logo, .section-search .icon-logo {
        width: 50px;
        height: 50px;
        margin-right: 15px;

    }

    .section-members .icon-logo .icon-svg, .section-search .icon-logo .icon-svg {
        font-size: 50px;
    }

    .section-members .member-description .link .text,  .section-search .member-description .link .text {
        font-size: 14px;
    }

    .reward-slider p {
        top: 0;
        font-size: 20px;
    }
}

@media (max-width: 650px) {
    .spec__top-nav {
        flex-direction: column;
    }

    .spec__contacts {
        margin-top: 14px;
    }

    .spec {
        padding: 0 20px 40px;
        height: auto;
    }

    .spec__back {
        font-size: 13px;
    }

    .spec__contact-link {
        font-size: 13px;
    }

    .spec__title {
        margin-top: 14px;
        margin-bottom: 5px;
        font-size: 26px;
    }

    .spec__job {
        font-size: 11px;
        margin-bottom: 14px;
    }

    .spec__tabs-item {
        font-size: 12px;
    }

    .spec__tab {
        font-size: 14px;
    }

    .reward-slider {
        width: 90% !important;
    }

    .callback_close_btn {
        position: absolute;
        font-size: 30px;
        font-weight: 100;
        transform: scale(1.4, 1);
        text-decoration: none;
        border: none;
        top: -30px;
        right: -10px;
    }

    .contact-item-button {
        margin-top: 0;
    }

    .pop_call-request .blockquote {
        padding: 55px 20px;
    }

    .pop_call-request .fancybox-close-small {
        right: 20px !important;
        top: 20px !important;
    }
}

@media screen and (max-width: 500px) and (max-height: 1300px) {
    .section-members .member-title .h1 {
        font-size: 30px;
    }

    .section-members .member-text {
        font-size: 14px;
    }

    .section-members .member-text h3 {
        font-size: 20px;
    }

    .section-members .member-title h2 {
        font-size: 16px;
    }
}

.wap {
    border-bottom: none;
}

.section-about-achive_block {
    box-sizing: border-box;
    background: #09C;
}

.section-about-achive_block_item {
    display: flex;
    align-items: center;
}

.feat-items {
    line-height: 1.1 !important;
}

.feat-items .angles-top {
    display: none !important;
}

.feat-items .angles-bottom {
    display: none !important;
}

.feat-items {
    box-sizing: border-box;
    background:#09C;
    padding: 25px;
}

.feat-title span {
    color: #fff !important;
}

.text-small span {
    color: #fff !important;
}

.feat-item .feat-bg {
    display: none !important;
}

.feat-item {
    margin-top: 30px;
}
.feat-item:first-child {
    margin-top: 0px;
}
.text-small {
    margin-top: 15px;
}
.text-small p {
    color: #fff;
}

@media (min-width: 768px) {
    .feat-items {
        padding: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .feat-item {
        width: calc(50% - 20px);
    }
    .feat-item:nth-child(2) {
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .feat-items {
        padding: 0px 30px;
        flex-direction: column;
        width: 490px;
        height: 100%;
        justify-content: space-around;
    }
    .feat-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 0px;
    }
    .feat-item:nth-child(2) {
        margin-top: 0px;
    }
    .feat-title {
        width: 50%;
    }
    .text-small {
        width: 50%;
        margin-top: 0px;
    }
}

.new_block_team_item {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #2B2B2B;
    margin-top: 50px;
}

.new_block_team_item_img {
    position: relative;
    overflow: hidden;
    transform: translateY(-30px);
}

.new_block_team_item_img::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 400px;
    box-sizing: border-box;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #09C 0%, rgba(255, 255, 255, 0.00) 100%);
    filter: blur(50px);
    bottom: -200px;
}

.new_block_team_item_img img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.new_block_team_item_descr {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 64px;
    background: #09C;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.new_block_team_item_descr .name {
    color: #FFF;
    font-size: 18px;
    line-height: 20px;
}

.new_block_team_item_descr .job {
    color: #FFF;
    font-size: 13px;
}

.new_block_team_item:hover .new_block_team_item_descr {
    background: #fff;
    transition: all 0.3s linear;
}

.new_block_team_item:hover .new_block_team_item_descr .name {
    color: #000;
    transition: all 0.3s linear;
}

.new_block_team_item:hover .new_block_team_item_descr .job {
    color: #000;
    transition: all 0.3s linear;
}

.new_block_team_item .angles-bottom {
    z-index: 3;
    opacity: 0;
    transition: all 0.3s linear;
    height: 1px;
    background: #0099CC;
    width: 100%;
}

.new_block_team_item .angles-bottom::before {
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-right: 0;
    border-top: 0;
    bottom: 0px;
}

.new_block_team_item .angles-bottom::after {
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-left: 0;
    border-top: 0;
    bottom: 0px;
}

.new_block_team_item:hover .angles-bottom {
    opacity: 1;
    transition: all 0.3s linear;
}

@media (min-width: 768px) {
    .new_block_team {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .new_block_team_item {
        width: calc(50% - 20px);
    }
    .new_block_team_item:first-child {
        margin-top: 20px;
    }
    .new_block_team_item:nth-child(2) {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .team-about-wrap_new {
        width: calc(100% - 32.667vw);
    }
    .new_block_team {
        justify-content: flex-start;
    }
    .new_block_team_item {
        width: calc(100%/3 - 15px);
        margin-right: 22px;
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .new_block_team_item:nth-child(2) {
        margin-top: 0px;
    }
    .new_block_team_item:first-child {
        margin-top: 0px;
    }
    .new_block_team_item:nth-child(3n) {
        margin-right: 0px;
    }
    .new_block_team_item_descr .name {
        font-size: 16px;
        line-height: 18px;
    }
    .new_block_team_item_descr .job {
        font-size: 10px;
    }
}

@media (min-width: 1600px) {
    .team-about-wrap_new {
        width: calc(100% - 30vw);
    }
    .new_block_team_item {
        width: 245px;
        margin-right: 40px;
    }
    .new_block_team_item_descr .name {
        font-size: 18px;
        line-height: 20px;
    }
    .new_block_team_item_descr .job {
        font-size: 12px;
    }
}

.section_other_list ul {
    list-style: none;
    padding: 0px;
}

.section_other_list_item {
    margin-top: 30px;
}

.section_other_list_item a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
    border-bottom: none;
    transition: all 0.3s linear;
}

.section_other_list_item_wrap p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.section_other_list_item_wrap {
    position: relative;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 20px;
}

.section_other_list_item_wrap .angles-left {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-left: 1px solid #0099CC;
}

.section_other_list_item_wrap .angles-left::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    left: -1px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.section_other_list_item_wrap .angles-left::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-right: 0;
    border-top: 0;
    position: absolute;
    left: -1px;
    bottom: 0px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.section_other_list_item_wrap .angles-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    border-right: 1px solid #0099CC;
}

.section_other_list_item_wrap .angles-right::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: 0px;
    right: -1px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.section_other_list_item_wrap .angles-right::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #0099CC;
    border-left: 0;
    border-top: 0;
    position: absolute;
    right: -1px;
    bottom: 0px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.section_other_list_item.active a {
    color: #0099CC;
    transition: all 0.3s linear;
    text-decoration: underline;
}

.section_other_feature {
    display: none;
}


@media (min-width: 1200px) {
    .section_other {
        padding-bottom: 0px;
        height: 100vh;
    }
    .section_other_list {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 2;
    }
    .section_other_list_item_wrap {
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        transition: all 0.3s linear;
    }
    .section_other_list_item {
        margin-top: 30px;
    }
    .section_other_list_item:first-child {
        margin-top: 0px;
    }
    .section_other_list_item_wrap {
        margin-top: 0px;
        width: 500px;
        height: 250px;
        padding: 30px 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .section_other_list_item.active .section_other_list_item_wrap {
        opacity: 1;
        transition: all 0.3s linear;
    }
    .section_other_feature {
        display: block;
        position: absolute;
        right: 6.77083vw;
        bottom: 0px;
        width: 700px;
    }
}

@media (min-width: 1440px) {
    .section_other_feature {
        width: 800px;
    }
}

@media (min-width: 1600px) {
    .section_other_list_item {
        margin-top: 50px;
    }
    .section_other_list_item a {
        font-size: 20px;
    }
    .section_other_list_item_wrap {
        width: 680px;
        height: 360px;
        padding: 0px 76px;
    }
    .section_other_list_item_wrap p {
        font-size: 20px;
    }
    .section_other_feature {
        width: 800px;
    }
}

@media (min-width: 1920px) {
    .section_other_feature {
        width: 850px;
    }
}

.section_proj_list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.section_proj_list_item {
    margin-top: 20px;
    position: relative;
    transition: 0.5s ease-out;
    width: 100%;
}

.section_proj_list_item:hover {
    transform: scale(1.03);
    transition: 0.3s ease-out;
}

.section_proj_list_item:hover::before {
    opacity: 0.75;
    transition: 0.3s ease-out;
}

.section_proj_list_item a {
    border: none;
    display: block;
}

.section_proj_list_item a svg {
    width: 100%;
    height: auto;
}

.section_proj_list_item .number {
    height: 28px;
    display: flex;
    position: absolute;
    top: 15px;
    left: 15px;
    align-items: center;
    margin: 0;
    z-index: 1;
}

.section_proj_list_item .number svg {
    width: 8px;
    height: inherit;
}

.section_proj_list_item .number p {
    margin: 0 3px;
    font-weight: 800;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    text-transform: uppercase;
    color: #0099CC;
}

.section_proj_list_item a div {
    width: auto;
    height: auto;
    right: 1.38vh;
    bottom: 1.38vh;
    left: 1.38vh;
    position: absolute;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 1.29vh;
    line-height: 140%;
    letter-spacing: 0.01em;
    hyphens: auto;
    color: #FFFFFF;
    z-index: 2;
}

.section_proj_list_item a div {
    font-size: 16px;
}

.section_proj_list_item a div p {
    margin: 0;
    padding: 0;
    font: inherit;
}

.section_proj_list_item a img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100%);
    transition: 0.5s ease-out;
}

.section_proj_list_item::before {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    background-color: #000000;
    opacity: 0.6;
    pointer-events: none;
    z-index: 1;
    transition: 0.5s ease-out;
  }

.section_proj_list_item:first-child {
    margin-top: 0px;
}

@media (min-width: 768px) {
    .section_proj_list {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .section_proj_list_item {
        width: calc(50% - 10px);
    }
    .section_proj_list_item:nth-child(2) {
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .section-members-other .member-wrap img {
        height: 88%;
    }
    .section-members-other .member-description {
        padding: 8vh 0 0 37.60vw;
    }
    .section_proj_wrap {
        width: 90%;
    }
    .section_proj_list {
        justify-content: flex-start;
        width: 100%;
    }
    .section_proj_list_item {
        width: calc(100%/3 - 45px/3);
        margin-right: 22px;
        margin-top: 22px;
        max-width: 360px;
    }
    .section_proj_list_item img {
        height: 180px;
    }
    .section_proj_list_item:first-child {
        margin-top: 0px;
    }
    .section_proj_list_item:nth-child(2) {
        margin-top: 0px;
    }
    .section_proj_list_item:nth-child(3) {
        margin-top: 0px;
    }
    .section_proj_list_item:nth-child(3n) {
        margin-right: 0px;
    }
    .section_proj_list_item a div {
        font-size: 16px;
        right: 2.38vh;
        bottom: 2.38vh;
        left: 2.38vh;
    }

}

@media (max-width: 1600px) {
    .section_proj_list_item a div {
        font-size: 12px;
    }
}

@media (min-width: 1600px) {
    .section_proj_list_item img {
        height: auto;
    }
    .section_proj_awards {
        width: 1124px;
    }
}

@media (min-width: 1920px) {
    .section_proj_list_item img {
        height: 220px;
    }
}

.section_proj_awards h3 {
    color:#09C;
    font-size: 26px;
    font-style: normal;
    font-weight: 200;
    line-height: 120%; /* 38.4px */
}

.section_proj_awards_images {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.section_proj_awards_images img {
    max-width: 45%;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .section_proj_awards h3 {
        font-size: 32px;
    }
}

@media (min-width: 1200px) {
    .section_proj_awards_images img {
        max-width: calc(100%/6 - 20px);
    }
}

.title_awards .h1 {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .title_awards .h1 {
        margin-top: 40px;
    }
}

@media (min-width: 1200px) {
    .title_awards {
        margin-bottom: 0px !important;
        transform: translateY(-46px);
    }
    .title_awards .h1 {
        margin-top: 0px;
    }
}

@media (min-width: 1920px) {
    .title_awards {
        transform: translateY(-59px);
    }
}

.section-crash .crash-content_sec {
    padding-left: 0px;
}

.crash_block_text_presentation {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 250px;
    text-decoration: none !important;
    border: none;
    margin-top: 20px;
}

.crash_block_text_presentation_btn {
    width: 100%;
    height: 48px;
    padding: 0px;
    transform: translateY(-1px);
    line-height: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crash_block_text_presentation_btn span {
    font-size: 12px;
}

@media (min-width: 1200px) {
    .crash_block_text {
        display: flex;
        align-items: flex-start;
    }
    .crash_block_text_presentation {
        margin-top: 0px;
        margin-left: 34px;
    }
}

.crash_block_text_adva ul li {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.crash_block_text_adva ul li::before {
    display: none;
}

.crash_block_text_adva ul li p {
    margin: 0px;
}

.crash_block_text_adva ul li p:first-child {
    color: #09C;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 76.8px */
    width: 45px;
    min-width: 45px;
    text-align: center;
}

.crash_block_text_adva ul li p:nth-child(2) {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
    width: calc(100% - 60px);
}

.crash_block_text_adva ul li p:nth-child(3) {
    width: 100%;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

@media (min-width: 1200px) {
    .crash_block_text_adva h3 {
        color: #000;
        font-size: 32px;
        font-weight: 600;
    }
    .crash_block_text_adva ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .crash_block_text_adva ul li p:nth-child(2) {
        width: 261px;
        min-width: 261px;
    }
    .crash_block_text_adva ul li p:nth-child(3) {
        width: calc(100% - 370px);
    }
}
/* Стили для закрепленного блока контактов из меню */
#fixed-menu-contacts.fixed-menu-contacts-container {
    position: fixed;
    top: 0; /* Располагаем под основным меню .menu, если оно фиксированное, можно поставить top: 60px или другое значение */
    left: 0;
    width: 100vw; /* Или 100% */
    z-index: 9997; /* Ниже, чем .menu (10000), но выше .scroll-content-main */
    display: none; /* Скрываем по умолчанию */
    background: rgba(255, 255, 255, 0.95); /* Полупрозрачный фон */
    padding: 10px 0; /* Отступы */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Тень */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    /* Можно добавить backdrop-filter: blur(5px); для эффекта размытия фона (поддержка не во всех браузерах) */
}

#fixed-menu-contacts.fixed-menu-contacts-container.visible {
    display: block;
    opacity: 1;
}

/* Адаптация под мобильные устройства */
@media (max-width: 767px) { /* Замените на ваш мобильный брейкпоинт */
    #fixed-menu-contacts.fixed-menu-contacts-container {
        display: none !important; /* Скрываем на мобильных, так как там другое меню */
    }
}
/* End */


/* Start:/local/media/css/responsive-dist.css?174055227768230*/
@charset "UTF-8";
@media screen and (min-width: 901px) {
    /*.man {
        background-image: url(/local/media/css/../img/graphics/man.png)
    }*/

    .skyscraper-img {
        background-image: url(/local/media/css/../img/graphics/skyscraper.png)
    }
}

@media screen and (min-width: 1201px) {
    .btn:hover {
        opacity: 0.5
    }

    .btn-border-white:hover {
        background: #fff;
        color: #0099CC !important;
        opacity: 1
    }

    .btn-white:hover {
        opacity: 0.5
    }

    .btn-border:hover {
        background: #0099CC;
        color: #ffffff;
        opacity: 1
    }

    .btn-black:hover {
        background: rgba(77, 77, 77, 0.8);
        opacity: 1
    }

    .owl-nav button:hover svg {
        -webkit-transform: translateX(-1.04167vw);
        -ms-transform: translateX(-1.04167vw);
        transform: translateX(-1.04167vw)
    }

    .calendar-wrap .fc-button-primary {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .calendar-wrap .fc-button-primary:hover {
        opacity: 0.5
    }
}


@media screen and (max-width: 1400px) {
    .section-about-team .team-aside .descr {
        bottom: 6vh
    }

    .section-projectsPageOne h1 {
        font-size: 30px;

    }

    .section-projectsPageOne .tags {
        width: 100%;
    }

    .section-projectsPageOne .more-projects .projects-items {
        grid-template-columns: repeat(3, minmax(100px, 360px));
    }
}


@media screen and (max-width: 1200px) {
    body {
        /*cursor: pointer;*/
        font-size: 16px
    }

    .page {
        height: auto;
        margin-left: 100px
    }

    .main-page.page {
        margin-left: 50px
    }

    .main-page.scroll-section {
        width: calc(100vw - 50px)
    }

    body, html {
        overflow: visible !important
    }

    .scroll-content-wrap {
        height: auto;
        display: block
    }

    .scroll-content-main {
        overflow: hidden;
        height: auto;
        display: block;
        white-space: normal
    }

    .scroll-section {
        position: relative;
        padding: 30px 60px 60px;
        width: calc(100vw - 100px);
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100)
    }

    .title {
        margin-bottom: 50px
    }

    .title-top {
        margin-top: 0px
    }

    .h1, h1 {
        font-size: 48px
    }

    .h2, h2 {
        font-size: 30px
    }

    .h3, h3 {
        font-size: 22px;
        letter-spacing: 1px
    }

    .h4, h4 {
        font-size: 20px;
        letter-spacing: 1px
    }

    .h5, h5 {
        font-size: 18px
    }

    .h6, h6 {
        font-size: 16px
    }

    .btn {
        min-width: 180px;
        font-size: 15px;
        height: 64px;
        line-height: 62px;
        padding: 0 30px;
        letter-spacing: 2px;
        border-width: 1px
    }

    .link, .link-lined, .link-lined-out {
        font-size: 13px
    }

    .link-lined:before {
        height: 1px
    }

    .link-lined-out:before {
        height: 1px
    }

    .link-letters .text {
        border-width: 1px
    }

    .link-letters:hover {
        letter-spacing: 4px
    }

    .text_block .row {
        margin-top: 30px
    }

    .text_block .row > div {
        margin-bottom: 30px
    }

    .text_block img {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .text_block img + img {
        margin-top: -15px
    }

    .text_block .blockquote {
        margin-bottom: 30px
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin: 30px 0 16px
    }

    p {
        margin-bottom: 15px
    }

    a {
        border-width: 1px
    }

    figure {
        margin-bottom: 35px;
        margin-top: 35px
    }

    figure img {
        margin: 0
    }

    figure + figure {
        margin-top: -15px
    }

    figcaption {
        margin-top: 7px
    }

    .blockquote {
        padding: 20px 30px 25px
    }

    .blockquote:before {
        width: 20px;
        border-width: 1px
    }

    .blockquote:after {
        width: 20px;
        border-width: 1px
    }

    .owl-nav button {
        margin-top: -30px;
        width: 60px;
        height: 60px
    }

    .owl-nav button svg {
        margin-left: -11px;
        margin-top: -23px;
        width: 23px;
        height: 46px;
        stroke-width: 1px
    }

    .owl-nav .owl-prev {
        left: -60px
    }

    .owl-nav .owl-next {
        right: -60px
    }

    .menu .menu-visible {
        width: 50px
    }

    .menu .menu-visible .logo a {
        height: 150px;
        line-height: 150px
    }

    .menu .menu-visible .logo a img {
        height: 35px;
        width: 35px
    }

    .menu .submenu-visible {
        width: 50px;
        left: 50px
    }

    .menu .submenu-visible .icon-svg {
        stroke-width: 1px
    }

    .menu .submenu-visible .icon-svg:first-child {
        margin-bottom: 8px
    }

    .menu .submenu-visible .icon-svg:last-child {
        margin-top: 5px
    }

    .menu .menu-link {
        font-size: 12px
    }

    .menu .menu-hidden-wrap {
        overflow-x: hidden;
        overflow-y: auto
    }

    .menu .menu-hidden-wrap .btn-plus {
        width: 30px;
        height: 30px;
        top: -2px;
        margin-right: 15px
    }

    .menu .submenu-hidden .menu-hidden-wrap {
        padding-left: 50px;
        padding-top: 10px
    }

    .menu .menu-hidden {
        width: 380px;
        padding: 30px 30px 20px 70px
    }

    .menu .menu-hidden .close {
        width: 50px;
        font-size: 20px
    }

    .menu .menu-hidden .logo {
        margin-bottom: 30px
    }

    .menu .menu-hidden .menu-items li {
        margin-bottom: 15px
    }

    .menu .menu-hidden .menu-items li a {
        font-size: 16px
    }

    .menu .menu-hidden .menu-items .arrows {
        top: -5px;
        right: -30px
    }

    .menu .menu-hidden .menu-items .arrows:after {
        height: 1px
    }

    .menu .menu-hidden .menu-items .arrows .icon-svg {
        stroke-width: 1px;
        margin-top: -4px
    }

    .menu .menu-hidden .menu-items .arrows .icon-svg + .icon-svg {
        margin-left: -13px
    }

    .menu .menu-hidden .menu-contacts {
        padding-top: 30px;
        margin-top: 30px
    }

    .menu .menu-hidden .menu-contacts:before {
        width: 100px;
        height: 1px
    }

    .menu .menu-hidden .menu-contacts a {
        font-size: 16px
    }

    .menu .menu-hidden .menu-contacts address {
        margin-bottom: 12px;
        font-size: 10px
    }

    .menu .menu-hidden .menu-contacts .address {
        margin-top: 15px
    }

    .menu .menu-hidden .menu-contacts .copyright {
        font-size: 14px
    }

    .menu .menu-hidden .menu-contacts .link-conf {
        font-size: 14px
    }

    .menu .menu-hidden .menu-contacts .btn {
        margin-top: 20px
    }

    .menu .menu-hidden .menu-contacts .social {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .menu .submenu-hidden {
        left: 100px;
        width: 350px;
        padding: 60px 30px 20px 30px
    }

    .menu .submenu-hidden li {
        margin-bottom: 20px
    }

    .menu .submenu-hidden li a {
        font-size: 14px
    }

    .popup-active .submenu-hidden {
        left: 350px
    }

    .social a {
        width: 34px;
        height: 34px;
        line-height: 32px;
        margin-right: 15px
    }

    .logo img {
        height: 35px
    }

    .header-contacts a {
        margin-left: 24px;
        font-size: 16px
    }

    .header-contacts address:nth-child(4) {
        display: none;
    }

    .section-main .text-quote {
        letter-spacing: 5px;
        font-size: 14px
    }

    .section-main .section-top {
        margin-top: 0px;
        margin-bottom: 0
    }

    .section-top {
        height: auto;
        top: 0;
        margin-bottom: 50px
    }

    .mouse-scroll {
        right: 60px;
        bottom: 150px;
        width: 40px;
        height: 26px;
        border-radius: 333px;
        border-width: 1px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .mouse-scroll .mouse-arrow {
        height: 16px;
        width: 95px;
        left: 22px
    }

    .section-about .man {
        width: 300px;
        left: 50px
    }

    .section-about .about_block {
        padding-left: 350px
    }

    .section-about .about_block .title {
        margin-left: -130px
    }

    .section-about .about_block .descr {
        max-width: 850px
    }

    .section-about .about_block .link-letters {
        margin-top: 70px
    }

    .section-about .architecture-img {
        width: 400px;
        height: 400px
    }

    .section-about .icon-top-wrap {
        margin-top: 60px
    }

    .icon-top-wrap .icon-top {
        margin: auto;
    }

    .icon-top-wrap .text-small {
        font-size: 13px
    }

    .icon-top {
        width: 80px;
        height: 60px
    }

    .icon-logo {
        width: 38px;
        height: 38px;
        margin-right: 12px
    }

    .icon-logo .icon-svg {
        font-size: 38px
    }

    .section-benefits .title {
        margin-left: 0px
    }

    .section-benefits .descr {
        padding-left: 0px
    }

    .section-benefits .descr .tabs li {
        margin-bottom: 30px
    }

    .section-benefits .descr .tabs a {
        font-size: 16px
    }

    .section-benefits .descr .tabs .link-letters {
        font-size: 13px
    }

    .section-benefits .descr .link {
        margin-top: 50px
    }

    .section-benefits .descr .tabs-content {
        margin-top: 0px
    }

    .section-benefits .descr .blockquote {
        max-width: 650px
    }

    .section-benefits .descr .blockquote:before {
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    .section-benefits .descr .blockquote:after {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px)
    }

    .section-benefits .skiers-img {
        width: 600px;
        height: 400px
    }

    .chart-nav {
        margin: 190px 0 30px
    }

    .chart-nav .line:before {
        width: 1px;
        height: 7px
    }

    .chart-nav .nav-item:after {
        top: -70px;
        bottom: -150px
    }

    .chart-nav .nav-item:not(.section):before {
        width: 1px;
        height: 15px
    }

    .chart-nav .nav-item.section:before {
        width: 21px;
        height: 21px
    }

    .hover-reveal {
        width: 400px
    }

    .hover-reveal__img {
        height: 200px
    }

    .hover-reveal__text {
        padding: 25px 30px 30px
    }

    .section-projects {
        padding-top: 0
    }

    .section-projects .title {
        padding-right: 320px
    }

    .projects-wrap {
        margin-left: 0px;
        max-width: 100%;
        padding-right: 320px
    }

    .projects-wrap .link-letters {
        margin-top: 50px
    }

    .project-item {
        padding: 0 1px
    }

    .project-item .h2 {
        margin-bottom: 45px
    }

    .projects-company {
        width: 340px;
        padding: 30px 50px 0;
        font-size: 12px;
        color: #fff
    }

    .projects-company .bg-blue {
        height: 100%
    }

    .projects-company .company-logo {
        margin-bottom: 20px
    }

    .projects-company .company-logo img {
        max-height: 50px
    }

    .projects-company .cert-img {
        margin: 30px 0
    }

    .projects-company .cert-img img {
        max-width: 100%;
        max-height: 150px
    }

    .projects-company .author {
        margin-bottom: 10px
    }

    .clients-wrap {
        margin-left: 0px;
        max-width: 460px
    }

    .clients-wrap .h2 {
        margin-bottom: 45px
    }

    .clients-wrap .link-letters {
        margin-top: 70px
    }

    .client-item {
        height: 150px
    }

    .client-item a {
        padding: 20px
    }

    .client-item a:hover .angles-bottom:before {
        -webkit-transform: translate(-20px, 20px);
        -ms-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px)
    }

    .client-item a:hover .angles-bottom:after {
        -webkit-transform: translate(20px, 20px);
        -ms-transform: translate(20px, 20px);
        transform: translate(20px, 20px)
    }

    .client-item .client-logo img {
        max-height: 20px
    }

    .client-item .icon-svg {
        stroke-width: 1px;
        right: 20px;
        bottom: 20px;
        -webkit-transform: translate(20px, 20px);
        -ms-transform: translate(20px, 20px);
        transform: translate(20px, 20px)
    }

    .client-item .angles-top:before {
        width: 20px;
        height: 20px;
        border-width: 1px
    }

    .client-item .angles-top:after {
        width: 20px;
        height: 20px;
        border-width: 1px;
        right: -1px
    }

    .client-item .angles-bottom:before {
        width: 20px;
        height: 20px;
        border-width: 1px;
        bottom: -1px
    }

    .client-item .angles-bottom:after {
        width: 20px;
        height: 20px;
        border-width: 1px;
        right: -1px;
        bottom: -1px
    }

    .journal-img {
        width: 600px;
        height: 400px;
        left: auto;
        right: -200px
    }

    .snowrider-img {
        width: 520px;
        height: 300px;
        left: 0;
        bottom: 0;
        position: relative;
        margin-top: 40px
    }

    .section-team {
        padding-top: 0
    }

    .team-wrap {
        padding-left: 0px;
        padding-right: 300px
    }

    .team-about-wrap {
        padding-left: 0px
    }

    .team-about-wrap .link-letters {
        margin-top: 60px
    }

    .team-about-wrap .text_block {
        max-width: 753px
    }

    .team-carousel {
        max-width: 1240px;
        margin-top: 40px
    }

    .team-carousel .owl-nav .owl-next svg {
        stroke: #0099CC
    }

    .team-photo-item {
        position: relative;
        overflow: hidden
    }

    .team-photo-item .descr {
        padding: 0 30px 20px;
        font-size: 14px
    }

    .team-photo-item .descr .name {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .team-photo-item .descr .job {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .team-aside {
        width: 300px
    }

    .team-aside .descr {
        padding: 30px 30px 0
    }

    .team-aside .descr .btn {
        margin-top: 35px
    }

    .skyscraper-img {
        width: 300px;
        height: 500px
    }

    .section-main {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100)
    }

    .section-reviews .line-arrows {
        display: none
    }

    .cookies-section {
        height: auto;
        font-size: 14px;
        margin-left: 50px;
        padding: 20px 30px
    }

    .cookies-section .btn {
        height: 54px;
        line-height: 52px;
        margin: 0 13px
    }

    .cookies-section .btns {
        margin-top: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .section-crash {
        font-size: 14px
    }

    .section-crash .descr {
        max-width: none
    }

    .section-crash .link-letters {
        margin-top: 40px
    }

    .section-crash .line-arrows {
        display: none
    }

    .service-items {
        margin-top: 45px
    }

    .service-items .row {
        margin-left: -50px;
        margin-right: -50px
    }

    .service-items .row > div {
        padding: 0 50px
    }

    .service-item .h4 {
        margin: 0 0 16px
    }

    .service-item .blockquote:before {
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px)
    }

    .service-item .blockquote:after {
        -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
        transform: translateX(70px)
    }

    .text-small {
        font-size: 14px
    }

    .portfolio-item {
        border-width: 1px;
        padding: 25px 20px
    }

    .portfolio-item .angles-top:before {
        top: -1px
    }

    .portfolio-item .angles-top:after {
        top: -1px
    }

    .portfolio-item .row {
        margin-left: -20px;
        margin-right: -20px
    }

    .portfolio-item .row > div {
        padding: 0 20px
    }

    .portfolio-item .portfolio-logo {
        height: 100px
    }

    .portfolio-item ul {
        padding-top: 10px
    }

    .portfolio-item li {
        margin-right: 30px
    }

    .portfolio-item .text-small {
        font-size: 13px
    }

    .about-info-content .title {
        margin-top: 0
    }

    .section-about-info {
        padding-bottom: 0
    }

    .section-about-info .line-arrows {
        display: none;
        bottom: auto;
        top: 0;
        left: 0px;
        width: 1px;
        height: 100%
    }

    .section-about-info .about-bg {
        display: none
    }

    .section-about-info .video-responsive {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        top: 0;
        margin-bottom: 30px;
        margin-top: 0
    }

    .section-about-info .video-responsive .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-about-info .video-responsive .play {
        font-size: 95px;
        line-height: 95px
    }

    .about-info-content {
        padding-left: 0
    }

    .about-info-content .descr {
        padding-left: 0px
    }

    .section-about-features .line-arrows {
        top: 170px;
        left: 1400px;
        width: 450px
    }

    .section-about-features .icon-top-wrap {
        left: 0;
        position: relative;
        margin-top: 50px
    }

    .section-about-team {
        padding-bottom: 0
    }

    .section-about-team .team-about-wrap {
        position: relative;
        padding-left: 0px
    }

    .section-about-team .team-about-wrap .text_block {
        max-width: 700px
    }

    .section-about-team .team-items {
        left: 0;
        bottom: auto;
        top: 0%;
        margin-top: 0px;
        padding-right: 0px;
        margin-bottom: 30px;
        position: relative
    }

    .section-about-team .team-aside {
        margin-top: 40px;
        width: auto;
        position: relative;
        height: auto;
        margin-left: -60px;
        margin-right: -60px
    }

    .section-about-team .team-aside .team-photo-item .descr {
        position: absolute;
        padding-bottom: 20px
    }

    .section-about-team .team-aside .descr {
        padding-bottom: 60px;
        padding-top: 30px;
        top: auto;
        bottom: 0px;
        position: relative
    }

    .section-about-team .team-photo-item + .team-photo-item {
        display: none
    }

    .title + .tabs-standart {
        margin-top: -40px
    }

    .tabs-standart {
        margin-bottom: 65px
    }

    .tabs-standart li {
        margin-right: 35px
    }

    .tabs-standart li.active:after {
        margin-top: -4px;
        right: -5px;
        height: 7px;
        width: 7px
    }

    .section-portfolio:first-child {
        padding-bottom: 0 !important;
        min-height: 1px
    }

    .section-portfolio ~ .section-portfolio {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 1px
    }

    .section-portfolio ~ .section-portfolio .tabs-standart, .section-portfolio ~ .section-portfolio .title {
        display: none
    }

    .contact-items {
        margin-top: auto
    }

    .contact-items address {
        margin-bottom: 2.77778vh
    }

    .contact-items .tel {
        color: #2B2B2B;
        border: 0;
        font-weight: bold
    }

    .contact-items .tel:hover {
        color: #0099CC
    }

    .contacts-wrap {
        padding-right: 100px;
        padding-bottom: 50px;
        width: 100%
    }

    .contacts-map {
        width: auto;
        position: relative;
        height: 700px;
        margin-left: -60px;
        margin-right: -60px;
        margin-bottom: -60px
    }

    .contacts-map .map-directions {
        padding: 0 50px;
        height: 100px;
        font-size: 14px
    }

    .contacts-map .map-directions .label {
        margin-right: 10px
    }

    .contacts-map .map-directions ul li {
        margin-right: 15px
    }

    .section-error .h1 {
        font-size: 200px
    }

    .section-error .descr {
        margin-left: 80px
    }

    .section-error .descr .btn {
        margin-top: 40px
    }

    .section-news + .section-news .tabs-standart, .section-news + .section-news .title {
        display: none
    }

    .news-item {
        margin-bottom: 40px;
        max-width: 600px;
        min-height: 70px
    }

    .news-item .text-small {
        margin-bottom: 10px
    }

    .news-item .text {
        border-width: 1px
    }

    .news-item .hover-reveal {
        display: none
    }

    .news-item .client-item {
        width: 70px;
        height: 70px;
        padding: 10px 5px;
        line-height: 50px
    }

    .news-item .client-item + .descr {
        padding-left: 100px
    }

    .news-item .client-item .angles-top:after, .news-item .client-item .angles-top:before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .news-item .client-item .angles-bottom:after, .news-item .client-item .angles-bottom:before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .section-news .line-arrows {
        display: none
    }

    .section-news .journal-img {
        right: -200px;
        bottom: 50px;
        width: 800px;
        height: 586px;
        opacity: 0.2
    }

    .news-article .row {
        margin-left: -50px;
        margin-right: -50px
    }

    .news-article .row > div {
        padding: 0 50px
    }

    .news-article .text_block {
        font-size: 14px
    }

    .news-article > .date {
        margin-top: -20px;
        margin-bottom: 40px
    }

    .section-news-article .line-arrows {
        display: none
    }

    .section-news-article .title .h1 {
        padding-left: 0
    }

    .section-news-article .date {
        padding-left: 0 !important
    }

    .news-items-wrap .h4 {
        margin-bottom: 40px
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin: 30px 0 16px
    }

    a {
        border-width: 1px
    }

    ol, ul {
        margin-bottom: 30px
    }

    ul > li {
        padding-left: 30px;
        margin-bottom: 15px
    }

    ul > li:before {
        left: 5px
    }

    ol > li {
        padding-left: 30px;
        margin-bottom: 15px
    }

    ol > li:before {
        left: 5px
    }

    figure {
        margin-bottom: 35px;
        margin-top: 35px
    }

    figure + figure {
        margin-top: -15px
    }

    figcaption {
        margin-top: 7px
    }

    .input-field {
        margin-bottom: 40px
    }

    .form-control {
        padding: 0 20px;
        height: 50px;
        border-width: 1px;
        font-size: 14px
    }

    .form-control.filled + .placeholder, .form-control:focus + .placeholder {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        white-space: nowrap;
    }

    .placeholder {
        font-size: 14px;
        top: 12px;
        padding: 0 20px;

    }

    textarea.form-control {
        padding-top: 19px;
        height: 210px
    }

    .pop {
        padding: 20px !important
    }

    .pop .h2 {
        margin: 0 0 20px
    }

    .pop_small {
        max-width: 500px !important
    }

    .fancybox-close-small {
        right: 5px !important;
        top: 5px !important;
        width: 50px !important;
        height: 50px !important
    }

    .err-msg {
        font-size: 12px;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .calendar-wrap {
        display: none
    }

    .callback-wrap {
        max-width: 660px
    }

    .callback-wrap form {
        margin-top: 40px
    }

    .callback-wrap form .text-small {
        font-size: 12px;
        margin-top: 15px
    }

    .callback-contacts {
        margin-top: 50px
    }

    .callback-contacts address {
        margin-bottom: 5px
    }

    .callback-contacts .mailto {
        font-size: 14px
    }

    .portfolio-item:last-of-type .angles-bottom:after {
        border-bottom-width: 1px
    }

    .portfolio-item:last-of-type .angles-bottom:before {
        border-bottom-width: 1px
    }

    .btn + .custom-control {
        margin-top: 15px
    }

    .custom-control {
        line-height: 16px;
        min-height: 18px;
        font-size: 12px
    }

    .custom-control input[type=checkbox] + label {
        padding: 0 0 0 30px
    }

    .custom-control input[type=checkbox] + label:before {
        width: 18px;
        height: 18px
    }

    .custom-control input[type=checkbox] + label:after {
        width: 11px;
        height: 8px;
        left: 4px;
        top: 5px
    }

    .custom-control .err-msg {
        margin-top: 8px
    }

    .scroll-section.section-policy {
        padding-top: 60px
    }

    .scroll-section.section-policy .text_block {
        padding-bottom: 0px
    }

    .news-article {
        padding-bottom: 0px
    }

    .section-vertical .news-items-wrap {
        padding-bottom: 0px;
        margin-top: 100px
    }

    .news-items-wrap .journal-img-wrap {
        position: absolute;
        right: -60px;
        bottom: 0px;
        width: 800px;
        height: 586px;
        overflow: hidden
    }

    .news-items-wrap .journal-img-wrap .journal-img {
        bottom: 0vh;
        right: -100px;
        background-position: 100% 100%;
        width: 100%;
        height: 100%
    }

    .tabs-standart ul {
        margin-right: -60px
    }

    .tabs-standart ul {
        display: block;
        position: absolute;
        padding-top: 40px;
        margin-left: -15px;
        min-width: 218px
    }

    .tabs-standart ul:hover {
        background: #fff;
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
        z-index: 3
    }

    .tabs-standart ul:hover li {
        opacity: 1;
        visibility: visible
    }

    .tabs-standart li {
        margin-right: 0;
        visibility: hidden;
        opacity: 0;
        padding: 5px 15px
    }

    .tabs-standart li.active {
        position: absolute;
        top: 0;
        left: 0;
        visibility: visible;
        opacity: 1
    }

    .tabs-standart li.active:after {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: -7px;
        height: 7px;
        width: 7px;
        border: 1px solid #000;
        border-right: 0;
        border-top: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: ""
    }

    .tabs-standart li a {
        opacity: 0.5;
        color: #2B2B2B
    }

    .tabs-standart li a:hover {
        opacity: 1
    }

    .title-section {
        margin-bottom: 40px
    }

    .section-projects-article {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-projects-article.section-vertical .wrap > .descr {
        min-height: 1px;
        font-size: 14px
    }

    .section-projects-article .portfolio-logo {
        height: 100px
    }

    .section-projects-article .date {
        font-size: 12px
    }

    .section-projects-article .descr .project-descr-item {
        margin-bottom: 45px
    }

    .section-projects-article .descr > .row {
        margin: 0 -30px
    }

    .section-projects-article .descr > .row > div {
        padding: 0 30px
    }

    .section-projects-article .title {
        padding-right: 0
    }

    .section-projects-article .title h1 {
        margin-bottom: 30px
    }

    .section-projects-article .line-arrows {
        display: none
    }

    .project-creators-content {
        margin-top: 50px;
        padding-bottom: 100px
    }

    .project-creators-content .row {
        margin: 0 -15px
    }

    .project-creators-content .row > div {
        padding: 0 15px
    }

    .project-creators-content .team-photo-item {
        margin-bottom: 80px
    }

    .project-creators-content .team-photo-item .descr {
        padding: 18px 0 0
    }

    .same-content {
        padding-bottom: 80px;
        margin-top: 50px
    }

    .menu .submenu-hidden .menu-hidden-wrap ul ul {
        padding-top: 20px
    }

    .menu .submenu-hidden .menu-hidden-wrap .inside-ul {
        margin-bottom: 30px
    }

    .menu .submenu-hidden .menu-hidden-wrap .inside-ul li a {
        font-size: 10px
    }

    .back-link {
        font-size: 14px;
        margin-bottom: 30px
    }

    .back-link .icon-svg {
        font-size: 16px;
        margin-right: 5px
    }

    .share .file a span {
        font-size: 14px;
        margin-right: 5px
    }

    .section-search .page_prev {
        margin-top: 0;
    }

    .about-info-content .icon-top-wrap {
        position: relative;
        left: 0;
        margin-top: 20px
    }

    .portfolio-items {
        padding-bottom: 80px
    }

    .toSlideFix-mob {
        display: block;
    }

    .toSlideFix-comp {
        display: none;
    }

    .section-members .page_prev {
        margin-top: 0;
    }

    .section-members .member-wrap img {
        position: relative;
        height: 100vh;
        max-width: 100%;
        margin: 0 auto 50px auto;
        padding-top: 0;
        z-index: 0;
    }

    .section-members .member-description {
        padding: 6.018vh 0 0 0;
    }

    .section-members .member-wrap {
        width: 100%;
    }

    .reward-slider p {
        position: relative;
        top: 0;
        margin: 50px 0 -25px 0;
    }

    .section-projectsPageOne .title {
        margin-top: 50px;
    }

    .awards-items {
        width: max-content;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
        grid-auto-flow: row;
        margin: 0 auto;
    }
}


@media screen and (max-width: 920px) {
    .h1, h1 {
        font-size: 36px
    }

    .title {
        margin-bottom: 40px
    }

    .main-page.page {
        margin-left: 0px
    }

    .menu {
        height: 60px;
        width: 100%;
        top: auto;
        bottom: 0;
        border-top: 1px solid #fff
    }

    .menu .menu-visible {
        width: 100%;
        top: auto;
        height: 100%
    }

    .menu .menu-visible .logo {
        display: none;
    }

    .menu .menu-visible .logoSearch {
        position: absolute;
        left: auto;
        top: 0;
        bottom: 0;
        right: 0;
        width: 20%;
        height: 100%;
    }

    .menu .menu-visible .logoSearch a img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto 0;
        max-height: 100%;
        height: 3vh;
    }

    .menu .menu-visible .menu-link .text {
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 16px
    }

    .menu .submenu-visible {
        width: 100%;
        top: auto;
        height: 100%;
        bottom: 60px;
        left: 0
    }

    .menu .submenu-visible .menu-link .text {
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 16px
    }

    .menu .submenu-visible .menu-link .text .icon-svg {
        position: relative;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        left: 0;
        top: 0
    }

    .menu .submenu-visible .menu-link .text .icon-svg:first-child {
        margin-right: 4px
    }

    .menu .submenu-visible .menu-link .link-back strong {
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 16px
    }

    .menu .menu-hidden {
        width: 100%;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        top: auto;
        bottom: 0;
        padding: 30px 30px 60px
    }

    .menu .menu-hidden .close {
        width: 100%;
        height: 60px;
        top: auto;
        bottom: 0
    }

    .menu .submenu-hidden {
        width: 100%;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        top: auto;
        bottom: 0;
        padding: 30px 30px 60px;
        z-index: 110;
        left: 0
    }

    .menu .submenu-hidden .close {
        position: absolute;
        left: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        top: auto;
        bottom: 0;
        font-size: 20px;
        border: 0;
        text-align: center
    }

    .menu .submenu-hidden .close .icon-svg {
        stroke-width: 1px
    }

    .menu .submenu-hidden .back {
        border: 0;
        font-size: 24px;
        margin-bottom: 30px;
        position: relative;
        z-index: 10
    }

    .menu .submenu-hidden .back .icon-svg {
        stroke-width: 1px;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .menu .submenu-hidden .menu-hidden-wrap {
        padding-bottom: 90px;
        overflow: auto
    }

    .menu .submenu-hidden .menu-hidden-wrap ul ul li {
        margin-bottom: 15px
    }

    .menu .submenu-hidden .menu-hidden-wrap ul ul li:last-child {
        margin-bottom: 0
    }

    .page {
        margin-left: 0
    }

    .scroll-content-main {
        padding-bottom: 120px
    }

    .main-page .scroll-content-main {
        padding-bottom: 60px
    }

    .section-about {
        padding-bottom: 300px !important
    }

    .scroll-section {
        width: 100% !important;
        min-height: auto;
        padding: 40px 30px
    }

    .section-main {
        height: calc(100vh - 60px);
        height: calc(var(--vh, 1vh) * 100 - 60px);
        min-height: 1px
    }

    .mouse-scroll {
        right: 30px;
        bottom: 120px
    }

    .section-about .about_block {
        padding-left: 0
    }

    .section-about .about_block .title {
        margin-left: 0
    }

    .section-about .about_block .link-letters {
        margin-top: 50px
    }

    .section-about .man {
        display: none
    }

    .section-benefits .descr .tabs li {
        margin-bottom: 20px
    }

    .section-benefits .descr .tabs li.active .hidden {
        display: block
    }

    .section-benefits .descr .blockquote {
        max-width: none
    }

    .section-benefits .descr .blockquote:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .section-benefits .descr .link-letters {
        margin-top: 15px
    }

    .section-benefits .skiers-img {
        width: 500px;
        height: 300px;
        position: relative;
        margin-left: auto;
        margin-right: -30px
    }

    .chart-nav {
        display: none
    }

    .chart-nav-responsive .line {
        width: 7px;
        height: 1px;
        background: #9B9B9B;
        display: block;
        margin: 0 0 10px 7px
    }

    .chart-nav-responsive .line:last-child, .chart-nav-responsive .line:first-of-type {
        opacity: 0
    }

    .chart-nav-responsive .line:nth-last-child(2), .chart-nav-responsive .line:nth-of-type(2) {
        opacity: 0.1
    }

    .chart-nav-responsive .line:nth-last-child(3), .chart-nav-responsive .line:nth-of-type(3) {
        opacity: 0.2
    }

    .chart-nav-responsive .line:nth-last-child(4), .chart-nav-responsive .line:nth-of-type(4) {
        opacity: 0.4
    }

    .chart-nav-responsive .line:nth-last-child(5), .chart-nav-responsive .line:nth-of-type(5) {
        opacity: 0.6
    }

    .chart-nav-responsive .line:nth-last-child(6), .chart-nav-responsive .line:nth-of-type(6) {
        opacity: 0.8
    }

    .chart-nav-responsive .nav-item {
        position: relative;
        min-height: 21px;
        margin-bottom: 10px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .chart-nav-responsive .nav-item.active {
        color: #0099CC
    }

    .chart-nav-responsive .nav-item.active:before {
        background: #0099CC
    }

    .chart-nav-responsive .nav-item:before {
        content: '';
        width: 21px;
        height: 21px;
        border-radius: 50%;
        border: 1px solid #0099CC;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .chart-nav-responsive .nav-item .nav-title {
        position: absolute;
        left: 0;
        top: -3px;
        font-size: 20px;
        font-weight: bold;
        padding-left: 40px;
        line-height: 1.5
    }

    .chart-nav-responsive .nav-item .nav-title span {
        padding-bottom: 3px;
        border-bottom: 2px dotted #0099CC
    }

    .chart-nav-responsive .nav-item .nav-title span:active {
        border-color: transparent
    }

    .chart-nav-responsive .nav-item .nav-title br {
        display: none
    }

    .chart-wrap {
        position: relative
    }

    .chart-popup {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 200;
        background: #2B2B2B;
        color: #ffffff;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s
    }

    .chart-popup.fadeIn {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .chart-popup .descr {
        padding: 30px 30px 35px
    }

    .chart-popup .close {
        position: absolute;
        bottom: 100%;
        right: 0;
        font-size: 20px;
        color: #0099CC
    }

    .chart-popup .close .icon-svg {
        stroke-width: 1px
    }

    .chart-popup img {
        width: 100%
    }

    .section-projects {
        padding-top: 0
    }

    .section-projects .title {
        padding-right: 0
    }

    .projects-wrap {
        padding-right: 0
    }

    .projects-wrap .link-letters {
        margin-top: 80px
    }

    .projects-company {
        width: calc(100% + 60px);
        position: relative;
        margin-top: 50px;
        margin-left: -30px;
        color: #2B2B2B;
        padding: 150px 60px 30px 60px;
    }

    .projects-company .bg-blue {
        height: 60%
    }

    .projects-company .cert-img a {
        position: relative;
        display: inline-block
    }

    .projects-company .cert-img a:before {
        content: '';
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background-image: url(/local/media/css/../img/icons/plus.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-size: 28px 28px;
        background-position: 50% 50%;
        background-color: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -23px;
        margin-top: -23px
    }

    .team-aside {
        position: relative;
        width: calc(100% + 60px);
        margin-left: -30px;
        padding-bottom: 80px
    }

    .team-aside .h2 {
        font-size: 24px
    }

    .team-wrap {
        padding-right: 0
    }

    .team-carousel {
        padding-left: 60px;
        margin-bottom: 70px
    }

    .team-carousel .owl-stage-outer {
        overflow: visible !important
    }

    .team-carousel .owl-nav .owl-prev {
        left: -20px
    }

    .team-carousel .owl-nav .owl-next {
        display: none
    }

    body.popup-active {
        overflow: hidden
    }

    .section-about .line-arrows {
        bottom: 0
    }

    .line-arrows {
        height: 250px;
        width: 10px;
        right: auto;
        left: 30px;
        bottom: 0
    }

    .line-arrows .arrows {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 50px;
        padding: 10px 0;
        height: auto
    }

    .line-arrows .arrows:before {
        height: 100vh;
        width: 1px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 100%;
        top: auto
    }

    .line-arrows .arrows:after {
        height: 100vh;
        width: 1px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 100%
    }

    .line-arrows .icon-svg {
        display: block;
        line-height: 0.2;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: -9px 0;
        stroke-width: 1px;
        font-size: 16px
    }

    .cookies-section {
        margin-left: 0;
        bottom: 60px
    }

    .section-crash .crash-bg {
        position: relative;
        width: auto;
        height: 400px;
        margin-left: -30px;
        margin-right: -30px
    }

    .section-crash .crash-content {
        padding-left: 0;
        padding-top: 30px
    }

    .portfolio-title {
        font-size: 14px;
        opacity: 0.5
    }

    .portfolio-logo {
        margin-top: 10px
    }

    .section-about-features {
        padding-bottom: 0
    }

    .section-about-team {
        padding-bottom: 0
    }

    .section-about-team .team-aside {
        margin-left: -30px;
        margin-right: -30px;
        padding-bottom: 0
    }

    .section-about-team .team-aside .team-photo-item .descr {
        padding: 0 20px 20px
    }

    .section-about-team .skyscraper-img {
        background-image: url(/local/media/css/../img/graphics/skyscraper.png)
    }

    .title + .tabs-standart {
        margin-top: -20px
    }

    .tabs-standart {
        margin-bottom: 40px
    }

    .tabs-standart li {
        margin-right: 25px
    }

    .contacts-wrap {
        padding-right: 0px
    }

    .contacts-map {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -40px
    }

    .contacts-map .map-directions {
        padding: 20px 30px;
        height: auto;
        display: block
    }

    .contacts-map .map-directions .label {
        display: block;
        margin-bottom: 10px
    }

    .contacts-map .map-directions ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts-map .map-directions ul li {
        margin-right: 15px
    }

    .section-error {
        display: block
    }

    .section-error .descr {
        text-align: center;
        margin-left: 0
    }

    .news-item {
        max-width: none
    }

    .section-news + .section-news {
        padding-top: 0
    }

    .section-news + .section-news .journal-img {
        display: none
    }

    .news-article > .date {
        display: none
    }

    .news-article figure {
        margin-bottom: 30px
    }

    .news-items-wrap {
        margin-top: 40px
    }

    .news-items-wrap .h4 {
        margin-bottom: 30px
    }

    .news-items-wrap .journal-img-wrap {
        right: -30px
    }

    .tabs-standart ul {
        margin-right: -30px
    }

    .section-team {
        padding-bottom: 0 !important
    }

    .section-projects-article {
        padding-top: 30px
    }

    .share {
        margin: 20px 0
    }

    .section-main .section-top {
        margin: 0;
        padding: 0;
        border-bottom: 0
    }

    .section-top {
        margin: 0 -30px 30px;
        padding: 0 30px 25px;
        border-bottom: 1px solid #F3F3F7
    }

    .header-contacts address a {
        font-size: 15px;
    }

    .header-contacts address .wap {
        display: flex !important;
        align-items: center;
    }

    .search-form {
        padding: 40px !important;
    }

    .search-form a input {
        right: 10px;
    }

    .search-form form > input:first-child {
        padding: 0 30px 0 20px;
        height: 6vh;
    }

    .awards-item img {
        bottom: 20%;
        padding: 0 10%;
    }

    .section-members .member-wrap img {
        height: auto;
    }

    .reward-slider {
        width: 80vw !important;
    }

    .reward-slider p {
        text-align: center;
    }

    .section-projectsOnMain {
        width: 60vw;
        margin: 0 auto;
    }

    .section-projectsOnMain .blockquote {
        padding: 2.5vh 4.5vw;
    }

    .section-projectsOnMain .header {
        margin-bottom: 2.03vh;
    }

    .section-projectsOnMain .header .link {
        font-size: 1.66vh;
    }

    .section-projectsOnMain .header svg {
        width: 1.48vh;
        height: 1.48vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .title {
        margin-bottom: 3.5vh;
        font-size: 3.5vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .text {
        font-size: 2.0vh;
    }

    .section-projectsPage .page_prev {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .section-projectsPage .projects-items {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-auto-flow: row;
    }

    .section-projectsPage .projects-items.fr1 {
        display: grid;
    }

    .section-projectsPage .projects-items.fr2 {
        display: none;
    }

    .section-projectsPage .projects-items .projects-item {
        width: auto;
        height: auto;
    }

    .section-projectsPage .projects-items .projects-item a svg {
        width: 100%;
        height: auto;
    }

    .section-projectsPage .projects-items .projects-item a div {
        font-size: 16px;
    }

    .section-projectsPage .line-arrows {
        display: none;
    }

    .section-projectsPageOne .title {
        margin-top: 0;
    }

    .section-projectsPageOne .tags {
        width: 100%;
    }

    .section-projectsPageOne .more-projects .projects-items {
        width: 100%;
        height: auto;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
    }
}


@media screen and (max-width: 600px) {
    body {
        font-size: 14px
    }

    .h1, h1 {
        font-size: 26px
    }

    .h2, h2 {
        font-size: 22px
    }

    .h3, h3 {
        font-size: 20px
    }

    .h4, h4 {
        font-size: 18px
    }

    .h5, h5 {
        font-size: 16px
    }

    .h6, h6 {
        font-size: 14px
    }

    .scroll-section {
        padding: 25px 20px 30px
    }

    .title {
        margin-bottom: 20px
    }

    .text_block .row {
        margin-bottom: 15px
    }

    .text_block .row > div {
        margin-bottom: 15px
    }

    .text_block br {
        display: none
    }

    .header-contacts address a {
        font-size: 0;
        width: 36px;
        height: 36px;
        border: 1px solid #fff;
        display: block;
        border-radius: 50%;
        margin-left: 9px
    }

    .header-contacts address a.wap {
        border: none;
    }

    .header-contacts address a.wap img {
        width: 36px;
    }

    .header-contacts address a:before {
        content: none
    }

    .header-contacts .tel {
        background: url(/local/media/css/../img/icons/tube.svg) no-repeat 50% 50%;
        background-size: 30px 18px
    }

    .header-contacts .mailto {
        background: url(/local/media/css/../img/icons/mail.svg) no-repeat 50% 50%;
        background-size: 20px 14px
    }

    .section-main .section-middle {
        display: none
    }

    .section-main .section-bottom {
        padding-right: 50px;
        padding-bottom: 40px
    }

    .mouse-scroll {
        right: 20px;
        bottom: 145px
    }

    .section-about .about_block .link-letters {
        margin-top: 30px
    }

    .section-about .architecture-img {
        height: 300px
    }

    .blockquote {
        padding: 15px 20px 20px
    }

    .section-benefits .descr .tabs li {
        margin-bottom: 15px
    }

    .section-benefits .descr .tabs a {
        font-size: 14px
    }

    .section-benefits .skiers-img {
        width: 100%;
        margin-right: -20px;
        height: 250px
    }

    .chart-popup .descr {
        padding: 25px 30px 30px
    }

    .section-reviews {
        padding-top: 0
    }

    .section-reviews .journal-img {
        bottom: 50px
    }

    .journal-img {
        width: 450px;
        height: 280px;
        bottom: 0
    }

    .client-items-carousel .owl-stage-outer {
        overflow: visible !important
    }

    .clients-wrap .link-letters {
        margin-top: 320px
    }

    .team-about-wrap .link-letters {
        margin-top: 30px
    }

    .snowrider-img {
        width: 400px;
        height: 260px;
        left: -50px;
        margin-top: 10px
    }

    .team-aside .h2 {
        font-size: 22px
    }

    .menu .menu-hidden {
        padding: 30px 20px 60px
    }

    .menu .menu-hidden .menu-contacts {
        padding-top: 0;
        margin-top: 20px
    }

    .menu .menu-hidden .menu-contacts address {
        display: inline-block;
        margin-right: 20px
    }

    .menu .menu-hidden .menu-contacts address:last-child {
        margin-right: 0
    }

    .menu .menu-hidden .menu-contacts a {
        font-size: 14px
    }

    .menu .menu-hidden .menu-contacts:before {
        content: none
    }

    .menu .menu-hidden .menu-contacts .social {
        margin-top: 5px;
        margin-bottom: 0
    }

    .menu .menu-hidden .menu-contacts .copyright {
        font-size: 13px;
        display: inline-block;
        margin-right: 10px
    }

    .menu .menu-hidden .menu-contacts .link-conf {
        font-size: 13px;
        display: inline-block
    }

    .menu .menu-hidden .btn {
        margin-bottom: 40px
    }

    .menu .submenu-hidden {
        padding: 30px 20px 60px
    }

    .menu .submenu-visible {
        text-align: center
    }

    .menu .submenu-visible .menu-link {
        width: 100%;
    }

    .menu .submenu-visible .menu-link .text {
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: min-content;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        letter-spacing: 1px;
        opacity: 0;
    }

    .menu .submenu-visible .menu-link strong {
        opacity: 0;
    }

    .line-arrows {
        left: 20px
    }

    .cookies-section {
        font-size: 13px;
        padding: 20px 20px 25px
    }

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

    .cookies-section .btn {
        height: 45px;
        line-height: 43px;
        font-size: 12px;
        width: 100%;
        padding: 0;
        min-width: 1px
    }

    .cookies-section .btn:first-child {
        margin-left: 0
    }

    .cookies-section .btn:last-child {
        margin-right: 0
    }

    .section-crash {
        font-size: 13px
    }

    .service-items {
        margin-top: 30px
    }

    .service-item {
        margin-bottom: 25px
    }

    .service-item a {
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .service-item a:active {
        color: #0099CC
    }

    .service-item .text {
        display: none
    }

    .service-item .h4 {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 0;
        border-bottom: 1px solid currentColor;
        display: inline
    }

    .service-item .blockquote {
        padding: 0
    }

    .service-item .blockquote:before {
        content: none
    }

    .service-item .blockquote:after {
        content: none
    }

    .text-small {
        font-size: 13px
    }

    .section-crash .crash-bg {
        height: 220px;
        margin-left: -20px;
        margin-right: -20px
    }

    .portfolio-item {
        padding: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .portfolio-item .text {
        font-weight: bold
    }

    .portfolio-item .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .portfolio-item .row > div {
        padding: 0 10px
    }

    .portfolio-item .portfolio-logo {
        height: 50px;
        line-height: 50px;
        margin-top: 0
    }

    .portfolio-item .portfolio-logo img {
        vertical-align: middle
    }

    .portfolio-item .xs-hidden {
        display: none
    }

    .portfolio-item .icon-svg {
        display: none !important;
        position: absolute;
        right: 20px;
        bottom: 20px;
        stroke-width: 1px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #0099CC
    }

    .portfolio-item.active .icon-svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .section-portfolio .link-lined-out {
        text-transform: uppercase;
        width: auto
    }

    .section-about-info {
        padding-bottom: 0
    }

    .section-about-info .video-responsive {
        margin-bottom: 20px
    }

    .section-about-info .video-responsive .play {
        font-size: 45px
    }

    .section-about-features {
        padding-bottom: 0
    }

    .section-about-team {
        padding-bottom: 0
    }

    .section-about-team .team-aside {
        margin-left: -20px;
        margin-right: -20px;
        height: auto;
        padding-bottom: 60px
    }

    .section-about-team .team-aside .team-photo-item .descr {
        width: 100%;
        left: 0;
        padding: 0 15px 15px
    }

    .section-about-team .team-aside .descr {
        width: calc(100% - 40px);
        left: 20px;
        margin: 0;
        padding: 0;
        font-size: 13px
    }

    .title + .tabs-standart {
        margin-top: 0;
        margin-bottom: 40px
    }

    .tabs-standart {
        margin-bottom: 25px
    }

    .tabs-standart li {
        margin-right: 20px
    }

    .tabs-standart li a {
        text-transform: none !important
    }

    .contacts-map {
        margin: 0 -20px -20px;
        height: 500px
    }

    .contacts-map .map-directions {
        padding: 20px
    }

    .contact-items br {
        display: none
    }

    .section-error .h1 {
        font-size: 120px
    }

    .section-error .h2 {
        text-align: left
    }

    .section-error .descr {
        display: inline-block;
        margin-top: 20px
    }

    .section-error .btn {
        width: 100%;
        margin-top: 30px
    }

    .section-news {
        min-height: 1px
    }

    .section-news .journal-img {
        width: 500px;
        height: 300px;
        bottom: auto;
        top: 150px
    }

    .news-item {
        margin-bottom: 30px;
        min-height: 50px
    }

    .news-item .text-small {
        margin-bottom: 5px
    }

    .news-item .client-item {
        width: 50px;
        height: 50px;
        line-height: 30px
    }

    .news-item .client-item + .descr {
        padding-left: 70px
    }

    .news-article figure {
        margin-bottom: 20px
    }

    .news-article .text_block {
        font-size: 13px
    }

    .news-items-wrap .h4 {
        margin-bottom: 15px;
        font-size: 13px;
        color: #0099CC;
        font-weight: normal
    }

    .callback-wrap form {
        margin-top: 30px
    }

    .callback-wrap br {
        display: none
    }

    .pop .h2 {
        margin-bottom: 15px
    }

    .scroll-section.section-policy {
        padding-top: 30px
    }

    .section-vertical .news-items-wrap {
        padding-bottom: 0px;
        margin-top: 30px
    }

    .news-items-wrap .journal-img-wrap {
        width: 500px;
        height: 300px
    }

    .news-items-wrap .journal-img-wrap .journal-img {
        top: auto
    }

    .tabs-standart ul {
        margin-right: -20px
    }

    .section-projects-article .title h1 {
        margin-bottom: 0
    }

    .section-projects-article .portfolio-logo {
        height: 70px
    }

    .descr ~ .project-creators-content, .descr ~ .same-content {
        margin-top: 0
    }

    .project-creators-content {
        padding-bottom: 0
    }

    .project-creators-content .team-photo-item {
        margin-bottom: 100px
    }

    .project-creators-content .team-photo-item .descr {
        padding-top: 12px
    }

    .same-content {
        padding-bottom: 0
    }

    .icon-top-wrap .text-small {
        font-size: 12px
    }

    .section-about-features .icon-top-wrap {
        margin: 30px 0
    }

    .back-link {
        font-size: 12px;
        margin-bottom: 15px
    }

    .back-link .icon-svg {
        font-size: 14px;
        margin-right: 3px
    }

    .team-photo-item .descr {
        padding: 0 10px 10px;
        font-size: 10px;
        line-height: 1.6
    }

    .lettersInRight {
        -webkit-animation: none;
        animation: none;
        opacity: 1;
        visibility: visible
    }

    .section-main .section-top {
        margin: 0;
        padding: 0;
        border-bottom: 0
    }

    .section-main .header-contacts .tel {
        background-image: url(/local/media/css/../img/icons/tube.svg);
        border-color: #fff
    }

    .section-main .header-contacts .mailto {
        background-image: url(/local/media/css/../img/icons/mail.svg);
        border-color: #fff
    }

    .section-top {
        margin: 0 -20px 20px;
        padding: 0 20px 25px
    }

    .header-contacts .tel {
        background-image: url(/local/media/css/../img/icons/tube-dark.svg);
        border-color: #2B2B2B;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .header-contacts .mailto {
        background-image: url(/local/media/css/../img/icons/mail-dark.svg);
        border-color: #2B2B2B;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .portfolio-items {
        padding-bottom: 20px
    }

    .pop_call-request .blockquote .input-field {
        margin-bottom: 30px;
    }

    .section-search .result > div {
        width: 100%;
    }

    .section-search .result > div:last-child {
        padding-left: 0;
    }

    .section-search .title > div {
        right: 20px;
    }

    .section-search .search-page form a input {
        right: 15px;
    }

    .section-search .search-page .ul-wrap {
        height: 60px;
    }

    .section-search .search-page .ul-wrap > ul {
        width: 180px;
        padding-right: 20px;
    }

    .section-search .search-page .ul-wrap > ul > li {
        display: block;
    }

    .section-search .search-page .ul-wrap > ul > li::after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 3px;
        right: 3px;
        margin: auto 0;
        height: 7px;
        width: 7px;
        border: 1px solid #000;
        border-right: 0;
        border-top: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: ""
    }

    .section-search .search-page .ul-wrap ul > ul {
        display: none;
    }

    .section-search .search-page .ul-wrap > ul.open {
        position: absolute;
        width: 180px;
        margin-top: -10px;
        margin-left: -10px;
        padding: 10px;
        box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.15);
        background-color: #ffffff;
        z-index: 21;
    }

    .section-search .search-page .ul-wrap ul > ul.open {
        display: block;
        margin-bottom: 0;
        z-index: 20;
    }

    .section-search .search-page .ul-wrap ul li {
        display: list-item;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .section-search .search-page .ul-wrap ul > li:last-child {
        margin-bottom: 0;
    }

    .section-search .search-page .ul-wrap ul > ul > li.hide {
        display: none;
    }

    .awards-item {
        min-height: 152px;
        min-width: 152px;
        width: 40vw;
        height: 40vw;
        margin: 2vw 0;
    }

    .awards-item img {
        bottom: 30%;
        padding: 0 7%;
    }

    .awards-item .awards-years {
        padding: 0 10% 5% 10%;
    }

    .awards-years a {
        font-size: 14px;
        line-height: 120%;
    }

    .reward-slider {
        width: 90vw !important;
    }

    .reward-slider p {
        font-size: 20px;
    }

    .section-projectsOnMain {
        width: 90%;
        margin: auto auto 0;
    }

    .section-projectsOnMain .projectsOnMain-slider .text {
        line-height: 130%;
    }

    .section-projectsPage .projects-items {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .section-projectsPageOne h1 {
        font-size: 22px;

    }

    .section-projectsPageOne .more-projects .projects-items {
        grid-template-columns: 1fr;
    }

    #accorsys-switch-lang {
        margin-right: 0 !important;
    }

    #accorsys-switch-lang a {
        position: unset !important;
        margin: 3px 0 !important;
    }

    #accorsys-switch-lang .accorsys-btn {
        max-width: unset;
        min-width: unset;
        padding: 0;
    }

    .scroll-section.section-contacts {
        padding-top: 25px;
    }

    .awards-items {
        width: auto;
    }
}

@media screen and (max-width: 320px) {
    body {
        width: 320px
    }

    .header-contacts address a {
        margin-left: 3px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 1080px) {
    .section-search .title {
        margin-bottom: 0.92vh;
    }

    .section-search .title > a {
        margin-bottom: 3vh;
    }

    .section-search .search-page form > input:first-child {
        width: 100%;
        height: 4vh;
        margin-bottom: 23px;
        border: none;
        border-bottom: 2px solid #0099CC;
        padding-left: 2.083vw;
    }

    .section-search .search-page form a input {
        bottom: 23px;
    }

    .section-search .search-page ul {
        margin-bottom: 23px;
    }

    .section-projectsOnMain {
        width: 30vw;
    }

    .section-projectsOnMain .header .link {
        font-size: 1.46vh;
    }

    .section-projectsOnMain .header svg {
        width: 1.28vh;
        height: 1.28vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .title {
        font-size: 4vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .text {
        font-size: 2vh;
    }

    .form-control.filled + .placeholder.two, .form-control:focus + .placeholder.two {
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px)
    }
}

@media screen and (min-width: 700px) and (max-width: 900px) and (max-height: 400px) {
    .section-main {
        height: auto;
    }

    .section-projectsOnMain {
        width: 33vw;
    }

    .section-projectsOnMain .header .link {
        font-size: 2.8vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .title {
        font-size: 6vh;
    }

    .section-projectsOnMain .projectsOnMain-slider .text {
        font-size: 3vh;
    }
}


/*# sourceMappingURL=responsive-dist.css.map */
/* End */


/* Start:/local/media/css/jquery.fancybox.css?174055227718306*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

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

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* End */


/* Start:/local/media/css/owl.carousel.css?17405522775120*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
}

.projects-company-slider .owl-nav button svg {
    stroke-width: 0.29259vh;
}
/* End */


/* Start:/local/media/slick/slick.css?17405522781895*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/media/slick/slick-theme.css?17405522783374*/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/media/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    src: url('/local/media/slick/./fonts/slick.eot');
    src: url('/local/media/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/media/slick/./fonts/slick.woff') format('woff'), url('/local/media/slick/./fonts/slick.ttf') format('truetype'), url('/local/media/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/media/css/new-styles.css?175864867425910*/
.table-border td, .table-border th {
	padding: 10px;
	border: 1px solid #0099CC;
}
.mobile-menu {
    padding: 25px 20px 0;
    margin-bottom: -30px;
}
.download-memo {
	text-align: justify;
}
.mobile-menu a {
	border-bottom: none;
	text-decoration: none;
	margin-right: 5px;
}
.background-blue {
	background-color: #0099CC;
	color: #fff;
	padding: 20px;
	margin: 20px 0;
}
.section-practics {
	width: 68vw;
	padding: 18.51852vh 6.77083vw 8.33333vh;
	font-size: 1.66667vh;
	overflow: hidden;
}
.practics__intro {
	width: 68vw;
}
.practics__bg {
	width: 68vw;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
	background-size: contain;
}
.practics__bg .img {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
}
.practics-title {
	color: #FFFFFF;
	text-align: left;
	width: calc(100% - 6.77vw);
}
.practics-title h1 {
	margin: 8vh 0 8vh 0;
	font-size: 4.4vw;
	font-weight: 700;
	line-height: 4.9vw;
}
.practics__description {
	width: calc(100% - 13.5vw);
	font-size: 0.84vw;
	font-weight: 400;
	line-height: 1.4vw;
	text-align: left;
	color: #FFFFFF;
	padding: 0 3vw;
}
.practics__description .btn {
	display: none;
}
.practics__back {
	width: auto;
	position: absolute;
	left: 7vw;
	top: 10vh;
	height: auto;
	z-index: 2;
	display: flex;
	align-items: center;
}
.practics__back a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
	margin-left: 5px;
}
.section_advantages {
	width: 55vw;
	height: 100%;
}
.section_advantages-items {
	margin-top: 10vh;
	padding: 0 1vw;
}
.section_advantages-item {
	border-bottom: 1px solid #E0E0E0;
}
.section_advantages-item.open {
	border-bottom: 1px solid #0099CC;
}
.section_advantages-item-header {
	display: flex;
	padding: 1.042vw 0;
}
.section_advantages-item-caption {
	font-size: 1.25vw;
	font-weight: 500;
	line-height: 1.524vw;
	text-align: left;
	color: #000000;
}
.section_advantages-item.open .section_advantages-item-caption {
	color: #0099CC;
}
.section_advantages-item-icon {
	flex-shrink: 0;
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin: auto 0 auto auto;
	border-radius: 50%;
	transition: 0.35s all;
}
.section_advantages-item.open .section_advantages-item-icon {
	transform: rotate(45deg);
}
.section_advantages-item-icon-horizontal {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 28px;
	height: 1.5px;
	background-color: #0099CC;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: 0.35s all;
}
.section_advantages-item-vertical {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 1.5px;
	height: 28px;
	background-color: #0099CC;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: 0.35s all;
}
.section_advantages-item-content p {
	font-size: 0.84vw;
	font-weight: 400;
	line-height: 1vw;
	text-align: left;
	color: #555555;
	margin-bottom: 3vh;
}
.section_advantages-btn {
	margin-top: 5vh;
}
.section_advantages-presentation {
	/*display: none;*/
	margin-top: 12vh;
	text-align: center;
}
.section_advantages-presentation a {
	padding: 1.5vh 1vw;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #0099CC;
	border: 1px solid #0099CC;
	font-weight: 600;
	font-size: 1vw;
	line-height: 1.2vw;
}
.section_advantages-presentation a:hover {
	background-color: #FFFFFF;
	color: #0099CC;
}
.section_colons {
	width: 33vw;
	height: 100%;
	padding: 0;
}
.section_colons-img {
	width: 33vw;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 2;
}
.section_colons-img .img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: right;
}
.section_awards {
	position: relative;
	padding: 0;
	width: 320px;
	white-space: normal;
	flex: 0 0 auto;
}
.section_awards .title-top {
	color: #FFFFFF;
	text-align: center;
	margin-top: -5.40741vh;
}
.section_awards h3 {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 5vh;
	font-size: 1.6666vw;
	font-weight: 500;
}
.section_other {
	width: 75vw;
	height: 100%;
	padding: 18.51852vh 0 8.33333vh 6.77083vw;
}
.section_other.section_other-big {
	width: 85vw;
}
.section_other h3 {
	font-size: 3.125vw;
	font-weight: 300;
	line-height: 3.75vw;
	text-align: left;
	color: #0099CC;
}
.section_other-items {
	display: flex;
	flex-wrap: wrap;
	margin-top: -2vh;
}
.section_other-item {
	position: relative;
	padding: 2vh 1.5vw;
	margin: 2vh 1vw 2vh 0;
	font-size: 0.833vw;
	font-weight: 400;
	line-height: 1vw;
	text-align: left;
}
.section_other-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	border: none;
}
.other-item-4 {
	width: calc(50% - 1vw);
}
.other-item-6 {
	width: calc(33.33% - 1vw);
}
.section_other-item-num {
	color: #0099CC;
}
.section_other-item-name {
	font-size: 1.25vw;
	font-weight: 500;
	line-height: 1.56vw;
	text-align: left;
	margin: 2vh 0;
}
.section_other-item-text {
	color: #555555;
}
.section_other-item .angles-top,
.section_other-item .angles-bottom {
	display: none;
}
.section_other-item:hover .section_other-item-name {
	color: #0099CC;
}
.section_other-item:hover .angles-top {
	display: block;
}
.section_other-item:hover .angles-bottom {
	display: block;
}
.section_proj {
	padding: 18.51852vh 6.77083vw 8.33333vh 4.77083vw;
}
.section_proj .projects-company-title,
.projects-company .projects-company-title {
	margin-top: 8vh;
	font-size: 5.55556vh;
	font-weight: 200;
}
.section_proj_list_item .number {
	height: 19px;
}
.section_proj_list_item .number p {
	color: #FFFFFF;
}
.section_proj_list_item .number svg path {
	fill: #FFFFFF;
}
.section_proj_list_item:last-child:before {
	display: none;
}
.section_proj_list_item:last-child {
	display: flex;
	text-align: center;
}
.section_proj_list_item_button {
	margin: auto;
	background-color: #0099CC;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 1.5vh 1.5vw;
	font-weight: 600;
	font-size: 1vw;
}
.section_smi {
	width: 50vw;
		height: 100%;
}
.section-aside {
	width: 26.66667vw;
	height: 100%;
}
.section-members {
	padding: 18.51852vh 6.77083vw 0;
}
.section-members-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-top: 6vh;
	height: 100%;
}
.section-members-member {
	width: 71%;
	height: 100%;
}
.other-members-wrap {
	width: 29%;
	height: 100%;	
}
.other-members-wrap h2 {
	margin-top: 0;
	font-size: 1.25vw;
  	font-weight: bold;
}
.section-member-description {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.member-info {
	padding: 0 6.77083vw 0 4vw;
	max-width: 57%;
	margin-left: 43%;
}
.member-img {
	width: calc(63% - 5.29167vw);
	position: absolute;
	bottom: 0;
	left: -4vw;
	background: url(/local/media/img/service/mamber_bg.png) center 100% no-repeat;
	background-size: 75%;
	padding-top: 3vw;
}
.member-info-name {
	font-size: 2.5vw;
	font-weight: 500;
	line-height: 3.04vw;
	text-align: left;
	color: #2B2B2B;
	margin-bottom: 4vh;
}
.member-info-job {
	font-size: 1.25vw;
	font-weight: 500;
	line-height: 1.526vw;
	text-align: left;
	color: #2B2B2B;
	margin-bottom: 4vh;
}
.member-info-section {
	font-size: 1.25vw;
	font-weight: 400;
	line-height: 1.526vw;
	text-align: left;
	color: #0099CC;
	margin-bottom: 4vh;
}
.member-info-text p {
	font-size: 1.042vw;
	font-weight: 400;
	line-height: 1.27vw;
	text-align: left;
	color: #2B2B2B;
	margin-bottom: 4vh;
}

.other-members-items {
	display: flex;
	flex-direction: column;
	margin-top: 4vh;
}
.other-members-item {
	display: flex;
	margin-bottom: 2vh;
}
.other-members-item-img {
 	width: 110px;
 	background: linear-gradient(180deg, #FFFFFF 34.87%, #7CC9E4 100%);
 	max-height: 110px;
	overflow: hidden;
	min-width: 110px;
}
.other-members-item-text {
	padding-left: 10%;
}
.other-members-item-name {
	font-size: 1.042vw;
	font-weight: 500;
	line-height: 1.46vw;
}
.other-members-item-job {
	font-size: 0.9375vw;
	font-weight: 400;
	line-height: 1.3125vw;
	margin: 1vh 0;
}
.other-members-item-section {
	font-size: 0.833vw;
	font-weight: 400;
	line-height: 1vw;
	color: #0099CC;
}

.section_proj_wrap {
	width: 66%;
}

.section-about-info .video-responsive {
    left: 0;
    width: 33.85417vw;
    height: 100%;
    margin-top: 0;
}

.about_team_item {
	display: flex;
	width: 50%;
	color: #000;
	border: none;
	margin-bottom: 3vh;
}
.about_team_item:nth-child(even) {
	padding-left: 3vw;
}

.about_team_item_img {
	width: 100%;
	min-width: 9.66vw;
	max-width: 9.66vw;
	margin: auto 0;
}

.about_team_item_img img {
	transition: 0.3s;
	filter: grayscale(1);
}

.about_team_item:hover .about_team_item_img img {
	filter: grayscale(0);
}

.about_team_item_descr {
	padding-left: 10%;
	padding-top: 4vh;
}

.about_team_item_name {
	font-size: 1.042vw;
	font-weight: 500;
	line-height: 1.46vw;
}

.about_team_item_job {
	font-size: 0.9375vw;
	font-weight: 400;
	line-height: 1.3125vw;
	margin: 1vh 0;
}

.about_team_item_section {
	font-size: 0.833vw;
	font-weight: 400;
	line-height: 1vw;
	color: #000;
}

.team-about-wrap_new {
	width: calc(100% - 24vw);
}

.section-about-team {
	padding: 18.51852vh 6.77083vw 8.33333vh 3vw;
}

.indicator-items {
    display: flex;
    flex-wrap: wrap;
}

.indicator-item {
    display: block;
    flex-basis: calc(100% / 2);
    margin-bottom: 5vh;
	animation-delay: 0.5s;
}

.indicator-title {
    font-weight: 500
}

.indicator-text{
    margin-top: 0;
}

.indicator-text p {
    font-size: 18pt;
    line-height: 1.1;
    font-weight: 300;
}

.section-about-win {
    width: 35vw;
}

.section-about-win .venok {
    position: absolute;
    right: 0;
    top: 3vw;
    width: calc(27vw - 7.29167vw);
    height: 45vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 10;
}

.section-about-win .kolonna {
    position: absolute;
    right: 0;
    top: 32vh;
    width: calc(25vw - 7.29167vw);
    height: 70vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    z-index: 10;
}

.section-about-win .win-perent {
    position: absolute;
    right: 7.5vw;
    top: 15vh;
    width: 6vw;
    height: 13vh;
    font-size: 8vh;
    font-weight: 600;
}

.win-dispute {
    position: absolute;
    left: 0;
    top: 37vh;
    width: calc(100% - 11vw);
    height: 50vh;
    z-index: 5;
}

.win-dispute .dispute-block-blue {
    background: #0099CC;
    color: #fff;
    padding: 20px 40px 40px;
}

.win-dispute .dispute-block-blue p {
    margin-bottom: 3vh;
}

.win-dispute .dispute-block-blue p.h2{
    opacity: .7;
}

.win-dispute .dispute-block-note {
    padding-left: 15px;
}

.section-about-features {
    padding: 0;
    width: 75vw;
}

.section-about-features .title-top {
	display: none;
    margin-top: 11vh;
}

.award_help {
    display: none;
    /* display: flex; */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 270px;
    height: 80px;
}

.award_help-text {
    padding-left: 20px;
}

.awards {
    display: flex;
}

.awards-slider {
    width: 16vw;
    min-width: 320px;
    height: 100vh;
    background: #0099CC;
    padding: 80px 20px 40px;
}

.awards-slider .h1 {
	margin-top: -30px;
	margin-bottom: 20px;
	color: #fff;
	transform: translateY(-10px);
}

.awards-slider-item {
    position: relative;
    padding: 15px;
    width: 100%;
    height: calc(100vh / 12);
}

.awards-slider-item:hover {
	cursor: pointer;
}

.awards-slider-item .angles-top,
.awards-slider-item .angles-bottom {
    display: none;
}

.awards-slider-item.active .angles-top,
.awards-slider-item.active .angles-bottom {
    display: block;
}

.awards-slider-item {
	transition: scale 0.7s;
}

.awards-slider-item:not(.active):hover {
	scale: 1.1;
}

.awards-slider-image {
    width: 100%;
	/*max-width: 145px;*/
    height: 100%;
	margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: 20px;
}

.awards-slider-item .angles-top::before {
    border: none;
    border-top: 0.09259vh solid #fff;
    border-left: 0.09259vh solid #fff;
}

.awards-slider-item .angles-top::after {
    border: none;
    border-top: 0.09259vh solid #fff;
    border-right: 0.09259vh solid #fff;
}

.awards-slider-item .angles-bottom::before {
    border: none;
    border-bottom: 0.09259vh solid #fff;
    border-left: 0.09259vh solid #fff;
}

.awards-slider-item .angles-bottom::after {
    border: none;
    border-bottom: 0.09259vh solid #fff;
    border-right: 0.09259vh solid #fff;
}

.awards-slider-tabs {
    padding: 12.51852vh 3.77083vw 8.33333vh;
    height: 100vh;
    width: calc(100% - 12vw);
}

.awards-slider-tab-name img {
    height: 60px;
}

.awards-slider-tab {
    display: none
}

.awards-slider-tab.active {
    display: block;
}

.awards-slider-tab-news {
    display: none;
}

.awards-slider-tab-news.active {
    display: block;
}

.awards-slider-tab-years {
    margin: 4vh 0;
}

.awards-slider-tab-years a {
    color: #2B2B2B;
    margin-right: 25px;
}

.awards-slider-tab-years a:hover{
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.awards-slider-tab-years a.active{
    font-weight: 600;
    text-decoration: none;
    border: none;
}

.news-items .slick-prev{
    top: -30px;
    left: 35%;
    font-size: 25px;
    transform: rotate(90deg);
}

.news-items .slick-prev::before {
    content: '\2039';
    color: #0099CC;
    font-size: 48px;
}

.news-items .slick-next {
    top: 100%;
    left: 35%;
    font-size: 25px;
    transform: rotate(90deg);
}

.news-items .slick-next::before {
    content: '\203A';
    color: #0099CC;
    font-size: 48px;
}

.owl-nav button svg {
	stroke-width: 0.3vh;
}

.client-item .client-logo img {
	display: inline;
	margin: auto;
}

.section_faqs {
	width: 70vw;
	height: 100%;
	padding: 18.51852vh 6.77083vw 8.33333vh;
}

.section_faqs-wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: baseline;
}

.section_faqs-item {
	width: 100%;
	height: auto;
	padding: 1.042vw 1vw;
	border: 1px solid #E0E0E0;
	margin-bottom: 2vh;
}

.section_faqs-item-caption {
	margin: 0;
	font-size: 1.25vw;
	font-weight: 500;
}

.section_faqs-item-header {
  display: flex;
  align-items: center;
}

.section_faqs-item.open .section_advantages-item-icon {
	transform: rotate(45deg);
}

.section_faqs .title-top {
	width: 100%;
}

.section_faqs-item-content {
	display: none;
	width: 75%;
	max-height: 90vh;
	padding: 2.5vw !important;
	line-height: normal;
	overflow-y: auto;
	background: #ffffff !important;
}

.section_faqs-item-content ul > li::before {
	top: 0.55em;
}

.section_faqs-item:nth-child(2n) .section_faqs-item-content {
	left: 0;
}

.section_faqs-item.open .section_faqs-item-caption {
  color: #0099CC;
}

@media (min-width: 1200px) {
	.section_faqs-item {
		cursor: pointer;
	}
	/*.awards-slider-items .slick-prev {
		left: 50%;
		margin-left: -10px;
		top: -20px;
		transform: rotate(90deg);
	}
	.awards-slider-items .slick-next {
		left: 50%;
		margin-left: -10px;
		top: auto;
		bottom: 50px;
		transform: rotate(90deg);
	}*/
}

@media (max-width: 1350px) {
	.win-dispute {
		top: 35vh;
	}
	.section-about-features {
		width: 85vw;
	}
	.about_team_item_img {
		max-width: 40%;
		width: 40%;
	}
	.about_team_item_descr .btn {
		overflow: visible;
		font-size: 0.8889vh;
		height: 4vh;
		line-height: 100%;
		padding: 0 1.1625vw;
	}
}

@media (max-width: 1200px) {
	.section_faqs-item-content .h2 {
		display: none;
	}
	.section_faqs {
		width: inherit;
		margin-bottom: 150px;
	}
	.section_faqs-item {
		width: 100%;
		padding: 15px 5px 15px 10px;
	}
	.section_faqs-item-caption {
		font-size: 15px;
		line-height: 18px;
	}
	.section_faqs-item-content {
		width: 100%;
		padding: 20px 10px 0 !important;
		font-size: 12px;
	}
	.section_other.section_other-big {
		width: inherit;
	}
	.section-about-info .video-responsive {
		width: 100%;
		padding-bottom: 0;
	}
	.section-practics,
	.practics__intro,
	.practics__bg {
		width: 100%;
	}
	.section_advantages {
		width: 100%;
		min-height: 100%;
	}
	.section_colons {
		display: none;
	}
	.section_awards,
	.awards-slider {
		width: 100%;
	    min-height: 100%;
	    height: 100%;
	}
	.awards-slider {
		padding: 3vw 5vw;
	}
	.awards-slider .h1 {
		margin-top: 0;
		transform: none;
	}
	.section_awards .title {
		color: #fff;
		text-align: center;
	}
	.section_awards .slick-prev::before {
		content: '\2039';
		color: #FFFFFF;
		font-size: 2vw;
	}
	.section_awards .slick-next::before {
		content: '\203A';
		color: #FFFFFF;
		font-size: 2vw;
	}
	.section_other {
		width: 100%;
		height: 100%;
		min-height: 100%;
	}
	.section_proj .projects-company-title,
	.projects-company .projects-company-title {
		margin-top: 0;
	}
	.projects-company-slider {
		padding-top: 8vw;
	}
	.section-members {
		padding-top: 20px;
	}
	.section-members .section-top {
		display: none;
	}
	.section-members-member {
		width: 100%;
	}
	.other-members-wrap {
		width: 100%;
		margin-top: 50px;
	}
	.other-members-items {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.other-members-item {
		width: 50%;
	}
	.section-aside {
		width: 100%;
		min-height: 100%;
	}
	.section-aside .team-aside {
		position: static;
		width: 100%;
	}
	.section-about-info {
		padding: 0 20px;
	}
	.section-about-info .about-bg {
		position: relative;
		display: block;
		width: 100%;
		height: 70vh;
		margin-bottom: 50px;
	}
	.section-about-info .about-bg .img {
		background-image: url(/local/media/img/about/start_mobile.png) !important;
		left: -20px;
		width: calc(100% + 40px);
	}
	.section-about-win {
		width: 100%;
	}
	.section-about-features {
		width: 100%;
	}
	.section-about-features .new_wrap {
		display: block;
	}
	.section-about-features .new_wrap .title {
		text-align: center;
	}
	.new_wrap .wrap + div {
		width: 100%;
	}
	.section-about-features .news-item .client-item {
		top: 33%;
	}
	.about_team_item_descr .btn {
		height: 30px;
		font-size: 8px;
	}
	.awards-slider-tabs {
		width: 100%;
		padding: 0 20px;
		margin: 20px 0;
		height: auto;
	}
	.awards-slider-tab-years {
		margin: 30px 0 50px;
	}
	.section-about-team {
		padding: 0 20px;
	}
	.team-about-wrap_new {
		width: 100%;
	}
	.award_help {
		display: none;
	}
	.section-about-features .title-top {
		margin-top: 0;
	}
	.awards {
		display: block;
	}
	.section-about-team .team-aside {
		margin: 0;
	}
	.section-about-win .venok {
		width: 260px;
		height: 350px;
	}
	.section-about-win .kolonna {
		width: 260px;
		height: 480px;		
	}
	.section-about-win .win-perent {
		right: 120px;
	}
	.member-img {
		position: static;
		width: calc(40% - 5.29167vw);
	}
	.member-info {
		margin-left: 0;
	}
	.section_awards .title {
		margin-top: 0;
	}
	.section_other {
		padding: 40px 30px;
	}
	.section_other-item {
		font-size: 12px;
		line-height: 16px;
	}
	.section_other-item-name {
		font-size: 14px;
		line-height: 18px;	
	}
	.section_proj {
		padding: 40px 30px;	
		margin-top: 20px;
	}
	.download-memo {
		margin-top: 50px;
	}
}
@media (max-width: 920px) {
	.other-members-wrap h2 {
		font-size: 22px;
	}
	.section-about-win {
		min-height: 700px;
		margin-bottom: 30px;
	}
	.section-about-win .venok {
		top: -40px;
	}
	.section-about-win .win-perent {
		right: 115px;
		top: 60px;
	}
	.section-about-win .win-perent {
		font-size: 48px;
	}
	.other-members-wrap {
		margin-top: 35px;
	}
	.awards-slider-item {
		height: calc(100vh / 8);
	}
	.section-about-features {
		margin-bottom: 60px;
	}
	.section-about-win .kolonna {
		top: 160px;
	}
	.win-dispute {
		top: 200px;
	}
	.section_advantages-items {
		margin-top: 0;
	}
	.section_advantages-presentation {
		margin-top: 50px;
	}
	
}
@media (max-width: 768px) {
	.section_other,
	.section_proj,
	.section_faqs {
		padding: 25px 20px 30px;
	}
	.section-about-team .team-aside {
		padding-top: 60px;
	}
	.section-about-info .about-bg {
		max-height: 230px;
	}
	.section_proj .projects-company {
		display: none;
	}
	.section_smi .journal-img {
		display: none;
	}
	.section_smi .clients-wrap .link-letters {
		margin-top: 50px;
	}
	.member-img {
		width: 100%;
	}
	.member-info {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
		padding: 0;
	}
	.practics__description,
	.section_advantages-item-content p,
	.section_advantages-presentation a {
		font-size: 12px;
		line-height: 14px;
	}
	.section_advantages-item-caption {
		font-size: 14px;
		line-height: 16px;
	}
	.section_advantages-item-icon {
		width: 20px;
		height: 20px;
	}
	.section_advantages-item-icon-horizontal {
		width: 19px;
	}
	.section_advantages-item-vertical {
		height: 19px;
	}
	.section_other-item {
		font-size: 14px;
		line-height: 16px;
	}
	.section_other-item,
	.member-info-text {
		font-size: 12px;
		line-height: 14px;
	}
	.member-info-name {
		font-size: 16px;
		line-height: 18px;
	}
	.member-info-job,
	.member-info-section {
		font-size: 14px;
		line-height: 16px;	
	}
	.other-members-item-name,
	.member-info-text p {
		font-size: 14px;
		line-height: 16px;
	}
	.other-members-item-job,
	.other-members-item-section {
		font-size: 12px;
		line-height: 14px;	
	}
	.awards-slider-image {
		margin-bottom: 0;
	}
	.section_awards .slick-next,
	.section_awards .slick-prev {
		margin-top: -5%;
	}
	.section_awards .slick-next::before,
	.section_awards .slick-prev::before {
		font-size: 52px;
	}
	.other-item-6 {
		width: 100%;
	}
	.section_other-item-name {
		font-size: 14px;
		line-height: 16px;
	}
	.section_proj_wrap {
		width: 100%;
	}
	.section_proj_list_item_button {
		font-size: 14px;
		line-height: 16px;
	}
	.about_team_item {
		width: 100%;
		margin-bottom: 60px;
	}
	.about_team_item:nth-child(even) {
		padding-left: 0;
	}
	.about_team_item_img {
		width: auto;
	}
	.about_team_item_descr {
		padding-left: 5%;
	}
	.about_team_item_name,
	.about_team_item_job,
	.about_team_item_section {
		font-size: inherit;
		line-height: inherit;
	}
	.about_team_item_descr .btn {
		font-size: inherit;
		height: 64px;
		overflow: hidden;
		line-height: 62px;
		padding: 0 30px;
	}
	.about_team_item:last-child .about_team_item_img {
		display: none;
	}
	.about_team_item:last-child .about_team_item_descr {
		width: 100%;
	}
	.awards-slider-item.active .angles-top, 
	.awards-slider-item.active .angles-bottom {
		display: none;
	}
	.awards-slider .slick-prev {
		left: -15px;
	}
	.awards-slider .slick-next {
		right: -15px;
	}
	.about_team_item:last-child .about_team_item_descr {
		padding-left: 0;
	}
	.mobile-menu {
	    padding: 25px 20px 0;
	    margin-bottom: -20px;
	}
	.practics__bg .img {
		background-size: cover;
		background-repeat: no-repeat;
	}
}
@media (max-width: 480px) {
	.other-item-4 {
		width: 100%;
	}
	.other-members-item {
		width: 100%;
	}
	.section_advantages-item-caption {
		font-size: 12px;
		line-height: 14px;
	}
	.member-info .btn {
		font-size: 12px;
		height: auto;
		line-height: 36px;
	}
	.win-dispute .dispute-block-blue p.h2 {
		font-size: 14px;
	}
	.dispute-block-note .h3 {
		font-size: 12px;
	}
	.section-about-win .venok {
		top: 15px;
		width: 170px;
    	height: 245px;
	}
	.section-about-win .kolonna {
		width: 155px;
		height: 445px;
		top: 125px;
	}
	.section-about-win .win-perent {
		right: 90px;
		top: 73px;
		font-size: 40px;
	}
	.win-dispute {
		top: 180px;
	}
	.about-info-content .title {
		margin-bottom: 5px;
	}
	.indicator-item {
		width: 100%;
		flex-basis: 100%;
		margin-bottom: 5px;
	}
	.indicator-text br {
		display: none;
	}
	.section-about-win {
	    min-height: 600px;
	}
}

/* stati */
.section-news-article .title .h1,
.section-news-article .news-article > .date {
	padding-left: 0;
}
.article-prev-text {
	margin-bottom: 7vh;
}
.news-author {
	color: black;
	font-weight: normal;
	font-family: Montserrat;
	font-size: 1.2vw;
	font-weight: 400;
	line-height: 1.66vw;
	letter-spacing: -0.02em;
	text-align: left;
	margin-bottom: 3vh;
}
.share-content span {
	font-family: Montserrat;
	font-size: 2vh;
	font-weight: 400;
	line-height: 2.2vh;
	letter-spacing: -0.02em;
	text-align: left;
}
.article-contents-head {
	position: relative;
	font-family: Montserrat;
	font-size: 2.33vh;
	font-weight: 500;
	line-height: 3.76vh;
	letter-spacing: -0.02em;
	text-align: left;
}
.article-contents-head:after {
	content: url(/images/specials/back-arrow.svg);
	position: absolute;
	top: 2px;
	right: 5px;
	transform: rotate(-90deg);
	transition: 0.3s;
}
.article-contents-head.active:after {
	transform: rotate(90deg);
}
.article-contents-list {
	display: none;
	margin-top: 4vh;
	padding: 15px;
	background: #F3F3F7;
}
.article-contents-list ul li {
	padding-left: 0;
	font-family: Montserrat;
	font-size: 2vh;
	font-weight: 400;
	line-height: 2.2vh;
	letter-spacing: -0.02em;
	text-align: left;
	margin-bottom: 3vh;
}
.article-contents-list ul li:before {
	display: none;
}
.share {
  line-height: 1;
  margin: 6vh 0;
}
.share-icons {
	opacity: 1;
	visibility: visible;
	padding: 0 4px;
}
.news-form {
	width: 100%;
	background: #F3F3F7;
	padding: 4vh 3vh 3vh;
	position: relative;
	margin: 7vh 0;
}
.news-form-head {
	font-family: Montserrat;
	font-size: 2.2vh;
	font-weight: 500;
	line-height: 3.66vh;
	letter-spacing: -0.02em;
	text-align: left;
	margin-bottom: 1vh;
}
.news-form-subhead {
	font-family: Montserrat;
	font-size: 1.4vh;
	font-weight: 400;
	line-height: 2.33vh;
	letter-spacing: -0.02em;
	text-align: left;
}
.news-form-button {
	margin-top: 3vh;
}
.news-form-img {
	position: absolute;
	width: 17.777vw;
	height: auto;
	bottom: 0;
	left: 55%;
}
.news-form-img img {
	width: 100%;
	height: 100%;
}
@media (max-width: 1200px) and (min-width: 901px) {
	.news-form-button .btn {
		height: inherit;
		line-height: inherit;
	}
	.news-form-button .btn span {
		font-size: 1.38889vh;
	}
}
@media (max-width: 900px) {
	.news-form {
		padding: 35px 25px 25px;
	}
	.news-form-head {
		font-size: 24px;
		line-height: 38.4px;
	}
	.news-form-subhead {
		font-size: 16px;
		line-height: 25.6px;
	}
	.news-form-img {
		width: 33%;
		left: 60%;
	}
	.news-author {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width: 600px) {
	.news-form-img {
		display: none;
	}
}
/* End */


/* Start:/local/templates/novator/template_styles.css?17587349005279*/
.bg-video {
	background-repeat: no-repeat;
	background-size: cover;
}
.section-projectsPage .projects-items .projects-item .number .sum,
.section_proj_list_item .number .sum{
	margin-left: auto;
	/*font-size: 18px;
	font-weight: 800;
	line-height: 180%;*/
	text-align: right;
	color: #0099CC;
	font-weight: 700;
	font-size: 2.5vh;
	line-height: 150%;
	letter-spacing: 0.01em;
}
.section-projectsPage .projects-items .projects-item .number .sum {
	/*font-size: 24px;*/
}
/* Подготовка к фиксации */
.header-contacts.sticky-fixed {
  position: fixed;
  top: 0;
  right: 0; /* Или left, в зависимости от нужного выравнивания */
  z-index: 1050; /* Высокий z-index, чтобы быть поверх других элементов */
  background-color: white; /* Фон, чтобы текст был читаем поверх прокручиваемого содержимого */
  padding: 10px 20px; /* Отступы */
  width: auto; /* Или конкретная ширина, если нужно */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Тень для визуального отделения */
}

/* Добавим отступ к .section-top, когда .header-contacts становится fixed,
   чтобы компенсировать его исчезновение из нормального потока */
.section-top.header-contacts-stuck {
  padding-top: 60px; /* Примерно высота .header-contacts + немного отступа */
}
/* Убедимся, что вся группа "дата + иконка + счетчик" серая */
.news-article .date {
    display: flex;
    align-items: center;
    /* gap: 10px; /* Расстояние между датой, иконкой и числом */
    font-size: 14px;
    /* Устанавливаем желаемый СЕРЫЙ цвет для всей группы */
    color: #888878; /* <<<--- Цвет текста даты */
    /* Если фон страницы НЕ белый, укажите его здесь */
    /* background-color: #f5f5f5; */
}

/* Стили для обертки иконки и счетчика */
.news-article .date .counter-with-icon {
    display: inline-flex;
    align-items: center;
    /* Отступ слева от даты */
    margin-left: 10px;
    /* Наследуем цвет от .date */
    color: inherit;
}

/* Стили для новой иконки */
.news-article .date .counter-with-icon .views-icon {
    width: 16px;
    height: 16px;
    /* Отступ между иконкой и числом */
    margin-right: 4px;
    flex-shrink: 0;
    /* Иконка будет того же ЦВЕТА, что и текст (.date) */
    fill: currentColor;
}

/* Стили для числа просмотров */
.view-count {
    /* Наследуем цвет от родителя (.counter-with-icon) */
    color: inherit;
    /* Убираем фон, паддинги и скругления, если были добавлены ранее */
    background-color: transparent; /* <<<--- Прозрачный фон */
    padding: 0;
    border-radius: 0;
    /* Если нужно выделить число, можно добавить border или background позже */
    /* border: 1px solid #ddd; */
    /* background-color: #f0f0f0; */
    /* padding: 0 4px; */
}
figure {
    position: relative;
}
<a id="sticky-banner" href="/callback/" style="
    display: block;
    margin-top: 10px;
    text-decoration: none;
    position: -webkit-sticky;
    position: sticky;
    top: 120px; /* отступ от верха окна */
    z-index: 10;
">
    <img src="/local/media/banner-expert.svg" ...>
</a>
/* Адаптация формы .news-form для узкой колонки (.col-5) */
@media (max-width: 991px) {
    .col-5 .news-form {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .col-5 .news-form-text {
        width: 100%;
        padding-right: 0;
        order: 2;
    }

    .col-5 .news-form-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        order: 1;
    }

    .col-5 .news-form-head,
    .col-5 .news-form-subhead {
        font-size: 16px;
        line-height: 1.4;
    }

    .col-5 .news-form-button {
        width: 100%;
        text-align: center;
    }

    .col-5 .news-form-button .btn {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* Для десктопа — уменьшаем отступы и шрифты */
@media (min-width: 992px) {
    .col-5 .news-form {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
    }

    .col-5 .news-form-text {
        flex: 1;
        min-width: 0;
    }

    .col-5 .news-form-img {
        flex-shrink: 0;
        width: 180px;
        height: auto;
    }

    .col-5 .news-form-head {
        font-size: 18px;
    }

    .col-5 .news-form-subhead {
        font-size: 14px;
    }

    .col-5 .news-form-button .btn {
        width: 100%;
        padding: 10px 15px;
        font-size: 14px;
    }
}
/* End */
/* /local/media/css/base.css?174360055233539 */
/* /local/media/css/grid-dist.css?174055227738008 */
/* /local/media/css/style.css?1758648533113011 */
/* /local/media/css/responsive-dist.css?174055227768230 */
/* /local/media/css/jquery.fancybox.css?174055227718306 */
/* /local/media/css/owl.carousel.css?17405522775120 */
/* /local/media/slick/slick.css?17405522781895 */
/* /local/media/slick/slick-theme.css?17405522783374 */
/* /local/media/css/new-styles.css?175864867425910 */
/* /local/templates/novator/template_styles.css?17587349005279 */