@charset "UTF-8";
/*
Файл main.css является автосгенерированным! не редактируй его!
Если не знаешь как рабоать с SASS пиши (переопределяй) стили в файле local/templates/logotech/css/custom.css
*/
footer .botom_line, footer .prebotom_line, footer .contact .contact_inner, .main_form_wrapper, .gallery_wrapper .gallery, .partners_wrapper, .steps_wrapper .steps, .differences_wrapper .differences, .services_wrapper .services, .tizers_wrapper .tizers, .banner_wrapper .banner .main_text,
.banner_wrapper .banner .sub_text, header {
  width: var(--main-width);
  margin: auto;
}

header .info .address a,
header .info .phone a, header .main-menu li a {
  color: #000;
  text-decoration: none;
}

@font-face {
  font-family: "DIN Condensed";
  src: url("../fonts/DINCondensed/DINCondensed-Light.eot");
  src: local("DIN Condensed Light"), local("DINCondensed-Light"), url("../fonts/DINCondensed/DINCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DINCondensed/DINCondensed-Light.woff2") format("woff2"), url("../fonts/DINCondensed/DINCondensed-Light.woff") format("woff"), url("../fonts/DINCondensed/DINCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DIN Condensed";
  src: url("../fonts/DINCondensed/DINCondensed-Regular.eot");
  src: local("DIN Condensed"), local("DINCondensed-Regular"), url("../fonts/DINCondensed/DINCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINCondensed/DINCondensed-Regular.woff2") format("woff2"), url("../fonts/DINCondensed/DINCondensed-Regular.woff") format("woff"), url("../fonts/DINCondensed/DINCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN Condensed";
  src: local("DIN Pro Condensed Bold"), local("DIN-Pro-Condensed-Bold"), url("../fonts/DINCondensed/DINPro-CondensedBold.woff2") format("woff2"), url("../fonts/DINCondensed/DINPro-CondensedBold.woff") format("woff"), url("../fonts/DINCondensed/DINPro-CondensedBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Thin"), local("Inter-Thin"), url("../fonts/inter/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url("../fonts/inter/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Light"), local("Inter-Light"), url("../fonts/inter/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Regular"), local("Inter"), local("Inter-Regular"), url("../fonts/inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Medium"), local("Inter-Medium"), url("../fonts/inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("../fonts/inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Bold"), local("Inter-Bold"), url("../fonts/inter/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url("../fonts/inter/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Black"), local("Inter-Black"), url("../fonts/inter/Inter-Black.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
:root {
  --main-color: #002986;
  --main-acent: #EA2525;
  --main-l-grey: #ECECEC;
  --main-width: 1120px;
}
@media (max-width: 1120px) {
  :root {
    --main-width: 100vw;
  }
}

* {
  padding: 0;
  margin: 0;
}

ul, ol {
  list-style: none;
}

h2 {
  font: normal 700 52px/62px "DIN Condensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1120px) {
  h2 {
    font: normal 700 32px/38px "DIN Condensed", sans-serif;
  }
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

header {
  z-index: 10;
}

main {
  z-index: 1;
}

footer {
  z-index: 1;
}

.btn {
  font: normal 700 20px/24px "DIN Condensed", sans-serif;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 15px 30px;
  max-width: max-content;
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin: auto;
  border-radius: 0;
}
.btn.btn_red {
  background: var(--main-acent);
  border: 1px solid var(--main-acent);
}
.btn.btn_red:hover {
  background: var(--main-color);
  border: 1px solid var(--main-color);
}
.btn.btn_blue {
  background: var(--main-color);
  border: 1px solid var(--main-color);
}
.btn.btn_blue:hover {
  background: var(--main-acent);
  border: 1px solid var(--main-acent);
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 95px;
  gap: 30px;
}
header > * {
  flex: 1 1 auto;
}
@media (max-width: 1120px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #fff;
    width: calc(100vw - 40px);
    padding: 0 20px;
    transition: all 0.7s;
  }
}
header .burrger {
  display: none;
}
@media (max-width: 1120px) {
  header .burrger {
    display: block;
    max-width: 32px;
    cursor: pointer;
  }
}
header > .logo_svg {
  align-self: baseline;
  max-width: max-content;
}
@media (max-width: 1120px) {
  header > .logo_svg svg {
    height: 90px;
    width: 90px;
    box-shadow: 0 0 15px -5px #fff;
    transition: box-shadow 0.7s;
  }
}
header .main-menu {
  display: flex;
  justify-content: space-around;
}
header .main-menu li a {
  font: normal 700 18px/22px "DIN Condensed", sans-serif;
  text-transform: uppercase;
}
header .info {
  max-width: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .info .address a {
  font: normal 500 14px/17px "Inter", sans-serif;
}
header .info .phone a {
  font: normal 700 14px/17px "Inter", sans-serif;
}
header .cross_menu {
  display: none;
}
@media (max-width: 1120px) {
  header:not(.open_menu) .main-menu {
    display: none;
  }
}
@media (max-width: 1120px) {
  header:not(.open_menu) .info .address {
    display: none;
  }
}
@media (max-width: 1120px) {
  header:not(.open_menu) .info .phone a {
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
    color: transparent;
    margin-left: 8px;
  }
}
@media (max-width: 1120px) {
  header:not(.open_menu) .info .phone a:before {
    content: " ";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjQwMDE0IDAuNjI5MzQ1TDkuNzU2NDYgMy45ODU2NkMxMC45NTUxIDUuMTg0MzUgMTAuNDc1NiA3LjIyMjExIDguOTE3MzggNy43MDE1OUM3LjgzODUyIDguMDYxMTkgNy4yMzkxNyA5LjI1OTg4IDcuNDc4OTYgMTAuMzM4N0M4LjA3ODMgMTIuNzM2MSAxMS4xOTQ5IDE1Ljk3MjUgMTMuNzEyMSAxNi41NzE5QzE0Ljc5MSAxNi45MzE1IDE1Ljk4OTcgMTYuMjEyMyAxNi4zNDkyIDE1LjEzMzRDMTYuODI4NyAxMy41NzUxIDE4Ljg2NjUgMTMuMDk1NyAyMC4wNjUyIDE0LjI5NDRMMjMuNDIxNSAxNy42NTA3QzI0LjI2MDYgMTguNjA5NiAyNC4yNjA2IDIwLjA0OCAyMy40MjE1IDIwLjg4NzFMMjEuMTQ0IDIzLjE2NDZDMTguNzQ2NiAyNS40NDIxIDEyLjM5MzYgMjIuOTI0OSA2Ljc1OTc1IDE3LjI5MTFDMS4xMjU5MyAxMS42NTcyIC0xLjUxMTIzIDUuMzA0MjIgMC44ODYxODkgMi45MDY4NUwzLjE2MzY5IDAuNjI5MzQ1QzQuMTIyNjQgLTAuMjA5NzgyIDUuNTYxMDYgLTAuMjA5NzgyIDYuNDAwMTQgMC42MjkzNDVaIiBmaWxsPSIjRUEyNTI1Ii8+DQo8L3N2Zz4NCg==");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: flex;
    cursor: pointer;
  }
}
@media (max-width: 1120px) {
  header:not(.open_menu) .btn {
    display: none;
  }
}
@media (max-width: 1120px) {
  header.open_menu {
    z-index: 999;
    height: 100vh;
    background: var(--main-color);
    flex-direction: column;
  }
  header.open_menu .burrger {
    display: none;
  }
  header.open_menu .cross_menu {
    display: block;
    position: absolute;
    top: 22px;
    right: 21px;
  }
  header.open_menu .logo_svg {
    align-self: center;
    max-height: 90px;
    order: 1;
  }
  header.open_menu .logo_svg > svg {
    height: 90px;
    width: 90px;
    box-shadow: 0 0 15px -5px var(--main-color);
  }
  header.open_menu .logo_svg > svg *:nth-child(1), header.open_menu .logo_svg > svg *:nth-child(4) {
    fill: #fff;
  }
  header.open_menu .logo_svg > svg *:nth-child(2), header.open_menu .logo_svg > svg *:nth-child(3) {
    fill: var(--main-color);
  }
  header.open_menu .main-menu {
    flex-direction: column;
    text-align: center;
    order: 2;
  }
  header.open_menu .main-menu li a {
    font: normal 700 32px/38px "DIN Condensed", sans-serif;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
  }
  header.open_menu .btn {
    order: 3;
    max-height: 24px;
    max-width: 100%;
    width: calc(100vw - 100px);
    text-align: center;
  }
  header.open_menu .info {
    order: 4;
    text-align: center;
  }
  header.open_menu .info div a {
    color: #fff;
  }
  header.open_menu .info .address a {
    font: normal 400 14px/28px "Inter", sans-serif;
  }
  header.open_menu .info .phone a {
    font: normal 600 14px/28px "Inter", sans-serif;
  }
}

.banner_wrapper .banner {
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  align-items: center;
  padding: 170px 0 110px;
  gap: 20px;
}
@media (max-width: 1120px) {
  .banner_wrapper .banner {
    padding: 170px 0 75px;
  }
}
.banner_wrapper .banner .main_text,
.banner_wrapper .banner .sub_text {
  text-align: center;
  color: #fff;
}
.banner_wrapper .banner .main_text {
  font: normal 700 80px/86px "DIN Condensed", sans-serif;
}
@media (max-width: 1120px) {
  .banner_wrapper .banner .main_text {
    font: normal 700 45px/49px "DIN Condensed", sans-serif;
  }
}
.banner_wrapper .banner .sub_text {
  font: normal 400 20px/30px "Inter", sans-serif;
}
@media (max-width: 1120px) {
  .banner_wrapper .banner .sub_text {
    font: normal 700 16px/21px "DIN Condensed", sans-serif;
    width: calc(100vw - 20px);
  }
}
@media (max-width: 1120px) {
  .banner_wrapper .banner .btn {
    width: calc(100vw - 102px);
    max-width: calc(100vw - 102px);
    text-align: center;
  }
}

.tizers_wrapper {
  background: var(--main-color);
  padding: 100px 0 95px;
}
@media (max-width: 1120px) {
  .tizers_wrapper {
    padding: 75px 0 55px;
  }
}
.tizers_wrapper .title {
  color: #fff;
  padding: 0 0 65px;
}
@media (max-width: 1120px) {
  .tizers_wrapper .title {
    padding: 0 0 30px;
  }
}
.tizers_wrapper .tizers {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  background: #fff;
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers {
    width: calc(100vw - 40px);
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.tizers_wrapper .tizers .tizer {
  flex: 1 1 calc(50% - 60px);
  width: calc(50% - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #fff;
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers .tizer {
    flex: 1 1 100%;
    width: 100%;
    padding: 40px;
  }
}
.tizers_wrapper .tizers .tizer .visible .txt_combaine {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers .tizer .visible .txt_combaine {
    gap: 15px;
  }
}
.tizers_wrapper .tizers .tizer .visible .txt_combaine .svg_img {
  max-width: max-content;
}
.tizers_wrapper .tizers .tizer .visible .txt_combaine .sub_txt {
  font: normal 600 18px/23px "Inter", sans-serif;
  text-align: center;
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers .tizer .visible .txt_combaine .sub_txt {
    font: normal 600 14px/17px "Inter", sans-serif;
  }
}
.tizers_wrapper .tizers .tizer .invisible {
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  transition: height 0.7s;
  background: var(--main-color);
  padding: 0 30px;
  display: flex;
  align-items: center;
}
.tizers_wrapper .tizers .tizer .invisible .txt_only {
  color: #fff;
  text-align: center;
  font: normal 400 16px/22px "Inter", sans-serif;
  cursor: default;
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers .tizer .invisible .txt_only {
    font: normal 400 14px/20px "Inter", sans-serif;
  }
}
.tizers_wrapper .tizers .tizer:hover .invisible {
  height: 100%;
}
.tizers_wrapper .tizers .tizer:nth-child(1), .tizers_wrapper .tizers .tizer:nth-child(2) {
  border-bottom: 1px solid var(--main-l-grey);
}
.tizers_wrapper .tizers .tizer:nth-child(2), .tizers_wrapper .tizers .tizer:nth-child(4) {
  border-left: 1px solid var(--main-l-grey);
}
@media (max-width: 1120px) {
  .tizers_wrapper .tizers .tizer:nth-child(1), .tizers_wrapper .tizers .tizer:nth-child(2), .tizers_wrapper .tizers .tizer:nth-child(3) {
    border-bottom: 1px solid var(--main-l-grey);
  }
}

.services_wrapper {
  padding: 90px 0 105px;
}
@media (max-width: 1120px) {
  .services_wrapper {
    padding: 60px 0 70px;
  }
}
.services_wrapper .title {
  padding: 0 0 30px;
}
@media (max-width: 1120px) {
  .services_wrapper .services {
    gap: 15px;
    display: flex;
    flex-direction: column;
  }
}
.services_wrapper .services .service {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service {
    width: calc(100% - 40px);
    margin: auto;
    border: 1px solid var(--main-l-grey);
  }
}
.services_wrapper .services .service:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service:nth-child(2n) {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1120px) {
  .services_wrapper .services .service {
    flex-direction: column-reverse;
  }
}
.services_wrapper .services .service .left, .services_wrapper .services .service .right {
  flex: 1 1 50%;
  width: 50%;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service .left, .services_wrapper .services .service .right {
    flex: 1 1 100%;
    width: 100%;
  }
}
.services_wrapper .services .service .left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.services_wrapper .services .service .left .service_title {
  font: normal 700 36px/43px "DIN Condensed", sans-serif;
  margin-top: 80px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service .left .service_title {
    font: normal 700 26px/31px "DIN Condensed", sans-serif;
    margin-top: 30px;
  }
}
.services_wrapper .services .service .left .txt {
  font: normal 400 16px/22px "Inter", sans-serif;
  padding: 0 45px;
  color: #000;
  margin-top: 15px;
  text-align: center;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service .left .txt {
    font: normal 400 12px/17px "Inter", sans-serif;
  }
}
.services_wrapper .services .service .left a {
  margin: 30px auto 75px;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service .left a {
    margin: 35px 0 0;
    max-width: 100%;
    text-align: center;
  }
}
.services_wrapper .services .service .right {
  background-size: cover;
  background-position: center;
}
@media (max-width: 1120px) {
  .services_wrapper .services .service .right {
    min-height: 160px;
    width: 100%;
    margin: auto;
  }
}

.differences_wrapper {
  background: var(--main-color);
  padding: 95px 0 85px;
}
@media (max-width: 1120px) {
  .differences_wrapper {
    padding: 75px 0 60px;
    width: 100vw;
  }
}
.differences_wrapper .title {
  color: #fff;
  padding: 0 0 60px;
}
@media (max-width: 1120px) {
  .differences_wrapper .title {
    padding: 0 0 45px;
  }
}
.differences_wrapper .differences {
  background: #fff;
  padding: 15px 30px;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences {
    flex-wrap: nowrap;
    flex-direction: column;
    width: calc(100vw - 80px);
  }
}
.differences_wrapper .differences .head,
.differences_wrapper .differences .difference {
  flex: 1 1 calc(50% - 1px);
  width: calc(50% - 1px);
  padding: 40px 0;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .head,
.differences_wrapper .differences .difference {
    flex: 1 1 100%;
    width: 100%;
    flex-direction: column;
    text-align: center;
  }
  .differences_wrapper .differences .head:nth-child(2n),
.differences_wrapper .differences .difference:nth-child(2n) {
    order: 1;
  }
  .differences_wrapper .differences .head:not(:nth-child(2n)),
.differences_wrapper .differences .difference:not(:nth-child(2n)) {
    order: 2;
  }
  .differences_wrapper .differences .head:nth-child(1), .differences_wrapper .differences .head:nth-child(2),
.differences_wrapper .differences .difference:nth-child(1),
.differences_wrapper .differences .difference:nth-child(2) {
    border-bottom: 1px solid var(--main-l-grey);
    padding: 30px 0 20px;
  }
}
.differences_wrapper .differences .head {
  font: normal 600 24px/29px "Inter", sans-serif;
  text-align: center;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .head {
    font: normal 600 20px/24px "Inter", sans-serif;
  }
}
.differences_wrapper .differences .difference {
  font: normal 400 16px/22px "Inter", sans-serif;
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
  gap: 25px;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference {
    gap: 10px;
    padding: 20px 0;
    align-items: center;
  }
}
.differences_wrapper .differences .difference svg {
  flex: 1 1 28px;
  min-width: 28px;
}
.differences_wrapper .differences .difference .text {
  flex: 1 1 auto;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference .text {
    font: normal 400 12px/17px "Inter", sans-serif;
  }
}
.differences_wrapper .differences .difference:not(:nth-child(1)):not(:nth-child(2)) {
  border-top: 1px solid var(--main-l-grey);
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference:not(:nth-child(1)):not(:nth-child(2)) {
    border: none;
  }
}
.differences_wrapper .differences .difference:not(:nth-child(2)):nth-child(2n) {
  border-left: 1px solid var(--main-l-grey);
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference:not(:nth-child(2)):nth-child(2n) {
    border: none;
  }
}
.differences_wrapper .differences .difference:not(:nth-child(2)):nth-child(2n) svg {
  margin-left: 30px;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference:not(:nth-child(2)):nth-child(2n) svg {
    margin-left: 0;
  }
}
.differences_wrapper .differences .difference:not(:nth-child(1)):not(:nth-child(2n)) .text {
  padding-right: 30px;
}
@media (max-width: 1120px) {
  .differences_wrapper .differences .difference:not(:nth-child(1)):not(:nth-child(2n)) .text {
    padding-right: 0;
  }
}

.steps_wrapper {
  padding: 100px 0 30px;
}
@media (max-width: 1120px) {
  .steps_wrapper {
    padding: 60px 0 0;
  }
}
.steps_wrapper .title {
  padding: 0 0 80px;
}
@media (max-width: 1120px) {
  .steps_wrapper .title {
    padding: 0 0 30px;
  }
}
.steps_wrapper .steps {
  position: relative;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.steps_wrapper .steps .step_list {
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 40px;
  max-width: 67%;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps .step_list {
    order: 2;
    margin: -120px auto auto;
    padding-top: 160px;
    max-width: calc(100vw - 100px);
    width: calc(100vw - 100px);
  }
}
.steps_wrapper .steps .step_list ol {
  list-style-type: none;
  counter-reset: step;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-left: 1px solid var(--main-l-grey);
  margin-left: 20px;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps .step_list ol {
    border-left: none;
    margin-left: 0;
  }
}
.steps_wrapper .steps .step_list ol li {
  font: normal 700 24px/31px "DIN Condensed", sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-left: -20px;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps .step_list ol li {
    margin-left: 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 15px;
    font: normal 700 18px/23px "DIN Condensed", sans-serif;
  }
}
.steps_wrapper .steps .step_list ol li::before {
  content: counter(step);
  counter-increment: step;
  display: inline-flex;
  background: var(--main-color);
  color: #fff;
  font: normal 700 22px/22px "DIN Condensed", sans-serif;
  height: 40px;
  width: 40px;
  min-width: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 40px;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps .step_list ol li::before {
    margin-right: 0;
    height: 29px;
    width: 29px;
    min-width: 29px;
    font: normal 700 17px/17px "DIN Condensed", sans-serif;
  }
}
.steps_wrapper .steps img {
  position: absolute;
  top: -10%;
  right: 0;
}
@media (max-width: 1120px) {
  .steps_wrapper .steps img {
    position: unset;
    order: 1;
    margin: 0 20px;
    height: auto !important;
    display: block;
    max-width: calc(100% - 30px);
  }
}

.partners_wrapper {
  padding: 95px 0 125px;
}
@media (max-width: 1120px) {
  .partners_wrapper {
    padding: 60px 0;
  }
}
.partners_wrapper .title {
  padding: 0 0 65px;
}
@media (max-width: 1120px) {
  .partners_wrapper .title {
    padding: 0 0 25px;
  }
}
.partners_wrapper li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery_wrapper {
  background: var(--main-color);
  padding: 80px 0 465px;
}
@media (max-width: 1120px) {
  .gallery_wrapper {
    padding: 60px 0 385px;
  }
}
.gallery_wrapper .title {
  color: #fff;
  padding: 0 0 70px;
}
.gallery_wrapper .gallery li {
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gallery_wrapper .gallery li img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
}

.main_form_wrapper {
  padding: 70px 75px 40px;
  background: #FFFFFF;
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-top: -355px;
}
@media (max-width: 1120px) {
  .main_form_wrapper {
    width: calc(95vw - 40px);
    padding: 90px 20px 40px;
    margin-top: -255px;
  }
}
.main_form_wrapper .title {
  padding: 0 0 50px;
}
.main_form_wrapper .form_inner {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  gap: 40px 30px;
  flex-wrap: wrap;
}
.main_form_wrapper .form_inner select,
.main_form_wrapper .form_inner input {
  flex: 1 1 calc((100% / 3) - (30px * 2));
  width: calc((100% / 3) - (30px * 2));
  font: normal 400 16px/24px "Inter", sans-serif;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 1120px) {
  .main_form_wrapper .form_inner select,
.main_form_wrapper .form_inner input {
    flex: 1 1 100%;
    width: 100%;
  }
}
.main_form_wrapper .form_inner .txt_el_wrapp {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=MSG] {
  flex: 1 1 calc((2 * (100% / 3)) - (30px * 2));
  width: calc((2 * (100% / 3)) - (30px * 2));
}
@media (max-width: 1120px) {
  .main_form_wrapper .form_inner .txt_el_wrapp[data-code=MSG] {
    flex: 1 1 100%;
    width: 100%;
  }
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] {
  flex: 1 1 calc((100% / 3) - (30px * 2));
  width: calc((100% / 3) - (30px * 2));
}
@media (max-width: 1120px) {
  .main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] {
    flex: 1 1 100%;
    width: 100%;
  }
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] input ~ label::after {
  color: var(--main-acent);
  content: attr(data-text);
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] input.not_empty ~ label::after {
  color: var(--main-color);
  content: attr(data-upl);
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] input {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] label {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main_form_wrapper .form_inner .txt_el_wrapp[data-code=FILE] label:after {
  cursor: pointer;
  font: normal 400 14px/21px "Inter", sans-serif;
}
.main_form_wrapper .form_inner .txt_el_wrapp input {
  font: normal 400 16px/24px "Inter", sans-serif;
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
}
.main_form_wrapper .form_inner .txt_el_wrapp label {
  font: normal 400 16px/24px "Inter", sans-serif;
}
.main_form_wrapper .form_inner .txt_el_wrapp textarea {
  font: normal 400 16px/24px "Inter", sans-serif;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
}
.main_form_wrapper .form_inner .txt_el_wrapp textarea::placeholder {
  font: normal 400 14px/21px "Inter", sans-serif;
  color: #909090;
}
.main_form_wrapper .form_inner select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNS41IDlMMC43MzY4NjEgMC43NDk5OTlMMTAuMjYzMSAwLjc1TDUuNSA5WiIgZmlsbD0iI0VBMjUyNSIvPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat, repeat;
  background-position: right 20px top 50%, 0 0;
  background-size: 11px auto, 100%;
}
.main_form_wrapper .control_block {
  text-align: center;
}
.main_form_wrapper .control_block .btn {
  margin-top: 50px;
}
@media (max-width: 1120px) {
  .main_form_wrapper .control_block .btn {
    max-width: 100%;
    width: 100%;
  }
}
.main_form_wrapper .privice_policy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 25px;
}
@media (max-width: 1120px) {
  .main_form_wrapper .privice_policy {
    flex-direction: column;
  }
}
.main_form_wrapper .privice_policy > * {
  font: normal 400 14px/21px "Inter", sans-serif;
  color: #ABABAB;
}

::placeholder {
  color: #000;
}

.msg_text {
  text-align: center;
  font: normal 700 30px/32px "DIN Condensed", sans-serif;
}
.msg_text.success {
  color: var(--main-color);
}
.msg_text.error {
  color: var(--main-acent);
}

footer .contact {
  padding: 110px 0 0;
}
@media (max-width: 1120px) {
  footer .contact {
    padding: 60px 0 0;
  }
}
footer .contact .title {
  padding: 0 0 90px;
}
@media (max-width: 1120px) {
  footer .contact .title {
    padding: 0 0 40px;
  }
}
footer .contact .contact_inner {
  display: flex;
  align-items: center;
  justify-content: stretch;
}
@media (max-width: 1120px) {
  footer .contact .contact_inner {
    flex-direction: column;
    gap: 30px;
  }
}
footer .contact .contact_inner > * {
  flex: 1 1 calc(100% / 3);
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}
@media (max-width: 1120px) {
  footer .contact .contact_inner > * {
    flex: 1 1 100%;
    width: 100%;
  }
}
footer .contact .contact_inner > * > * {
  font: normal 600 18px/27px "Inter", sans-serif;
  text-decoration: none;
  color: #000;
}
@media (max-width: 1120px) {
  footer .contact .contact_inner > * > * {
    font: normal 600 16px/24px "Inter", sans-serif;
  }
}
footer .prebotom_line {
  margin-top: -20px;
  display: flex;
  justify-content: stretch;
  align-items: flex-end;
}
@media (max-width: 1120px) {
  footer .prebotom_line {
    flex-direction: column;
    gap: 20px;
  }
}
footer .prebotom_line > * {
  flex: 1 1 calc(100% /3);
  width: calc(100% /3);
  display: flex;
}
@media (max-width: 1120px) {
  footer .prebotom_line > * {
    flex: 1 1 100%;
    width: 100%;
  }
}
footer .prebotom_line > *.btm_adr {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 1120px) {
  footer .prebotom_line > *.btm_adr {
    order: 2;
    align-items: center;
  }
}
footer .prebotom_line > *.btm_adr > * {
  text-decoration: none;
  color: #000;
}
footer .prebotom_line > *.btm_adr > *:first-child {
  font: normal 400 16px/31px "Inter", sans-serif;
}
@media (max-width: 1120px) {
  footer .prebotom_line > *.btm_adr > *:first-child {
    font: normal 400 14px/27px "Inter", sans-serif;
  }
}
footer .prebotom_line > *.btm_adr > *:last-child {
  font: normal 600 16px/31px "Inter", sans-serif;
}
@media (max-width: 1120px) {
  footer .prebotom_line > *.btm_adr > *:last-child {
    font: normal 600 14px/27px "Inter", sans-serif;
  }
}
footer .prebotom_line > *.btm_log {
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 1120px) {
  footer .prebotom_line > *.btm_log {
    order: 1;
  }
}
footer .prebotom_line > *.btm_ord {
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 1120px) {
  footer .prebotom_line > *.btm_ord {
    order: 3;
  }
}
footer .prebotom_line > *.btm_ord > a {
  width: calc(100vw - 100px);
  max-width: calc(100vw - 100px);
  text-align: center;
}
footer .prebotom_line svg {
  z-index: 99999;
}
footer .botom_line {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #ECECEC;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1120px) {
  footer .botom_line {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding: 0;
    border-top: none;
  }
}
footer .botom_line > * {
  font: normal 400 14px/17px "Inter", sans-serif;
}
footer .botom_line > *:nth-child(1) {
  color: #565656;
}
@media (max-width: 1120px) {
  footer .botom_line > *:nth-child(1) {
    order: 2;
    margin-top: 23px;
  }
}
@media (max-width: 1120px) {
  footer .botom_line > *:nth-child(2) {
    order: 1;
    margin-top: 18px;
  }
}
footer .botom_line > *:nth-child(2) > * {
  color: #7E7E7E;
  font: normal 400 14px/17px "Inter", sans-serif;
}
footer .botom_line > *:nth-child(3) {
  color: #565656;
}
@media (max-width: 1120px) {
  footer .botom_line > *:nth-child(3) {
    order: 3;
    margin-top: 10px;
    padding-bottom: 25px;
  }
}

.map {
  margin-top: 30px;
}

ymaps[class*=-ground-pane], ymaps[class*=-copyrights-pane], ymaps[class*=-controls-pane] {
  filter: grayscale(100%);
}

/*# sourceMappingURL=main.css.map */