/* Start:/bitrix/templates/veonix/assets/css/fonts.css?17309586782892*/
@font-face {
    font-family: 'HeadingProDouble';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProDouble/headingprodouble-book.woff2') format('woff2'),
         url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProDouble/headingprodouble-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HeadingProUltra';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProUltra/heading_pro_ultra_wide_bold.woff2') format('woff2'),
         url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProUltra/heading_pro_ultra_wide_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'HeadingProDouble';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProDouble/headingprodouble-bold.woff2') format('woff2'),
         url('/bitrix/templates/veonix/assets/css/../fonts/HeadingProDouble/headingprodouble-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraBold.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Bold.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraLight.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraLight_1.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-ExtraLight_1.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Light.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-SemiBold.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Medium.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Regular.woff2') format('woff2'),
        url('/bitrix/templates/veonix/assets/css/../fonts/man/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/bitrix/templates/veonix/assets/css/main.css?1743502559222517*/
.ultra {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.web {
  overflow: hidden;
}

:focus {
  outline: none;
}

.top_padding {
  padding: 8.3333333333vw 0 0;
}

* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
}

.lazy {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

img:not([src]):not([srcset]) {
  opacity: 0;
  display: block;
}

.main {
  max-width: 82.6388888889vw;
  margin: 0px auto;
  width: 100%;
}

body {
  background: #F7F7F9;
  font-family: "HeadingProDouble";
  font-family: "Manrope";
  margin: 0;
}

.logo img {
  width: 15.69444vw;
  height: 1.875vw;
}

a[href^=tel] {
  font-style: normal;
  font-weight: 500;
  font-size: 0.9722222222vw;
  line-height: 130%;
  text-decoration: none;
  color: #00848C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a[href^=tel] span {
  color: #23407A;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.hd_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hd_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.0833333333vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  position: relative;
}

.lang__switch {
  color: #162a33;
  position: absolute;
  top: 0;
  margin-top: -1.85vw;
  right: 5.8vw;
  font-size: 0.9722222222vw;
}

.fix_hd .lang__switch {
  margin-top: -1.4vw;
}

.lang__link {
  display: inline-block;
  padding: 3px 3px;
  margin: 0 4px;
  color: #00848c;
  text-transform: uppercase;
  text-decoration: none;
}

.lang__link-active {
  color: #6e8e9c;
  font-weight: 200;
}

.hd {
  padding: 2.4305555556vw 0;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  z-index: 300;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.hd .main {
  max-width: 93.75vw;
}

.hd_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hd_menu nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.2638888889vw;
}

.hd_menu nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hd_menu nav ul li a, .hd_menu nav ul li span {
  font-size: 0.6944444444vw;
  line-height: 80%;
  color: #23407A;
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 20;
}

.hd_menu nav ul li a:hover, .hd_menu nav ul li span:hover, .hd_menu nav ul li:hover span, .hd_menu nav ul li:hover a {
  opacity: 0.5;
  z-index: 200;
}

.hd_menu nav ul li .hd_child {
  /* display: none; */
  position: absolute;
  margin: 0 0 0 -2.08333vw;
  padding: 1.875vw 0 0;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0px, -0.69444vw, 0px);
  transform: translate3d(0px, -0.69444vw, 0px);
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 100;
  min-width: 15vw;
}

.bt {
  width: 19.93056vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.1111111111vw;
  line-height: 130%;
  border-radius: 1.3888888889vw;
  border: 1px solid #00848C;
  position: relative;
  overflow: hidden;
  height: 3.68056vw;
  padding: 0;
  cursor: pointer;
}

.bt:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A));
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.bt:hover::after {
  opacity: 1;
}

.bt:hover span {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.bt span {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  z-index: 2;
}

.menu_burger {
  width: 2.4305555556vw;
  height: 2.4305555556vw;
  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;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.menu_burger span {
  position: relative;
  height: 0.1388888889vw;
  width: 100%;
}

.menu_burger span:before {
  top: -0.2083333333vw;
}

.menu_burger span:after {
  bottom: -0.2083333333vw;
}

.menu_burger span:before, .menu_burger span:after {
  content: "";
  height: 100%;
  width: 100%;
  background: #00848C;
  display: block;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.h1 span {
  font-weight: bold;
  font-size: 2.0833333333vw;
  line-height: 100%;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 50.05%), #00848C;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(50.05%, #23407A)), #00848C;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 50.05%), #00848C;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.h1 span {
  display: block;
}

.b1_box {
  min-height: 34.72222vw;
  height: calc(100vh - 8.3333333333vw);
  max-height: 47.91667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b1_box .h1 {
  margin: 0 0 1.7361111111vw;
}

.bt_blue {
  /* border: 0; */
  width: 19.9305555556vw;
  background: #fff;
}

.bt_blue:after {
  opacity: 1;
}

.bt_blue span {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.bt_blue:hover:after {
  opacity: 0;
}

.bt_blue:hover span {
  color: #23407A;
  -webkit-text-fill-color: #23407A;
}

.b1_bg {
  background-size: cover;
  background-position: center;
  position: relative;
}

.b1_right_item {
  margin: 1.3888888889vw 0;
  width: 19.5833333333vw;
  height: 8.1944444444vw;
  border-radius: 1.3888888889vw;
  position: relative;
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b1_right_item:after {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A));
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%);
  content: "";
  border-radius: 1.3888888889vw;
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b1_right_item:before {
  content: "";
  left: 100%;
  width: 10vw;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}

.b1_right_item img {
  border-radius: 1.3888888889vw;
}

.b1_right_item:hover:after {
  opacity: 1;
}

.b1_right_item:hover span {
  color: #fff;
}

.b1_right_item a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.3888888889vw;
  overflow: hidden;
}

.b1_right_item a:hover i:after, .solut_b1__item a:hover i:after {
  -webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(31deg) brightness(110%) contrast(101%);
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(31deg) brightness(110%) contrast(101%);
}

.b1_right_item a:hover i, .solut_b1__item a:hover i {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.b1_right_item a i, .solut_b1__item a i {
  width: 0.8333333333vw;
  position: absolute;
  height: 0.8333333333vw;
  right: 1.7361111111vw;
  top: 1.7361111111vw;
  z-index: 4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b1_right_item a i:after, .solut_b1__item a i:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H11V11H9V3.44422L1.51697 11.0586L0.0905108 9.65669L7.61517 2H0V0Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: invert(27%) sepia(56%) saturate(3166%) hue-rotate(164deg) brightness(93%) contrast(101%);
  filter: invert(27%) sepia(56%) saturate(3166%) hue-rotate(164deg) brightness(93%) contrast(101%);
}

.b1_right_item img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: multiply;
  z-index: 3;
  border: 1px solid #dddddd5c;
}

.b1_right_item a>span {
  position: absolute;
  z-index: 4;
  left: 2.0833333333vw;
  bottom: 1.2361111111vw;
  font-size: 0.6944444444vw;
  line-height: 120%;
  color: #23407A;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 0.9544444444vw;
}

.social_fix {
  z-index: 100;
  width: 2.7777777778vw;
  margin: auto;
  right: 3.236111vw;
  position: fixed;
  top: calc(50% - 5.83333vw);
}

.social_fix a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 2.7777777778vw;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 0;
  border: 1px solid #0000;
  border-radius: 50%;
}

.social_fix a:hover {
  border-color: #00848C;
}

.social_fix a img {
  -webkit-filter: invert(36%) sepia(24%) saturate(3574%) hue-rotate(151deg) brightness(94%) contrast(101%);
  filter: invert(36%) sepia(24%) saturate(3574%) hue-rotate(151deg) brightness(94%) contrast(101%);
  width: 1.25vw;
  height: 1.25vw;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.b2 {
  padding: 8.3333333333vw 0;
  background: #fff;
}

.b2 .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.b2_left {
  width: 45.1388888889vw;
  border-radius: 2.4305555556vw;
  padding: 5.5555555556vw 0 3.4722222222vw;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.b2_left_main {
  margin: 0 5.5555555556vw;
  min-height: 31.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  position: relative;
  z-index: 9;
}

.b2_left_top_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 2.17222vw;
}

.b2_left_top_title i {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b2_left_top_title p {
  font-weight: bold;
  font-size: 1.25vw;
  line-height: 120%;
  background: -o-linear-gradient(1.61deg, #00848C 1.37%, #23407A 40.09%), #23407A;
  background: linear-gradient(88.39deg, #00848C 1.37%, #23407A 40.09%), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 1.1vw;
}

.b2_right {
  width: 32.98611vw;
}

.h2 {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  font-size: 1.25vw;
  line-height: 100%;
  color: #23407A;
}

.h2 span:nth-child(2) {
  color: #00848C;
}

.h2 span {
  display: block;
}

.b2_right .h2 {
  margin: 0 0 2.77778vw;
}

.b2__item a {
  font-size: 0.83333vw;
  line-height: 120%;
  /* or 14px */
  color: #23407A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.08333vw;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b2__item a:hover {
  opacity: 0.5;
}

.b2__item {
  margin: 0 0 0.69444vw;
}

.b2_left_top>p {
  font-size: 1.11111vw;
  line-height: 120%;
  /* or 19px */
  color: #000000;
}

.b2_left_bottom>p {
  font-size: 0.97222vw;
  line-height: 100%;
  /* or 14px */
  color: #00848C;
  margin: 0 0 0.97222vw;
  font-weight: bold;
}

ul:not([class]) {
  font-size: 1.11111vw;
  line-height: 120%;
  color: #000000;
  text-decoration: none;
  padding: 0 0 0 0.97222vw;
}

.b2_left_bottom ul {
  font-size: 0.83333vw;
  margin: 0 0 2.43056vw;
}

ul:not([class]) li::marker {
  color: #00848C;
}

ul:not([class]) li {
  margin: 1.38889vw 0;
}

.b2_left_bottom .bt {
  width: 19.79167vw;
}

.b3 {
  background-size: cover;
  padding: 6.94444vw 0 2.08333vw;
  background-attachment: fixed;
}

.title_h2 {
  display: table;
  font-size: 2.08333vw;
  line-height: 100%;
  /* or 30px */
  text-align: center;
  background: -o-linear-gradient(0.11deg, #00848C 21.99%, #23407A 78.22%), #000000;
  background: linear-gradient(89.89deg, #00848C 21.99%, #23407A 78.22%), #000000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.b3 .title_h2 {
  margin: 0 auto 4.09722vw;
}

.b3_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.b3_item {
  background: #FFFFFF;
  border: 0.5px solid #DFDFDF;
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 2.43056vw;
  height: 12.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.08333vw;
  position: relative;
  overflow: hidden;
}

.b3_item_icon {
  margin: 0 0 0 3.33333vw;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b3_item_text {
  max-width: 30.20833vw;
  position: relative;
  z-index: 2;
}

.b3_item_text_title {
  font-size: 0.97222vw;
  line-height: 120%;
  /* or 17px */
  color: #000000;
  font-weight: bold;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.55556vw;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b3_item_text_description {
  font-size: 0.97222vw;
  line-height: 125%;
  color: #00848C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b3_item:after {
  background: -o-linear-gradient(10.78deg, #00848C 2.53%, #23407A 98.59%), #FFFFFF;
  background: linear-gradient(79.22deg, #00848C 2.53%, #23407A 98.59%), #FFFFFF;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b3_item:hover:after {
  opacity: 1;
}

.b3_item:hover p {
  color: #fff;
}

.b3_item:hover .b3_item_icon {
  -webkit-filter: brightness(0) invert(100%) sepia(5%) saturate(19%) hue-rotate(48deg) brightness(104%) contrast(104%);
  filter: brightness(0) invert(100%) sepia(5%) saturate(19%) hue-rotate(48deg) brightness(104%) contrast(104%);
}

.b4__item_bg {
  height: 41.66667vw;
  padding: 0 4.86111vw;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.b4 {
  padding: 8.33333vw 0;
  background: #fff;
}

.b4__item {
  margin: 0 0 3.47222vw;
  background-size: cover;
  border-radius: 2.43056vw;
  overflow: hidden;
  position: relative;
}

.b4__item_bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 3.47222vw;
  position: relative;
  z-index: 2;
}

.b4__item_bottom p {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  font-size: 1.38889vw;
  line-height: 100%;
  color: #fff;
}

.b4__item_top {
  font-size: 0;
  position: relative;
  z-index: 2;
  margin: 4.86111vw 0 0;
}

.b4__item_bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(90.02deg, rgba(0, 0, 0, 0.5) 0.02%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(359.98deg, rgba(0, 0, 0, 0.5) 0.02%, rgba(0, 0, 0, 0) 50%);
  display: block;
  bottom: 0;
  right: 0;
}

.bt_white {
  border: none;
  background: #fff;
  color: #23407A;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.bt_white:hover {
  border: none;
}

.bt_white span {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b4__item_top img {
  width: 2.5vw;
  height: 2.5vw;
}

.b4__item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(0.48611vw);
  backdrop-filter: blur(0.48611vw);
}

.hd_menu nav ul li {
  margin: 0;
  position: relative;
}

.hd.fix_hd {
  padding: 1.38889vw 0;
  background: #fff;
}

.hd.fix_hd .hd_menu {
  opacity: 0;
  opacity: 1;
}

.hd_menu {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b2__item a img {
  width: 3.125vw;
  height: 3.125vw;
}

.b5_box {
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b5 {
  padding: 0 0 11.11111vw;
  background: #fff;
}

.b5_box_img {
  width: 40.69444vw;
  height: 34.79167vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
}

.b5_box_img img {
  width: 24.51389vw;
  height: 22.5vw;
}

.b5_box_text p span {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  background: -o-linear-gradient(359.92deg, #00848C 0.08%, #23407A 95.71%), #00848C;
  background: linear-gradient(90.08deg, #00848C 0.08%, #23407A 95.71%), #00848C;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 1.52778vw;
  line-height: 100%;
}

.b5_box_text p span {
  display: block;
}

.b5_box_text .bt {
  height: 3.68056vw;
  border: 1px solid #0000;
}

.b5_box_text .bt:hover {
  border-color: #1d5f82;
}

.b5_block {
  background: -o-linear-gradient(bottom, #EEEFF2 0%, rgba(231, 233, 237, 0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#EEEFF2), to(rgba(231, 233, 237, 0)));
  background: linear-gradient(360deg, #EEEFF2 0%, rgba(231, 233, 237, 0) 100%);
  border: 1px solid #F4F4F4;
  border-radius: 2.43056vw;
}

.b1_video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  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;
}

.b1_video video {
  width: 55%;
  height: 55%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 0 0 -9vw;
  border: none !important
}

.b1 .main {
  position: relative;
  z-index: 2;
}

.b6_bg {
  padding: 8.33333vw 0 3.47222vw;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.b6_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 6.25vw;
}

.b6_top_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.18056vw;
}

.b6_top_right i {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b6_top_right i img {
  width: 1.66667vw;
  height: 1.66667vw;
}

.b6_top_right p {
  font-size: 0.83333vw;
  line-height: 120%;
  color: #23407A;
}

.b6_box {
  width: 73.61111vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.b6_box_col {
  width: 100%;
  max-width: 31.52778vw;
}

.b6_item {
  margin: 0 0 2.77778vw;
}

.b6_item_number {
  font-size: 1.94444vw;
  line-height: 120%;
  color: #23407A;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.34722vw;
}

.b6_item_text {
  font-size: 0.97222vw;
  line-height: 130%;
  color: #00848C;
}

.news_mini {
  padding: 6.94444vw 0 8.33333vw;
  background: #fff;
}

.news_mini_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 2.08333vw;
}

.news_mini_box_pagination {
  margin: 0 0 2.77778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.43056vw;
}

.news_mini_box_pagination button {
  font-size: 0.97222vw;
  line-height: 130%;
  color: #00848C;
  opacity: 0.2;
  padding: 0;
  border: 0;
  background: none;
  font-family: "HeadingProDouble";
  font-family: "Manrope";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.news_mini_active {
  opacity: 1 !important;
}

.news_mini_box_pagination button:hover {
  opacity: 0.5;
}

.news_mini__item_image {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2.08333vw;
  overflow: hidden;
  width: 100%;
  position: relative;
  text-decoration: none;
}

.news_mini__item {
  width: 19.58333vw;
}

.news_mini__item_image img {
  width: 100%;
  height: 12.63889vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.news_mini__item_name {
  font-size: 0.97222vw;
  line-height: 130%;
  color: #23407A;
  text-decoration: none;
  padding: 1.04167vw 0 0;
  display: block;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news_mini_slide .splide__list {
  gap: 1.45833vw;
}

.news_mini_slide .splide__track {
  overflow: visible;
}

.news_mini__item_date {
  position: absolute;
  font-size: 0.97222vw;
  line-height: 130%;
  color: #FFFFFF;
  top: 1.52778vw;
  left: 0;
  width: calc(100% - 3.47222vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1.73611vw;
  z-index: 10;
}

.news_mini__item_more {
  position: absolute;
  font-size: 0.97222vw;
  line-height: 130%;
  left: 1.73611vw;
  bottom: 1.73611vw;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  z-index: 10;
}

.news_mini__item_image:after {
  content: "";
  background: -o-linear-gradient(359.57deg, #00848C 0.37%, #23407A 99.63%), -o-linear-gradient(89.35deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  background: linear-gradient(90.43deg, #00848C 0.37%, #23407A 99.63%), linear-gradient(0.65deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  border-radius: 2.08333vw;
}

.news_mini__item:hover .news_mini__item_image:after {
  opacity: 1;
}

.news_mini__item:hover .news_mini__item_more {
  opacity: 1;
}

.news_mini__item:hover .news_mini__item_name {
  color: #00848C;
}

.hrf {
  font-size: 0.97222vw;
  line-height: 130%;
  color: #00848C;
  text-decoration: none;
}

.hrf span:after {
  content: "";
  width: 1.80556vw;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='8' viewBox='0 0 26 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3536 4.35356C25.5488 4.15829 25.5488 3.84171 25.3536 3.64645L22.1716 0.464468C21.9763 0.269206 21.6597 0.269206 21.4645 0.464468C21.2692 0.65973 21.2692 0.976313 21.4645 1.17157L24.2929 4L21.4645 6.82843C21.2692 7.02369 21.2692 7.34027 21.4645 7.53554C21.6597 7.7308 21.9763 7.7308 22.1716 7.53554L25.3536 4.35356ZM-4.37114e-08 4.5L25 4.5L25 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='black'/%3E%3C/svg%3E%0A");
  height: 0.55556vw;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: invert(33%) sepia(95%) saturate(2390%) hue-rotate(161deg) brightness(84%) contrast(101%);
  filter: invert(33%) sepia(95%) saturate(2390%) hue-rotate(161deg) brightness(84%) contrast(101%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.hrf span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.69444vw;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(2.5vw, 0px, 0px);
  transform: translate3d(2.5vw, 0px, 0px);
}

.hrf:hover span {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.hrf:hover span:after {
  opacity: 1;
}

.news_mini__item_date:after {
  content: "";
  width: 0.76389vw;
  height: 0.83333vw;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H11V11H9V3.44422L1.51697 11.0586L0.0905108 9.65669L7.61517 2H0V0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.news_mini_box_list__item {
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.news_mini_box_list {
  height: 13.75vw;
  position: relative;
}

.news_mini__item_image:before {
  content: "";
  background: -o-linear-gradient(89.35deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  background: linear-gradient(0.65deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hd_right .bt {
  height: 3.4027777778vw;
  width: 15.9722222222vw;
}

.contacts_block_left {
  width: 100%;
  max-width: 28.47222vw;
}

.contacts_block_list {
  margin: 4.16667vw 0 0;
}

.contacts_block__item {
  margin: 0 0 2.08333vw;
}

.contacts_block_name {
  font-size: 0.83333vw;
  line-height: 120%;
  color: #23407A;
  margin: 0 0 0.55556vw;
}

.contacts_block_info {
  font-size: 0.97222vw;
  line-height: 130%;
  color: #00848C;
}

.contacts_block__item_phone a {
  display: table;
  font-size: 0.97222vw;
  margin: 0 0 1.04167vw;
}

a[href^=tel] b {
  color: #C9CFDB;
}

a[href^=mailto] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.97222vw;
  color: #00848C;
  line-height: 130%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.69444vw;
}

a[href^=mailto] span {
  border-bottom: 1px solid;
  -webkit-transform: translate3d(-2.5vw, 0px, 0px);
  transform: translate3d(-2.5vw, 0px, 0px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a[href^=mailto]:before {
  content: "";
  width: 1.80556vw;
  height: 0.55556vw;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='8' viewBox='0 0 26 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3536 4.35356C25.5488 4.15829 25.5488 3.84171 25.3536 3.64645L22.1716 0.464468C21.9763 0.269206 21.6597 0.269206 21.4645 0.464468C21.2692 0.65973 21.2692 0.976313 21.4645 1.17157L24.2929 4L21.4645 6.82843C21.2692 7.02369 21.2692 7.34027 21.4645 7.53554C21.6597 7.7308 21.9763 7.7308 22.1716 7.53554L25.3536 4.35356ZM-4.37114e-08 4.5L25 4.5L25 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%2300848C'/%3E%3C/svg%3E%0A");
  background-size: contain;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(-0.69444vw, 0px, 0px);
  transform: translate3d(-0.69444vw, 0px, 0px);
}

a[href^=mailto]:hover span {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-color: #0000;
}

a[href^=mailto]:hover:before {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.contacts_block {
  padding-bottom: 6.94444vw;
  background: #fff;
}

.contacts_block_maps {
  width: 53.81944vw;
  height: 34.72222vw;
  background: -o-linear-gradient(bottom, #D5DEDC, #D5DEDC);
  background: -webkit-gradient(linear, left bottom, left top, from(#D5DEDC), to(#D5DEDC));
  background: linear-gradient(0deg, #D5DEDC, #D5DEDC);
  border-radius: 2.43056vw;
  overflow: hidden;
}

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

.contacts_block_left .title_h2 {
  margin: 0.69444vw 0 0;
}

.b1_right_it:hover {
  -webkit-transform: translate3d(-0.69444vw, 0px, 0px);
  transform: translate3d(-0.69444vw, 0px, 0px);
}

ymaps.ymaps-2-1-79-ground-pane {
  mix-blend-mode: luminosity;
  -webkit-filter: brightness(1.06);
  filter: brightness(1.06);
}

.ft {
  padding: 4.86111vw 0 0;
  background: rgba(238, 239, 242, 0.5);
}

.ft_top .logo img {
  width: 21.80556vw;
  height: 2.56944vw;
}

.ft_top .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-grid-columns: 40.625vw 1fr;
  grid-template-columns: 40.625vw 1fr;
  gap: 1.38889vw;
}

.ft_top_phone p {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  font-size: 0.69444vw;
  line-height: 120%;
  text-align: right;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%), #00848C;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A)), #00848C;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%), #00848C;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin: 0 0 0.34722vw;
}

.ft_top_phone a {
  font-size: 1.45833vw;
}

.ft_top {
  padding: 0 0 3.47222vw;
}

.ft_bottom {
  border-top: 1px solid #C9CFDB;
  padding: 2.22222vw 0 1.73611vw;
}

.ft_info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40.625vw 1fr;
  grid-template-columns: 40.625vw 1fr;
  gap: 1.38889vw;
  margin: 0;
  width: 100%;
  position: relative;
}

.ft__left p {
  font-size: 0.97222vw;
  line-height: 200%;
  color: #00848C;
}

.ft_center .ft__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.ft_center {
  padding: 0 0 5.20833vw;
}

.veonix {
  font-size: 0.83333vw;
  line-height: 120%;
  color: #00848C;
}

.veonix a {
  color: #00848C;
  text-decoration: none;
  border-bottom: 1px solid;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.veonix a:hover {
  color: #23407a;
}

.ft_menu {
  list-style: none;
}

.ft_menu-hot {
  padding-top: 0.97222vw;
}

.ft_menu a {
  font-size: 0.97222vw;
  line-height: 120%;
  color: #00848C;
  display: table;
  text-decoration: none;
  border-bottom: 1px solid #0000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: 0 0 0.69444vw;
}

.ft_menu a:hover {
  border-bottom: 1px solid #00848C;
}

.ft_center .ft_info {
  margin: 0;
}

.ft_center .ft_info nav a {
  display: table;
}

.ft_center .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ft_bottom .ft__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center !important;
  -ms-flex-line-pack: center;
  align-content: center;
}

.hd_child nav {
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid #DFDFDF;
  border-radius: 1.38889vw;
  padding: 1.45833vw 2.08333vw;
}

.hd_child nav a {
  opacity: 1 !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: table;
  margin: 0.76389vw 0;
  border-bottom: 1px solid #0000;
  line-height: 121% !important;
}

.hd_child nav a:hover {
  text-decoration: underline;
}

.hd_menu nav ul li:hover .hd_child, .hd_child:hover, .hd_menu nav ul li span:hover+.hd_child, .hd_menu nav ul li a:hover+.hd_child {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  pointer-events: all;
}

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

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

.menu_burger_active span:before, .menu_burger_active span:after {
  top: auto;
  bottom: auto;
  background: #fff;
}

.menu_full {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100% !important;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 80.56%), #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(80.56%, #23407A)), #FFFFFF;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 80.56%), #FFFFFF;
  max-height: 69.44444vw;
}

.menu_full_active_body .hd .logo, .white_menu .hd:not(.fix_hd) .logo {
  -webkit-filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(1136%) contrast(101%);
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(1136%) contrast(101%);
}

.menu_full_active_body .hd_menu {
  opacity: 0;
}

.menu_full_active_body .hd a[href^=tel], .menu_full_active_body .hd a[href^=tel] span {
  color: #fff;
}

.menu_full_active_body .hd .bt, .white_menu .hd:not(.fix_hd) .bt {
  border-color: #ffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.menu_full_active_body .hd .bt:hover span {
  -webkit-text-fill-color: #224079 !important;
}

.menu_full_active_body .hd .bt:hover {
  background: #fff;
}

.menu_full_active_body .hd .bt:after, .white_menu .hd:not(.fix_hd) .bt:after {
  opacity: 0 !important;
}

.menu_full_active_body .hd:not(.fix_hd) .bt span, .white_menu .hd:not(.fix_hd) .bt span {
  -webkit-text-fill-color: #fff;
}

body.menu_full_active_body .hd.fix_hd {
  background: no-repeat;
}

.menu_full_active_body .social_fix a:hover {
  border-color: #fff;
}

.menu_full_active_body .social_fix img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -webkit-transition: 0s 0.3s;
  -o-transition: 0s 0.3s;
  transition: 0s 0.3s;
}

.menu_full_active_body {
  overflow: hidden;
}

body::-webkit-scrollbar {
  width: 0;
}

body, html {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.menu_full_box {
  padding: 0 0 0;
  padding: 5vw 0 0;
  height: calc(100% - 5.0vw);
  width: 100vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.menu_full_active_body .hd {
  padding: 1.38889vw 0;
}

.menu_full__left ul {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  list-style: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  width: 14vw;
}

.menu_full__left ul a {
  text-decoration: none;
  color: #fff;
  font-size: 1.11111vw;
  line-height: 120%;
  display: table;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.menu_full__left {
  height: 100%;
  margin: 0 0 0 7.63889vw;
}

.menu_full__left ul li {
  display: table;
  /*
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  */
  width: 100%;
  box-sizing: border-box;
}

.menu_full_main {
  margin: 4vw 0;
  height: calc(100% - 16vh);
  /* margin: 8vh 0 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-height: 45.13889vw;
  min-height: 38.88889vw;
}

.menu_full_box .main {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: calc((100% - 82.6388888889vw)/2);
  padding-right: calc((100% - 82.6388888889vw)/2);
}

.menu_full__left nav {
  height: 100%;
}

.menu_full__left ul a:hover {
  color: #fff;
  opacity: 1;
}

.menu_full__left ul a:after {
  content: "";
  height: 1px;
  background: #fff;
  width: 0;
  display: block;
  position: absolute;
  left: calc(-3.05556vw - 7.63889vw + (82.6388888889vw - 100vw)/2);
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.menu_full__left ul a:hover:after, .menu_full_list_active:after {
  width: calc(7.63889vw + (100vw - 82.6388888889vw)/2) !important;
}

.menu_full_list_active:after {
  opacity: 0.2;
}

.menu_full__left ul a:hover:after {
  opacity: 1 !important;
}

a.ymaps-2-1-79-gototech {
  display: none !important;
}

.menu_full_right {
  width: 40.625vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu_full_right ul {
  list-style: none;
  padding: 0;
}

.menu_full_right nav>ul>li>span, .menu_full_right nav>ul>li>a {
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  font-size: 1.11111vw;
  line-height: 120%;
  color: #fff;
  display: table;
  margin: 0 0 1.38889vw;
  text-decoration: none;
}

.menu_full_right ul ul {
  padding: 0;
}

.menu_full_right ul ul a {
  font-size: 0.97222vw;
  line-height: 120%;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.menu_full_right ul li {
  margin: 0;
}

.menu_full_right ul ul a:hover {
  border-color: #fff;
}

.menu_full_right ul uk li {
  margin: 0.625vw 0;
  display: table;
}

.menu_full_right ul ul li {
  margin: 0.69444vw 0;
}

.menu_full_right nav>ul>li {
  margin: 0 0 9vh;
}

.menu_full_right nav {
  width: 100%;
}

.menu_full_right nav>ul>li:last-child {
  margin: 0;
}

.menu_full_right a[href^=mailto] {
  color: #fff;
}

.menu_full_right a[href^=mailto]:before {
  -webkit-filter: brightness(28.5);
  filter: brightness(28.5);
}

.menu_full_box .main {
  overflow: auto;
}

.menu_full_box .main::-webkit-scrollbar {
  width: 0;
}

.menu_full_box .main {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.b1_left {
  max-width: 60.06944vw;
  margin: -4vw 0 0;
}

.calc {
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  background: #F7F7F9;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.calc_modal .fancybox__slide {
  padding: 0 !important;
}

.calc_modal {
  overflow: hidden;
}

.calc_modal *::-webkit-scrollbar, .calc .main::-webkit-scrollbar {
  width: 0;
}

.calc_modal *, .calc .main {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.hidden_body {
  overflow: hidden;
}

.calc_top .title_h2 {
  text-align: left;
  font-size: 1.52778vw;
}

.calc_button {
  width: 1.94444vw;
  height: 1.94444vw;
  position: absolute;
  right: 3vh;
  top: 3vh;
  cursor: pointer;
  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;
}

.calc_button:after, .calc_button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.11111vw;
  background: #00848C;
}

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

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

.calc_top.b6_top {
  padding: 2.08333vw 0 3.47222vw;
}

.calc .main {
  /* height: 640px; */
  overflow: auto;
  max-height: 100vh;
  padding: 0;
}

.calc_form_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 4.65278vw 0 2.08333vw;
}

.calc_form_bottom_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.81944vw;
}

.calc_form_bottom_left .bt {
  border: 1px solid #0000;
}

.calc_form_bottom_left .bt:hover {
  border-color: #165e83;
}

.calc_form_bottom_left p {
  font-size: 0.69444vw;
  line-height: 120%;
  color: #00848C;
  max-width: 40vw;
}

.calc_form_bottom_left p a {
  color: #00848C;
  text-decoration: none;
  border-bottom: 1px solid;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calc_form_bottom_left p a:hover {
  color: #23417a;
}

.b1_right_it {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fix_whatsapp {
  position: fixed;
  bottom: 5vh;
  right: 5vh;
  z-index: 200;
  display: none;
}

.fix_whatsapp_icon a {
  width: 2.77778vw;
  height: 2.77778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1.38889vw rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1.38889vw rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  will-change: auto;
}

.fix_whatsapp_icon a img {
  width: 1.38889vw;
  height: 1.38889vw;
}

.fix_whatsapp_icon a:before {
  content: "";
  background: #DA3021;
  border-radius: 6.94444vw;
  display: block;
  width: 0.47639vw;
  height: 0.47639vw;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0.20833vw;
}

.fix_whatsapp_icon a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.b1_right {
  margin: -8.3333333333vw 0 0;
}

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

.calc_form_top_contacts .calc_form_input:nth-child(1) {
  width: 40.625vw;
}

.calc_form_input {
  width: 19.65278vw;
}

.calc_form_input p {
  font-size: 0.83333vw;
  line-height: 0.97222vw;
  color: #23407A;
  margin: 0 0 0.625vw;
}

.calc_form_input input {
  border: 0;
  border-bottom: 1px solid #C9CFDB;
  background: none;
  width: 100%;
  padding: 0.41667vw 1px;
  font-size: 0.97222vw;
  color: #23407A;
}

.calc_form_top_info {
  background: #FFFFFF;
  border-radius: 2.43056vw;
  margin: 2.77778vw 0;
}

.calc_form_top_info_main {
  margin: 0 2.77778vw;
  padding: 2.77778vw 0;
}

.calc_form_top_info_line_1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
  margin: 0 0 2.77778vw;
}

.calc_form_top_info_line_1 .calc_form_input {
  width: 100%;
}

.calc_form_top_info_line_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.38889vw;
  margin: 0 0 2.77778vw;
}

.calc_form_top_info_line_2 .calc_form_input {
  width: 100%;
}

.calc_form_top_info_line_3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.calc_form_top_info_line_3 .calc_form_input {
  width: 100%;
}

.calc_form_number_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.34722vw;
}

.calc_form_number_button p {
  width: 2.08333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.97222vw;
  color: #00848C;
}

.calc_form_number_button_arrows {
  border: 0.5px solid #00848C;
  border-radius: 6.94444vw;
  width: 1.73611vw;
  height: 1.73611vw;
  background: none;
  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;
  padding: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.calc_form_number_button_arrows:after {
  content: "";
  height: 1px;
  width: 0.34722vw;
  background: #00848C;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calc_form_number_button_arrows_plus:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.34722vw;
  background: #00848C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calc_form_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.04167vw;
}

.calc_form_ckbox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.calc_form_number>p {
  font-size: 0.83333vw;
  color: #23407A;
}

.calc_form_number_button_arrows:hover {
  background: #00848C;
}

.calc_form_number_button_arrows:hover:after, .calc_form_number_button_arrows:hover:before {
  background: #fff;
}

.calc_form_radio>p {
  font-size: 0.83333vw;
  color: #23407A;
}

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

.calc_form_radio_ls label {
  position: relative;
}

.calc_form_radio_ls label input {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  position: absolute;
  display: none;
}

.calc_form_radio_ls label p {
  font-size: 0.83333vw;
  color: #C9CFDB;
  padding: 0.69444vw;
  cursor: pointer;
}

.calc_form_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.04167vw;
}

.calc_form_radio_ls label:nth-child(1):after {
  content: "";
  position: absolute;
  height: 2.08333vw;
  width: 1px;
  background: #00848C;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  pointer-events: none;
}

.calc_form_radio_ls label p:hover {
  color: #8b98b2;
}

.calc_form_radio_ls input:checked+p {
  color: #00848C;
}

.b3_item_icon img {
  width: 2.98611vw;
  height: 2.98611vw;
}

.b5_box_text p {
  margin: 0 0 2.08333vw;
}

.nav_hover .hv_js:not(.activ_el) {
  opacity: 0.2;
}

.b2_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(1.9);
  filter: brightness(1.9);
  -o-object-position: center;
  object-position: center;
}

.b2_video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* filter: brightness(2.3); */
}

.b2_video:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.776;
}

.left_fix_menu {
  position: fixed;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 100;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 1.59722vw;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.left_fix_menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 0.55556vw;
  text-transform: uppercase;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: #00848C;
  height: 1.31944vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.27778vw 0;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.left_fix_menu a:after {
  content: "";
  height: 1.31944vw;
  width: 1.31944vw;
  border: 1px solid #00848C;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.left_fix_menu a span {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.left_fix_menu a:hover span, .left_fix_menu_active span {
  opacity: 1 !important;
}

.left_fix_menu a:hover:after, .left_fix_menu_active:after {
  opacity: 0 !important;
}

.menu_full__left ul a:hover {
  opacity: 0.5;
}

.fms {
  width: 96% !important;
  padding: 5vw 0 !important;
}

button.f-button.is-close-btn {
  top: 1vw !important;
  right: 1vw !important;
}

button.f-button.is-close-btn svg * {
  stroke: #23487c !important;
}

.page_projects .b6_top {
  padding: 2.77778vw 0 4.16667vw;
}

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

.page_projects__right {
  width: 61.66667vw;
}

.page_projects__left {
  width: 19.79167vw;
}

.page_projects_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.77778vw 1.38889vw;
}

.page_projects_category_menu {
  list-style: none;
  padding: 0;
  font-size: 0.83333vw;
  line-height: 100%;
  text-decoration: none;
  margin: 0 0 1.73611vh;
}

.page_projects_category_menu a {
  text-decoration: none;
  color: #00848C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.page_projects_category_menu a:hover {
  opacity: 0.3;
}

.page_projects_category_menu li:nth-child(1) a {
  /* font-weight: 600; */
}

.page_projects_category_menu li:nth-child(1) {
  margin: 0 0 3.5vh;
}

.ft_no_home {
  background: #F3F3F6;
}

.page_projects {
  margin: 0 0 6.59722vw;
}

.page_projects_category_box {
  background: #FFFFFF;
  padding: 2.63889vw 0 3.33333vw 2.36111vw;
  margin: 0 0 0 -2.36111vw;
  border-radius: 2.43056vw;
  width: 100%;
  width: 19.79167vw;
}

.page_projects_cat_fix {
  position: fixed;
  margin-top: 1.38889vw;
  top: 0;
}

.page_projects_category_image img {
  height: 21.04vw;
  width: 21.04vw;
}

.page_projects_category_image {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-left: -2.36111vw;
  pointer-events: none;
}

.page_projects_category_menu li {
  margin: 0 0 2vh;
}

.page_projects__left.page_projects_cat_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.page_projects_more_image {
  height: 100vh;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page_projects_more_image_full {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.page_projects_more_image:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(0.27778vw);
  backdrop-filter: blur(0.27778vw);
}

.page_projects_more_top .main {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
}

.page_projects_more_bottom {
  position: absolute;
  bottom: 3.95833vw;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 42.01389vw 34.72222vw 1fr;
  grid-template-columns: 42.01389vw 34.72222vw 1fr;
}

.page_projects_more_title,
.wba_page_projects_more_title {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
}

.page_projects_more_top:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: -o-linear-gradient(269.97deg, rgba(0, 0, 0, 0) 0.03%, rgba(21, 32, 54, 0.5) 99.97%);
  background: linear-gradient(180.03deg, rgba(0, 0, 0, 0) 0.03%, rgba(21, 32, 54, 0.5) 99.97%);
}

.page_projects_more_title h1 {
  font-weight: 600;
  font-size: 2.08333vw;
  line-height: 120%;
  color: #FFFFFF;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.page_projects_more_bottom_t1 {
  color: #FFFFFF;
  font-size: 0.83333vw;
  margin: 0 0 0.69444vw;
}

.page_projects_more_bottom_t2 {
  font-weight: 600;
  font-size: 1.11111vw;
  color: #fff;
}

.social_fix_item.pars_color_active:hover {
  border-color: #fff;
}

.social_fix_item.pars_color_active img {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(343deg) brightness(101%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(343deg) brightness(101%) contrast(101%);
}


.white_menu .hd:not(.fix_hd) a[href^=tel], .white_menu .hd:not(.fix_hd) a[href^=tel] span {
  color: #fff;
}

.white_menu .hd:not(.fix_hd) .menu_burger span:before, .white_menu .hd:not(.fix_hd) .menu_burger span:after {
  background: #fff;
}

.white_menu .hd:not(.fix_hd) .hd_menu nav ul li a, .white_menu .hd:not(.fix_hd) .hd_menu nav ul li span {
  color: #FFF;
}

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

.page_projects_more_arrows button:after {
  width: 2.43056vw;
  height: 2.43056vw;
  background: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='35' height='8' viewBox='0 0 35 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.3536 4.35355C34.5488 4.15829 34.5488 3.84171 34.3536 3.64644L31.1716 0.464463C30.9763 0.269201 30.6597 0.269201 30.4645 0.464463C30.2692 0.659726 30.2692 0.976308 30.4645 1.17157L33.2929 4L30.4645 6.82842C30.2692 7.02369 30.2692 7.34027 30.4645 7.53553C30.6597 7.73079 30.9763 7.73079 31.1716 7.53553L34.3536 4.35355ZM4.37114e-08 4.5L34 4.5L34 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-size: contain;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(110deg) brightness(111%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(110deg) brightness(111%) contrast(101%);
}

.page_projects_more_arrows button {
  width: 2.43056vw;
  height: 2.43056vw;
  font-size: 0;
  background: none;
  border: 0;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  padding: 0;
}

.page_projects_more_arrows_prev:after {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.page_projects_more_arrows span {
  width: 1px;
  height: 2.08333vw;
  display: block;
  background: #FFF;
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
  margin: 0 0.90833vw;
}

.page_projects_more_arrows_hd {
  opacity: 0.2 !important;
  pointer-events: none;
}

.page_projects_more_arrows button:hover {
  opacity: 1;
}

.prev_page {
  width: 3.47222vw;
  height: 3.47222vw;
  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;
  border-radius: 50%;
  background: none;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  position: absolute;
  left: -5.90278vw;
  top: 0;
  bottom: 0;
  margin: auto;
}

.prev_page:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3966 6.75857L2.00027 6.85769M2.00027 6.85769L8.14258 13M2.00027 6.85769L8.14258 0.715378' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  width: 0.97222vw;
  height: 0.97222vw;
  background-size: contain;
  background-position: center;
  -webkit-filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(208deg) brightness(112%) contrast(104%);
  filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(208deg) brightness(112%) contrast(104%);
}

.prev_page:hover {
  opacity: 0.6;
}

.page_projects_more_text_main {
  max-width: 61.80556vw;
  margin: 0 auto;
}

.page_projects_more_text {
  padding: 5.55556vw 0 5.55556vw;
}

.page_projects_more_text_features_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 1.38889vw;
}

.page_projects_more_text_features_top p {
  font-weight: 600;
  font-size: 1.11111vw;
  color: #000;
}

.page_projects_more_text_features ul li {
  margin: 0;
  font-size: 1.11111vw;
  line-height: 166%;
  position: relative;
}

.page_projects_more_text_features ul li b {
  color: #00848C;
}

.page_projects_more_text_features ul {
  padding: 0 0 0 1.11111vw;
  list-style: none;
}

.page_projects_more_text_features {
  margin: 0 0 3.47222vw;
}

.img_col_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0.97222vw;
  margin: 5.55556vw 0 3.47222vw;
}

.img_col_2 img {
  width: 100%;
  height: 22.22222vw !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.page_projects_more_text_content img {
  border-radius: 2.43056vw;
  max-width: 100%;
  height: auto;
  min-height: 0.69444vw;
  width: 100%;
}

.page_projects_more_text_content p, .page_projects_more_text_content ol, .page_projects_more_text_content ul {
  font-size: 1.11111vw;
  line-height: 150%;
  color: #000;
  /*margin: 2.63889vw 0;*/
  /* margin: 1.9vw 0; */
  margin: 1.11111vw 0;
}

/*
.page_projects_more_text_content p.tth_title {
  margin: 1.9vw 0 0.8vw;
}
.page_projects_more_text_content p.tth {
  margin: 0.8vw 0;
}
*/

.img_col_1 {
  font-size: 0;
  margin: 5.55556vw 0 3.47222vw;
}


.page_projects_more_text_content h2 {
  font-size: 2.15278vw;
  margin: 5.55556vw 0 0;
}

.page_projects_more_text_content h3 {
  font-size: 1.73611vw;
  margin: 2.43056vw 0 2.08333vw;
}

.page_projects_more_text_content ul {
  padding: 0 0 0 1.38889vw;
}

.page_projects_more_text_content ol {
  padding: 0 0 0 1.94444vw;
}

.page_projects_more_text_content li {
  margin: 0.69444vw 0;
}

.img_col_2+.img_col_1, .img_col_1+.img_col_2, .img_col_2+.img_col_2 {
  margin-top: -2.43056vw;
}

.page_projects_more {
  background: #fff;
}

.slider_list_objects_left h2 {
  /*font-size: 1.38889vw;*/
  margin: 1.38889vw 0 6.59722vw;
}

.slider_list_objects_left .page_projects_more_arrows button:after {
  -webkit-filter: invert(27%) sepia(72%) saturate(3567%) hue-rotate(167deg) brightness(93%) contrast(101%);
  filter: invert(27%) sepia(72%) saturate(3567%) hue-rotate(167deg) brightness(93%) contrast(101%);
}

.slider_list_objects_left .page_projects_more_arrows button span {
  background: #00848C;
}

.slider_list_objects_left .page_projects_more_arrows span {
  background: #00848C;
}

.slider_list_objects {
  padding: 5.55556vw 0 6.94444vw;
  border-top: 1px solid #C9CFDB;
}

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

.slider_list_objects_right {
  width: 61.66667vw;
}

.slider_list_objects_right_box {
  min-width: calc(100% + 82.6388888889vw/2);
  overflow: hidden;
}

.slider_list_objects_sliders .splide__list {
  gap: 1.38889vw;
}

.slider_list_objects_sliders {
  max-width: 61.66667vw;
}

.slider_list_objects_sliders .splide__track {
  overflow: visible !important;
}

.white_menu .hd:not(.fix_hd) .hd_menu nav ul ul li a {
  color: #23407A;
}

.page_news_list_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.77778vw 1.38889vw;
  padding: 0 0 3.47222vw;
}

.page_news_list_box .news_mini__item_name {
  max-height: 2.5vw;
  font-size: 0.97222vw;
  -webkit-line-clamp: 2;
}

.main-ui-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.90278vw;
}

.main-ui-pagination-pages {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.main-ui-pagination-prev {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.main-ui-pagination-next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.block_nav_content {
  padding: 0 0 6.25vw;
}

.main-ui-pagination-arrow {
  border: 1px solid #D9D9D9;
  font-size: 0;
  width: 2.77778vw;
  height: 2.77778vw;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.main-ui-pagination-page {
  width: 2.29167vw;
  height: 2.29167vw;
  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;
  text-decoration: none;
  font-size: 0.97222vw;
  color: #D9D9D9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.main-ui-pagination-pages-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-ui-pagination-arrow:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.73828 0L11.4453 5.70701L5.73828 11.414L4.70064 10.3764L8.62072 6.4563L0.787928 6.52442L0.775166 5.05703L8.65154 4.98853L4.70064 1.03764L5.73828 0Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 0.83333vw;
  height: 0.83333vw;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: invert(29%) sepia(31%) saturate(4616%) hue-rotate(161deg) brightness(97%) contrast(107%);
  filter: invert(29%) sepia(31%) saturate(4616%) hue-rotate(161deg) brightness(97%) contrast(107%);
}

.main-ui-pagination-prev:after {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.main-ui-pagination-page.main-ui-pagination-active {
  color: #000;
}

.main-ui-pagination-page:not(.main-ui-pagination-active):hover {
  color: #000000ba;
}

.main-ui-pagination-arrow:hover {
  background: #00848C;
  border-color: #00848C;
}

.main-ui-pagination-arrow:hover:after {
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.page_news_list .title_h2 {
  padding: 3.47222vw 0 2.08333vw;
}

.page_news_list_cat {
  margin: 0 0 2.77778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.43056vw;
}

.page_news_list_cat a {
  font-size: 0.97222vw;
  line-height: 1.18056vw;
  color: #00848C;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_news_list_cat a:hover {
  opacity: 0.5;
}

.page_news_list_cat_active {
  border-bottom: 1px solid;
}

.page_news_more .page_projects_more_image {
  height: 40.25vw;
}

.page_projects_more_top {
  position: relative;
}

.page_news_more .page_projects_more_image_full:after {
  content: "";
  background: -o-linear-gradient(269.97deg, rgba(0, 0, 0, 0) 0.03%, rgba(21, 32, 54, 0.5) 99.97%);
  background: linear-gradient(180.03deg, rgba(0, 0, 0, 0) 0.03%, rgba(21, 32, 54, 0.5) 99.97%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.page_news_more .page_projects_more_title h1 {
  width: 84%;
}

.page_news_more .page_projects_more_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.breadcrumbs_top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  gap: 0.34722vw;
}

.page_news_more_bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.13889vw;
  margin: 0 0 1.875vw;
  justify-content: flex-start;
}

.page_news_more_bottom p, .page_news_more_bottom a {
  font-size: 0.97222vw !important;
  line-height: 1.18056vw !important;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  width: auto !important;
  margin: 0 !important;
}

.page_news_more_bottom a:hover {
  text-decoration: underline;
}

.breadcrumbs_top a, .breadcrumbs_top {
  font-size: 0.69444vw;
  line-height: 0.83333vw;
  text-decoration: none;
  color: #fff;
  font-style: normal;
}

.breadcrumbs_top i {
  font-style: normal;
}

.breadcrumbs_top a:hover {
  border-bottom: 1px solid #fff;
}

.page_projects_more_text_content iframe {
  width: 100%;
  height: 34vw;
  border-radius: 2.43056vw;
  margin: 1.52778vw 0 0;
  background: #000;
}

.page_projects_more_text_content a {
  color: #00848C;
  text-decoration: none;
  border-bottom: 1px solid;
}

section.b1 {
  background: #fff;
}

.contacts_page {
  background: #F7F7F9;
}

.contacts_page .contacts_block {
  background: none;
}

.partners_page_top {
  margin: 3.47222vw 0 4.86111vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.partners_page {
  padding-bottom: 5.55556vw;
  background: #fff;
}

.partners_page_top_left p {
  font-size: 1.11111vw;
  line-height: 130%;
  color: #000000;
  margin: 1.04167vw 0 0;
}

.partners_page_top_right p {
  font-weight: 600;
  font-size: 0.97222vw;
  line-height: 100%;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 50.05%), #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(50.05%, #23407A)), #FFFFFF;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 50.05%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.partners_page_top_right:before {
  content: "";
  width: 3.47222vw;
  display: block;
  height: 1px;
  background: #00848C;
}

.partners_page_top_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.38889vw;
  margin: 0.69444vw 0 0;
}

.partners_page_box .splide__track {
  overflow: visible;
}

.partners_page_item {
  border: 1px solid #F4F4F4;
  border-radius: 2.43056vw;
}

.partners_page_item img {
  width: 13.125vw;
  height: 13.125vw;
}

.b1_right_item a>span b {
  display: table;
  font-size: 0.55556vw;
  margin: 0.27778vw 0 0;
  font-size: 0.75556vw;
}

.b1_right_item a>span b span {
  color: #12868C;
}

.menu_full_active_body .hd .bt span, .white_menu .hd:not(.fix_hd) .bt span {
  -webkit-text-fill-color: #fff;
}

.b2_left_top ul li {
  margin: 1.11111vw 0;
}

.ft__left p:last-child {
  /* margin: 2vw 0 -0.6vw; */
  margin: 2vw 0 0.32vw;
}

.ft__right nav {
  width: 100%;
}

.ft__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.ft_bottom .ft__left p:last-child {
  margin: 0 !important;
}

body.menu_full_active_body .social_fix {
  z-index: 99999;
}

.h1 {
  font-weight: 600;
  font-size: 2.08333vw;
  line-height: 100%;
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 50.05%), -o-linear-gradient(bottom, #FFFFFF, #FFFFFF), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(50.05%, #23407A)), -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 50.05%), linear-gradient(0deg, #FFFFFF, #FFFFFF), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.solut_b1 .h1 {
  margin: 2.77778vw 0;
}

.solut_b1_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
  margin: 0 0 4.16667vw;
}

.solut_b1__item a {
  height: 9.72222vw;
  width: 100%;
  display: block;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 0.5px solid #DFDFDF;
  -webkit-backdrop-filter: blur(4.47917vw);
  backdrop-filter: blur(4.47917vw);
  border-radius: 2.43056vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  text-decoration: none;
  padding: 0 0 0;
  overflow: hidden;
}

.solut_b1__item_title {
  font-weight: 600;
  font-size: 0.97222vw;
  line-height: 120%;
  color: #23407A;
  width: 100%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin-bottom: 0.34722vw;
}

.solut_b1__item_text {
  font-weight: 450;
  font-size: 0.97222vw;
  line-height: 1.18056vw;
  color: #00848C;
}

.solut_b1__item a span {
  margin-left: 3.125vw;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.solut_b1__item a:before {
  content: "";
  background: -o-linear-gradient(10.78deg, #00848C 2.53%, #23407A 98.59%), #FFFFFF;
  background: linear-gradient(79.22deg, #00848C 2.53%, #23407A 98.59%), #FFFFFF;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.solut_b1__item a:hover:before {
  opacity: 1;
}

.solut_b1__item a:hover span {
  color: #fff;
}

.solut_b1__item a i {
  top: 2.56944vw;
  right: 2.43056vw;
}

.solut_b1_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 4.16667vw;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 0.5px solid #12868C;
  -webkit-backdrop-filter: blur(4.47917vw);
  backdrop-filter: blur(4.47917vw);
  border-radius: 2.43056vw;
  padding: 3.125vw;
}

.solut_b1_bottom p {
  font-size: 0.97222vw;
  line-height: 120%;
  color: #23407A;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.solut_b2 {
  padding: 8.33333vw 0 8.33333vw;
}

.solut_b2_box {
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 0.5px solid #DFDFDF;
  -webkit-backdrop-filter: blur(4.47917vw);
  backdrop-filter: blur(4.47917vw);
  border-radius: 2.43056vw;
  padding: 1.73611vw 1.73611vw 1.73611vw 4.16667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.solut_b2_box .b1_right {
  margin: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.solut_b2_box .h2 {
  margin: 2.43056vw 0 0;
}

.solut_b2_box .b1_right .b1_right_item {
  margin: 0;
  width: 26.25vw;
  height: 10.41667vw;
}

.solut_b2_box .b1_right .b1_right_item a>span {
  font-size: 0.97222vw;
  bottom: 2.22222vw;
}

.all_projects_box .slider_list_objects_right {
  width: 100%;
}

.all_projects_box {
  border: 0;
  padding-top: 0;
}

.all_projects_box .slider_list_objects_right_box {
  overflow: visible;
  max-width: 100%;
  min-width: 0;
}

.all_projects_box .slider_list_objects_sliders {
  max-width: 100%;
}

.page_projects_more_title p,
.wba_.page_projects_more_title p {
  font-weight: 450;
  font-size: 1.38889vw;
  line-height: 1.66667vw;
  color: #FFFFFF;
  margin: 0.69444vw 0 0;
  width: 100%;
}

.uls {
  font-weight: 450;
  font-size: 1.11111vw;
  line-height: 110%;
  /* or 18px */
  color: #000000;
}

.uls li:before {
  border-radius: 50%;
  content: "";
  background: #008488;
  width: 0.3vw;
  height: 0.3vw;
  display: block;
  border: 0.3vw solid #fff;
  -webkit-box-shadow: 0 0 0 1px #008488;
  box-shadow: 0 0 0 1px #008488;
  position: absolute;
  top: 0.48611vw;
  left: -1.875vw;
}

.uls li {
  position: relative;
  margin: 0 0 0.48611vw !important;
}

.area_box {
  gap: 1.38889vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding: 0 0 8.33333vw;
}

.area_box .b4__item {
  margin: 0;
}

.area_box .b4__item_bg {
  height: 20.83333vw;
  padding: 0 3.125vw;
}

.area_box .b4__item_bg .bt {
  border: 0;
  padding: 0;
  background: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.area_box .b4__item_bottom {
  position: static;
  margin: 0 0 2.77778vw;
}

.area_box .b4__item_top {
  margin: 2.77778vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.area_box .b4__item_bottom p span {
  display: table;
  font-weight: 600;
  font-size: 0.69444vw;
  line-height: 100%;
  /* identical to box height, or 10px */
  color: #FFFFFF;
  margin: 0.34722vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.34722vw;
}

.area_box .b4__item_bottom p span:before {
  content: "";
  height: 1px;
  width: 1.31944vw;
  display: block;
  background: #fff;
}

.area_box .b4__item .b4__item_bg:before {
  background: -o-linear-gradient(359.57deg, #00848C 0.37%, #23407A 99.63%);
  background: -o-linear-gradient(359.57deg, #036b71 0.37%, #23407A 99.63%);
  background: linear-gradient(90.43deg, #036b71 0.37%, #23407A 99.63%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  mix-blend-mode: hard-light;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}

.area_box .bt:hover::after {
  opacity: 0.9;
}

.area_box .bt:after {
  display: none;
}

.area_box .b4__item:hover .b4__item_bg:before {
  opacity: 1;
}

.area_page_main {
  min-height: calc(100vh - 8.3333333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.area_page_bg, .area_page {
  background-size: cover;
  background-position: center;
}

.area_page_h1 {
  font-size: 3.47222vw;
  line-height: 120%;
  color: #FFFFFF;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.34722vw;
}

.area__about_h1 {
  text-transform: uppercase;
}

.area_page_type {
  font-size: 1.11111vw;
  line-height: 100%;
  color: #FFFFFF;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.69444vw;
}

.area_page_type:before {
  content: "";
  height: 1px;
  width: 3.26389vw;
  background: #fff;
}

.area_page_text {
  font-size: 1.38889vw;
  line-height: 1.66667vw;
  color: #FFFFFF;
  margin: 1.38889vw 0 0;
  width: 100%;
}

.area_page_title {
  margin: 2vh 0 0;
  width: 100%;
}

.area_page_main .area_page_ul li {
  margin: 2vh 0 0;
}

.area_page_main .area_page_ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5.5' stroke='white'/%3E%3Ccircle cx='5.99984' cy='6' r='2.16' fill='white'/%3E%3C/svg%3E%0A");
  width: 0.83333vw;
  height: 0.83333vw;
  display: block;
  content: "";
  position: absolute;
  top: 0.34722vw;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.area_page_ul {
  font-size: 1.38889vw;
  line-height: 118%;
  color: #FFFFFF;
  padding: 0;
  list-style: none;
  margin: 0 0 4vh;
}

.area_page_ul li {
  position: relative;
  padding: 0 0 0 1.875vw;
}

.log_b1 {
  padding: 8.33333vw 0 0;
  background: #F7F7F9;
}

.log_b1_box {
  background-color: #fff;
  background-size: cover;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 0.5px solid #DFDFDF;
  border-radius: 2.43056vw;
  background-repeat: no-repeat;
}

.log_b1_list {
  margin: 0 3.47222vw;
  padding: 3.81944vw 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2.5vw 0;
}

.log_b1__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.73611vw;
}

.log_b1__item p {
  width: calc(100% - 4.86111vw);
  font-size: 0.97222vw;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.log_b1_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6.94444vw 0;
}

p.log_b1_bottom_t1 {
  font-weight: 600;
  font-size: 1.94444vw;
  line-height: 120%;
  color: #23407A;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

p.log_b1_bottom_t2 {
  font-size: 0.97222vw;
  line-height: 1.18056vw;
  color: #00848C;
  margin: 0.34722vw 0 0;
}

section.log_b2 .h1 {
  text-align: center;
  margin: 0 0 2.77778vw;
}

.log_b2__item_title span {
  color: #000;
  font-size: 0.97222vw;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.log_b2__item_info {
  background: #fff;
  width: 40.625vw;
  border-radius: 2.43056vw;
  background: #FFF;
  padding: 1px 0;
  position: relative;
  z-index: 10;
}

.log_b2__item_title {
  padding: 2.77778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.log_b2__item_title i:after, .log_b2__item_title i:before {
  content: "";
  height: 0.13889vw;
  width: 100%;
  background: #00848C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.log_b2__item_title i {
  width: 0.83333vw;
  height: 0.83333vw;
  position: relative;
  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;
}

.log_b2__item_title i:before {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.log_b2__item_main {
  margin: 0 2.77778vw 2.84722vw;
}

.log_b2__item_main ul {
  color: #000;
  font-size: 0.83333vw;
  line-height: 150%;
}

.log_b2__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.log_b2__item_line.log_b2__item_line_1 {
  position: absolute;
  right: 20.20833vw;
  bottom: -0.83333vw;
}

.log_b2 {
  padding: 6.94444vw 0;
  background: -o-linear-gradient(bottom, #E7E9ED 0%, rgba(231, 233, 237, 0.31) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#E7E9ED), to(rgba(231, 233, 237, 0.31)));
  background: linear-gradient(360deg, #E7E9ED 0%, rgba(231, 233, 237, 0.31) 100%);
  overflow: hidden;
  position: relative;
}

.log_b2_bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.log_b2_bg img {
  width: 100%;
  height: 100%;
}

.log_b2__item:nth-child(2n) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.log_b2__item_line.log_b2__item_line_2 {
  position: absolute;
  bottom: -0.41667vw;
  left: 20.27778vw;
}

.log_b2__item:nth-child(3) .log_b2__item_line.log_b2__item_line_1 {
  bottom: -0.20833vw;
}

.log_b2__item:nth-child(4) .log_b2__item_line.log_b2__item_line_2 {
  bottom: -0.625vw;
}

.log_b2__item_line.log_b2__item_line_3 {
  bottom: 2.15278vw;
  position: absolute;
  right: 20.20833vw;
}

.log_b2__item_line.log_b2__item_line_1 img {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.log_b2__item_line.log_b2__item_line_1 img, .log_b2__item_line.log_b2__item_line_2 img {
  width: 42.15278vw;
  height: 4.375vw;
}

.log_b2__item_line.log_b2__item_line_3 img {
  width: 38.61111vw;
  height: 2.08333vw;
}

.log_b2__item_line.log_b2__item_line_3:after {
  content: "";
  width: 0.625vw;
  height: 0.625vw;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background: #00848C;
  border-radius: 50%;
  z-index: 99;
  margin: auto;
  -webkit-transform: translate(0px, -1px);
  -ms-transform: translate(0px, -1px);
  transform: translate(0px, -1px);
  -webkit-box-shadow: 0 0 0 0.69444vw rgba(0, 132, 140, 0.1);
  box-shadow: 0 0 0 0.69444vw rgba(0, 132, 140, 0.1);
}

.log_b3_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.38889vw;
  margin: 3.125vw 0 0;
}

section.log_b3 {
  padding: 6.94444vw 0;
}

.log_b3__item {
  border-radius: 2.43056vw;
  border: 1px solid #DFDFDF;
  background: #FFF;
  height: 23.95833vw;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.log_b3__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
  bottom: 0;
  -webkit-transition: nine;
  -o-transition: nine;
  transition: nine;
}

.log_b3__item_box {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.log_b3__item_title {
  margin: 3.125vw 0 0 3.125vw;
  display: table;
  color: #23407A;
  font-size: 0.97222vw;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.log_b3__item ul {
  position: absolute;
  bottom: 2.77778vw;
  left: 3.125vw;
  font-size: 0.97222vw;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  z-index: 5;
}

.log_b3__item ul li {
  margin: 0.41667vw 0 0;
}

.log_b3__item:after {
  background: -o-linear-gradient(25deg, #00848C 0%, #23407A 100%), #FFF;
  background: linear-gradient(65deg, #00848C 0%, #23407A 100%), #FFF;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: block;
  content: "";
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.log_b3__item:hover span.log_b3__item_title {
  color: #fff;
}

.log_b3__item:hover img {
  -webkit-filter: brightness(29.5);
  filter: brightness(29.5);
  opacity: 0.3;
}

.log_b3__item:hover:after {
  opacity: 1;
}

.log_b3__item:hover ul {
  opacity: 1;
  color: #fff;
}

.log_b3__item:hover ul li::marker {
  color: #fff;
}
.log_b3__item ul li a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid transparent;
 }
.log_b3__item:hover ul li a {
   color: #fff;
   border-bottom: 1px solid transparent;
   transition: all 0.4s ease 0s;
 }
 .log_b3__item:hover ul li a:hover {
   color: #fff;
   border-bottom-color: #fff;
 }

.log_b4_box {
  border-radius: 2.43056vw;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.log_b4 {
  padding: 0 0 6.94444vw;
}

.log_b4_img img {
  width: 52.63889vw;
  height: 24.44444vw;
  border-radius: 1.73611vw;
}

.log_b4_img {
  margin: 1.73611vw;
}

.log_b4__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  padding: 4.16667vw 0 4.16667vw 4.16667vw;
}

.log_b4__left .h1 {
  font-size: 1.66667vw;
}

.log_b5_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2.43056vw;
  height: 35.13889vw;
}

.log_b5_box {
  position: relative;
  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;
}

.log_b5_text {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  display: table;
  left: 42.01389vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.log_b5_text .h1 {
  font-size: 1.25vw;
  margin: 0 0 1.73611vw;
  width: 100%;
}

.log_b5_text .bt span {
  -webkit-text-fill-color: #fff;
}

.log_b5_text .bt:after {
  opacity: 1;
}

.log_b5_text .bt:hover span {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%), #23407A;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.log_b5_text .bt:hover:after {
  opacity: 0;
}

.log_b5_text .bt {
  width: 17.93056vw;
  margin-right: 5px;
}

.log_b6 {
  padding: 8.33333vw 0;
}

.log_b6 .b1_right {
  margin: 1.38889vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.log_b6 .b1_right_item {
  width: 26.25vw;
  height: 10.41667vw;
}

.log_b6 .b1_right_item a>span {
  font-size: 0.83333vw;
  bottom: 2.43056vw;
  left: 2.77778vw;
}

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

.eng_b1_box_col .log_b2_item {
  margin: 0 0 1.38889vw;
}

.log_b2__item_title:hover span {
  color: #12868C;
}

.eng_b1 {
  background: none;
}

.eng_b2 {
  background: none;
  padding: 0;
}

.eng_b2 .h1 {
  margin: 0 0 3.125vw;
}

.log_b2__item_text {
  width: 100% !important;
}

.log_b2__item_main ul li {
  margin: 0 0 0.90278vw;
}

.log_b2__item_title.log_b2__item_title_open i:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.flot_box {
  border-radius: 2.43056vw;
  background: #FFF;
  overflow: hidden;
}

.flot_box_main {
  margin: 0 1.73611vw;
  padding: 2.63889vw 0 1.73611vw;
}

section.flot {
  padding: 0 0 8.33333vw;
}

.flot_box_top .page_projects_more_arrows span {
  background: #00848C;
}

.flot_box_top .page_projects_more_arrows button:after {
  -webkit-filter: invert(36%) sepia(91%) saturate(725%) hue-rotate(143deg) brightness(88%) contrast(101%);
  filter: invert(36%) sepia(91%) saturate(725%) hue-rotate(143deg) brightness(88%) contrast(101%);
}

.flot_box_top {
  margin: 0 0 1.66667vw 2.01389vw;
}

.flot_list_img img {
  height: 2.77778vw;
  min-width: 2.77778vw;
  width: auto;
}

.flot_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.04167vw;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.3;
}

p.flot_list_img_text_t1 {
  color: #23407A;
  font-size: 0.69444vw;
  font-weight: 600;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.34722vw;
}

p.flot_list_img_text_t2 {
  color: #00848C;
  font-size: 0.69444vw;
  font-weight: 450;
}

.flot_list .splide__track {
  overflow: visible;
}

.flot_list .splide__list {
  gap: 2.08333vw;
}

.flot_list_item:hover {
  opacity: 0.6;
}

.flot_list .splide__slide.is-active .flot_list_item {
  opacity: 1;
}

.flot_big_photo {
  width: 37.70833vw;
  height: 26.73611vw;
  border-radius: 2.43056vw;
  overflow: hidden;
}

.flot_big_photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.flot_big {
  margin: 2.43056vw 0 0;
}

.flot_big_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.43056vw;
}

.flot_big_item_text {
  width: 38.33333vw;
}

.flot_big_item_title {
  color: #23407A;
  font-size: 1.38889vw;
  font-weight: 600;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 2.43056vw 0 2.77778vw;
}

.flot_big_item_text_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.08333vw 1.38889vw;
}

.flot_big_item_text__item {
  border-bottom: 1px solid #C9CFDB;
  min-width: 10.97222vw;
  padding: 0 0 0.55556vw;
}

.flot_big_item_text__item_value {
  color: #00848C;
  font-size: 0.97222vw;
  font-weight: 450;
}

p.flot_big_item_text__item_title {
  color: #23407A;
  font-size: 0.83333vw;
  font-weight: 450;
  margin: 0 0 1.04167vw;
}

.flot_big_item_text__item:nth-child(1), .flot_big_item_text__item:nth-child(4) {
  min-width: 12.01389vw;
}

.flot_big_item_text__item:nth-child(5) {
  width: calc(100% - 12.01389vw - 1.38889vw);
}

.specific {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.83333vw;
  color: #00848C;
  font-size: 0.97222vw;
  font-weight: 450;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  margin: 5.20833vw 0 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

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

.specific img {
  width: 1.59722vw;
  height: 1.59722vw;
}

.specific:hover {
  color: #000;
}

.log_b4__left .bt:after {
  opacity: 1;
}

.log_b4__left .bt:hover:after {
  opacity: 0;
}

.log_b4__left .bt span {
  -webkit-text-fill-color: #fff;
}

.epc_b1 {
  margin: 0 0 8.33333vw;
}

.log_b4__left .bt:hover span {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.log_b2__item_main p {
  margin: 0 0 1.45833vw;
  color: #000;
  font-size: 0.83333vw;
  line-height: 150%;
}

.epc_b2_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.epc_b2_item {
  border-radius: 2.43056vw;
  border: 0.5px solid #DFDFDF;
  background: #FFF;
  padding: 4.16667vw 0 3.88889vw 3.33333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.36111vw;
}

p.epc_b2_title {
  color: #000;
  font-size: 0.97222vw;
  font-family: Heading Pro Ultra Wide;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.69444vw;
}

p.epc_b2_descr {
  color: #00848C;
  font-size: 0.97222vw;
}

.epc_b2_icon i {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.epc_b2_icon i img {
  width: 3.05556vw;
  height: 3.05556vw;
}

.epc_b3 {
  position: relative;
  background: #EEEFF2;
  padding: 6.94444vw 0 10.5vw;
}

.epc_b3_bg {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}

.epc_b3_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.epc_b2 {
  padding: 0 0 8.33333vw;
}

section.epc_b3 .h1 {
  text-align: center;
}

.epc_b3_box {
  margin: 8.55556vw auto 0;
  max-width: 65.27778vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 5.55556vw 2.77778vw;
  position: relative;
  z-index: 9;
}

.epc_b3__item {
  border-radius: 2.43056vw;
  background: #FFF;
  padding: 2.63889vw 0;
  position: relative;
}

.epc_b3__item p {
  color: #000;
  text-align: center;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

.epc_b3_box:before {
  content: "";
  position: absolute;
  width: 29.86111vw;
  height: 29.86111vw;
  background-image: url("data:image/svg+xml,%3Csvg width='430' height='430' viewBox='0 0 430 430' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='215' cy='215' r='199.5' stroke='url(%23paint0_linear_3024_35)'/%3E%3Ccircle cx='15' cy='214' r='15' fill='white'/%3E%3Ccircle cx='415' cy='215' r='15' fill='white'/%3E%3Ccircle cx='215' cy='415' r='15' fill='white'/%3E%3Ccircle cx='215' cy='15' r='15' fill='white'/%3E%3Cpath d='M15.1852 221.12L15.0711 208M15.0711 208L8 215.071M15.0711 208L22.1421 215.071' stroke='%2300848C' stroke-width='2'/%3E%3Cpath d='M414.957 208.023L415.072 221.142M415.072 221.142L422.143 214.071M415.072 221.142L408 214.071' stroke='%2300848C' stroke-width='2'/%3E%3Cpath d='M222.119 414.957L208.999 415.071M208.999 415.071L216.07 422.142M208.999 415.071L216.07 408' stroke='%2300848C' stroke-width='2'/%3E%3Cpath d='M208.022 15.1852L221.141 15.0711M221.141 15.0711L214.07 8M221.141 15.0711L214.07 22.1421' stroke='%2300848C' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3024_35' x1='15.0244' y1='89.2212' x2='493.244' y2='50.8827' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300848C'/%3E%3Cstop offset='1' stop-color='%2323407A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-position: center;
}

.tech_b1_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 2.08333vw;
}

.tech_b1_box {
  padding: 2.43056vw 0 0;
}

.tech_b1_item_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.08333vw 1.38889vw;
}

.tech_b1_item_img {
  font-size: 0;
  margin: 0 0 1.04167vw;
}

.tech_b1_item_img img {
  /* height: 15.27778vw;
  width: auto; */
  border-radius: 2.43056vw;
  width: 100%;
  background: #fff;
  display: block;

  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tech_b1_item_text p {
  color: #23407A;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 0.69444vw;
}

.tech_b1_item_text ul:not([class]) li {
  margin: 0 0 0.55556vw;
}

.tech_b1_item {
  margin: 0 0 6.94444vw;
}

.tech_b1_item_list.tech_b1_item_list_two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.tech_b1_item_list.tech_b1_item_list_one {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.tech_b1+section.solut_b2 {
  padding-top: 1.38889vw;
}

li.li_bottom {
  border-top: 1px solid #DFDFDF;
  padding: 0.34722vw 0 0;
  margin: 1.31944vw 0 0 !important;
}

section.about_b1 .h1 {
  font-size: 1.66667vw;
}

section.about_b1 {
  padding: 8.33333vw 0;
}

.about_b1_box {
  margin: 2.77778vw 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.38889vw;
}

.about_b1_left_item {
  border-radius: 2.43056vw;
  background: -o-linear-gradient(44deg, #00848C 0%, #23407A 100%), #FFF;
  background: linear-gradient(46deg, #00848C 0%, #23407A 100%), #FFF;
  overflow: hidden;
}

.about_b1_left_item_bg {
  background-size: cover;
  padding: 2.77778vw 2.43056vw 2.84722vw 3.47222vw;
}

p.about_b1_left_item_title {
  color: #FFF;
  font-size: 1.11111vw;
  font-family: Heading Pro Ultra Wide;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 0 0 1.66667vw;
}

p.about_b1_left_item_text {
  color: #FFF;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

.about_b1_left {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 1.38889vw;
}

.about_b1_right_box {
  border-radius: 2.43056vw;
  border: 1px solid #F4F4F4;
  background: #FFF;
  padding: 0 3.47222vw 0;
  height: 100%;
  background-size: cover;
}

p.about_b1_right_title {
  color: #00848C;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  margin: 2.77778vw 0 2.22222vw;
}

.about_b1_right__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.38889vw;
  margin: 0 0 2.77778vw;
}

.about_b1_right_icon {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

p.about_b1_right__item_title {
  color: #000;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: bold;
  line-height: 120%;
  margin: 0 0 0.69444vw;
}

p.about_b1_right__item_text {
  color: #000;
  font-size: 0.97222vw;
}

.about_b1_right_icon img {
  width: 3.125vw;
  height: 3.125vw;
  -webkit-box-shadow: inset 0 0 0 1px #69b4ba;
  box-shadow: inset 0 0 0 1px #69b4ba;
  border-radius: 50%;
}

.about_b1_right__item:last-child {
  margin: 0;
}

section.about_b2 {
  background: #F4F4F4;
}

.about_b2 .h1 {
  text-align: center;
  margin: 0 0 3.88889vw;
}

.about_b2_date_value {
  color: #C9CFDB;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
  position: relative;
  padding: 0 0 2.5vw;
  cursor: pointer;
}

.about_b2_date .splide__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about_b2_date .is-active.splide__slide .about_b2_date_value {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 50.05%), -o-linear-gradient(bottom, #FFFFFF, #FFFFFF), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(50.05%, #23407A)), -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 50.05%), linear-gradient(0deg, #FFFFFF, #FFFFFF), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.about_b2_date:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: -o-linear-gradient(27deg, #F7F7F9 0%, #00848C 16.67%, #23407A 85.42%, #F7F7F9 100%), #C9CFDB;
  background: linear-gradient(63deg, #F7F7F9 0%, #00848C 16.67%, #23407A 85.42%, #F7F7F9 100%), #C9CFDB;
  margin: -0.90278vw 0 0;
}

.about_b2_date_value:after {
  content: "";
  width: 0.625vw;
  height: 0.625vw;
  background: #00848C;
  display: block;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0.55556vw rgba(0, 132, 140, 0.1);
  box-shadow: 0 0 0 0.55556vw rgba(0, 132, 140, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.55556vw;
  margin: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.about_b2_text {
  margin: 3.47222vw 0 0;
}

.about_b2_text p {
  color: #000;
  font-size: 0.97222vw;
  font-style: normal;
  font-weight: 450;
  line-height: 150%;
}

.about_b2_text_box .bt {
  margin: 3.125vw 0 0;
  color: #000;
}

.about_b2_date .is-active.splide__slide .about_b2_date_value:after {
  opacity: 1;
}

.about_b2_text_box {
  border-radius: 2.43056vw;
  background: #FFF;
  padding: 2.77778vw;
}

.about_b2_bg {
  background-size: cover;
  background-position: bottom center;
  padding: 8.33333vw 0 4vw;
}

section.about_b3 {
  padding: 8.33333vw 0;
}

.about_b2_video {
  width: 100%;
  height: 32.63889vw;
  border-radius: 2.43056vw 2.43056vw 0 0;
  overflow: hidden;
}

.about_b2_video_bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.about_b2_video--video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

.about_b3_text {
  background-color: #fff;
  border-radius: 0 0 2.43056vw 2.43056vw;
  padding: 5.55556vw 4.23611vw 5.55556vw 5.55556vw;
  background-size: cover;
  background-position: bottom -10vw center;
  -webkit-backdrop-filter: opacity(0.1);
  backdrop-filter: opacity(0.1);
}

.about_b3_lf p {
  font-size: 1.38889vw;
}

.about_b3_rg li {
  margin: 0 0 1.11111vw !important;
}

.about_b3_rg {
  max-width: 41.66667vw;
}

.about_prs {
  padding: 0 0 8.33333vw;
}

.about_b4_item {
  border-radius: 2.43056vw;
  border: 1px solid #DFDFDF;
  background: #FFF;
  overflow: hidden;
}

.about_b4_item img {
  width: 13.125vw;
  height: 13.125vw;
}

.about_b4_box .splide__track {
  overflow: visible;
}

.about_b4_box {
  margin: 2.77778vw 0 0;
}

.about_b4 {
  padding: 0 0 4.16667vw;
}

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

.about_b4_top .page_projects_more_arrows span {
  background: #00848C;
}

.about_b4_top .page_projects_more_arrows button:after {
  -webkit-filter: invert(30%) sepia(83%) saturate(1047%) hue-rotate(149deg) brightness(102%) contrast(101%);
  filter: invert(30%) sepia(83%) saturate(1047%) hue-rotate(149deg) brightness(102%) contrast(101%);
}

section.about_b5 {
  padding: 4.16667vw 0 8.33333vw;
}

.about_b5_box {
  margin: 4.16667vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about_b5_left {
  width: 39.02778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.38889vw;
  max-height: 41.07222vw;
  padding-right: 1.73611vw;
}

.about_b5_right {
  width: 37.84722vw;
}

p.about_b5_t1 {
  font-size: 1.38889vw;
  margin: 0 0 1.18056vw;
}

p.about_b5_t2 {
  color: #23407A;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  margin: 0 0 4.02778vw;
}

p.about_b5_t2 a {
  display: initial;
}

p.about_b5_t2 a:before {
  display: none;
}

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

.load_files_load li {
  background: #1b537f14 !important;
  color: #00000073 !important;
}

.fm_title {
  color: #23407A;
  font-size: 0.83333vw;
  display: table;
  margin: 0 0 0.625vw;
  width: 100%;
  position: relative;
}

.about_b5_input>label>input, .phone_input input {
  border: 0;
  border-bottom: 1px solid #C9CFDB;
  background: none;
  padding: 0;
  width: 100%;
  color: #00848C;
  font-size: 0.97222vw;
  font-family: "HeadingProDouble";
  font-family: "Manrope";
  height: 2.29167vw;
}

.about_b5_input {
  width: 16.875vw;
  margin: 0 0 4.72222vw;
}

button.bt {
  background: none;
}

button.bt:after {
  opacity: 1;
}

button.bt:hover:after {
  opacity: 0;
}

button.bt span {
  -webkit-text-fill-color: #fff;
}

button.bt span:hover {
  -webkit-text-fill-color: transparent;
}

button.bt:hover span {
  background: -o-linear-gradient(left, #00848C 0.01%, #23407A 99.99%), #23407A;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #00848C), color-stop(99.99%, #23407A)), #23407A;
  background: linear-gradient(90deg, #00848C 0.01%, #23407A 99.99%), #23407A;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  z-index: 2;
}

p.plc {
  color: #00848C;
  font-size: 0.59444vw;
  margin: 1.04167vw 0;
}

p.plc a {
  color: #00848C;
}

.about_b5_form .bt {
  margin: -5.83333vw 0 0;
}

.about_b5_right .bt {
  margin: -1.38889vw 0 0;
}

.about_b5_input:nth-child(3) {
  width: 100%;
}

.load_files {
  list-style: none;
  padding: 0;
  pointer-events: none;
}

.load_files li {
  color: #00848C;
  font-size: 0.83333vw;
  border-radius: 0.97222vw;
  background: rgba(201, 207, 219, 0.1);
  display: table;
  padding: 0.41667vw 0.69444vw;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.load_files li {
  position: relative;
}

.progress.mb-2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 110%;
}

.about_b5_file span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00848C;
  font-size: 0.83333vw;
  gap: 0.34722vw;
}

.about_b5_file span i {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.177734' y='0.177734' width='25' height='25' rx='12.5' fill='%2300848C'/%3E%3Cpath d='M10.1748 12.2054L12.1473 12.2054L12.1473 10.228L13.195 10.228L13.195 12.2054L15.1748 12.2054L15.1748 13.2648L13.195 13.2648L13.195 15.228L12.1473 15.228L12.1473 13.2648L10.1748 13.2648L10.1748 12.2054Z' fill='white'/%3E%3C/svg%3E%0A");
  display: block;
  width: 1.80556vw;
  height: 1.80556vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.about_b5_file {
  position: relative;
  cursor: pointer;
  z-index: 9;
  margin: 0.69444vw 0 0;
  display: block;
}

.about_b5_file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.file_del {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3979 13.9338L11.7927 12.539L10.3944 11.1407L11.1352 10.3999L12.5335 11.7981L13.9334 10.3982L14.6824 11.1473L13.2825 12.5472L14.6708 13.9354L13.93 14.6763L12.5417 13.288L11.1469 14.6828L10.3979 13.9338Z' fill='%239E2B32'/%3E%3C/svg%3E%0A");
  width: 1.73611vw;
  height: 1.73611vw;
  border: 0;
  cursor: pointer;
  border: 1px solid #9E2B32;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: none;
}

.file_del:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

a.top_bt {
  width: 3.47222vw;
  height: 3.47222vw;
  border: 1px solid #00848C;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a.top_bt:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1852 32.1198L25.0711 19.0002M25.0711 19.0002L18 26.0713M25.0711 19.0002L32.1421 26.0713' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  display: block;
  width: 100%;
  height: 100%;
  -webkit-filter: invert(34%) sepia(31%) saturate(2688%) hue-rotate(150deg) brightness(97%) contrast(103%);
  filter: invert(34%) sepia(31%) saturate(2688%) hue-rotate(150deg) brightness(97%) contrast(103%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

a.top_bt:hover {
  background: #00848C;
}

a.top_bt:hover:after {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.area_box .b4__item_top:after {
  content: "";
  width: 0.76389vw;
  height: 0.83333vw;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.80374 10.3576L10 1M10 1L0 1M10 1V11' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.area_box .b4__item:hover .b4__item_top:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.del {
  display: block !important;
  content: "";
  position: absolute;
  width: 0.27778vw;
  height: 0.27778vw;
  background: #00848C;
  border-radius: 50%;
  top: 0.55556vw;
  left: -0.76389vw;
}

.about_b5_left_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.38889vw;
  width: 100%;
}

.about_b5_left_box .log_b2__item_info {
  width: 100%;
}

.about_b5_left_box .log_b2_item {
  width: 100%;
}

.scrollbar-thumb {
  background: #C9CFDB !important;
}

.scrollbar-track {
  right: 0;
  background: rgba(201, 207, 219, 0.2) !important;
}

.safety_b1 h1 {
  font-size: 2.77778vw;
}

section.safety_b2 {
  padding: 6.94444vw 0 0;
}

.safety_b2_box>p {
  color: #000;
  text-align: justify;
  font-size: 1.11111vw;
  font-style: normal;
  font-weight: 450;
  line-height: 150%;
  text-indent: 3.33333vw;
  margin: 0 0 1.80556vw;
}

.safety_b2_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1.73611vw;
}

.safety_b2_img img {
  width: 6.94444vw;
  height: 5.13889vw;
}

p.safety_b2_t1 {
  color: #23407A;
  font-size: 1.25vw;
  font-family: "HeadingProUltra";
  font-family: "Manrope";
  font-weight: bold;
}

p.safety_b2_t2 {
  color: #00848C;
  font-size: 1.11111vw;
  margin: 0.34722vw 0 0;
}

.log_b2__item_main ul li a {
  color: #00848C;
  text-decoration: none;
  position: relative;
  display: table;
}

.log_b2__item_main ul li a:after {
  content: "";
  position: absolute;
  width: 0.69444vw;
  height: 0.69444vw;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64299 8.4861L9 1M9 1L1 1M9 1V9' stroke='%2300848C' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0.20833vw;
  right: -1.11111vw;
}

.safety_b3 {
  background: none;
  padding-bottom: 0;
}

.safety_b4 .about_b3_rg {
  max-width: 100%;
}

.safety_b5_box {
  margin: 2.77778vw 0 0;
}

.safety_b4 .about_b3_box {
  display: block;
}

section.about_b3.safety_b4 .about_b3_rg li {
  margin: 0 0 0.55556vw !important;
}

.safety_b4 .about_b3_lf {
  margin: 0 0 1.45833vw;
}

section.about_b3.safety_b4 .about_b3_text {
  padding-bottom: 4.23611vw;
  padding-top: 4.86111vw;
}

.safety_b3 .log_b1_bottom {
  padding-bottom: 0;
}

.log_b2__item_main ul li a:hover {
  text-decoration: underline;
}

a.url {
  display: inline-block;
  text-decoration: none;
  color: #00848C;
  margin: 0 0.41667vw;
}

a.url span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.27778vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

a.url span:after {
  content: "";
  width: 0.69444vw;
  height: 0.69444vw;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64299 8.4861L9 1M9 1L1 1M9 1V9' stroke='%2300848C' stroke-width='2'/%3E%3C/svg%3E%0A");
  display: block;
  background-size: contain;
  background-position: center;
  margin: 0.34722vw 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

a.url:hover span {
  text-decoration: underline;
}

section.safety_b6 {
  padding: 6.94444vw 0;
}

.safety_b6_box {
  margin: 2.77778vw 0 0;
}

.safety_b6_item {
  border-radius: 1.73611vw;
  background: rgba(201, 207, 219, 0.1);
  padding: 1.45833vw 2.08333vw;
  margin: 0 0 1.38889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.73611vw;
}

.safety_b6_item svg {
  width: 1.66667vw;
  height: 2.29167vw;
}

.calc_form_input p i {
  color: #ad0505;
  font-style: normal;
}

span.fm_title i {
  color: #ab0101;
  font-style: normal;
}

.calc_form_bottom_right img {
  width: auto;
  height: 2vw;
}

.job_bt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2vw 0 0;
  align-items: center;
}

.job_bt a {
  width: 47%;
  height: 3vw;
  border-radius: 0.8vw;
  font-size: 1vw;
}

.job_mdl {
  width: 58vw;
}



.job_mdl_main {
  width: 92%;
  margin: 0 auto;
  padding: 2vw 0 2vw;
}

.job_mdl_main * {
  font-size: 1vw;
}

.job_mdl_main p {
  margin: 1vw 0;
}

.job_mdl_main ul li {
  margin: 1vw 0;
}

.page_projects_more_text_content a {
  display: inline-block;
}

.page_projects_more_text_content a:before {
  display: none;
}

.page_projects_category_image img {
  margin-bottom: -4vw;
  margin-top: -3vw;
}

.news_mini__item_no .news_mini__item_image {
  background: #f0f0f2;
  height: 12.63889vw;
}

.news_mini__item_no .news_mini__item_image:before {
  display: none;
}

.news_mini__item_no .news_mini__item_image:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='226' height='27' viewBox='0 0 226 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3201_4)'%3E%3Cpath d='M0 4.98438H9.03223C10.748 4.98438 12.0753 5.38586 13.0466 6.22229C14.0178 7.02527 14.5034 8.12936 14.5034 9.56802C14.5034 10.4045 14.3091 11.174 13.9854 11.8431C13.6293 12.5123 13.1437 13.0476 12.4638 13.4156C13.2408 13.7502 13.8235 14.252 14.3091 14.9881C14.7624 15.6907 14.989 16.4937 14.989 17.4305C14.989 18.3673 14.73 19.1703 14.2768 19.8729C13.8235 20.5755 13.1437 21.1442 12.302 21.5123C11.4602 21.8803 10.4567 22.1145 9.38834 22.1145H0V4.98438ZM7.51067 11.5755C7.9639 11.5755 8.32001 11.4416 8.579 11.2409C8.83799 11.0067 8.93511 10.6721 8.93511 10.2706C8.93511 9.86913 8.80562 9.5011 8.579 9.30036C8.32001 9.06616 7.9639 8.96579 7.51067 8.96579H5.50351V11.6089H7.51067V11.5755ZM7.80203 17.9992C8.25526 17.9992 8.61137 17.8654 8.90274 17.6647C9.16172 17.4305 9.29122 17.0959 9.29122 16.6944C9.29122 16.2595 9.16172 15.8914 8.90274 15.6907C8.64375 15.4565 8.28764 15.3561 7.80203 15.3561H5.50351V18.0662L7.80203 17.9992Z' fill='black'/%3E%3Cpath d='M17.061 4.98438H28.9421V9.33382H22.5969V11.3078H28.327V15.5569H22.5969V17.6312H29.2011V22.081H17.061V4.98438Z' fill='black'/%3E%3Cpath d='M31.5967 4.98438H37.2944V16.661H43.6073V22.081H31.5967V4.98438Z' fill='black'/%3E%3Cpath d='M48.3983 21.5123C47.2653 20.91 46.3912 20.0736 45.7761 18.936C45.161 17.7985 44.8696 16.4937 44.8696 14.9212V4.98438H50.535V14.6201C50.535 16.1926 51.1825 16.9955 52.4127 16.9955C53.6429 16.9955 54.2903 16.1926 54.2903 14.6201V4.98438H59.9881V14.9546C59.9881 16.4937 59.6967 17.832 59.0816 18.9695C58.4665 20.1071 57.5924 20.9435 56.4594 21.5457C55.2939 22.1479 53.9666 22.4156 52.4127 22.4156C50.9235 22.4156 49.5314 22.081 48.3983 21.5123Z' fill='black'/%3E%3Cpath d='M66.3334 21.2794C65.0061 20.5099 63.9377 19.4727 63.1931 18.1344C62.4485 16.7627 62.0601 15.2236 62.0601 13.4839C62.0601 11.7441 62.4162 10.2051 63.1931 8.83331C63.9377 7.46156 65.0061 6.42439 66.3334 5.68833C67.6607 4.91881 69.2146 4.55078 70.9304 4.55078C72.3549 4.55078 73.6822 4.81844 74.88 5.3203C76.0778 5.82216 77.0814 6.55822 77.8907 7.52848C78.7001 8.46528 79.2828 9.56937 79.6065 10.8742H73.8117C73.5527 10.4727 73.1318 10.1047 72.6462 9.90394C72.1606 9.66974 71.6103 9.56937 70.9628 9.56937C69.8621 9.56937 69.0204 9.90394 68.3405 10.64C67.6607 11.3761 67.3693 12.3129 67.3693 13.5173C67.3693 14.6883 67.6931 15.6251 68.3405 16.3946C68.988 17.1307 69.8945 17.4987 71.0599 17.4987C71.8369 17.4987 72.452 17.3315 72.97 17.0303C73.5203 16.7292 73.8764 16.2608 74.1678 15.6586H70.1211V12.0787H79.8655C79.9303 12.5136 79.9303 12.9486 79.9303 13.3835C79.9303 15.1567 79.5742 16.6958 78.8296 18.0675C78.085 19.4393 77.049 20.5099 75.7217 21.246C74.3944 22.0155 72.8081 22.3835 71.0275 22.3835C69.247 22.417 67.6931 22.0489 66.3334 21.2794Z' fill='black'/%3E%3Cpath d='M85.7901 4.98438H91.7469L97.8979 22.0476H91.9087L91.1642 19.9398H86.3081L85.5635 22.0476H79.6392L85.7901 4.98438ZM90.2577 16.0253L88.8009 11.3413H88.7038L87.2793 16.0253H90.2577Z' fill='black'/%3E%3Cpath d='M110.038 10.1381H105.279V4.81836H120.559V10.1381H115.8V21.915H110.038V10.1381Z' fill='black'/%3E%3Cpath d='M122.696 4.81836H134.674V9.13434H128.361V11.1418H134.091V15.3574H128.361V17.3983H134.965V21.8146H122.793V4.81836H122.696Z' fill='black'/%3E%3Cpath d='M140.534 21.1121C139.174 20.4095 138.203 19.3054 137.426 18.0006C136.649 16.6958 136.357 15.0898 136.357 13.3835C136.357 11.6772 136.746 10.0712 137.426 8.7664C138.203 7.46156 139.174 6.35747 140.534 5.65487C141.893 4.95227 143.35 4.55078 145.098 4.55078C146.652 4.55078 148.109 4.8519 149.372 5.45413C150.634 6.05636 151.605 6.9597 152.479 8.06379C153.256 9.16788 153.839 10.4727 154.033 12.0787H148.303C148.109 11.4764 147.721 10.8742 147.138 10.5731C146.555 10.1716 145.972 9.97086 145.293 9.97086C144.321 9.97086 143.544 10.272 142.962 10.9746C142.379 11.5768 142.088 12.4801 142.088 13.4839C142.088 14.4876 142.379 15.3909 142.962 15.9932C143.544 16.6958 144.321 16.9969 145.195 16.9969C145.972 16.9969 146.555 16.7961 147.138 16.3946C147.721 15.9932 148.109 15.4913 148.303 14.7887H153.936C153.742 16.2943 153.256 17.5991 152.479 18.8036C151.702 19.9077 150.634 20.811 149.372 21.4132C148.109 22.0155 146.652 22.3166 145.098 22.3166C143.35 22.2162 141.893 21.9151 140.534 21.1121Z' fill='black'/%3E%3Cpath d='M212.921 0H174.429C167.21 0 161.35 6.05576 161.35 13.5167C161.35 20.9777 167.21 27.0335 174.429 27.0335H212.921C220.141 27.0335 226 20.9777 226 13.5167C226 6.05576 220.141 0 212.921 0ZM213.763 19.1375L207.321 12.3457C206.447 11.4424 205.022 11.4089 204.116 12.2454L202.141 14.0186L206.997 19.171H202.724L196.281 12.3792C195.407 11.5093 194.015 11.4424 193.076 12.2454L187.735 17.632C185.566 19.6729 182.296 19.6729 180.127 17.6654L179.156 16.7621L177.861 18.1673L177.796 18.2342C177.051 18.8699 176.112 19.2379 175.206 19.2379C174.623 19.2379 174.041 19.1041 173.458 18.8364C172.001 18.1338 171.095 16.6617 171.095 15.0223V8.59851H174.17V14.9219C174.17 15.5242 174.559 15.7918 174.753 15.8587C174.915 15.9257 175.335 16.0929 175.756 15.7584L182.652 8.43123H186.925L181.292 14.4201L182.166 15.2565C183.17 16.1933 184.627 16.1933 185.63 15.2565L191.037 9.83643C193.173 7.92937 196.411 8.02974 198.418 10.1041L198.45 10.1375L199.972 11.7435L202.076 9.83643C204.213 7.92937 207.45 8.02974 209.457 10.1041L209.49 10.1375L218.004 19.171H213.763V19.1375Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3201_4'%3E%3Crect width='226' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 71%;
  opacity: 0.2;
}

p.message_1 {
  font-size: 2vw;
  font-weight: bold;
  margin: 0 0 1vw;
  text-align: center;
}

p.message_2 {
  font-size: 1.4vw;
  text-align: center;
}

.tech_b1_item_list.tech_b1_item_list_two>div {
  width: 49%;
}

.tech_b1_item_list.tech_b1_item_list_two>div:last-child {
  width: 100%;
}


section.page_projects_more.page_news_more {
  padding: 8.5vw 0 0;
}

section.page_projects_more.page_news_more .page_projects_more_top {
  width: 76vw;
  margin: 0 auto;
}


.page_news_more .page_projects_more_title {
  padding: 2vw 4vw 0;
  background: #0000003d;
}

.page_news_more .page_projects_more_text {
  padding: 2vw 0 0;
}


section.video_box {
  padding: 0 0 9vw;
}

.video_box_sl {
  margin: 2.77778vw 0 0;
  FONT-VARIANT: JIS04;
}

.video_box__item img {
  width: 26.67vw;
  height: 14.86vw;
  object-fit: cover;
  border-radius: 2.08vw;
}

.video_box_sl .splide__track {
  overflow: visible;
}

.video_box_sl .splide__list {
  gap: 1.39vw;
}

.video_box__item a {
  display: table;
  position: relative;
}

.video_box__item a span {}

span.play_bt {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2495_7)'%3E%3Cpath d='M22 0C9.86846 0 0 9.86941 0 22C0 34.1306 9.86846 44 22 44C34.1315 44 44 34.1306 44 22C44 9.86941 34.1315 0 22 0ZM30.7459 22.7708L17.9126 31.0208C17.7648 31.1162 17.5926 31.1669 17.4167 31.1667C17.2663 31.1667 17.1141 31.1291 16.9781 31.0548C16.8333 30.9761 16.7125 30.8598 16.6284 30.7181C16.5443 30.5765 16.4999 30.4148 16.5 30.25V13.75C16.5 13.4143 16.6826 13.1063 16.9781 12.9452C17.2681 12.7859 17.6315 12.7957 17.9126 12.9792L30.7459 21.2292C31.0074 21.3975 31.1667 21.6885 31.1667 22C31.1667 22.3115 31.0074 22.6024 30.7459 22.7708Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2495_7'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  display: block;
  width: 3.06vw;
  height: 3.06vw;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.video_box__item a:hover span.play_bt {
  transform: scale(1.1);
}

.about_b2_video_bg a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.about_b2_video_bg a:hover span {
  transform: scale(1.1);
}

.safety_b6_item_text p {
  font-size: 1.11vw;
}

@media only screen and (min-width: 680px) and (max-width: 1200px) {
  .page_projects_more_image {
    height: 57vw;
  }

  .area_page_main {
    min-height: 49vw;
  }
}

@media only screen and (max-width: 680px) {
  .main {
    width: 95%;
    max-width: 95%;
  }

  .contacts_block {
    margin: 7vw 0 0;
  }

  .tech_b1_item_list.tech_b1_item_list_two>div {
    width: 100%;
  }

  .tech_b1_title .h1 {
    margin-bottom: 2vw;
  }

  .tech_b1_item_text p {
    font-size: 1.8vw;
    margin: 0 0 0.69444vw;
  }

  .tech_b1_item_text ul:not([class]) {
    line-height: 80%;
  }

  .tech_b1_item_text ul:not([class]) li {
    font-size: 1.7vw;
    margin: 0 0 0.05vw;
  }


  .video_box__item img {
    width: 53vw;
    height: 31vw;
  }

  .video_box_sl {
    margin: 5vw 0 0;
  }

  section.video_box {
    padding: 6vw 0 15vw;
  }

  span.play_bt {
    width: 9vw;
    height: 9vw;
  }

  .tech_b1_item_list.tech_b1_item_list_two>div:last-child {
    width: 100%;
  }

  .log_b2__item_main p {
    font-size: 3vw;
  }

  p.message_1 {
    font-size: 6vw;
    margin: 0 0 5vw;
  }

  p.message_2 {
    font-size: 4.5vw;
  }

  .job_bt a {
    font-size: 3vw;
    height: 8vw;
  }

  .job_mdl {
    width: 100%;
    padding: 0 !important;
  }

  .job_mdl_main {
    width: 90%;
    padding: 8vw 0;
  }

  .job_mdl_main * {
    font-size: 3.5vw;
  }

  .calc_form_bottom_right img {
    height: 6vw;
  }

  .b5_box_text p span {
    font-size: 4vw;
  }

  .left_fix_menu {
    display: none;
  }

  .hd_menu {
    display: none;
  }

  .menu_burger {
    width: 9vw;
    height: 9vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu_burger span {
    height: 2px;
    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;
  }

  .menu_burger span:before {
    top: -1vw;
  }

  .menu_burger span:after {
    bottom: -1vw;
  }

  .logo img {
    width: auto;
    height: 6vw;
  }

  .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
  }

  .bt {
    font-size: 4vw;
    height: 15vw;
    width: 79%;
  }

  .hd_right .bt {
    height: 10vw;
    width: 28vw;
    font-size: 3.5vw;
    display: none;
  }

  .hd a[href^=tel] {
    width: 10vw;
    height: 10vw;
    border: 1px solid #00848c;
    border-radius: 50%;
    font-size: 0;
    border-radius: 1.3888888889vw;
  }

  .hd a[href^=tel]:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 513.64 513.64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='m499.66 376.96-71.68-71.68c-25.6-25.6-69.12-15.359-79.36 17.92-7.68 23.041-33.28 35.841-56.32 30.72-51.2-12.8-120.32-79.36-133.12-133.12-7.68-23.041 7.68-48.641 30.72-56.32 33.28-10.24 43.52-53.76 17.92-79.36l-71.68-71.68c-20.48-17.92-51.2-17.92-69.12 0L18.38 62.08c-48.64 51.2 5.12 186.88 125.44 307.2s256 176.641 307.2 125.44l48.64-48.64c17.921-20.48 17.921-51.2 0-69.12z' fill='%23000000' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    display: block;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: invert(31%) sepia(83%) saturate(622%) hue-rotate(138deg) brightness(109%) contrast(101%);
    filter: invert(31%) sepia(83%) saturate(622%) hue-rotate(138deg) brightness(109%) contrast(101%);
    -webkit-transition: 0s 0.1s;
    -o-transition: 0s 0.1s;
    transition: 0s 0.1s;
  }

  .b1_box {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: initial;
  }

  .b1_left {
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 5vw 0 7vw;
  }

  .top_padding {
    padding: 16vw 0 0;
  }

  .hd_left {
    gap: 5vw;
  }

  .lang__switch {
    min-width: 15vw;
    margin-top: .5vw;
    right: 11vw;
    font-size: 1.8vw;
  }

  .h1 span {
    font-size: 3.8vw;
    display: inline-block;
    line-height: 92%;
  }

  .b1_box .h1 {
    margin: 0 0 5vw;
    line-height: 75%;
  }

  .b1_right {
    margin: 0 0 2vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .b1_right_item a>span {
    font-size: 3vw;
    left: 7%;
    bottom: 11%;
    line-height: 123%;
    display: table;
    position: static;
    margin: 0 0 0 2vw;
  }

  .b1_right_item {
    width: 89%;
    height: 33vw;
    border-radius: 3vw;
    margin: 2vw 0;
  }

  .b1_right_item a i, .solut_b1__item a i {
    width: 3vw;
    height: 3vw;
    right: 5%;
    top: 2vw;
  }

  .b1_right_item:before {
    width: 30vw;
    display: none;
  }

  .b1_right_item a {
    text-decoration: none;
    border-radius: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 120%;
    min-height: 13vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    padding: 0;
  }

  .b1_right_item img {
    border-radius: 0;
    -o-object-position: bottom;
    object-position: bottom;
    opacity: 0.6;
  }

  .b1_right_it {
    width: 48%;
  }

  .b1_right_it:nth-child(2) {
    /* width: 91%; */
    /* margin-right: -5vw; */
  }

  .b2_left {
    width: 100%;
    height: auto;
    padding: 6vw 0 11vw;
    margin: 7vw 0 9vw;
  }

  .b2_left_top_title p {
    font-size: 4vw;
  }

  .b2_left_main {
    margin: 0 6vw;
  }

  .b2_left_top {
    width: 100%;
    margin: 0 0 10vw;
  }

  .b2_left_top_title i img {
    width: 12vw;
    height: 12vw;
  }

  .b2_left_top>p {
    font-size: 4vw;
    line-height: 143%;
  }

  .b2_left_bottom ul {
    font-size: 3.5vw;
  }

  .b2_left_bottom>p {
    font-size: 4vw;
  }

  .b2_left_top_title {
    margin: 1px 0 6vw;
  }

  .b2_left_bottom .bt {
    width: 83%;
    margin: 5vw 0 0;
  }

  .b2_right {
    width: 100%;
    padding: 7vw 0 0;
  }

  .h2 {
    font-size: 5vw;
  }

  .b2_right .h2 {
    margin: 0 0 7vw;
  }

  .b2__item a {
    font-size: 3vw;
    gap: 3vw;
    opacity: 1;
  }

  .b2__item a img {
    width: 11vw;
    height: 11vw;
  }

  .b2__item {
    margin: 0 0 3vw;
  }

  .title_h2 {
    font-size: 5vw;
  }

  .b3 {
    padding: 13vw 0;
  }

  .b3 .title_h2 {
    margin: 0 0 8vw;
  }

  .b3_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3vw;
  }

  .b3_item_icon img {
    width: 10vw;
    height: 10vw;
  }

  .b3_item_icon {
    margin: 0 0 0 5vw;
  }

  .b3_item {
    height: auto;
    padding: 5vw 0;
    gap: 5vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .b3_item_text_title {
    font-size: 3vw;
    margin: 0 0 3vw;
  }

  .b3_item_text {
    width: 71vw;
    max-width: 100%;
  }

  .b3_item_text_description {
    font-size: 3vw;
  }

  .b3_item_text_description br {
    display: none;
  }

  .b4 {
    padding: 10vw 0;
  }

  .b4__item_bg {
    height: 57vw;
  }

  .b4__item_bottom p {
    font-size: 4vw;
    width: 40vw;
  }

  .b4__item_bottom {
    gap: 5vw;
    margin: 0 0 6vw;
  }

  .b4__item_bottom .bt {
    width: 37vw;
    height: 11vw;
    font-size: 3.5vw;
  }

  .b5_box_img img {
    height: auto;
    width: 50vw;
  }

  .b5_box_img {
    height: auto;
    width: 100%;
    margin: 0 0 8vw;
  }

  .b5_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 9vw 0 13vw;
  }

  .b5_box_text {
    text-align: center;
    width: 100%;
    margin: 0 9vw;
  }

  .b5_box_text p {
    font-size: 4vw;
    margin: 0 0 5vw;
    text-align: left;
  }

  .b5_box_text .bt {
    height: 14vw;
    margin: 0;
    width: 100%;
  }

  .b6_top_right i img {
    width: 8vw;
    height: 8vw;
  }

  .b6_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 13vw;
  }

  .b6_top_right {
    width: 100%;
    margin: 5vw 0 0;
  }

  .b6_top_right p {
    font-size: 3vw;
  }

  .b6_item_number {
    font-size: 4vw;
    margin: 0 0 2vw;
  }

  .b6_item_text {
    font-size: 3vw;
  }

  .b6_box {
    width: 94%;
  }

  .b6_box_col {
    max-width: 48%;
  }

  .hrf {
    font-size: 4vw;
  }

  .news_mini {
    padding: 14vw 0;
  }

  .news_mini_top {
    margin: 0 auto 6vw;
    max-width: 95%;
  }

  .hrf span:after {
    width: 7vw;
    height: 5vw;
  }

  .hrf span {
    gap: 3vw;
    -webkit-transform: translate3d(10vw, 0px, 0px);
    transform: translate3d(10vw, 0px, 0px);
  }

  .news_mini_box_pagination button {
    font-size: 3.5vw;
  }

  .news_mini_box_pagination {
    margin: 0 0 6vw;
    gap: 5vw;
  }

  .news_mini__item {
    width: 68vw;
  }

  .news_mini__item_image img {
    height: 42vw;
  }

  .news_mini_box_list {
    height: 62vw;
  }

  .news_mini__item_date {
    font-size: 3vw;
    top: 12%;
    padding: 0 0 0 4vw;
    width: calc(100% - 8vw);
  }

  .news_mini__item_date:after {
    width: 4vw;
    height: 4vw;
  }

  .news_mini__item_more {
    font-size: 4vw;
    bottom: 10%;
    left: 4vw;
  }

  .news_mini__item_name {
    font-size: 3vw;
    margin: 2vw 0 0;
  }

  .contacts_block_left {
    max-width: 100%;
  }

  .contacts_block .main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .contacts_block_name {
    font-size: 3vw;
    margin: 0 0 2vw;
  }

  .contacts_block_info {
    font-size: 3.5vw;
  }

  .contacts_block__item {
    margin: 0 0 6vw;
  }

  .contacts_block_list {
    margin: 9vw 0 0;
  }

  .contacts_block__item_phone a {
    font-size: 4vw;
    margin: 0 0 2vw;
  }

  a[href^=mailto] {
    font-size: 4vw;
  }

  .contacts_block_list .bt {
    margin: 12vw 0 0;
  }

  .contacts_block_maps {
    width: 100%;
    height: 68vw;
  }

  .contacts_block_right {
    width: 100%;
    margin: 11vw 0 7vw;
  }

  .ft_top_phone p {
    font-size: 3vw;
  }

  .ft_top .logo img {
    height: auto;
    width: 31vw;
  }

  .ft_top_phone a {
    font-size: 3.5vw;
  }

  .ft {
    padding: 11vw 0 0;
  }

  .ft_top {
    padding: 0 0 12vw;
  }

  .ft__left p {
    font-size: 3vw;
    margin: 0 0 4vw;
  }

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

  .ft_center .ft_info a {
    font-size: 3vw;
    margin: 3vw 0;
  }

  .ft_center {
    padding: 0 0 11vw;
  }

  .ft_bottom .ft__left p {
    margin: 0;
  }

  .ft_bottom {
    padding: 7vw 0;
  }

  .veonix {
    font-size: 3vw;
    margin: 1vw auto 0;
  }

  .calc_top .title_h2 {
    font-size: 5vw;
  }

  .calc_top.b6_top {
    padding: 7vw 0 9vw;
  }

  .calc_form_top_contacts {
    gap: 6vw;
    margin: 0 0 10vw;
  }

  .calc_form_input {
    width: 100% !important;
  }

  .calc_form_input p {
    font-size: 4vw;
    line-height: 100%;
    margin: 0 0 0vw;
  }

  .calc_form_input input {
    font-size: 5vw;
    padding: 4vw 0;
  }

  .calc_form_top_info_main {
    margin: 0 6vw;
    padding: 9vw 0;
  }

  .calc_form_top_info_line_1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6vw;
    margin: 0 0 6vw;
  }

  .calc_form_top_info_line_2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6vw;
    margin: 0 0 6vw;
  }

  .calc_form_ckbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-grid-columns: 40% 1fr;
    grid-template-columns: 40% 1fr;
  }

  .calc_form_top_info_line_3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6vw;
  }

  .calc_form_radio>p {
    font-size: 3.5vw;
  }

  .calc_form_radio_ls label p {
    font-size: 4vw;
    padding: 3vw 3vw;
  }

  .calc_form_radio_ls label:nth-child(1):after {
    height: 6vw;
  }

  .calc_form_number>p {
    font-size: 3.5vw;
  }

  .calc_form_number_button_arrows {
    width: 9vw;
    height: 9vw;
  }

  .calc_form_number_button_arrows:after {
    width: 3vw;
  }

  .calc_form_number_button_arrows:before {
    height: 3vw;
  }

  .calc_form_number {
    gap: 4vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .calc_form_number_button {
    gap: 3vw;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .calc_form_number_button p {
    font-size: inherit;
    width: 7vw;
  }

  .calc_form_radio_ls {
    width: 28.6vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .calc_form_radio {
    gap: 4vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .calc_button {
    width: 8vw;
    height: 6vw;
    right: 2vw;
    top: 5vw;
  }

  .calc_button:after, .calc_button:before {
    height: 1px;
  }

  .calc_form_bottom {
    display: block;
    margin: 9vw 0 11vw;
  }

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

  .calc_form_bottom_left p {
    font-size: 2.5vw;
    text-align: center;
    max-width: 100%;
  }

  .calc_form_bottom_left p br {
    display: none;
  }

  .calc_form_bottom_right {
    text-align: center;
    margin: 5vw auto 0vw;
  }

  .menu_full_box {
    padding: 16vw 0 0;
    height: calc(100% - 16vw);
  }

  .menu_full {
    top: 0;
    bottom: 0;
    max-height: 100vh;
  }

  .menu_full_box .main {
    max-width: 100%;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 0;
  }

  .menu_full_main {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .menu_full__left ul a {
    font-size: 4vw;
    width: 100%;
    color: rgba(255, 255, 255, 0.4);
  }

  ul.menu_full_list {
    width: 100%;
  }

  .menu_full__left ul li {
    width: 100%;
    margin: 2vw 0;
  }

  .menu_full__left {
    margin: 0 0 0 11vw;
  }

  .menu_burger_active span:before, .menu_burger_active span:after {
    top: auto !important;
    bottom: auto !important;
  }

  .menu_full_right {
    width: 400%;
    height: auto;
    margin: 9vw 0 0 6vw;
  }

  .menu_full_right nav>ul>li>span, .menu_full_right nav>ul>li>a {
    font-size: 3.5vw;
    margin: 0 0 5vw;
  }

  .menu_full_right ul ul a {
    font-size: 3.6vw;
  }

  .menu_full_right ul ul li {
    margin: 2vw 0;
  }

  .menu_full_right nav>ul>li {
    margin: 0 0 9vw;
  }

  .menu_full_right a[href^=mailto] {
    margin: 9vw 0 9vw;
  }

  .fix_whatsapp_icon a {
    width: 12vw;
    height: 12vw;
    right: 0%;
  }

  .fix_whatsapp_icon a img {
    width: 56%;
    height: 56%;
  }

  .fix_whatsapp_icon a:before {
    width: 2vw;
    height: 2vw;
    right: 3%;
    top: 2%;
  }

  .fix_whatsapp {
    right: 4vw;
    bottom: 4vw;
  }

  .social_fix a {
    width: 6vw;
    height: 6vw;
    /* border: 1px solid #00848C !important; */
    margin: 1vw 0;
  }

  .social_fix {
    width: 6vw;
    top: 15vw;
    right: 5.5vw;
    /* display: none; */
    /* top: calc(50% - 5.83333vw); */
  }


  .social_fix a img {
    width: 4.25vw;
    height: 4.25vw;
  }

  .b6_item {
    min-height: 18vw;
  }

  body.menu_full_active_body .hd a[href^=tel]:after {
    -webkit-filter: invert(100%) sepia(32%) saturate(100%) hue-rotate(47deg) brightness(109%) contrast(101%);
    filter: invert(100%) sepia(32%) saturate(100%) hue-rotate(47deg) brightness(109%) contrast(101%);
  }

  body.menu_full_active_body .hd a[href^=tel] {
    border-color: #fff;
  }

  .page_projects .b6_top {
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4vw;
  }

  .page_projects .b6_top i img {
    /* width: 6vw; */
    /* height: 6vw; */
  }

  .page_projects .b6_top .b6_top_right p {
    /* line-height: 114%; */
  }

  .page_projects .b6_top .b6_top_right {
    margin: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }

  .page_projects__left {
    width: 100%;
  }

  .page_projects_category_box {
    position: static !important;
    top: 0 !important;
    width: 100%;
    margin: 0 0 9vw;
    padding: 0 0;
  }

  .page_projects_category {
    margin: 0 4vw;
    padding: 5vw 0;
  }

  .page_projects_category_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2vw;
    margin: 0;
  }

  .page_projects_category_menu li {
    margin: 0 !important;
    /* max-width: 34%; */
    text-align: center;
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100;
  }

  .page_projects_category_menu a {
    font-size: 2.4vw;
    border: 1px solid;
    padding: 2vw 2vw;
    display: table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2vw;
    line-height: 97%;
  }

  .page_projects_category_menu li:nth-child(1) {
    /* width: 100% !important; */
    max-width: 100%;
  }

  .page_projects_category_image {
    display: none;
  }

  .page_projects_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 11vw;
  }

  .page_projects__right {
    width: 100%;
    padding: 0 0 13vw;
  }

  .page_projects_list .news_mini__item {
    width: 100%;
  }

  .page_projects_list .news_mini__item_image img {
    height: 54vw;
  }

  .page_projects_list .news_mini__item_date {
    font-size: 5vw;
  }

  .page_projects_list .news_mini__item_name {
    font-size: 4vw;
  }

  .page_projects_category_menu li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .page_projects_category_menu li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .page_projects_category_menu li:nth-child(3) {
    -webkit-box-ordinal-group: 111;
    -ms-flex-order: 110;
    order: 110;
  }

  .page_projects_category_menu li:nth-child(4) {
    -webkit-box-ordinal-group: 1001;
    -ms-flex-order: 1000;
    order: 1000;
  }

  .page_projects_category_menu li:nth-child(8) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .page_projects_category_menu li:nth-child(10) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .page_projects_category_menu li:nth-child(5) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .page_projects_category_menu li:nth-child(6) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .page_projects_more_title h1 {
    font-size: 4vw;
  }

  .page_projects_more_title h1 br {
    display: none;
  }

  .page_projects_more_image {
    height: 111vw;
  }

  .page_projects_more_top {
    position: relative;
  }

  .page_projects_more_title,
  .wba_page_projects_more_title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: static;
    margin: 0 0 6vw;
  }

  .page_projects_more_bottom {
    position: static;
    margin: 0 0 6vw;
  }

  .page_projects_more_top .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }

  .page_projects_more_bottom_t2 {
    font-size: 3vw;
  }

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

  .page_projects_more_bottom_t1 {
    font-size: 2.5vw;
  }

  .page_projects_more_arrows button {
    width: 8vw;
    height: 10vw;
  }

  .page_projects_more_arrows span {
    height: 8vw;
    margin: 0 4vw;
  }

  .page_projects_more_top .page_projects_more_bottom_item:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    position: absolute;
    top: 19vw;
    right: 0;
    left: auto;
    text-align: right;
  }

  .hd .main {
    max-width: 95%;
  }

  .white_menu .hd:not(.fix_hd) a[href^=tel] {
    border-color: #fff;
  }

  .white_menu .hd:not(.fix_hd) a[href^=tel]:after {
    -webkit-filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
  }

  .page_projects_more_text_main {
    max-width: 90%;
  }

  .page_projects_more_text_features_top img {
    width: 26vw;
  }

  .page_projects_more_text_features_top p {
    font-size: 4vw;
  }

  .page_projects_more_text {
    padding: 14vw 0;
  }

  .page_projects_more_text_features_top {
    margin: 0 0 5vw;
  }

  .page_projects_more_text_features ul li {
    font-size: 3.5vw;
    line-height: 127%;
    margin: 0 0 1vw !important;
  }

  .page_projects_more_text_features ul {
    padding: 0 0 0 4vw;
  }

  .page_projects_more_text_content p, .page_projects_more_text_content ol, .page_projects_more_text_content ul {
    font-size: 4vw;
    margin: 6vw 0;
  }

  .page_projects_more_text_content img {
    height: auto !important;
  }

  .img_col_2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3vw;
  }

  .slider_list_objects_left h2 {
    font-size: 5vw;
  }

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

  .slider_list_objects_left {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 4vw;
    margin: 0 auto;
  }

  .slider_list_objects {
    padding: 20vw 0 18vw;
  }

  .slider_list_objects .main {
    width: 100%;
    max-width: 100%;
  }

  .slider_list_objects_right {
    width: 100%;
    padding: 0 2.5vw;
  }

  .slider_list_objects_right_box {
    overflow: visible;
  }

  .slider_list_objects_sliders {
    max-width: 95vw;
  }

  .page_news_list_cat a {
    font-size: 3.5vw;
    line-height: 115%;
  }

  .page_news_list_cat {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 97%;
    margin: 0 0 8vw;
  }

  .page_news_list .title_h2 {
    padding: 12vw 0 6vw;
    font-size: 7vw;
  }

  .page_news_list_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 9vw;
    padding: 0 0 11vw;
  }

  .page_news_list_box .news_mini__item_name {
    font-size: 4vw;
    max-height: initial;
  }

  .page_news_list_box .news_mini__item_image img {
    width: 100%;
    height: 60vw;
  }

  .page_news_list_box .news_mini__item {
    width: 100%;
  }

  .block_nav_content {
    padding: 0 0 15vw;
  }

  .main-ui-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4vw;
  }

  .main-ui-pagination-arrow {
    width: 10vw;
    height: 10vw;
  }

  .main-ui-pagination-arrow:after {
    width: 3vw;
    height: 3vw;
  }

  .main-ui-pagination-page {
    font-size: 4vw;
    width: 6vw;
    height: 6vw;
  }

  .main-ui-pagination-pages-list {
    gap: 2vw;
  }

  .page_news_more .page_projects_more_image {
    height: 87vw;
  }

  .page_news_more .page_projects_more_title {
    height: 100%;
    height: 72%;
    padding: 0;
  }

  .page_news_more .page_projects_more_title h1 {
    width: 100%;
    font-size: 3.67vw;
  }

  .page_news_more_bottom p, .page_news_more_bottom a {
    font-size: 3vw !important;
  }

  .page_news_more_bottom {
    gap: 13vw;
  }

  .breadcrumbs_top a, .breadcrumbs_top {
    font-size: 2.5vw;
    line-height: 100%;
    position: relative;
    z-index: 9;
    gap: 2vw;
  }

  .b1_video {
    display: none;
  }

  .b1_bg {
    background: none !important;
  }

  .b1_left .bt {
    display: none;
  }

  .b1_video_mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .b1_video_mobile video {
    min-width: 100vw;
    height: 56vw;
  }

  .b1_video_mobile video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .b1_right_item {
    background: none !important;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0 0 7vw;
  }

  .b1 .main>.bt {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }

  .b1_right_item {
    border: 1px solid #dddddd5c;
    border-radius: 2vw;
    margin: 0 0 3vw;
  }

  .partners_page_top_left p {
    font-size: 3.5vw;
    margin: 3vw 0 0;
  }

  .partners_page_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5vw 0 25px;
    position: relative;
  }

  .partners_page_top_right p {
    font-size: 4vw;
  }

  .partners_page_top_right {
    position: absolute;
    right: 0;
  }

  .partners_page_item img {
    width: 40vw;
    height: 40vw;
  }

  .partners_page_box {
    padding: 0 0 20vw;
  }

  .b1_right_item a>span b {
    font-size: 1.5vw;
    display: none;
  }

  .b2_left_bottom {
    width: 100%;
  }

  ul:not([class]) {
    font-size: 3.5vw;
    padding: 0 0 0 4vw;
  }

  a.top_bt {
    width: 10vw;
    height: 10vw;
    margin: 0 0 0 !important;
  }

  .area_page_h1 {
    font-size: 7vw;
  }

  .area_page_type {
    font-size: 3vw;
    margin: 3vw 0 3vw;
  }

  .area_page_text {
    font-size: 4vw;
    line-height: 127%;
  }

  .area_page_main .area_page_ul li {
    font-size: 4vw;
    line-height: 126%;
    margin: 3vw 0 0;
    padding: 0 0 0 6vw;
  }

  ul.breadcrumbs_top {
    padding: 3vw 0 0;
  }

  .eng_b1_box_col {
    width: 100%;
  }

  .eng_b1_box_col .log_b2_item {
    width: 100%;
    margin: 0 0 3vw;
  }

  .log_b2__item_info {
    width: 100%;
  }

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

  .log_b2__item_title span {
    font-size: 3vw;
  }

  .log_b2__item_title {
    padding: 5vw 5vw;
  }

  .log_b2__item_title i {
    width: 3vw;
    height: 3vw;
  }

  .log_b2__item_title i:after, .log_b2__item_title i:before {
    height: 2px;
  }

  .log_b2 {
    padding: 11vw 0;
  }

  p.log_b1_bottom_t1 {
    font-size: 5vw;
  }

  p.log_b1_bottom_t2 {
    font-size: 4vw;
    line-height: 120%;
  }

  .log_b1_bottom_item {
    margin: 0 0 8vw;
  }

  .log_b2__item_main {
    margin: 0 4vw 6vw 8vw;
  }

  .h1 {
    font-size: 4.5vw;
  }

  .log_b1_box {
    margin: 8vw 0 11vw;
  }

  .log_b1__item img {
    width: 9vw;
    height: 9vw;
  }

  .log_b1_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4vw;
    margin: 0 6vw;
    padding: 9vw 0;
  }

  .log_b1__item p {
    width: calc(100% - 11vw);
    font-size: 3vw;
  }

  .log_b3_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 8vw 0 0;
    gap: 5vw;
  }

  .log_b3__item_title {
    font-size: 3.6vw;
    margin: 5vw 0 0 7vw;
  }

  .log_b3__item ul {
    margin: 0 0 3vw 4vw;
    opacity: 1;
    color: #000;
    font-size: 3vw;
  }

  .log_b3__item {
    height: 69vw;
  }

  .log_b3__item img {
    background-size: contain;
    width: 78%;
  }

  .log_b4__left .h1 {
    font-size: 4vw;
    margin: 0 0 6vw;
  }

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

  .log_b4__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 10vw 8vw;
    padding-top: 3vw;
  }

  .log_b4_img img {
    width: 100%;
    height: 41vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .log_b4__right {
    width: 100%;
  }

  .log_b4_img {
    margin: 4vw;
  }

  section.log_b3 {
    padding: 12.94444vw 0;
  }

  .log_b5_text {
    position: static;
    width: 100%;
    padding: 7vw 6vw 6vw;
  }

  .log_b5_box {
    display: block;
  }

  section.log_b4 {
    padding: 0 0 14vw;
  }

  .log_b5_text .h1 {
    font-size: 3.5vw;
    margin: 0 0 7vw;
  }

  .log_b6 .b1_right_item {
    width: 100%;
    height: 26vw;
  }

  .log_b6 .b1_right {
    margin: 8vw 0 0;
  }

  .log_b6 {
    padding: 14.33333vw 0 4vw;
  }

  .log_b6 .b1_right_item a>span {
    font-size: 3vw;
    padding: 0 0 0 2vw;
  }

  .log_b6 .b1_right .b1_right_it {
    width: 100%;
  }

  .area_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4vw;
    margin: 7vw 0 -11vw;
  }

  .solut_b1 .h1 {
    margin: 9vw 0;
  }

  .area_box .b4__item_bottom p span {
    font-size: 2vw;
    margin: 2vw 0 0;
  }

  .area_box .b4__item_bottom p {
    width: 100%;
  }

  .area_box .b4__item_bg {
    height: 44vw;
    padding: 0 5vw 4vw;
  }

  p.flot_list_img_text_t1 {
    font-size: 3vw;
  }

  p.flot_list_img_text_t2 {
    font-size: 2.5vw;
  }

  .flot_list_img img {
    height: 9vw;
  }

  .flot_list_item {
    gap: 4vw;
  }

  .flot_big_photo {
    width: 100%;
    height: 50vw;
  }

  .flot_big {
    margin: 6vw 0 5vw;
    width: 100%;
  }

  .flot_list {
    margin: 3vw 0 2vw;
    max-width: 100%;
  }

  .flot_box_top {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin: 0 5vw 6vw 0;
  }

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

  .flot_big_item_title {
    font-size: 4vw;
    margin: 2vw 0 9vw;
  }

  .flot_big_item_text {
    width: 100%;
    padding: 0 4vw;
  }

  p.flot_big_item_text__item_title {
    font-size: 3vw;
  }

  p.flot_big_item_text__item_value {
    font-size: 3vw;
  }

  .flot_big_item_text_list {
    gap: 7vw 2.5%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flot_big_item_text__item {
    width: 45%;
  }

  .flot_big_item_text__item:nth-child(5) {
    width: 100%;
  }

  .flot_list .splide__list {
    gap: 7vw;
  }

  .specific {
    font-size: 3vw;
  }

  .specific img {
    width: 5vw;
    height: auto;
    margin: 0 2vw 0 0;
  }

  .log_b2__item {
    margin: 3vw 0;
  }

  section.log_b2 .h1 {
    margin: 0 0 8vw;
  }

  .about_b2_date_value {
    font-size: 5vw;
    margin: 0;
    padding: 5vw 0;
  }

  .about_b2_date .splide__list {
    gap: 5vw;
  }

  .about_b2_date .splide__track {
    overflow: visible;
  }

  .about_b2_date_value:after {
    width: 2vw;
    height: 2vw;
    -webkit-box-shadow: 0 0 0 1.55556vw rgba(0, 132, 140, 0.1);
    box-shadow: 0 0 0 1.55556vw rgba(0, 132, 140, 0.1);
  }

  .about_b2_line {
    margin: 2vw 0 0;
  }

  .about_b2_date:after {
    margin: -1.8vw 0 0 0;
  }

  .about_b2_text p {
    font-size: 3vw;
  }

  .about_b2_text_box {
    padding: 5vw;
  }

  .about_b2_bg {
    padding: 13vw 0 0;
  }

  section.about_b1 .h1 {
    font-size: 4.5vw;
    margin: 0 0 7vw;
  }

  section.about_b1 {
    padding: 12vw 0;
  }

  .about_b1_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  p.about_b1_left_item_title {
    font-size: 4vw;
    margin: 0 0 3vw;
  }

  p.about_b1_left_item_text {
    font-size: 3vw;
    line-height: 134%;
  }

  p.about_b1_left_item_text br {
    display: none;
  }

  .about_b1_left_item_bg {
    padding: 6vw 6vw;
  }

  .about_b1_left {
    gap: 3vw;
    margin: 0 0 6vw;
  }

  p.about_b1_right_title {
    font-size: 4vw;
  }

  .about_b1_right_box {
    padding: 5vw 6vw;
  }

  .about_b1_right_icon img {
    width: 8vw;
    height: 8vw;
  }

  p.about_b1_right__item_title {
    font-size: 4vw;
  }

  p.about_b1_right__item_text {
    font-size: 3.5vw;
  }

  p.about_b1_right__item_text br {
    display: none;
  }

  .about_b1_right__item {
    gap: 4vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .about_b1_right_list {
    margin: 7vw 0 0;
  }

  .about_b2_video {
    height: 55vw;
  }

  .about_b3_lf p {
    font-size: 4vw;
  }

  .about_b3_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4vw 2vw;
  }

  .about_b3_lf {
    margin: 0 0 5vw !important;
  }

  .about_b3_rg {
    max-width: 100%;
  }

  .about_b4_item img {
    width: 40vw;
    height: 40vw;
  }

  section.about_b3 {
    padding: 12vw 0;
  }

  section.about_b5 {
    padding: 12vw 0 17vw;
  }

  .about_b5_left {
    width: 100%;
    max-height: 117vw;
    margin: 4vw 0 10vw;
  }

  .about_b5_right {
    width: 100%;
  }

  p.about_b5_t1 {
    font-size: 3.5vw;
    margin: 0 0 3vw;
  }

  p.about_b5_t2 {
    font-size: 4vw;
  }

  span.fm_title {
    font-size: 3vw;
  }

  .about_b5_input {
    width: 47%;
    margin: 0 0 11vw;
  }

  .about_b5_input>label>input, .phone_input input {
    font-size: 4vw;
    height: 10vw;
  }

  .about_b5_form {
    margin: 9vw 0 4vw;
  }

  .about_b5_file span {
    font-size: 4vw;
    gap: 2vw;
  }

  .about_b5_file span i {
    width: 5vw;
    height: 5vw;
  }

  .about_b5_file {
    margin: 4vw 0 0;
    gap: 7vw;
  }

  p.plc {
    font-size: 3vw;
    margin: 5vw 0 0;
  }

  p.plc br {
    display: none;
  }

  .load_files li {
    font-size: 3vw;
    padding: 2vw 3vw;
    margin: 3vw 0 0;
  }

  .file_del {
    width: 8vw;
    height: 8vw;
  }

  span.solut_b1__item_title {
    font-size: 2.4vw;
    margin-left: 5vw !important;
    margin-right: 3vw !important;
  }

  span.solut_b1__item_text {
    font-size: 2.5vw;
    line-height: 104%;
    margin: 1vw 0 0;
    margin-left: 5vw !important;
  }

  a {}

  .solut_b1__item a {
    height: 20vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 7vw 0 3vw;
  }

  .solut_b1_bottom p {
    font-size: 3vw;
    margin: 2vw 0 4vw;
  }

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

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

  .solut_b2_box .b1_right {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 6vw 0 0;
  }

  .solut_b2_box .b1_right .b1_right_it {
    width: 97%;
  }

  .solut_b2_box .b1_right .b1_right_item {
    width: 100%;
    height: 26vw;
  }

  .solut_b2_box .h2 {
    margin: 6vw 0 0;
  }

  .solut_b2_box .b1_right .b1_right_item a>span {
    font-size: 3vw;
    margin: 0 0 0 6vw;
  }

  .safety_b1 h1 {
    font-size: 5vw;
  }

  .area_page_main .area_page_ul li:before {
    width: 3vw;
    height: 3vw;
    top: 1vw;
  }

  .safety_b2_box>p {
    font-size: 3.5vw;
    margin: 0 0 7vw;
  }

  section.safety_b2 {
    padding: 9vw 0;
  }

  p.safety_b2_t1 {
    font-size: 3vw;
  }

  p.safety_b2_t2 {
    font-size: 3vw;
  }

  .safety_b2_img img {
    width: 13vw;
    height: auto;
  }

  ul:not([class]) li {
    margin: 2.38889vw 0;
  }

  .safety_b5_box {
    margin: 8vw 0 0;
  }

  section.safety_b5 {
    margin: 6vw 0 19vw;
  }

  .safety_b6_item svg {
    width: 5vw;
    height: auto;
  }

  .safety_b6_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4vw 5vw;
  }

  .safety_b6_item_text p {
    font-size: 3vw;
  }

  .safety_b6_item_text p br {
    display: none;
  }

  .safety_b6_box {
    margin: 7vw 0 0;
  }

  .page_projects_more_text_features ul li::before {
    width: 1vw;
    height: 1vw;
    border: 0.9vw solid #fff;
    -webkit-box-shadow: 0 0 0 1px #008488;
    box-shadow: 0 0 0 1px #008488;
    left: -4vw;
  }

  a.url span:after {
    width: 3vw;
    height: 3vw;
    margin: 0.7vw 0 0 1vw;
  }

  a.url span:after {
    width: 2vw;
  }

  .b2_video:after {
    opacity: 0.876;
  }

  section.page_projects_more.page_news_more {
    padding: 17vw 0 0;
  }

  section.page_projects_more.page_news_more .page_projects_more_top {
    width: 100%;
  }

  .page_news_more .page_projects_more_title {
    height: 93%;
    background: initial;
  }

  .epc_b3_box {
    margin: 9vw 0 0;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .epc_b3__item {
    width: 100%;
    padding: 6vw 0;
  }

  .epc_b3__item p {
    font-size: 3vw;
  }

  .epc_b3_box:before {
    display: none;
  }

  .epc_b2_box {
    grid-template-columns: 1fr;
  }

  p.epc_b2_title {
    font-size: 3vw;
  }

  p.epc_b2_descr {
    font-size: 3vw;
  }

  .epc_b2_text {
    width: 80%;
  }

  .epc_b2_text br {
    display: none;
  }

  section.epc_b3 {
    padding: 16vw 0;
  }

  .log_b2__item_line {
    display: none;
  }
}

/* update 30/08/2023 */
.partners_page_box--t2 {
  margin-bottom: 30px;
}

.about_b4_item--t2 {
  width: 15.125vw;
  height: 19.125vw;
  position: relative;
}

.about_b4_item--t2 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 60px;
}

.about_b4_item--t2 a::after {
  content: "";
  background: -o-linear-gradient(89.35deg, rgba(0, 0, 0, 0) 30%, rgba(21, 32, 54, 0.5) 99.44%);
  background: linear-gradient(0.65deg, rgba(0, 0, 0, 0) 30%, rgba(21, 32, 54, 0.5) 99.44%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}


.about_b4_item--t2 a:hover::after {
  content: "";
  background: -o-linear-gradient(359.57deg, #00848C 0.37%, #23407A 99.63%), -o-linear-gradient(89.35deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  background: linear-gradient(90.43deg, #00848C 0.37%, #23407A 99.63%), linear-gradient(0.65deg, rgba(0, 0, 0, 0) 50%, rgba(21, 32, 54, 0.5) 99.44%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 1;
  opacity: 0;
  border-radius: 2.08333vw;
}

.about_b4_item--t2 a:hover::after {
  opacity: 1;
}

.about_b4_item--t2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_b4_year, .about_b4_company, .about_b4_more {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 3;
  padding: 20px 30px;
  font-weight: bold;
}

.about_b4_company {
  color: #23407A;
}

.about_b4_more {
  display: none;
}

.about_b4_company, .about_b4_more {
  padding: 15px 30px;
  bottom: 10px;
  top: unset;
}

.about_b4_item--t2 a:hover .about_b4_year {
  color: #fff;
  color: #fff;
}


.about_b4_item--t2 a:hover .about_b4_company {
  display: none;
}

.about_b4_item--t2 a:hover .about_b4_more {
  display: block;
  color: #fff;
}

@media (max-width: 1279px) {
  .about_b4_item--t2 {
    width: 25.125vw;
    height: 35.125vw;
  }
}

@media (max-width: 1023px) {
  .about_b4_item--t2 {
    width: 30.125vw;
    height: 40.125vw;
  }
}

@media (max-width: 767px) {
  .about_b4_item--t2 {
    width: 40.125vw;
    height: 50.125vw;
  }

  .about_b4_year, .about_b4_company, .about_b4_more {
    font-size: 13px;
    padding: 15px 15px;
  }
}

@media (max-width: 479px) {
  .about_b4_item--t2 {
    width: 60.125vw;
    height: 70.125vw;
  }
}

@media only screen and (max-width: 767px) {
  .log_b5_text .bt {
    width: 79%;
    margin-bottom: 5px;
    margin-right: 0px;
  }
}

.area_page_type:before {
  display: none;
}

.area_box .b4__item_bottom p span:before {
  display: none;
}

.log_b1__item i img {
  width: 2.2vw;
  height: auto;
}

.epc_b2_item .epc_b2_icon {
  width: 2.2vw;
}

.epc_b2_item .epc_b2_icon img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 479px) {
  .log_b1__item i img {
    width: 20px;
  }
}

.page_projects_more_top .main {
  overflow: hidden;
}

.page_news_more .page_projects_more_title {
  min-width: 100%;
}

/* update 05/06/2024 */

.log_b2__item_info--full
{
  width: 100%;
  margin-bottom: 20px;
}

.main--t2
{
  padding-bottom: 20px;
}

.icon-safe
{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.icon-safe img
{
  width: 100%;
}

.log_b2__item_info--full .log_b2__item_title
{
  padding: 2.17778vw;
}

p.log_b1_bottom_t2 a
{
  text-decoration: none;
  color: #00848C;
}

.log_b1_bottom_t1 a
{
  text-decoration: none;
  color: #23407A;
}





@charset "UTF-8";
/* // ? ======== ОСНОВНОЕ ========= */
/* // ? </ END > ОСНОВНОЕ ========= */
/* // ? ======== ДОПОЛНЕНИЯ ======= */
.form {
  color: #1f2122;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.form * {
  outline: none;
}
.form._sending .loader {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.form__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.form__item_input {
  position: relative;
  max-width: 31.25rem;
  width: 100%;
}
.form__item_input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0 2.6875rem 2.6875rem 0;
  background: #f8f4f0;
}
.form__item_input:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #12858b url(/bitrix/templates/veonix/assets/css/../img/arrow.svg) center/25% no-repeat;
  z-index: 2;
  transition: background 0.4s ease 0s;
}
.form__item_input._error:before {
  background-color: #dc3545;
}
.form__item_btn {
  max-width: 24.375rem;
  width: 100%;
  position: relative;
}
.form__item_btn:hover:after {
  top: 0;
}
.form__item_btn:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  background: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  z-index: 1;
  transition: top 0.4s ease 0s;
}
.form__item_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  background: #23407a url(/bitrix/templates/veonix/assets/css/../img/arrow-btn.svg) 55% center/35% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.form__label {
  font: 400 1.125rem/1.2 "Manrope", sans-serif;
  display: block;
}
.form__input {
  border: none;
  font: 400 1.25rem/5.375rem "Manrope", sans-serif;
  height: 5.375rem;
  padding: 0 5.375rem 0 2.6875rem;
  border-radius: 2.6875rem;
  width: 100%;
  background: #f8f4f0;
  transition: all 0.4s ease 0s;
}
.form__input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input::placeholder {
  color: #737373;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.form__input:hover {
  background: #f8f4f0;
}
.form__input:focus {
  background: #f8f4f0;
}
.form__input:focus::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input:focus::placeholder {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.form textarea.form__input {
  line-height: 1.2;
  min-height: 7.5rem;
  resize: vertical;
  padding: 1rem;
  transition: min-height 0s ease 0s, height 0s ease 0s;
}
.form__agreement {
  padding-top: 2rem;
  font: 400 0.75rem/1.2 "Manrope", sans-serif;
  color: #fff;
}
.form__btn {
  font: 700 2rem/1.2 "Manrope", sans-serif;
  color: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  padding: 0 3.125rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.form__pass-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 2.9375rem;
  border: none;
  outline: none;
  background: transparent;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:before, .form__pass-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: center/1.375rem no-repeat;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:after {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/show.svg);
}
.form__pass-btn:before {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/hide.svg);
  opacity: 0;
}
.form__pass-btn._active:after {
  opacity: 0;
}
.form__pass-btn._active:before {
  opacity: 1;
}
.form__pass-btn ~ input {
  padding-right: 3rem;
}

.form-new__wrapper {
  max-width: 47.5rem;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-new__head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-new__title {
  font: 700 2.5rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}
.form-new__subtitle {
  font: 400 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
  text-transform: uppercase;
}
.form-new__form-text {
  font: 300 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease 0s;
  z-index: 10000;
}
.loader__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: url("#goo");
}
.loader__wrap:after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  background: #12858b;
  border-radius: 50%;
  position: absolute;
  transform: scale(0.5);
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}
.loader__wrap span {
  width: 3.125rem;
  height: 3.125rem;
  background: #edbec0;
  border-radius: 50%;
  margin-right: 3.125rem;
  position: relative;
  transform: translateX(10.9375rem);
  animation: move 4s ease-in-out infinite;
}
.loader__wrap span:after, .loader__wrap span:before {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  transform: translateX(0);
  animation: shrink 2s ease-in-out infinite;
}
.loader__wrap span:before {
  background: #edbec0;
  left: 4.6875rem;
}
.loader__wrap span:after {
  background: #edbec0;
  right: 4.6875rem;
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: #12858b;
  }
  50% {
    transform: scale(1);
    background: #edbec0;
  }
}
@keyframes move {
  0% {
    transform: translateX(10.9375rem);
  }
  50% {
    transform: translateX(-7.8125rem);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.5625rem);
  }
}
svg {
  width: 0;
  height: 0;
}
@charset "UTF-8";
/* // ? ======== ОСНОВНОЕ ========= */
/* // ? </ END > ОСНОВНОЕ ========= */
/* // ? ======== ДОПОЛНЕНИЯ ======= */
.fms#form-new {
  padding: 0 !important;
}

.form {
  color: #1f2122;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.form * {
  outline: none;
}
.form._sending .loader {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.form__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.form__item_input {
  position: relative;
  max-width: 31.25rem;
  width: 100%;
}
.form__item_input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0 2.6875rem 2.6875rem 0;
  background: #f8f4f0;
}
.form__item_input:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #12858b url(/bitrix/templates/veonix/assets/css/../img/arrow.svg) center/25% no-repeat;
  z-index: 2;
  transition: background 0.4s ease 0s;
}
.form__item_input._error:before {
  background-color: #dc3545;
}
.form__item_btn {
  max-width: 24.375rem;
  width: 100%;
  position: relative;
}
.form__item_btn:hover:after {
  top: 0;
}
.form__item_btn:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  background: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  z-index: 1;
  transition: top 0.4s ease 0s;
}
.form__item_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  background: #23407a url(/bitrix/templates/veonix/assets/css/../img/arrow-btn.svg) 55% center/35% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.form__label {
  font: 400 1.125rem/1.2 "Manrope", sans-serif;
  display: block;
}
.form__input {
  border: none;
  font: 400 1.25rem/5.375rem "Manrope", sans-serif;
  height: 5.375rem;
  padding: 0 5.375rem 0 2.6875rem;
  border-radius: 2.6875rem;
  width: 100%;
  background: #f8f4f0;
  transition: all 0.4s ease 0s;
}
.form__input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input::placeholder {
  color: #737373;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.form__input:hover {
  background: #f8f4f0;
}
.form__input:focus {
  background: #f8f4f0;
}
.form__input:focus::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input:focus::placeholder {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.form textarea.form__input {
  line-height: 1.2;
  min-height: 7.5rem;
  resize: vertical;
  padding: 1rem;
  transition: min-height 0s ease 0s, height 0s ease 0s;
}
.form__agreement {
  padding-top: 2rem;
  font: 400 0.75rem/1.2 "Manrope", sans-serif;
  color: #fff;
}
.form__btn {
  cursor: pointer;
  border: none;
  font: 700 2rem/1.2 "Manrope", sans-serif;
  color: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  padding: 0 3.125rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.form__pass-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 2.9375rem;
  border: none;
  outline: none;
  background: transparent;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:before, .form__pass-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: center/1.375rem no-repeat;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:after {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/show.svg);
}
.form__pass-btn:before {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/hide.svg);
  opacity: 0;
}
.form__pass-btn._active:after {
  opacity: 0;
}
.form__pass-btn._active:before {
  opacity: 1;
}
.form__pass-btn ~ input {
  padding-right: 3rem;
}

.form-new__wrapper {
  max-width: 47.5rem;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-new__head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-new__title {
  font: 700 2.5rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}
.form-new__subtitle {
  font: 400 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
  text-transform: uppercase;
}
.form-new__form-text {
  font: 300 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease 0s;
  z-index: 10000;
}
.loader__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: url("#goo");
}
.loader__wrap:after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  background: #12858b;
  border-radius: 50%;
  position: absolute;
  transform: scale(0.5);
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}
.loader__wrap span {
  width: 3.125rem;
  height: 3.125rem;
  background: #edbec0;
  border-radius: 50%;
  margin-right: 3.125rem;
  position: relative;
  transform: translateX(10.9375rem);
  animation: move 4s ease-in-out infinite;
}
.loader__wrap span:after, .loader__wrap span:before {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  transform: translateX(0);
  animation: shrink 2s ease-in-out infinite;
}
.loader__wrap span:before {
  background: #edbec0;
  left: 4.6875rem;
}
.loader__wrap span:after {
  background: #edbec0;
  right: 4.6875rem;
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: #12858b;
  }
  50% {
    transform: scale(1);
    background: #edbec0;
  }
}
@keyframes move {
  0% {
    transform: translateX(10.9375rem);
  }
  50% {
    transform: translateX(-7.8125rem);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.5625rem);
  }
}
svg {
  width: 0;
  height: 0;
}

@charset "UTF-8";
/* // ? ======== ОСНОВНОЕ ========= */
/* // ? </ END > ОСНОВНОЕ ========= */
/* // ? ======== ДОПОЛНЕНИЯ ======= */
.fms#form-new {
  padding: 0 !important;
  background: transparent;
}

.form {
  color: #1f2122;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.form * {
  outline: none;
}
.form._sending .loader {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.form__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.form__item_input {
  position: relative;
  max-width: 31.25rem;
  width: 100%;
}
.form__item_input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0 2.6875rem 2.6875rem 0;
  background: #f8f4f0;
}
.form__item_input:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #12858b url(/bitrix/templates/veonix/assets/css/../img/arrow.svg) center/25% no-repeat;
  z-index: 2;
  transition: background 0.4s ease 0s;
}
.form__item_input._error:before {
  background-color: #dc3545;
}
.form__item_btn {
  max-width: 24.375rem;
  width: 100%;
  position: relative;
}
.form__item_btn:hover:after {
  top: 0;
}
.form__item_btn:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  background: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  z-index: 1;
  transition: top 0.4s ease 0s;
}
.form__item_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  background: #23407a url(/bitrix/templates/veonix/assets/css/../img/arrow-btn.svg) 55% center/35% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.form__label {
  font: 400 1.125rem/1.2 "Manrope", sans-serif;
  display: block;
}
.form__input {
  border: none;
  font: 400 1.25rem/5.375rem "Manrope", sans-serif;
  height: 5.375rem;
  padding: 0 5.375rem 0 2.6875rem;
  border-radius: 2.6875rem;
  width: 100%;
  background: #f8f4f0;
  transition: all 0.4s ease 0s;
}
.form__input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input::placeholder {
  color: #737373;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.form__input:hover {
  background: #f8f4f0;
}
.form__input:focus {
  background: #f8f4f0;
}
.form__input:focus::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input:focus::placeholder {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.form textarea.form__input {
  line-height: 1.2;
  min-height: 7.5rem;
  resize: vertical;
  padding: 1rem;
  transition: min-height 0s ease 0s, height 0s ease 0s;
}
.form__agreement {
  padding-top: 2rem;
  font: 400 0.75rem/1.2 "Manrope", sans-serif;
  color: #fff;
}
.form__btn {
  cursor: pointer;
  border: none;
  font: 700 2rem/1.2 "Manrope", sans-serif;
  color: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  padding: 0 3.125rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.form__pass-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 2.9375rem;
  border: none;
  outline: none;
  background: transparent;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:before, .form__pass-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: center/1.375rem no-repeat;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:after {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/show.svg);
}
.form__pass-btn:before {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/hide.svg);
  opacity: 0;
}
.form__pass-btn._active:after {
  opacity: 0;
}
.form__pass-btn._active:before {
  opacity: 1;
}
.form__pass-btn ~ input {
  padding-right: 3rem;
}

.form-new {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-new__wrapper {
  max-width: 47.5rem;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: 1rem;
}
.form-new__head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-new__title {
  font: 700 3.5rem/1.1 "Manrope", sans-serif;
  color: #f8f4f0;
}
.form-new__subtitle {
  font: 400 1.125rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
  text-transform: uppercase;
}
.form-new__form-text {
  font: 300 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease 0s;
  z-index: 10000;
}
.loader__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: url("#goo");
}
.loader__wrap:after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  background: #12858b;
  border-radius: 50%;
  position: absolute;
  transform: scale(0.5);
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}
.loader__wrap span {
  width: 3.125rem;
  height: 3.125rem;
  background: #edbec0;
  border-radius: 50%;
  margin-right: 3.125rem;
  position: relative;
  transform: translateX(10.9375rem);
  animation: move 4s ease-in-out infinite;
}
.loader__wrap span:after, .loader__wrap span:before {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  transform: translateX(0);
  animation: shrink 2s ease-in-out infinite;
}
.loader__wrap span:before {
  background: #edbec0;
  left: 4.6875rem;
}
.loader__wrap span:after {
  background: #edbec0;
  right: 4.6875rem;
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: #12858b;
  }
  50% {
    transform: scale(1);
    background: #edbec0;
  }
}
@keyframes move {
  0% {
    transform: translateX(10.9375rem);
  }
  50% {
    transform: translateX(-7.8125rem);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.5625rem);
  }
}
svg {
  width: 0;
  height: 0;
}

@charset "UTF-8";
/* // ? ======== ОСНОВНОЕ ========= */
/* // ? </ END > ОСНОВНОЕ ========= */
/* // ? ======== ДОПОЛНЕНИЯ ======= */
.fms#form-new {
  padding: 0 !important;
  background: transparent;
}

.form {
  color: #1f2122;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.form * {
  outline: none;
}
.form._sending .loader {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.form__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.form__item_input {
  position: relative;
  max-width: 31.25rem;
  width: 100%;
}
.form__item_input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0 2.6875rem 2.6875rem 0;
  background: #f8f4f0;
}
.form__item_input:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #12858b url(/bitrix/templates/veonix/assets/css/../img/arrow.svg) center/25% no-repeat;
  z-index: 2;
  transition: background 0.4s ease 0s;
}
.form__item_input._error:before {
  background-color: #dc3545;
}
.form__item_btn {
  max-width: 24.375rem;
  width: 100%;
  position: relative;
}
.form__item_btn:hover:after {
  top: 0;
}
.form__item_btn:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  background: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  z-index: 1;
  transition: top 0.4s ease 0s;
}
.form__item_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  background: #23407a url(/bitrix/templates/veonix/assets/css/../img/arrow-btn.svg) 55% center/35% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.form__label {
  font: 400 1.125rem/1.2 "Manrope", sans-serif;
  display: block;
}
.form__input {
  border: none;
  font: 400 1.25rem/5.375rem "Manrope", sans-serif;
  height: 5.375rem;
  padding: 0 5.375rem 0 2.6875rem;
  border-radius: 2.6875rem;
  width: 100%;
  background: #f8f4f0;
  transition: all 0.4s ease 0s;
}
.form__input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input::placeholder {
  color: #737373;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.form__input:hover {
  background: #f8f4f0;
}
.form__input:focus {
  background: #f8f4f0;
}
.form__input:focus::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input:focus::placeholder {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.form textarea.form__input {
  line-height: 1.2;
  min-height: 7.5rem;
  resize: vertical;
  padding: 1rem;
  transition: min-height 0s ease 0s, height 0s ease 0s;
}
.form__agreement {
  padding-top: 2rem;
  font: 400 0.75rem/1.2 "Manrope", sans-serif;
  color: #fff;
}
.form__btn {
  cursor: pointer;
  border: none;
  font: 700 2rem/1.2 "Manrope", sans-serif;
  color: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  padding: 0 3.125rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.form__pass-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 2.9375rem;
  border: none;
  outline: none;
  background: transparent;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:before, .form__pass-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: center/1.375rem no-repeat;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:after {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/show.svg);
}
.form__pass-btn:before {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/hide.svg);
  opacity: 0;
}
.form__pass-btn._active:after {
  opacity: 0;
}
.form__pass-btn._active:before {
  opacity: 1;
}
.form__pass-btn ~ input {
  padding-right: 3rem;
}

.form-new {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-new__wrapper {
  max-width: 47.5rem;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: 1rem;
}
.form-new__head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-new__title {
  font: 700 3rem/1 "Manrope", sans-serif;
  color: #f8f4f0;
}
.form-new__subtitle {
  font: 400 1.125rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
  text-transform: uppercase;
}
.form-new__form-text {
  font: 300 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease 0s;
  z-index: 10000;
}
.loader__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: url("#goo");
}
.loader__wrap:after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  background: #12858b;
  border-radius: 50%;
  position: absolute;
  transform: scale(0.5);
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}
.loader__wrap span {
  width: 3.125rem;
  height: 3.125rem;
  background: #edbec0;
  border-radius: 50%;
  margin-right: 3.125rem;
  position: relative;
  transform: translateX(10.9375rem);
  animation: move 4s ease-in-out infinite;
}
.loader__wrap span:after, .loader__wrap span:before {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  transform: translateX(0);
  animation: shrink 2s ease-in-out infinite;
}
.loader__wrap span:before {
  background: #edbec0;
  left: 4.6875rem;
}
.loader__wrap span:after {
  background: #edbec0;
  right: 4.6875rem;
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: #12858b;
  }
  50% {
    transform: scale(1);
    background: #edbec0;
  }
}
@keyframes move {
  0% {
    transform: translateX(10.9375rem);
  }
  50% {
    transform: translateX(-7.8125rem);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.5625rem);
  }
}
svg {
  width: 0;
  height: 0;
}

@charset "UTF-8";
/* // ? ======== ОСНОВНОЕ ========= */
/* // ? </ END > ОСНОВНОЕ ========= */
/* // ? ======== ДОПОЛНЕНИЯ ======= */
.fms#form-new {
  padding: 0 !important;
  background: transparent;
}

.form {
  box-sizing: border-box;
  color: #1f2122;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 47.5rem;
  width: 100%;
}
.form * {
  outline: none;
  box-sizing: border-box;
}
.form._sending .loader {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.form__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form__item_input {
  position: relative;
  max-width: 31.25rem;
  width: 100%;
}
.form__item_input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0 2.6875rem 2.6875rem 0;
  background: #f8f4f0;
}
.form__item_input:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #12858b url(/bitrix/templates/veonix/assets/css/../img/arrow.svg) center/25% no-repeat;
  z-index: 2;
  transition: background 0.4s ease 0s;
}
.form__item_input._error:before {
  background-color: #dc3545;
}
.form__item_btn {
  max-width: 24.375rem;
  width: 100%;
  position: relative;
}
.form__item_btn:hover:after {
  top: 0;
}
.form__item_btn:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  background: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  z-index: 1;
  transition: top 0.4s ease 0s;
}
.form__item_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  background: #23407a url(/bitrix/templates/veonix/assets/css/../img/arrow-btn.svg) 55% center/35% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.form__label {
  font: 400 1.125rem/1.2 "Manrope", sans-serif;
  display: block;
}
.form__input {
  border: none;
  font: 400 1.25rem/5.375rem "Manrope", sans-serif;
  height: 5.375rem;
  padding: 0 5.375rem 0 2.6875rem;
  border-radius: 2.6875rem;
  width: 100%;
  background: #f8f4f0;
  transition: all 0.4s ease 0s;
}
.form__input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input::placeholder {
  color: #737373;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.form__input:hover {
  background: #f8f4f0;
}
.form__input:focus {
  background: #f8f4f0;
}
.form__input:focus::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.form__input:focus::placeholder {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.form textarea.form__input {
  line-height: 1.2;
  min-height: 7.5rem;
  resize: vertical;
  padding: 1rem;
  transition: min-height 0s ease 0s, height 0s ease 0s;
}
.form__agreement {
  padding-top: 2rem;
  font: 400 0.75rem/1.2 "Manrope", sans-serif;
  color: #fff;
}
.form__btn {
  cursor: pointer;
  border: none;
  font: 700 2rem/1.2 "Manrope", sans-serif;
  color: #23407a;
  height: 6.25rem;
  border-radius: 3.125rem;
  width: 100%;
  padding: 0 3.125rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.form__pass-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 2.9375rem;
  border: none;
  outline: none;
  background: transparent;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:before, .form__pass-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: center/1.375rem no-repeat;
  transition: opacity 0.4s ease 0s;
}
.form__pass-btn:after {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/show.svg);
}
.form__pass-btn:before {
  background-image: url(/bitrix/templates/veonix/assets/css/../img/icons/form/hide.svg);
  opacity: 0;
}
.form__pass-btn._active:after {
  opacity: 0;
}
.form__pass-btn._active:before {
  opacity: 1;
}
.form__pass-btn ~ input {
  padding-right: 3rem;
}

.form-new {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-new * {
  box-sizing: border-box;
}
.form-new__wrapper {
  max-width: 47.5rem;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: 1rem;
}
.form-new__wrapp {
  max-width: 100%;
  width: 100%;
  background: url(/bitrix/templates/veonix/assets/css/../img/01.svg) center/cover no-repeat;
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: 0;
}
.form-new__head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-new__title {
  font: 700 3rem/1 "Manrope", sans-serif;
  color: #f8f4f0;
}
.form-new__subtitle {
  font: 400 1.125rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
  text-transform: uppercase;
}
.form-new__form-text {
  font: 300 1.25rem/1.3 "Manrope", sans-serif;
  color: #f8f4f0;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease 0s;
  z-index: 10000;
}
.loader__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  filter: url("#goo");
}
.loader__wrap:after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  background: #12858b;
  border-radius: 50%;
  position: absolute;
  transform: scale(0.5);
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}
.loader__wrap span {
  width: 3.125rem;
  height: 3.125rem;
  background: #edbec0;
  border-radius: 50%;
  margin-right: 3.125rem;
  position: relative;
  transform: translateX(10.9375rem);
  animation: move 4s ease-in-out infinite;
}
.loader__wrap span:after, .loader__wrap span:before {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  transform: translateX(0);
  animation: shrink 2s ease-in-out infinite;
}
.loader__wrap span:before {
  background: #edbec0;
  left: 4.6875rem;
}
.loader__wrap span:after {
  background: #edbec0;
  right: 4.6875rem;
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: #12858b;
  }
  50% {
    transform: scale(1);
    background: #edbec0;
  }
}
@keyframes move {
  0% {
    transform: translateX(10.9375rem);
  }
  50% {
    transform: translateX(-7.8125rem);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.5625rem);
  }
}
svg {
  width: 0;
  height: 0;
}

/* // ? </ END > ДОПОЛНЕНИЯ ======= */
/* // ! ======== ПРИМЕРЫ ЭЛЕМЕНТОВ САЙТА ======= */
/* // ! </ END > ПРИМЕРЫ ЭЛЕМЕНТОВ САЙТА ======= */
@media (max-width: 110em){
  .form {
    gap: calc(0.00625 * 100vw + 0.8125rem);
  }
  .form__items {
    gap: calc(0.00625 * 100vw + 0.8125rem);
  }
  .form__item {
    gap: calc(0.003125 * 100vw + 0.40625rem);
  }
  .form__item_input:after {
    width: calc(0.0359375 * 100vw + 1.421875rem);
    height: calc(0.0359375 * 100vw + 1.421875rem);
  }
  .form__item_input:before {
    width: calc(0.00625 * 100vw + 1.8125rem);
    height: calc(0.00625 * 100vw + 1.8125rem);
    right: calc(0.0109375 * 100vw + 0.046875rem);
  }
  .form__item_btn:after {
    height: calc(0.034375 * 100vw + 2.46875rem);
  }
  .form__item_btn:before {
    width: calc(0.0359375 * 100vw + 1.421875rem);
    height: calc(0.0359375 * 100vw + 1.421875rem);
    right: calc(0.003125 * 100vw + 0.28125rem);
  }
  .form__label {
    font-size: calc(0.003125 * 100vw + 0.78125rem);
  }
  .form__input {
    font-size: calc(0.003125 * 100vw + 0.90625rem);
    height: calc(0.0359375 * 100vw + 1.421875rem);
    line-height: calc(0.0359375 * 100vw + 1.421875rem);
    padding: 0 calc(0.0359375 * 100vw + 1.421875rem) 0 calc(0.01796875 * 100vw + 0.7109375rem);
  }
  .form textarea.form__input {
    padding: calc(0.003125 * 100vw + 0.65625rem);
  }
  .form__agreement {
    font-size: calc(0.00078125 * 100vw + 0.6640625rem);
    padding-top: calc(0.0125 * 100vw + 0.625rem);
  }
  .form__btn {
    height: calc(0.034375 * 100vw + 2.46875rem);
    font-size: calc(0.00625 * 100vw + 1.3125rem);
    padding: 0 calc(0.0359375 * 100vw + 1.421875rem) 0 calc(0.01796875 * 100vw + 0.7109375rem);
  }
  .form__pass-btn {
    height: calc(0.00546875 * 100vw + 2.3359375rem);
    width: calc(0.0125 * 100vw + 1.625rem);
  }
  .form__pass-btn:before, .form__pass-btn:after {
    background-size: calc(0.0046875 * 100vw + 0.859375rem);
  }
  .form__pass-btn ~ input {
    padding-right: calc(0.0125 * 100vw + 1.625rem);
  }
  .form-new {
    gap: calc(0.00625 * 100vw + 0.8125rem);
  }
  .form-new__wrapper {
    gap: calc(0.00625 * 100vw + 0.8125rem);
    padding: calc(0.04375 * 100vw + 0.1875rem) calc(0.053125 * 100vw + -0.84375rem);
    border-radius: calc(0.00625 * 100vw + 0.3125rem);
  }
  .form-new__wrapp {
    gap: calc(0.00625 * 100vw + 0.8125rem);
    padding: calc(0.04375 * 100vw + 0.1875rem) 0;
  }
  .form-new__head {
    gap: calc(0.00625 * 100vw + 0.3125rem);
  }
  .form-new__title {
    font-size: calc(0.021875 * 100vw + 0.59375rem);
  }
  .form-new__subtitle {
    font-size: calc(0.0046875 * 100vw + 0.609375rem);
  }
  .form-new__form-text {
    font-size: calc(0.0046875 * 100vw + 0.734375rem);
  }
}
@media (max-width: 62em){
  .loader__wrap {
    transform: scale(0.5);
  }
}
@media (max-width: 38em){
  .form__items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 30em){
  .form {
    gap: 1rem;
  }
  .form__items {
    gap: 1rem;
  }
  .form__item {
    gap: 0.5rem;
  }
  .form__item_input:after {
    width: 2.5rem;
    height: 2.5rem;
  }
  .form__item_input:before {
    width: 2rem;
    height: 2rem;
    right: 0.375rem;
  }
  .form__item_btn:after {
    height: 3.5rem;
  }
  .form__item_btn:before {
    width: 2.5rem;
    height: 2.5rem;
    right: 0.375rem;
  }
  .form__label {
    font-size: 0.875rem;
  }
  .form__input {
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 2.5rem 0 1.25rem;
  }
  .form textarea.form__input {
    padding: 0.75rem;
  }
  .form__agreement {
    font-size: 0.6875rem;
    padding-top: 1rem;
  }
  .form__btn {
    font-size: 1.5rem;
    height: 3.5rem;
    padding: 0 2.5rem 0 1.25rem;
  }
  .form__pass-btn {
    height: 2.5rem;
    width: 2rem;
  }
  .form__pass-btn:before, .form__pass-btn:after {
    background-size: 1rem;
  }
  .form__pass-btn ~ input {
    padding-right: 2rem;
  }
  .form-new {
    gap: 1rem;
  }
  .form-new__wrapper {
    gap: 1rem;
    padding: 1.5rem 0.75rem;
    border-radius: 0.5rem;
  }
  .form-new__wrapp {
    gap: 1rem;
    padding: 1.5rem 0;
  }
  .form-new__head {
    gap: 0.5rem;
  }
  .form-new__title {
    font-size: 1.25rem;
  }
  .form-new__subtitle {
    font-size: 0.75rem;
  }
  .form-new__form-text {
    font-size: 0.875rem;
  }
}


.wba-service{
   flex: 0 0 100%;
   max-width: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   padding-top: 32px;
}
.wba-subtitle{
   font-size: 1.1111111111vw;
   line-height: 1.3;
   color: #fff;
   margin-bottom: 64px;
}
@media only screen and (max-width: 680px) {
   .wba-subtitle{
       font-size: 3vw !important;
   }
}


.wba-article {
   max-width: 61.80556vw;
   margin: 0;
   width: 100%;
 }
 .wba-article__photo-list {
   display: flex;
   flex-wrap: wrap;
   gap: 1.5rem;
 }
 .wba-article__photo-list > * {
   flex: 0 0 calc(50% - 1.5rem * 1 / 2);
   max-width: calc(50% - 1.5rem * 1 / 2);
   width: calc(50% - 1.5rem * 1 / 2);
   margin: 0 !important;
   height: 21.25rem;
   position: relative;
 }
 .wba-article__photo-list > *:after {
   z-index: 2;
 }
 .wba-article__photo-list > *:before {
   z-index: 1;
 }
 .wba-article__photo-list > * > img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   -o-object-position: center center;
      object-position: center center;
 }
 .wba-article ._full {
   width: calc(100% + 96rem - 6rem - 100%);
 }
 .wba-article > * {
   margin: 1rem 0 0.5rem 0;
 }
 .wba-article > *:last-child {
   margin-bottom: 0;
 }
 .wba-article > *:first-child {
   margin-top: 0;
 }
 .wba-article > ul{
   list-style: none !important;
 }
 .wba-article > ul,
 .wba-article > ol,
 .wba-article > figure {
   margin: 1.5rem 0;
 }
 .wba-article > ul:last-child,
 .wba-article > ol:last-child,
 .wba-article > figure:last-child {
   margin-bottom: 0;
 }
 .wba-article > ul:first-child,
 .wba-article > ol:first-child,
 .wba-article > figure:first-child {
   margin-top: 0;
 }
 .wba-article > h2,
 .wba-article > h3,
 .wba-article > h4,
 .wba-article > h5,
 .wba-article > h6 {
   font-weight: 600;
   color: #000;
   line-height: 130%;
   margin: 1.5rem 0 1rem 0;
 }
 .wba-article > h2:last-child,
 .wba-article > h3:last-child,
 .wba-article > h4:last-child,
 .wba-article > h5:last-child,
 .wba-article > h6:last-child {
   margin-bottom: 0;
 }
 .wba-article > h2:first-child,
 .wba-article > h3:first-child,
 .wba-article > h4:first-child,
 .wba-article > h5:first-child,
 .wba-article > h6:first-child {
   margin-top: 0;
 }
 .wba-article > h2 {
   font-size: 1.5rem;
 }
 .wba-article > h3 {
   font-size: 1.25rem;
 }
 .wba-article > h4 {
   font-size: 1.125rem;
 }
 .wba-article > h5 {
   font-size: 1.0625rem;
 }
 .wba-article > h6 {
   font-size: 1rem;
 }
 .wba-article > p {
   color: #000;
   text-align: justify;
 }
 .wba-article > p a {
   display: inline;
   margin: 0;
 }
 .wba-article > figure:not([class]) {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 .wba-article > figure:not([class]) img {
   max-width: 100%;
   border-radius: 1rem;
 }
 .wba-article > figure:not([class]) figcaption {
   font-size: 0.875rem;
   line-height: 1.3;
   font-weight: 400;
   color: #667085;
 }
 .wba-article .wba-article__quote {
   display: flex;
   flex-direction: column;
   padding: 0.5rem 0 0.5rem 1.375rem;
   gap: 2rem;
   border-left: 0.125rem solid #f9fbfc;
 }
 .wba-article .wba-article__quote img {
   max-width: 100%;
   border-radius: 1rem;
 }
 .wba-article .wba-article__quote figcaption {
   font-size: 0.875rem;
   line-height: 1.3;
   font-weight: 400;
   color: #667085;
 }
 .wba-article .wba-article__quote blockquote > p,
 .wba-article .wba-article__quote blockquote {
   color: #000;
   font-style: italic;
   font-size: 1.5rem;
   line-height: 1.3;
   font-weight: 500;
 }
 .wba-article .wba-article__quote blockquote .wba-article__quote-body p {
   margin: 1rem 0 0.5rem 0;
 }
 .wba-article .wba-article__quote blockquote .wba-article__quote-body p:last-child {
   margin-bottom: 0;
 }
 .wba-article .wba-article__quote blockquote .wba-article__quote-body p:last-child:after {
   content: "”";
   display: inline;
 }
 .wba-article .wba-article__quote blockquote .wba-article__quote-body p:first-child {
   margin-top: 0;
 }
 .wba-article .wba-article__quote blockquote .wba-article__quote-body p:first-child:before {
   content: "“";
   display: inline;
 }
 .wba-article .wba-article__quote figcaption:before {
   content: "—";
 }
 .wba-article .wba-article__quote blockquote a,
 .wba-article > figure:not([class]) figcaption a,
 .wba-article > a,
 .wba-article > p a,
 .wba-article > ul li a,
 .wba-article > ol li a {
   color: #00848C;
   border-bottom: 0.0625rem solid #00848C;
   transition: border 0.4s ease 0s;
   display: inline-block;
 }
 .wba-article > p,
 .wba-article > a,
 .wba-article > ul li a,
 .wba-article > ol li a,
 .wba-article > ul li,
 .wba-article > ol li {
   margin-top: 0;
   font-size: 1.125rem;
   line-height: 1.3;
   font-weight: 400;
 }
 .wba-article > p b,
 .wba-article > a b,
 .wba-article > ul li a b,
 .wba-article > ol li a b,
 .wba-article > ul li b,
 .wba-article > ol li b {
   font-weight: 700;
 }
 .wba-article > p:last-child,
 .wba-article > a:last-child,
 .wba-article > ul li a:last-child,
 .wba-article > ol li a:last-child,
 .wba-article > ul li:last-child,
 .wba-article > ol li:last-child {
   margin-bottom: 0;
 }
 .wba-article > img,
 .wba-article .photos,
 .wba-article .wba-article__zoom {
   border: none;
   max-width: 100%;
   display: block;
   margin: 1.5rem 0;
 }
 .wba-article > img:last-child,
 .wba-article .photos:last-child,
 .wba-article .wba-article__zoom:last-child {
   margin-bottom: 0;
 }
 .wba-article > img:first-child,
 .wba-article .photos:first-child,
 .wba-article .wba-article__zoom:first-child {
   margin-top: 0;
 }
 .wba-article > img:before,
 .wba-article .photos:before,
 .wba-article .wba-article__zoom:before {
   border-radius: 1rem;
 }
 .wba-article .wba-article__zoom {
   display: inline-block;
 }
 .wba-article .wba-article__zoom img {
   max-width: 100%;
   border-radius: 1rem;
 }
 .wba-article > ol {
   padding-left: 0.9375rem;
 }
 .wba-article > ol li::marker {
   color: #00848C;
 }
 .wba-article > ul li {
   position: relative;
   padding-left: 0.9375rem;
 }
 .wba-article > ul li:after {
   content: "";
   position: absolute;
   top: 0.4375rem;
   left: 0;
   width: 0.4375rem;
   height: 0.4375rem;
   border-radius: 50%;
   background: #00848C;
 }
 .wba-article > ul li,
 .wba-article > ol li {
   color: #000;
   margin-bottom: 0.5rem;
   text-align: justify;
 }
 .wba-article > ul li a,
 .wba-article > ol li a {
   display: inline;
   margin: 0;
 }
 .wba-article > ul li:last-child,
 .wba-article > ol li:last-child {
   margin-bottom: 0;
 }

 body._pc .wba-article > blockquote a:hover,
body._pc .wba-article > figure:not([class]) figcaption a:hover,
body._pc .wba-article > a:hover,
body._pc .wba-article > p a:hover,
body._pc .wba-article > ul li a:hover,
body._pc .wba-article > ol li a:hover {
  border-color: transparent;
}

@media (max-width: 96em){
   .wba-article__photo-list > * {
      height: calc(0.0646551724 * 100vw + 15.0431034483rem);
    }
    .wba-article ._full {
      width: calc(100% + 100vw - 3rem * 2 - 100%);
    }
    .wba-article > * {
      margin: calc(0.0052083333 * 100vw + 0.5rem) 0 0.5rem 0;
    }
    .wba-article > ul,
    .wba-article > ol,
    .wba-article > figure {
      margin: calc(0.0104166667 * 100vw + 0.5rem) 0;
    }
    .wba-article > h2,
    .wba-article > h3,
    .wba-article > h4,
    .wba-article > h5,
    .wba-article > h6 {
      margin: calc(0.0104166667 * 100vw + 0.5rem) 0 calc(0.0052083333 * 100vw + 0.5rem) 0;
    }
    .wba-article > h2 {
      font-size: calc(0.0037878788 * 100vw + 1.1363636364rem);
    }
    .wba-article > h3 {
      font-size: calc(0.0028409091 * 100vw + 0.9772727273rem);
    }
    .wba-article > h4 {
      font-size: calc(0.0018939394 * 100vw + 0.9431818182rem);
    }
    .wba-article > h5 {
      font-size: calc(0.0018939394 * 100vw + 0.8806818182rem);
    }
    .wba-article > h6 {
      font-size: calc(0.0018939394 * 100vw + 0.8181818182rem);
    }
    .wba-article > figure:not([class]) {
      gap: calc(0.0037878788 * 100vw + 0.6363636364rem);
    }
    .wba-article > figure:not([class]) img {
      border-radius: calc(0.0075757576 * 100vw + 0.2727272727rem);
    }
    .wba-article .wba-article__quote {
      gap: calc(0.0075757576 * 100vw + 1.2727272727rem);
    }
    .wba-article .wba-article__quote img {
      border-radius: calc(0.0075757576 * 100vw + 0.2727272727rem);
    }
    .wba-article .wba-article__quote blockquote > p,
    .wba-article .wba-article__quote blockquote {
      font-size: calc(0.0075757576 * 100vw + 0.7727272727rem);
    }
    .wba-article .wba-article__quote blockquote .wba-article__quote-body p {
      margin: calc(0.0104166667 * 100vw + 0rem) 0 calc(0.0052083333 * 100vw + 0rem) 0;
    }
    .wba-article > p,
    .wba-article > a,
    .wba-article > ul li a,
    .wba-article > ol li a,
    .wba-article > ul li,
    .wba-article > ol li {
      font-size: calc(0.003125 * 100vw + 0.78125rem);
    }
    .wba-article > img,
    .wba-article .photos,
    .wba-article .wba-article__zoom {
      margin: calc(0.0104166667 * 100vw + 0.5rem) 0;
    }
    .wba-article > img:before,
    .wba-article .photos:before,
    .wba-article .wba-article__zoom:before {
      border-radius: calc(0.0075757576 * 100vw + 0.2727272727rem);
    }
    .wba-article .wba-article__zoom img {
      border-radius: calc(0.0075757576 * 100vw + 0.2727272727rem);
    }
}
@media (max-width: 75em){
   .wba-article ._full {
      width: 100%;
    }
}
@media (max-width: 48em){
   .wba-article{
      max-width: 90%;
   }
   .wba-article > * {
      margin: 0.75rem 0 0.5rem 0;
      
    }
    .wba-article > ul,
    .wba-article > ol,
    .wba-article > figure {
      margin: 1rem 0;
    }
    .wba-article > h2,
    .wba-article > h3,
    .wba-article > h4,
    .wba-article > h5,
    .wba-article > h6 {
      margin: 1rem 0 0.75rem 0;
    }
    .wba-article .wba-article__quote blockquote .wba-article__quote-body p {
      margin: 0.5rem 0 0.25rem 0;
    }
    .wba-article > p,
    .wba-article > a,
    .wba-article > ul li a,
    .wba-article > ol li a,
    .wba-article > ul li,
    .wba-article > ol li {
      margin-top: 0;
    }
    .wba-article > img,
    .wba-article .photos,
    .wba-article .wba-article__zoom {
      margin: 1rem 0;
    }
    .wba-article > ul li:after {
      width: 0.3125rem;
      height: 0.3125rem;
    }
    .wba-article > ul li,
    .wba-article > ol li {
      margin-bottom: 0.25rem;
    }
}
@media (max-width: 38em){
   .wba-article__photo-list > * {
      height: auto;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
    }
    .wba-article__photo-list > * > img {
      position: static;
      height: unset;
      width: unset;
      max-width: 100%;
      -o-object-position: unset;
         object-position: unset;
      -o-object-fit: unset;
         object-fit: unset;
    }
}
@media (max-width: 30em){
   .wba-article > h2 {
      font-size: 1.25rem;
    }
    .wba-article > h3 {
      font-size: 1.0625rem;
    }
    .wba-article > h4 {
      font-size: 1rem;
    }
    .wba-article > h5 {
      font-size: 0.9375rem;
    }
    .wba-article > h6 {
      font-size: 0.875rem;
    }
    .wba-article > p {
      text-align: left;
    }
    .wba-article > figure:not([class]) {
      gap: 0.75rem;
    }
    .wba-article > figure:not([class]) img {
      border-radius: 0.5rem;
    }
    .wba-article .wba-article__quote {
      gap: 1.5rem;
      text-align: left;
    }
    .wba-article .wba-article__quote img {
      border-radius: 0.5rem;
    }
    .wba-article .wba-article__quote blockquote > p,
    .wba-article .wba-article__quote blockquote {
      font-size: 1rem;
    }
    .wba-article > p,
    .wba-article > a,
    .wba-article > ul li a,
    .wba-article > ol li a,
    .wba-article > ul li,
    .wba-article > ol li {
      font-size: 0.875rem;
      margin-top: 0;
    }
    .wba-article > img:before,
    .wba-article .photos:before,
    .wba-article .wba-article__zoom:before {
      border-radius: 0.5rem;
    }
    .wba-article .wba-article__zoom img {
      border-radius: 0.5rem;
    }
    .wba-article > ul li,
    .wba-article > ol li {
      text-align: left;
    }
}



._ptb-min {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
 
 ._pt-min {
   padding-top: 2.5rem;
 }
 
 ._pb-min {
   padding-bottom: 2.5rem;
 }
 
 ._ptb {
   padding-top: 5rem;
   padding-bottom: 5rem;
 }
 
 ._pt {
   padding-top: 5rem;
 }
 
 ._pb {
   padding-bottom: 5rem;
 }
 
 ._mtb-min {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
 }
 
 ._mt-min {
   margin-top: 2.5rem;
 }
 
 ._mb-min {
   margin-bottom: 2.5rem;
 }
 
 ._mtb {
   margin-top: 5rem;
   margin-bottom: 5rem;
 }
 
 ._mt {
   margin-top: 5rem;
 }
 
 ._mb {
   margin-bottom: 5rem;
 }
 @media (max-width: 96em){
   ._ptb-min {
      padding-top: calc(0.0151515152 * 100vw + 1.0454545455rem);
      padding-bottom: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._pt-min {
      padding-top: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._pb-min {
      padding-bottom: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._ptb {
      padding-top: calc(0.0454545455 * 100vw + 0.6363636364rem);
      padding-bottom: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
    ._pt {
      padding-top: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
    ._pb {
      padding-bottom: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
    ._mtb-min {
      margin-top: calc(0.0151515152 * 100vw + 1.0454545455rem);
      margin-bottom: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._mt-min {
      margin-top: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._mb-min {
      margin-bottom: calc(0.0151515152 * 100vw + 1.0454545455rem);
    }
    ._mtb {
      margin-top: calc(0.0454545455 * 100vw + 0.6363636364rem);
      margin-bottom: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
    ._mt {
      margin-top: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
    ._mb {
      margin-bottom: calc(0.0454545455 * 100vw + 0.6363636364rem);
    }
 }
 @media (max-width: 30em){
   ._ptb-min {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    ._pt-min {
      padding-top: 1.5rem;
    }
    ._pb-min {
      padding-bottom: 1.5rem;
    }
    ._ptb {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    ._pt {
      padding-top: 2rem;
    }
    ._pb {
      padding-bottom: 2rem;
    }
    ._mtb-min {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    ._mt-min {
      margin-top: 1.5rem;
    }
    ._mb-min {
      margin-bottom: 1.5rem;
    }
    ._mtb {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    ._mt {
      margin-top: 2rem;
    }
    ._mb {
      margin-bottom: 2rem;
    }
 }


 ._opacity-05,
 ._opacity-10,
 ._opacity-15,
 ._opacity-20,
 ._opacity-25,
 ._opacity-30,
 ._opacity-35,
 ._opacity-40,
 ._opacity-45,
 ._opacity-50,
 ._opacity-55,
 ._opacity-60,
 ._opacity-65,
 ._opacity-70 {
   position: relative;
 }
._opacity-05:before,
._opacity-10:before,
._opacity-15:before,
._opacity-20:before,
._opacity-25:before,
._opacity-30:before,
._opacity-35:before,
._opacity-40:before,
._opacity-45:before,
._opacity-50:before,
._opacity-55:before,
._opacity-60:before,
._opacity-65:before,
._opacity-70:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background-color: #000;
   z-index: 1;
}

._opacity-05:before {
   opacity: 0.05 !important;
}
._opacity-10:before {
   opacity: 0.1 !important;
}
._opacity-15:before {
   opacity: 0.15 !important;
}
._opacity-20:before {
   opacity: 0.20 !important;
}
._opacity-25:before {
   opacity: 0.25 !important;
}
._opacity-30:before {
   opacity: 0.30 !important;
}
._opacity-35:before {
   opacity: 0.35 !important;
}
._opacity-40:before {
   opacity: 0.40 !important;
}
._opacity-45:before {
   opacity: 0.45 !important;
}
._opacity-50:before {
   opacity: 0.50 !important;
}
._opacity-55:before {
   opacity: 0.55 !important;
}
._opacity-60:before {
   opacity: 0.60 !important;
}
._opacity-65:before {
   opacity: 0.65 !important;
}
._opacity-70:before {
   opacity: 0.70 !important;
}

ul > li ul li:after{
   display: none;
}
ul > li li{
   padding-left: 0 !important;
} 
ul > li ul,
ol > li ul {
   margin-top: 0.5rem;
}

/* End */


/* Start:/bitrix/templates/veonix/assets/css/splide.min.css?17309586786338*/
.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled svg {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

/* End */


/* Start:/bitrix/templates/veonix/assets/css/animate.css?173095867896219*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
 
.wow, .animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.wow.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.wow.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.wow.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.wow.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.wow.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.wow.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.wow.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.wow.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.wow.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.wow.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.wow.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.wow.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.wow.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .wow {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .wow[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

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

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

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

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

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

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

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

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

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

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

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

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

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

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

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

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.wow.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible;
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
/* End */


/* Start:/bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?173095867824078*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:.2s ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{animation:.2s ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:.5s ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:.2s ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:.1s linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */
/* /bitrix/templates/veonix/assets/css/fonts.css?17309586782892 */
/* /bitrix/templates/veonix/assets/css/main.css?1743502559222517 */
/* /bitrix/templates/veonix/assets/css/splide.min.css?17309586786338 */
/* /bitrix/templates/veonix/assets/css/animate.css?173095867896219 */
/* /bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?173095867824078 */