/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: Arial, sans-serif; background-color: #fff; height: 100%; line-height: 1; position: relative; font-size: 16px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family: Arial, sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #fff; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a, span, div, button { outline: none !important; }

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

* { box-sizing: border-box; }

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

.clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
* { box-sizing: border-box; }

/*@import "components/_bootstrap-grid.min";*/
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
* { box-sizing: border-box; }

.wrapper { min-width: 280px; max-width: 4000px; padding: 0; overflow: hidden; margin: 0 auto; position: relative; font-family: 'Montserrat',Arial, Helvetica,sans-serif; font-size: 16px; line-height: 160%; font-weight: 400; color: #727280; background: #fff; }

p { margin: 0 0 1.2em 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 160%; color: #727280; }

strong { color: #727280; font-weight: 700; }

a { font-weight: 400; font-size: 16px; line-height: 160%; color: #231F20; padding: 0; text-decoration: underline; transition: all 0.3s ease; }

a:hover { text-decoration: none; }

ul { /*    list-style: none;*/ margin-top: 0.5em; margin-bottom: 30px; padding: 0 0 0 30px; /*font-weight: 400; font-size: 16px; line-height: 160%; color: #727280;*/ }

ul li { margin: 10px 0; }

h2, .title_h2 { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 1em 0 1em 0; }
h3, .title_h3 { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 1em 0 1em 0; }
.index_site { background-repeat: no-repeat; background-image: url(../img/fon_ind.svg); background-position: right 0px; background-size: auto; padding: 0px 0 0px 0; }

.container { padding: 0 15px; margin-right: auto; margin-left: auto; }

.row-custom { margin-left: -15px; margin-right: -15px; }

.row-custom:after, .row-custom:before { content: ''; width: 100%; display: table; height: 0; clear: both; }

.column_100 { width: 100%; padding-right: 15px; padding-left: 15px; }

.toggle_block { display: none; position: absolute; left: 0; top: 13px; z-index: 100; }

.toggle { height: 60px; width: 80px; border-radius: 0 0 0 15px; padding: 15px 15px; }

.toggle span { width: 100%; height: 3px; background: #2E2E33; margin: 5px 0 5px 0; /*    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;*/ transition: transform 0.3s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; border-radius: 0px; }

.toggle span:nth-child(2) { background: linear-gradient(to right, #2e2e33 0%, #2e2e33 80%, white 80%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e33', endColorstr='#ffffff', GradientType=1 ); }

.toggle span:last-child { background: linear-gradient(to right, white 0%, white 20%, #2e2e33 20%, #2e2e33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2e2e33', GradientType=1 ); }

.on .toggle span:first-child { width: 100%; -ms-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); }

.on .toggle span:nth-child(2) { opacity: 0; }

.on .toggle span:last-child { width: 100%; -ms-transform: rotate(-45deg) translate(6px, -6px); transform: rotate(-45deg) translate(6px, -6px); }

.on .toggle span, .toggle:hover span { background: #2E2E33; }

.row { margin-right: -15px; margin-left: -15px; }

.row:after, .row:before { content: ''; display: block; width: 100%; clear: both; }

.container_h { padding-left: 15px; padding-right: 15px; }

.container { padding: 0 15px 0 15px; max-width: 1470px; margin: 0 auto; }

/*.container_f{
  padding: 0 15px 0 15px;
  margin: 0 auto;
  position: relative;
}*/
.column__100 { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }
.column-100 { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }
.column__50 { width: 50%; float: left; padding-right: 15px; padding-left: 15px; }

.column__67 { width: 67%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }

.column-67 { width: 67%; padding-right: 15px; padding-left: 15px; margin: 0; }

.column__67-t { width: 67%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }

.header__container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 100px; }

.header__block-l, .header__block-r, .menu_mob-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

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

.header__r-mob { display: none; }

.logo_top { position: relative; text-decoration: none; display: inline-block; max-width: 140px; }

.logo_top:hover { text-decoration: none; }

.logo_top img { width: auto; max-width: 100%; max-height: 100%; transition: opacity 0.1s linear; }

.logo_top .logo_el { opacity: 1; }

.logo_top .logo_el-hover { opacity: 0; position: absolute; top: 0; left: 0; }

.logo_top:hover .logo_el { opacity: 0; }

.logo_top:hover .logo_el-hover{ opacity: 1; }

.nav__list { list-style: none; margin: 0 0 0 80px; padding: 0; display: block; }

.nav__list > li { display: inline-block; vertical-align: middle; padding: 0px; margin: 0 0px; }

.nav__list > li > a { padding: 0px 10px 0px  10px; font-weight: 400; font-size: 16px; line-height: 160%; color: #727280; position: relative; display: inline-block; text-decoration: none; margin: 0px 0px 0px 0px; }

.nav__list > li > a:hover { text-decoration: none; }

.btn_black { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #2E2E33; text-decoration: none; color: #fff; padding: 0 20px; text-align: center; line-height: 50px; margin-left: 50px; }

.btn_black svg { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin-right: 10px; fill: #fff; }

.btn_black:hover { text-decoration: none; background: #727280; }

.adress-block { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0px; }

.adress__block-text { font-weight: 400; font-size: 16px; line-height: 160%; color: #727280; text-decoration: none; display: inline-block; }

a.adress__block-text:hover { opacity: 0.8; text-decoration: none; color: #727280; }

.adress-block svg { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin-right: 7px; fill: #fff; }

.title__top { color: #2E2E33; font-size: 64px; font-weight: 700; line-height: 120px; }

.title__text { color: #02B59B; font-size: 100px; font-weight: 700; line-height: 120px; min-height: 120px; overflow: hidden; }

.text_transform { display: inline; }

.color_bl { color: #2E2E33; }

.container_h, .row_h { height: 100%; }

.anim .anim_letter, .anim_n .anim_letter, .anim_letter { transition: all 0.6s ease-in; }

.anim_letter { /*  transition: all 0.3s linear;*/ display: block; -ms-transform: translate(0px, 150px); transform: translate(0px, 150px); }

.anim .anim_letter { -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }

.anim_n .anim_letter { -ms-transform: translate(0px, -150px); transform: translate(0px, -150px); }

.section_sticky-wrap { min-height: 100vh; overflow: hidden; position: relative; }

.title__main { font-weight: 700; font-size: 64px; line-height: 78px; color: #2E2E33; }

.title__main span { color: #02B59B; }

.mrt .title__main { margin-bottom: 50px; }

.title_bottom { font-weight: 600; font-size: 22px; line-height: 160%; color: #727280; margin: 10px 0 0 0; }

.title__main-size { font-size: 72px; }

.title-color { color: #fff; }

.title_bot-pos { margin: 70px 0 0 0; }

.title_bot-p { margin-bottom: 50px; }

.title_bot { font-style: normal; font-weight: 600; font-size: 22px; line-height: 160%; color: #B6B6BF; }

.title_bot span { color: #02B59B; }

.title_bot-col { color: #2E2E33; }

.title_bl { font-weight: 700; font-size: 44px; line-height: 54px; color: #2E2E33; margin: 0 0 20px 0; }

.work__elems { position: relative; left: 0; width: 100%; overflow: hidden; }

.work__elem-img-block { padding: 50px 50px 0 0px; width: 67%; }

.work__elem-body { position: relative; padding: 0 0px 0 0px; width: 33%; position: relative; z-index: 2; }

.work__elem-link { width: 78px; height: 84px; position: absolute; right: -85px; top: 20px; }

.work__elem-link svg { width: 78px; height: 84px; }

.work__elem-block { transition: none!important; text-decoration: none; display: block; position: relative; padding-left: 15px; padding-right: 15px; /* overflow: hidden;*/ z-index: 1; width: 100%; z-index: 1200; }

.work__elem-block .column__100 { position: relative; }

.work__elem-block .container, .work__elem-block .row, .work__elem-block .column__100 { height: 100%; }

.work__elem-block .column__100:after, .work__elem-block .column__100:before { content: ''; height: 100%; width: calc(100% - 30px); position: absolute; top: 0; display: block; border-top: 1px solid #2E2E33; /* border-bottom:  1px solid #2E2E33;*/ }

.work__elem-block:after:last-child, .work__elem-block:before:last-child { border-bottom: 1px solid #2E2E33; }

.work__elem { background-color: #EBEBF2; padding: 0px 0 0px 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 120% /* height: 120%;  min-height: 134px;*/ }

.work__elem-wrap { position: relative; }

.work__elem:after, .work__elem:before { content: ''; height: 110%; position: absolute; top: 0; display: block; background-color: #EBEBF2; border-top: 1px solid #2E2E33; /*  border-bottom:  1px solid #2E2E33;*/ }

.work__elem:after:last-child, .work__elem:before:last-child { border-bottom: 1px solid #2E2E33; }

.work__elem:before { width: 200%; right: 100%; border-left: 1px solid #2E2E33; }

.work__elem:after { width: 140px; left: 100%; /*  outline: 1px solid #2E2E33;*/ border-right: 1px solid #2E2E33; border-radius: 0 30px 0 0; }

.work__elem-img img { width: auto; max-width: 100%; }

.work__elem-title { text-decoration: none; font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 0 0 0px 0; min-height: 134px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; }

.work__elem-title span { display: block; }

.work__elem-text, .work__elem-text p { font-weight: 400; font-size: 20px; line-height: 160%; color: #727280; }

.work__elem-text p:last-child { margin: 0; }

.work__elem-text { margin: 20px 0 60px; text-decoration: none;  }

.work__elem-links { text-decoration: none;  font-weight: 400; font-size: 22px; line-height: 160%; color: #B6B6BF; }

.closed .work__elem-text { margin: 0; }
.work__elem-body_bottom, 
.work__elem-img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.closed .work__elem-img, .closed .work__elem-body_bottom { height: 0; opacity: 0; }

.section_techno { padding: 100px 0 150px 0; }

.tech_elems { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; }

.tech_elem {  width: 50%; margin: 65px  0 0 0; }

.tech_elem-title { font-weight: 600; font-size: 22px; line-height: 160%; color: #2E2E33; margin: 0 0 16px 0; }

.tech_elem-img { display: inline-block; vertical-align: middle; margin: 0 25px 0 0; }

.tech_elem-img img { width: auto; height: 70px; }

.section_road { padding-top: 50px; padding-bottom: 150px; }

.section_work-block { position: relative; background-color: #2E2E33; padding: 100px 0 100px 0; /*border-radius: 30px 0 0 30px;*/ background-repeat: no-repeat; background-image: url(../img/man.svg); background-size: auto; background-position: center 80%; }

.section_work-block:after, .section_work-block:before { content: ''; position: absolute; height: 100%; display: block; top: 0; background-color: #2E2E33; }

.section_work-block:before { width: 140px; right: 100%; border-radius: 30px 0 0 30px; }

.section_work-block:after { width: 200%; left: 100%; }

.section_work-block .bl__t75, .section_road-block .bl__t75 { position: relative; }

.slide_step { background: #2E2E33; border: 1px solid #727280; border-radius: 50px; padding: 30px 50px; min-height: 230px; }

.slide_st-r { border: 1px solid #B6B6BF; background-color: #fff; border-radius: 50px; padding: 30px 50px; min-height: 230px; text-align: left; height: 100%; }

.slide_step-title { font-weight: 400; font-size: 14px; line-height: 160%; color: #AAF2E8; margin: 0 0 10px 0; }

.slide_st-r .slide_step-title { color: #02B59B; }

.slide_step-text, .slide_step-text p { font-weight: 400; font-size: 20px; line-height: 160%; color: #FFFFFF; }

.slide_st-r .slide_step-text p { color: #727280; }

.slide_step-text p:last-child { margin: 0; }

.slider__container { position: relative; margin: 0px 0 0px 0; }

.swiper-position { margin-right: -30%; /*  margin-left: 17%;*/ width: 160%; }

.swiper-pos_r { margin-left: -20%; width: 120%; }

.swiper_nav-container { position: absolute; right: 0; z-index: 4; margin: 0 0  0px 0; }

.section_road-block .swiper_nav-container { top: 10px; }

.section_work-block .swiper_nav-container { bottom: 10px; }

.swiper-button-next.rd_btn, .swiper-button-prev.rd_btn, 
.swiper-button-next.sw_btn, 
.swiper-button-prev.sw_btn, 
.btn_elem .swiper-button-next, 
.btn_elem .swiper-button-prev 
{ width: 80px; height: 20px; padding: 0px 0px; text-align: center; position: relative; display: inline-block; vertical-align: middle; margin: 0 0px 0 0; top: 0; left: 0; right: 0; overflow: hidden; }

.swiper-button-next:after, .swiper-button-prev:after { display: none; }

.btn_elem svg, .sw_btn svg, .rd_btn svg { display: inline-block; max-height: 100%; /*  max-width: 100%;*/ width: 80px; height: 16px; position: relative; animation-duration: 3s; animation-direction: reverse; animation-iteration-count: infinite; transition: all 0.1s linear; }

.sw_btn svg { animation-name: widthAnim; }

.rd_btn svg { animation-name: widthAnimR; }

.btn_elem svg { animation-name: widthAnim; }
.swiper-slide
.slide_art img{
  max-width: 100%;
  width: 750px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #C2B8A9;
  border-radius: 20px;
}
.slide_art{
  height: 100%;
  max-width: 100%;
  padding-left: 50px;
}
.swiper-wrap_bs{
  margin: 40px -100px 0 22%;
}
@keyframes widthAnim { 0% { left: 0; }
  50% { left: 20px; }
  100% { left: 0; } }

@keyframes widthAnimR { 0% { right: 0; }
  50% { right: 20px; }
  100% { right: 0; } }

.swiper-work .swiper-slide { height: auto; padding: 0px; }

.slid_img-w { position: absolute; right: 0; bottom: -260px; width: 500px; height: 500px; text-align: right; }

.slid_img-r { position: absolute; left: -10px; top: -50px; width: 500px; height: 500px; }

.btn-road_wrap { margin: 70px 0 0 0; text-align: center; position: relative;
z-index: 2;}

.btn_road { background: #2E2E33; font-weight: 500; font-size: 22px; color: #2E2E33; display: inline-block; padding: 0 30px; height: 54px; line-height: 54px; text-align: center; letter-spacing: 0.1em; text-shadow: 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff; text-decoration: none; }
.btn_road:hover{
   text-decoration: none; background: #727280; text-shadow: none; 
}
.text_block p { font-weight: 400; font-size: 20px; line-height: 160%; color: #727280; margin: 0 0 16px 0; }

.text_block p:last-child { margin: 0; }

.text_m1 { margin: 70px 0 70px 0; }

.text_m2 { margin: 50px 0 50px 0; }

.team__container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; padding-right: 15px; padding-left: 15px; }

.team__elem { padding: 20px 40px 20px 0; display: inline-block; vertical-align: top; width: 33.33%; -ms-flex-order: 1; order: 1; }

.team__elem-img { display: inline-block; position: relative; overflow: hidden; }

.team__elem-img:hover img { filter: blur(4px); }

.team__elem-img img { width: 400px; height: 575px; max-width: 100%; -o-object-fit: cover; object-fit: cover; display: block; transition: all 0.1s linear; }

.mask { position: absolute; left: 0; /*top: 100%; */ top: 0; width: 100%; height: 100%; transition: top 0.1s linear; padding: 30px 30px; opacity: 0;  transition: all 0.2s linear;}

.mask_block { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.mask_text { color: #fff; font-size: 20px; }

.team__elem-img:hover .mask { /*top: 0; */ opacity: 1; }

.team__elem-body { margin: 15px 0 20px 0; }

.team__elem-name { font-weight: 600; font-size: 22px; line-height: 160%; color: #2E2E33; }

.team__elem-prof, .team__elem-soc a { font-weight: 400; font-size: 16px; line-height: 160%; color: #727280; text-decoration: none; }

.team__elem-soc span { font-weight: 700; }

.team__elem-pos { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-align: start; align-items: flex-start; -ms-flex-order: 0; order: 0; }

.team__elem-title { font-weight: 600; font-size: 36px; line-height: 120%; color: #2E2E33; margin: 0 0 50px 0; }

.team__elem-title-bl { font-weight: 600; font-size: 22px; line-height: 160%; color: #727280; }

.pos_rel { position: relative; }

.fon_team { position: absolute; right: 0; top: 0; }

.img5 { margin-right: -150px; }

.img6 { position: absolute; right: 60px; bottom: 6px; margin: 0; animation-duration: 3s; animation-direction: reverse; animation-name: rotateAnim; animation-iteration-count: infinite; -ms-transform-origin: bottom; transform-origin: bottom; }

.img6 img { position: relative; top: 6px; left: -35px; }

@keyframes rotateAnim { 0% { /* transform: skew(10deg, -10deg);*/
    transform: rotate(0deg); }
  50% { transform: rotate(20deg);
    /*    transform: skew(-10deg, 10deg);*/ }
  100% { /*   transform: skew(10deg, -10deg);*/
    transform: rotate(0deg); } }

.section_why { padding: 0 0 100px 0; }

.why_container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; margin-right: -15px; margin-left: -15px; }

.why_elem-wrap { padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; width: 33.33%; margin: 50px 0; }

.why_elem-img { height: 120px; width: auto; margin-bottom: 26px; }

.why_elem-img img { width: auto; max-width: 100%; max-height: 100%; display: block; margin: 0; }

.why_elem-title { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 0 0 20px 0; }

.why_elem-text, .why_elem-text p { font-weight: 400; font-size: 20px; line-height: 160%; color: #727280; }

.why_elem-text p:last-child { margin: 0; }

.footer__img { text-align: center; margin: 0 0 30px 0; }

.footer__img img { width: 100%; max-height: 100%; max-width: 100%; margin: 0 auto; }

.footer { width: 100%; padding: 40px 0 0 0; position: relative; overflow: hidden; background-color: #fff; }

.footer_container, .footer_el-l { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; }

.footer_el-l { width: 67%; }

.footer__block { width: 50%; }

.footer_el-r { width: 33%; text-align: right; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.footer__block .adress-block { margin: 0 0 15px 0; }

.footer__block .adress__block-text { font-size: 18px; }

.footer__social a { margin: 0px 25px 0 0; display: inline-block; vertical-align: top; text-decoration: none; }

.footer__social a:hover { text-decoration: none; opacity: 0.8; }

.footer__list { display: block; list-style: none; margin: 26px 0 0 0; padding: 0; }

.footer__list li { display: inline-block; vertical-align: top; margin: 0 0  0 60px; }

.footer__list li:first-child { margin-left: 0; }

.footer__list a { font-weight: 400; font-size: 18px; line-height: 160%; color: #727280; display: block; text-decoration: none; }

.footer__list a:hover { text-decoration: none; color: #727280; opacity: 0.8; }

.footer_bottom { padding: 20px 0 20px 0; }

.soc_bot { display: none; }

.copy { font-weight: 400; font-size: 14px; line-height: 160%; color: #727280; }

.toplink { bottom: 15px; position: fixed; right: 15px; z-index: 100; transition: all 0.3s ease; }

.toplink:hover { box-shadow: none; }

.sticky-block { display: block; transition: all 0.2s ease; }

.sticky-block.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: #fff; box-shadow: 0 0 35px 0 #fff; }

.column__form { width: 50%; padding-right: 15px; padding-left: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; height: 100%; }
.flag_images {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 1px;
}
.title__top-block{
  position: relative;
  z-index: 1;
}
.flag_i{
  position: absolute;
  opacity: 0.55;
}
.flag_i3{
  left: -100px;
  top: -100px;
}
.flag_i4{
  left: -350px;
  top: -350px;
}
.title_top_u{
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #2E2E33;
}
.title_top_u span{
  display: block;
}


.fl_anime .flag_i3 { animation: animationFL  15.0s  ease  3s infinite normal both; }
.fl_anime .flag_i4 { animation: animationFL  20.0s  ease  1s infinite  normal both; }

@keyframes animationFL {
  0% { opacity:0.55;  transform:  scale(1)  translate( 0, 0);}
  15% { transform: translate(5%,  -5%) scale(0.75) ;  opacity: 0.45; }
  50% { transform: translate(5%, 0px) scale(1.05); opacity: 0.3; }
  75% { transform: translate(0px, 5%) scale(0.8);  opacity: 0.4; } 
  100% { transform: translate(0px, 0%) scale(1); opacity: 0.55; } 
 }


.banner__top-block { position: relative; height: 600px; }
.banner__top-block {
  margin: 130px 0 50px 0;
}
.anim-container { width: 50%; height: 100%; }

.anime_block { position: absolute; left: 50%; top: 0; width: 50%; height: 100%; opacity: 0; }

.goanime.anime_block { opacity: 1; }

.anime_elem { position: absolute; }

.anime_pos11 { left: 50px; top: 50px; }

.anime_pos12 { left: -50px; top: 30%; }

.anime_pos13 { left: 0px; bottom: 110px; }

.anime_pos14 { left: 500px; bottom: 110px; }

.anime_pos15 { left: 580px; bottom: 30px; }

/*.anime_pos16{
    right: 0%;
    bottom: 30px;
}*/
.anime_pos21 { left: 270px; top: 50px; }

.anime_pos22 { left: 60px; top: 45%; }

.anime_pos23 { left: 450px; top: 100px; }

.anime_pos24 { left: 170px; bottom: 50px; }

.anime_pos25 { left: 400px; bottom: 160px; }

.anime_pos26 { left: 400px; bottom: -20px; }

.anime_pos31 { left: 0; top: 130px; }

.anime_pos32 { left: -150px; top: 15%; }

.anime_pos33 { left: 450px; top: 0px; }

.anime_pos34 { left: 600px; top: 180px; }

.anime_pos35 { left: 450px; bottom: 5px; }

.anime_pos41 { left: 50px; top: 50px; }

.anime_pos42 { left: -150px; top: 0; }

.anime_pos43 { left: 520px; top: 10px; }

.anime_pos44 { left: 150px; bottom: 100px; }

.anime_pos45 { left: 450px; bottom: 30px; }

.anime_pos46 { left: 240px; bottom: 60px; }

.anime_elem1 { -ms-transform: translate(0, 100%); transform: translate(0, 100%); }

.anime_elem2 { -ms-transform: translate(0, 100%); transform: translate(0, 100%); }

.anime_elem3 { -ms-transform: translate(0, 120%); transform: translate(0, 120%); }

.anime_elem4 { -ms-transform: translate(0, 120%); transform: translate(0, 120%); }

.anime_elem5 { -ms-transform: translate(0, 80%); transform: translate(0, 80%); }

.anime_elem6 { -ms-transform: translate(0, 120%); transform: translate(0, 120%); }

.goanime .anime_elem1 { animation: animationF2  5.0s  ease  0.3s 1 normal both; }

.goanime .anime_elem2 { animation: animationF2  5.3s  ease  0.3s 1 normal both; }

.goanime .anime_elem3 { animation: animationF2  4.8s  ease  0.6s 1 normal both; }

.goanime .anime_elem4 { animation: animationF2  5.2s  ease  0.1s 1 normal both; }

.goanime .anime_elem5 { animation: animationF2  5.4s  ease  0.2s 1 normal both; }

.goanime .anime_elem6 { animation: animationF2  5.0s  ease  0.2s 1 normal both; }

/* .goanime .anime_elem1 { animation: animationF2  2.0s  ease  0.3s 1 normal both; }

.goanime .anime_elem2 { animation: animationF2  2.3s  ease  0.3s 1 normal both; }

.goanime .anime_elem3 { animation: animationF2  1.8s  ease  0.6s 1 normal both; }

.goanime .anime_elem4 { animation: animationF2  2.2s  ease  0.1s 1 normal both; }

.goanime .anime_elem5 { animation: animationF2  2.4s  ease  0.2s 1 normal both; }

.goanime .anime_elem6 { animation: animationF2  2.0s  ease  0.2s 1 normal both; } */


@keyframes animationF2 { 0% { opacity: 0; }
  15% { transform: translate(0%, 0px);
    opacity: 1; }
  90% { transform: translate(0%, 0px);
    opacity: 1; }
  100% { transform: translate(0px, -300%);
    opacity: 0; } }

.modal { display: none; }

.tingle-modal .modal { display: block; }

.custom_popup .tingle-modal-box__content { padding: 0; }

.custom_popup .tingle-modal-box { width: 580px; max-width: 100%; }

.modal_block { width: 100%; max-width: 100%; padding: 50px 50px 40px 50px; border-radius: 30px; background-color: #fff; background-image: url(../img/fon_form.svg); background-size: auto; background-repeat: no-repeat; background-position: left 0; }

.form__title { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; text-align: center; margin: 0 0 20px 0; }

.form__text p, .form__text { font-weight: 400; font-size: 16px; line-height: 160%; text-align: center; color: #727280; }

.form__text p:last-child { margin: 0; }

.form__item { margin: 40px 0 0 0; }

.form__block { position: relative; margin: 0 0 25px 0; border-radius: 0; border: none; border-bottom: 2px solid #B6B6BF; max-width: 100%; background: transparent; width: 100%; }

.input, .textarea { width: 100%; background: transparent; border-radius: 0; border: none; font-size: 16px; color: #B6B6BF; z-index: 2; position: relative; margin: 0 auto; padding: 0 10px 0 10px; line-height: 48px; height: 50px; font-family: 'Montserrat',Arial, Helvetica,sans-serif; }

.textarea { height: 70px; line-height: 24px; margin: 20px 0 0 0; }

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

/* .focused .input { padding-top: 10px; }

.focused .textarea { padding-top: 0px; } */

.focused  .label_placeholder, .focused  .label_placeholder { z-index: 2; color: #2E2E33; font-size: 14px; -ms-transform: translate(0px, -15px); transform: translate(0px, -15px); }

.label_placeholder { position: absolute; top: 7px; left: 10px; /*  margin-top: -8px;*/ z-index: 0; font-weight: 400; font-size: 16px; line-height: 160%; color: #B6B6BF; transition: all 0.3s ease; }

.form__top-submit { text-align: center; margin: 40px auto 0 auto; }

.send__btn { background-color: transparent; margin: 0; font-weight: 700; font-size: 44px; color: #2E2E33; display: block; border: none; width: 100%; z-index: 5; }

.send__btn:focus { outline: none; }

.send__btn:hover { color: #02B59B; }

.checkbox-elem { margin: 20px 0 0 0; }

.checkbox-label, .checkbox-label a { display: block; overflow: hidden; margin: 0; font-weight: 400; font-size: 14px; line-height: 160%; color: #727280; }

/* .checkbox-label a { text-decoration: underline; }

.checkbox-label a:hover { text-decoration: none; } */

/* .checkbox-elem input[type='checkbox'] { position: absolute; opacity: 0; width: 20px; height: 20px; z-index: 2; cursor: pointer; }

.checkbox-elem input[type='checkbox'] + .check_el { position: relative; width: 18px; height: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer; display: block; margin-right: 10px; float: left; margin-top: 2px; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); background: transparent; border: 1px solid #B6B6BF; border-radius: 0px; }

.checkbox-elem input[type='checkbox']:checked + .check_el { background: #727280; border: 1px solid #727280; }

.checkbox-elem input[type='checkbox']:checked + .check_el::before { opacity: 1; }

.checkbox-elem input[type='checkbox'] + .check_el::before { position: absolute; content: ""; display: block; top: -1px; left: 5px; width: 6px; height: 13px; border-style: solid; border-color: #fff; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
 */



.form__item
.checkbox__elem { 
	margin: 0px 0 0 0;
	float: left;
}
.form__item
.checkbox__elem p{
	display: none;
}
.form__item
.checkbox__elem {
	margin: 0px 0 0 0;
}
.form__item
.checkbox__elem input[type='checkbox'] { position: absolute; opacity: 0; }
.form__item
.checkbox__elem input[type='checkbox'] + .wpcf7-list-item-label {position: relative; padding: 0px;}
.form__item
.checkbox__elem input[type='checkbox'] + .wpcf7-list-item-label:after {
  content: '';  
  /* position: absolute;
  left: 0;
  top: 0; */
  width: 18px; height: 18px; 
  -webkit-appearance: none; -moz-appearance: none; 
  appearance: none; outline: 0; cursor: pointer; 
  display: block; margin-right: 5px; float: left;
   margin-top: 4px; 
   transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); background: transparent; border: 1px solid #B6B6BF; 
  border-radius: 0px;  }

.form__item
.checkbox__elem input[type='checkbox']:checked + .wpcf7-list-item-label:after { background: #727280; border: 1px solid #727280; }
.form__item
.checkbox__elem input[type='checkbox']:checked + .wpcf7-list-item-label:before { opacity: 1; z-index: 2; }
.form__item
.checkbox__elem input[type='checkbox'] + .wpcf7-list-item-label:before { position: absolute; content: ""; display: block; top: 2px; left: 6px; width: 6px; height: 13px; border-style: solid; border-color: #fff; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }

.form__item
.checkbox__elem
.wpcf7-list-item {
    display: block;
    margin: 0 0 0 0;
}
.form__item
.wpcf7-list-item-label{
	display: block;
}
.form__item
.wpcf7-not-valid-tip {
  position: absolute;
  color: #dc3232;
  font-size: 12px;
  font-weight: normal;
  display: block;
  top: 41px;
  left: 0;
}









.page_site { background-repeat: no-repeat; background-image: url(../img/fon_page.svg); background-position: left top; background-size: auto; }

.section_page { padding: 80px 0 0 0; }

.adress_bl { margin: 50px 0 100px 0; }

.adress_bl .adress-block { margin-bottom: 15px; }

.breadcrumbs_container { margin-bottom: 30px; margin-top: 0px; }

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

.bredcrumb a, .bredcrumb span { font-weight: 400; font-size: 14px; line-height: 160%; color: #B6B6BF; text-decoration: none; margin: 0; display: inline-block; vertical-align: middle; }

.bredcrumb a:after { content: ''; width: 8px; height: 14px; display: inline-block; vertical-align: middle; background-image: url(../img/arrow_back.svg); background-position: left center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s linear; margin: 0 6px 0 10px; }

.section_project-top { margin: 100px 0 0px 0; }

.title_page { font-weight: 700; font-size: 64px; line-height: 78px; color: #2E2E33; margin: 0px 0 70px 0; }
.title_page span{
  font-weight: 400;
  display: block;
}
.project_top-images { text-align: center; }

.project_top-images img { display: inline-block; -o-object-fit: cover; object-fit: cover; width: auto; max-width: 100%; }

.project_item-title { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 0px 0 60px 0; }
.project_elem-center { margin: 100px 0 100px 0;}
.project_elem-bottom { margin: 100px 0 100px 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; }
.project_origimal{
  margin: 0em 0 20px 0;
  font-size: 20px;
  line-height: 24px;
  color: #2E2E33;
  font-weight: 700;
  text-decoration: underline;
}
.project_origimal:hover{
  text-decoration: none;
}
.project_btn { width: 150px; height: 150px; border-radius: 50%; text-align: left; position: relative; padding: 40px 18px 40px 25px; letter-spacing: 0.1em; font-weight: 500; font-size: 22px; text-shadow: 1px 0px 1px #ffffff, 
 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 
 0px -1px 1px #ffffff; background: #2E2E33; text-decoration: none; display: inline-block; }

.project_btn span { display: block; }

.project_btn svg { position: absolute; right: 30px; top: 30px; }

.project_btn:hover { text-decoration: none; background: #727280; text-shadow: none; }

.slid_person, .project_person { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: stretch; align-items: stretch; }

.project_person-img { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ }

.slid_person-img img, .project_person-img img {border-radius: 50%; display: inline-block; -o-object-fit: cover; object-fit: cover; width: 120px; height: 120px; margin-right: 30px; /*  max-width: 100%;*/ }

.project_person-title { font-weight: 600; font-size: 22px; line-height: 100%; color: #727280; margin: 0 0 24px 0; }

.slid_person-title { font-weight: 600; font-size: 22px; line-height: 100%; color: #727280; margin: 0 0 16px 0; }

.slide_person-text { margin: 30px 0 0 0; }

.slid_person-text .adress-block, .project_person-text .adress-block { margin: 0 0 14px 0; }

.section_review { padding: 100px 0 0 0; }

.swiper-review .slide_st-r { padding: 50px 50px; min-height: 430px; }

.slide_person-title { font-weight: 700; font-size: 28px; line-height: 34px; color: #2E2E33; margin: 0 0 20px 0; }

.slide_person-text p, .slide_person-text { font-weight: 400; font-size: 20px; line-height: 160%; color: #727280; }

.slide_person-text p:last-child { margin: 0; }

.project_content-black { background: #2E2E33; color: #fff; padding: 70px 0 5px 0; margin: 0 0 0px 0; }

.column_l { margin: 0; }

.project_content-black p, .project_content-black span, .project_content-black .title_h2 , .project_content-black .title_h3 { color: #fff; }
.project_content h2, .project_content .title_h2 { margin: 0em 0 30px 0; }
.project_content h3, .project_content .title_h3 { margin: 0em 0 20px 0; }
/* .project_content img { 
  width: auto; 
  max-width: 100%; 
  display: block; } */

.proj_img { margin: 0 0 50px 0; }

.text__block { margin: 0 0 50px; }

.project_content p { font-weight: 400; font-size: 20px; line-height: 160%; color: #B6B6BF;}

.text__block p:last-child { margin: 0; }

.project_content-white { padding: 0px 0 0px 0; margin: 0 0 50px 0; }

/* .project_content h2, .project_content .title_h2 { margin: 0em 0 50px 0; } */

.contact_link-elem { text-align: center; margin: 100px auto 0px auto; }

.send__btn-elem { display: inline-block; position: relative; text-decoration: none; font-weight: 700; font-size: 64px; line-height: 78px; text-align: center; color: #2E2E33; }

.send__btn-elem:hover { color: #02B59B; text-decoration: none; }

.swiper-wrap_rev { padding-left: 26%; padding-right: 30px; }

.swiper-pos_rev { position: relative; padding: 0 0 40px 0; }

.swiper-wrapper .swiper-slide { height: auto; }

.swiper-wrap_rev .swiper-slide { transition: opacity 0.3s 0s ease; }

.slider__rev--container { padding: 70px 0 150px 0; }

.nav_rev { position: relative; }

.nav_rev .swiper_nav-container { left: 0; }

.swiper-pos_rev .swiper-horizontal > .swiper-scrollbar, .swiper-pos_rev .swiper-scrollbar.swiper-scrollbar-horizontal { height: 10px; }

.swiper-pos_rev .swiper-scrollbar-drag { background: #EBEBF2; border-radius: 5px; }

.swiper-pos_rev .swiper-scrollbar { border: 1px solid #EBEBF2; background-color: transparent; }

.slid_img-rotate { position: absolute; left: 245px; top: 180px; width: 434px; height: 375px; }

.slid_img-rotate span { display: inline-block; position: absolute; /*  left: 50%; top: 50%; margin-top: -185px; margin-top: -215px;*/ -ms-transform-origin: center; transform-origin: center; }

.rotate_img span { /*   display: inline-block; */ animation-duration: 1s; animation-direction: normal; animation-iteration-count: 1; transition: all 0.1s linear; animation-name: animaRotate; }
.bacground_color1{
  padding: 100px 0 150px 0;
  background: rgba(235,235,242,1);
  background: -moz-linear-gradient(top, rgba(235,235,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,242,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(235,235,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(235,235,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(235,235,242,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(235,235,242,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebf2', endColorstr='#ffffff', GradientType=0 );
}
.row_fl{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.img__fl-block{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.fl_img{
  margin: 0 5px 10px 5px;
  max-width: 18%;
}
.fl_img img{
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.simple_img  img{
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto  30px auto;
  box-shadow:  0px 20px 30px rgba(114, 114, 128, 0.2);
  border-radius: 20px;
}
.simple_img p{
  display: none;
}
.video_elem .wp-video,
.video_elem .wp-video-shortcod{
  width: 100%!important;
  height: auto!important;
}
.column_video{
  text-align: right;
}
.video_el{
  width: 446px;
  height: 936px;
  padding: 15px;
  border-radius: 30px;
  background-color: #727280;
  display: inline-block;
}
.title_pad{
  padding-top: 50px;
}
.video_el.wp-video.wp-video,
.video_el .wp-video-shortcod{
  width: 100%!important;
  height: auto!important;
}
.project_content-padd{
  padding: 100px 0 140px 0;
}
.project_c-padd{
  padding: 100px 0 50px 0;
  margin: 0;
}
.project_content-grey{
  padding: 70px 0 20px 0;
  background: #EBEBF2;
}
.bacground_tur1{
  background-repeat: no-repeat;
  background-image: url(../img/b_fon.jpg);
  background-position: 100% center;
  background-size: auto;
  padding: 120px 0 35% 0;
  margin: 100px 0 150px 0;
}
.bacground_tur1 .column__50{
  float: right;
  text-align: right;
}
.bacground_tur1 .column__50
.title_h2 span{
  display: block;
}
.pos-realt_img{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -25px  0px -25px;
  padding-bottom: 100px;
}
.realt_img {
  padding-left: 25px;
  padding-right: 25px;
}
.pos-realt_img img{
  border: 10px solid #727280;
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.5));
  border-radius: 30px;
  margin: 0 auto 0px auto;
  max-width:  100%;
  max-height: 100%;
}
.sch_img  img{
  border: 1px solid #F0E4E1;
  filter: drop-shadow(0px 20px 30px rgba(114, 114, 128, 0.2));
  border-radius: 20px;
}
.realt_img-wrapper{
  margin-right: -150px;
  margin-left: -150px;
}
.realt_img-wrapper .column__50{
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 40px;
}
.img_rel{
  position: relative;
}
.img_abs{
  position: absolute;
  z-index: 2;
} 
.realt_img-wrapper 
.simple_img img,
.img_abs img{
  border: 10px solid #EBEBF2;
  filter: drop-shadow(0px 20px 30px rgba(114, 114, 128, 0.2));
  border-radius: 30px;
}
.img_abs img {
  width: inherit;
  max-width: inherit;
  max-height: inherit;
}
.img_abs1{
  left: 80%;
  top: 36%;
}
.img_abs2{
  left: 80%;
  top: 36%;
}
.title-article_color{
  font-weight: 700;
  font-size: 64px;
  line-height: 78px;
  margin: 0 0 70px 0;
  color: #727280;
}
.title-article_color span{
  font-weight: 400;
  color: #727280;
}
.pos-hook_img{
  text-align: center;
  padding: 0 15px;
}
.pos-hook_img img{
  width: auto;
  max-width: 100%;
}
.hbz_img1{
  padding: 100px 0 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/fon_hbz1.svg);
  background-position: right top;
  background-size: auto;
}
.hbz_img2{
  background-repeat: no-repeat;
  background-image: url(../img/fon_hbz2.svg);
  background-position:left 70%;
  background-size: auto;
  margin: -200px 0 0 0;
}
.hbz_img{
  text-align: center;
}
.hbz_img img{
  display: inline-block;
  max-width: 100%;
}
.pos-hook_img{
  text-align: center;
}
.pos-hook_img img{
  width: auto;
  max-width: 100%;
  display: inline-block;
}
.wr-b_h2{
  margin: 0 0 80px 0;
}
.b_h2 {
  font-size: 64px;
  line-height: 120%;
  margin: 0;
}
.b_h2 div{
  font-weight: 400;
}
.text_title{
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #727280;
  width: 650px;
  max-width: 100%;
}
.hh-center_img{
  text-align: center;
}
.hh-center_img img{
  width: auto;
  max-width: 100%;
  display: inline-block;
}
.pr_hh1{
  background-repeat: no-repeat;
  background-image: url(../img/hh1-f.svg);
  background-position: right 0%;
  background-size: contain;
}
.pr_hh2{
  background-repeat: no-repeat;
  background-image: url(../img/hh2-f.svg);
  background-position:left 0%;
  background-size: auto;
}
.pr_hh4{
  background-repeat: no-repeat;
  background-image: url(../img/hh4-f.svg);
  background-position: center 0%;
  background-size: contain;
}
.pr_hh5{
  background-repeat: no-repeat;
  background-image: url(../img/hh5-f.svg);
  background-position: center 0%;
  background-size: contain;
}
.pr_hh6{
  background-repeat: no-repeat, no-repeat;
  background-image: url(../img/hh6-f1.svg),  url(../img/hh6-f2.svg);
  background-position: center 10%, left bottom;
  background-size: contain,  contain;
}
.pr_hh3{
  position: relative;
}
.pr_hh3 .column__50{
  min-height: 80vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.hh-right_img{
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  display: block;
  height: 100%;
  text-align: right;
}
.hh-right_img img{
  display: inline-block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.hh-c-sm_img{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: -100px;
  margin-right: -100px;
}
.sm_img{
  padding-left: 30px;
  padding-right: 30px;
}
.hh-c-sm_img img{
  box-shadow: 0px 20px 30px rgba(114, 114, 128, 0.2);
  border-radius: 40px;
}
.hh-mock_img{
  text-align: center;
}
.hh-mock_img img{
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.hh-c-bm_img{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: -25px;
  margin-right: -25px;
}
.bm_img{
  width: 50%;
  text-align: center;
  margin-bottom: 25px;
}
.hh-c-bm_img img{
  width: auto;
  display: inline-block;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0px 20px 30px rgba(114, 114, 128, 0.2);
}
.pr_hh6.wr-b_h2 {
  margin: 0 0 30px 0;
}
@keyframes animaRotate { 0% { transform: rotate(0); }
  100% { transform: rotate(-360deg); } }

.vertical-section { height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

main { overflow-x: hidden; display: -ms-flexbox; display: flex; position: -webkit-sticky; position: sticky; top: 0; }

h1 { margin: 0; padding: 0; }

section { min-width: 50vw; min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 4ch; }

section:nth-child(even) { background-color: teal; color: white; }
  /* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
    filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    margin: 0;
    padding: 7px;
    width: auto;
    min-width: 100px;
    background: #FFFFFF;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #2E2E33;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 95%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #fff;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.tech_elem-t{
    display: none;
}
.tech_icon{
  display: none;
}
/*
@media (min-width: 1650px){}

@media screen and (max-width: 1650px) and (min-width: 1441px){}
*/
@media (max-width: 1800px) { .work__elem-link { width: 78px; height: 84px; position: absolute; right: 0px; top: 20px; }
  .work__elem-body { padding: 0 100px 0 0px; width: 50%; }
  .work__elem:after { width: 55px; }
  .work__elem-img-block { padding: 50px 50px 0 0px; width: 50%; } }

/* @media screen and (max-width: 1650px) { .logo_top img { width: 120px; }
  .header__container { padding: 25px 0 25px 60px; min-height: inherit; background-color: #fff; }
  .toggle_block { display: inline-block; vertical-align: middle; margin: 0px 0 0 0; z-index: 101; }
  .on.wrapper { overflow: hidden; }
  .on .shadow { position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
  .on .logo__block { position: relative; padding: 29px 0 25px 75px; }
  .shadow { display: block; }
  .on .menu_mob-container { position: fixed; height: 100vh; width: 70%; background: #fff; display: block; top: 0; left: 0%; max-width: 70%; z-index: 100; overflow-y: auto; padding: 0px; transition: all 0.3s 0s ease; }
  .menu_mob_bottom { position: absolute; top: 0; left: -150%; }
  .on .menu_mob_bottom { position: relative; left: 0; }
  .nav__list-position { -ms-flex-order: 0; order: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 80px 30px 50px 30px; min-height: 100%; }
  .nav__list { margin: 0; text-align: left; }
  .nav__list-position li { display: block; margin: 25px 0 25px 0; }
  .nav__list-position li a { padding: 0; }
  .title__text { font-size: 85px; margin-top: -30px;}
  .work__elem:after { width: 20px; }
  .realt_img-wrapper {
      margin-right: -15px;
      margin-left: -15px;
  }
  .realt_img-wrapper .column__50 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
  }
 }

@media screen and (max-width: 1400px) { .row-flex { display: block; height: inherit; }
  .container_h, .row_h { height: inherit; }
  .banner__top-block { margin: 80px 0 0 0; height: inherit; }
  .column__form { width: 100%; height: inherit; }
  .anim_elem-block { margin: 0 0 -60px auto; width: 900px; text-align: right; }
  .anime_block { position: relative; left: inherit; top: inherit; width: 100%; margin: 0; height: inherit; min-height: 600px; display: inline-block; }
  .tech_elem { padding-left: 0; } } */

  @media screen  and (min-width: 1200px) and (max-width: 1600px)  { 
    .nav__list > li > a {
      padding: 0px 5px 0px 5px;
      font-size: 15px;
    }
    .nav__list {
      margin: 0 0 0 40px;
    }
    .logo_top {
      max-width: 110px;
    }
    .btn_black {
      padding: 0 5px;
      margin-left: 15px;
      font-size: 14px;
    }
    .title__text {
      font-size: 70px;
      margin-top: -40px;
    }
    /* .title__text {
      font-size: 70px;
      margin-top: -10px;
    } */
    .anime_block {
      left: 40%;
    }
    .title__top {
      font-size: 56px;
    }
    .banner__top-block {
      margin: 50px 0 24px 0;
    }
    .tech_elem-img {
      margin: 0 16px 0 0;
    }
    .title__main {
      font-size: 50px;
      line-height: 60px;
    }
    .work__elem-body {
      padding: 0 70px 0 0px;
      width: 80%;
    }
    .work__elem-text {
      margin: 0px 0 20px;
    }
    .work__elem-text, .work__elem-text p {
      font-size: 16px;
    }
    .work__elem-links {
      font-size: 18px;
    }
    .why_elem-text, .why_elem-text p {
      font-size: 16px;
    }
    .slide_step-text, .slide_step-text p {
      font-size: 18px;
    }
    .slid_img-rotate {
      left: 70px;
      top: 248px;
    }
    .slide_person-text p, .slide_person-text {
      font-size: 18px;
    }
  }
  @media screen and (max-width: 1200px) { 
  .logo_top img { width: 120px; }
  .header__container { padding: 25px 0 25px 80px; min-height: inherit; background-color: #fff; }
  .toggle_block { display: inline-block; vertical-align: middle; margin: 0px 0 0 0; z-index: 101; }
  .on.wrapper { overflow: hidden; /*  height: 100vh;*/ }
  .on .shadow { position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
  .on .logo__block { position: relative; padding: 29px 0 25px 95px; }
  .shadow { display: block; }
  .on .menu_mob-container { position: fixed; height: 100vh; width: 70%; background: #fff; display: block; top: 0; left: 0%; max-width: 70%; z-index: 100; overflow-y: auto; padding: 0px; transition: all 0.3s 0s ease; }
  .menu_mob_bottom { position: absolute; top: 0; left: -150%; }
  .on .menu_mob_bottom { position: relative; left: 0; }
  .nav__list-position { -ms-flex-order: 0; order: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 80px 30px 50px 30px; min-height: 100%; }
  .nav__list { margin: 0; text-align: left; }
  .nav__list-position li { display: block; margin: 25px 0 25px 0; }
  .nav__list-position li a { padding: 0; }
  .title__text { font-size: 85px; margin-top: -30px;}
  .work__elem:after { width: 20px; }
  .realt_img-wrapper {
      margin-right: -15px;
      margin-left: -15px;
  }
  .realt_img-wrapper .column__50 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
  }
 }

@media screen and (max-width: 1200px) { .row-flex { display: block; height: inherit; }
  .container_h, .row_h { height: inherit; }
  .banner__top-block { margin: 80px 0 0 0; height: inherit; }
  .column__form { width: 100%; height: inherit; }
  .anim_elem-block { margin: 0 0 -60px auto; width: 900px; text-align: right; }
  .anime_block { position: relative; left: inherit; top: inherit; width: 100%; margin: 0; height: inherit; min-height: 600px; display: inline-block; }
  .tech_elem { padding-left: 0; } }
@media screen and (max-width: 1024px) { .container { padding: 0; }
  .row { margin: 0; }
  .column__100 { padding: 0; }
  .column__67 { padding-right: 30px; padding-left: 30px; width: 100%; }
  .column__67-t { width: 75%; }
  .why_container, .footer_container, .footer_bottom { padding-right: 30px; padding-left: 30px; }
  .footer__block { width: 100%; }
  .footer_el-l { width: 50%; }
  .footer_el-r { width: 50%; text-align: right; display: block; }
  .footer__list { margin: 0px 0 20px 0; }
  .copy { width: 48%; display: inline-block; vertical-align: middle; }
  .soc_top { display: none; }
  .soc_bot { display: inline-block; width: 48%; text-align: right; vertical-align: middle; }
  .footer__block .adress__block-text { font-size: 14px; }
  .footer_el-r { text-align: left; }
  .footer__list li { display: block; margin: 0 0 15px  0px; }
  .why_container { margin: 70px 0 0px 0; }
  .why_elem-wrap { width: 100%; margin: 0 0 50px 0; padding: 0; }
  .why_elem { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; }
  .why_elem-img { height: inherit; margin-bottom: inherit; padding-right: 30px; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .why_elem-img img { height: 132px; width: 132px; }
  .why_elem-title { font-size: 22px; line-height: 27px; }
  .text_m1 { margin: 50px 0 70px 0; }
  .text_m2 { margin: 20px 0 50px 0; }
  .bl__t75 { width: 75%; margin: 0 auto; }
  .title__main { font-size: 42px; line-height: 51px; }
  .title_bottom { margin: 0; }
  .team__container { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; position: relative; z-index: 2; }
  .team__elem-img img { width: 288px; height: 415px; }
  .team__container:nth-child(2) { margin-left: 12.5%; }
  .team__container:nth-child(2) .team__elem:nth-child(1) { padding-left: 0; }
  .team__container:nth-child(2) .team__elem:nth-child(2) { padding-right: 0; }
  .team__elem { padding: 30px 30px 30px 30px; width: auto; }
  .team__elem-pos { -ms-flex-order: 3; order: 3; padding: 0px 0px 30px 0; width: 62.5%; margin: 0 0 70px 0; }
  .team__elem-title { font-size: 28px; margin: 0 0 20px 0; }
  .team__elem-title-bl { font-size: 20px; }
  .fon_team { top: inherit; bottom: 50px; }
  .dt1_none { display: none; }
  .img6 { right: 45px; }
  .title_bl { font-size: 28px; line-height: 160%; margin: 0 0 0px 0; }
  .section_work { padding-left: 30px; padding-right: 30px; }
  .section_work-block { padding: 50px 0 50px 0; background-position: 10% 80%; border-radius: 30px 0 0 30px; }
  .section_work-block:before { display: none; }
  .bl_m { margin-left: -30px; margin-right: -30px; width: inherit; }
  .section_road { padding-top: 50px; padding-bottom: 100px; }
  .title_bot-p { margin-bottom: 10px; }
  .title_bot-pos { margin: 20px 0 10px 0; }
  .section_work-block .swiper_nav-container, .swiper_nav-container { position: relative; top: inherit; right: inherit; bottom: inherit; }
  .swiper-pos_r { margin-left: -20%; width: 140%; margin-top: 50px; }
  .swiper-position { margin-top: 170px; }
  .section_techno { background-repeat: no-repeat; background-image: url(../img/fon_techno.svg); background-position: right  0%; background-size: auto; }
  .tech_elems { width: 75%; margin: 50px auto 0 auto; display: block; }
  .tech_elem-title { margin: 0 0 10px 0; }
  .tech_elem { padding-left: 0%; width: 100%; margin: 0px 0 30px 0; }
  .tech_elem-img img { width: auto; height: 50px; }
  .section_techno { padding: 90px 0 110px 0; }
  .column__form { padding: 0; }
  .title__top-block { width: 75%; margin: 0 auto 15px auto; }
  .title__top { font-size: 42px; line-height: 52px; }
  .title__text { margin-top: -10px; font-size: 60px; line-height: 72px; min-height: 72px; white-space: nowrap; }
  .index_site { background-size: 450px auto; }
  .page_site { background-size: 400px auto; }
  .section_page { padding: 40px 0 0 0; }
  .adress_bl { margin: 30px 0 30px 0; }
  .anim_elem-block { margin: -60px 0 -100px auto; width: 800px; }
  .anime_block { -ms-transform: scale(0.8); transform: scale(0.8); }
  .anime_pos42 { left: -80px; }
  .anime_pos31 { left: 60px; top: 130px; }
  .anime_pos32 { left: -40px; top: 15%; }
  .anime_pos34 { left: 680px; top: 180px; }
  .anime_pos41 { left: 90px; top: 50px; }
  .anime_pos45 { left: 490px; bottom: 70px; }
  .anime_pos43 { left: 600px; top: 10px; }
  .section_project-top { margin: 70px 0 0px 0; }
  .title_page { font-size: 60px; line-height: 120%; margin: 0px 0 70px 0; }
  .project_elem-center,
  .project_elem-bottom { margin: 50px 0 70px 0; }
  .project_item-title { margin: 0px 0 20px 0; }
  .project_btn { margin: -70px 0 0 0; }
  .project_content-black { padding: 50px 0 5px 0; }
  .project_content h2, .project_content .title_h2 { margin: 0em 0 30px 0; }
  .project_content h3, .project_content .title_h3 { margin: 0em 0 20px 0; }
  .proj_p { padding-right: 30px; padding-left: 30px; }
  .column__50 { width: 100%; float: none; }
  .contact_link-elem { margin: 70px auto 0px auto; }
  .send__btn-elem { font-size: 44px; line-height: 54px; }
  .proj_img-r { text-align: right; }
  .proj_img-r img { display: inline-block; }
  .work__elem { display: block; }
  .work__elem-body { width: 100%; }
  .work__elem-img-block { padding: 0px 0px 20px 0px; width: 100%; }
  .work__elem-img-block img { margin-top: 20px; }
  .work__elem-body_bottom { margin-top: -20px; }
  .work__elem-text, .work__elem-text p, .work__elem-links { font-size: 16px; }
  .work__elem-text { margin: 0 0px  10px 0; }
  .work__elem-block { padding-right: 30px; }
  .work__elem:after { left: auto; right: 0; }
  .work__elem { border-radius: 0  30px  0 0; }
  .work__elem-block .column__100:after, .work__elem-block .column__100:before { width: calc(100% - 15px); } 
  .swiper-wrap_bs {
    margin: 40px auto 0 auto;
  }
  .pos-realt_img img{
    margin: 0 auto 20px auto;
  }
  .pos-realt_img{
    margin: 0;
  }
  .realt_img {
    padding-left: 15px;
    padding-right: 15px;
  }
  .b_h2 {
    font-size: 40px;
    line-height: 120%;
    margin: 0;
  }
  .title-article_color {
    font-size: 40px;
    line-height: 120%;
    margin: 0;
  }
  .wr-b_h2 {
      margin: 0 0 30px 0;
  }
  .wr-b_h2 
  .title_h2 {
    margin: 0em 0 5px 0;
  }
  .project_content-white
  .column__100{
    padding-left: 15px;
    padding-right: 15px;
  }
  .hh-right_img {
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%;
  }
  .pr_hh3 .column__50 {
    min-height: inherit;
    padding-top: 25px;
    padding-bottom: 50px;
    display: block;
  }
  .hh-c-sm_img{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .sm_img {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    text-align: center;
  }

  .flag_i3 {
    left: 200px;
    top: -50px;
    width: 450px;
    height: 350px;
  }
  .flag_i4 {
    left: -220px;
    top: -180px;
    width: 750px;
    height: 530px;
  }
  [data-tooltip]:before,
[data-tooltip]:after{
    display: none;
}
.tech_elem{
    border-bottom: 1px solid #B6B6BF;
    padding: 20px 0;
    margin: 0;
}
.tech_elem:first-child{
    border-top: 1px solid #B6B6BF;
}
.tech_elem-head{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.tech_elem-t{
    display: block;
}
.tech_icon{
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../img/arr_down.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.open .tech_icon{
  -ms-transform: rotate(180deg); 
  transform: rotate(180deg); 
}
.tech_elem-body{
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.open .tech_elem-body{
    min-height: 50px;
    height: auto;
    overflow: visible;
    opacity: 1;
}
.tech_elem-img {
    display: block;
    margin: 0 0  12px  0;
}
.tech_elem-img img{
    margin-right: 10px;
}
.tech_elem-img:last-child{
    margin-bottom: 0;
}
.tech_elem-tt{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
}

@media screen and (max-width: 991px) { .anim_elem-block { margin: -110px 0 -140px auto; width: 760px; }
  .anime_block { -ms-transform: scale(0.7); transform: scale(0.7); } }

/*@media screen and (max-width: 959px) and (min-width: 769px)   {
}*/
@media screen and (max-width: 768px) { .toggle_block { top: 2px; }
  .header__container { padding: 15px 0 15px 80px; }
  .on .logo__block { padding: 15px 0 15px 95px; }
  .header__block-r { display: none; }
  .header__r-mob { display: block; padding: 30px 0 30px 0; }
  .header__r-mob .btn_black { margin: 30px auto 0 auto; }
  .header__r-mob .adress-block { -ms-flex-pack: center; justify-content: center; }
  .modal_block { width: 100%; max-width: 100%; padding: 15px 15px 20px 15px; border-radius: 30px; background-image: url(../img/fon_form.svg); background-size: auto; background-repeat: no-repeat; background-position: left 0; }
  .send__btn { font-size: 30px; }
  .form__block { margin: 0 0 10px 0; }
  .form__top-submit { margin: 20px auto 0 auto; }
  .section_team { background-image: none; }
  .title_bl { font-size: 22px; margin: 0 0 10px 0; }
  .team__elem { padding: 10px 15px 0px 15px; width: 360px; max-width: 100%; margin: 0 auto; display: block; }
  .team__container { display: block; }
  .team__elem-img, .team__elem-img img { width: 100%; }
  .team__elem-img img { height: 470px; }
  .team__elem-body { margin: 10px 0 20px 0; }
  .team__container:nth-child(2) { margin-left: 0; }
  .team__container:nth-child(2) .team__elem:nth-child(1) { padding-left: 15px; }
  .fon_team { display: none; }
  .team__elem-title { font-size: 22px; margin: 0 0 10px 0; }
  .swiper-position { margin-right: auto; width: 90%; margin-left: 10%; }
  .swiper-pos_r { margin-left: 0%; width: 100%; margin-top: 50px; }
  .slide_st-r { padding: 30px 30px; }
  .swiper-road .swiper-slide { padding: 0 15px; }
  .slid_img-rotate { left: 56px; top: 240px; }
  .project_content-padd,
  .bacground_tur1{
    padding: 40px 0 50px 0;
  }
  .bacground_tur1{
    margin:  40px 0 50px 0;
  }
  .simple_img img {
    margin: 0 auto 10px auto;
    border-radius: 10px;
  }
  .img_abs1 ,
  .img_abs2 {
    display: none;
  }
  .text_title {
    font-size: 16px;
  }
  .pr_hh5,
  .pr_hh6{
    background: transparent;
  }
  .hh-c-bm_img {
    margin-left: auto;
    margin-right: auto;
  }
  .bm_img {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
 }

 }

/*@media screen and (max-width: 767px) and (min-width: 600px){
}

@media screen and (max-width: 600px) and (min-width: 300px){
}*/
@media screen and (max-width: 600px) { .header_navs { width: 100%; max-width: 100%; }
  .anim_elem-block { width: 100%; margin: -110px auto -140px -20%; }
  .anime_block { -ms-transform: scale(0.6); transform: scale(0.6); }
  .banner__top-block { margin: 20px 0 0 0; height: inherit; }
  .title__top-block { width: 100%; padding-right: 15px; padding-left: 15px; }
  .title__top { font-size: 22px; line-height: 34px; }
  .title__text { font-size: 42px; line-height: 51px; min-height: 51px; white-space: nowrap; }
  .nav__list-position { padding: 0px 15px 10px 15px; }
  .on .menu_mob-container { width: 100%; max-width: 100%; }
  .nav__list-position li { margin: 20px 0 20px 0; }
  .header__r-mob .adress-block { -ms-flex-pack: start; justify-content: flex-start; }
  .header__r-mob .btn_black { margin: 20px auto 0 auto; width: 100%; padding: 0 5px; max-width: 100%; }
  .section_techno { padding: 20px 0 50px 0; }
  .column__67-t { width: 100%; padding-right: 15px; padding-left: 15px; }
  .bl__t75 { width: 100%; padding-right: 15px; padding-left: 15px; }
  .title__main { font-size: 30px; line-height: 37px; }
  .title_bottom { font-size: 20px; }
  .section_techno { background-position: right -40%; background-size: 200px auto; }
  .tech_elems { width: 100%; padding-right: 15px; padding-left: 15px; margin: 30px auto 0 auto; display: block; }
  .tech_elem-title { font-size: 20px; margin: 0 0 10px 0; }
  /* .tech_elem-img { margin: 0 16px 0 0; } */
  .tech_elem-img img { height: 40px; }
  .section_work { padding-left: 15px; padding-right: 15px; }
  .section_work-block { padding: 30px 0 60px 0; background-image: none; border-radius: 30px 0 0 30px; }
  .bl_m { margin-left: 15px; margin-right: 15px; }
  .title_bot-pos { margin: 10px 0 10px 0; font-size: 20px; }
  .swiper-position { margin-top: 30px; }
  .slid_img-w { left: 0; bottom: -70px; width: 350px; height: 350px; }
  .slid_img-w img { width: auto; max-width: 100%; }
  .slide_step { padding: 30px 30px; }
  .section_road { padding-bottom: 70px; }
  .slid_img-r { left: -60px; width: 400px; height: 400px; }
  .slid_img-r img { width: auto; max-width: 100%; }
  .btn-road_wrap { margin: 50px 0 0 0; position: relative; z-index: 2; padding-right: 15px; padding-left: 15px; }
  .btn_road { width: 100%; }
  .column__67 { padding-right: 15px; padding-left: 15px; }
  .text_m1 { margin: 30px 0 30px 0; }
  .why_container { margin: 30px 0 0px 0; }
  .why_elem { display: block; }
  .why_container, .footer_container, .footer_bottom { padding-right: 15px; padding-left: 15px; }
  .why_elem-wrap { margin: 0 0 30px 0; }
  .why_elem-img img { height: 75px; width: 75px; }
  .why_elem-img { margin-bottom: 20px; padding-right: 0px; -ms-flex: inherit; flex: inherit; }
  .why_elem-title { font-size: 20px; line-height: 24px; margin: 0 0 10px 0; }
  .why_elem-text, .why_elem-text p { font-size: 16px; }
  .text_block p { font-size: 16px; }
  .section_why { padding: 0 0 30px 0; }
  .footer__img { margin: 0 -100%; }
  .footer__img img { width: 300%; margin: 0 auto; }
  .footer { padding: 0px 0 0 0; }
  .footer_container, .footer_el-l { display: block; }
  .footer_el-l { margin: 30px  0 0 0; width: 100%; }
  .footer_el-r { width: 100%; text-align: left; }
  .footer__list { margin: 30px 0 20px 0; }
  .footer__list a { font-size: 14px; }
  .soc_top { display: block; }
  .soc_bot { display: none; }
  .footer__social { text-align: center; }
  .footer__social a { margin: 0px 5px 0 5px; }
  .copy { width: 100%; }
  .proj_p { padding-right: 15px; padding-left: 15px; }
  .section_project-top { margin: 55px 0 0px 0; }
  .title_page { font-size: 40px; margin: 0px 0 50px 0; }
  .project_elem-center,
  .project_elem-bottom { display: block; }
  .project_item-btn { text-align: right; }
  .project_btn { margin: -100px 0  0px 0; display: inline-block; }
  .project_item { margin: 50px 0 0 0; }
  .project_item-title { font-size: 20px; line-height: 24px; margin: 0px 0 20px 0; text-align: center; }
  .project_person { display: block; margin: 0 auto; text-align: center; }
  .adress-block-wrap { display: inline-block; text-align: left; }
  .project_person-img img { display: block; margin: 0 auto 20px auto; }
  .project_person-title { text-align: center; font-size: 20px; margin: 0 0 20px 0; }
  .project_content h2, .project_content .title_h2 { margin: 0em 0 30px 0; font-size: 20px; line-height: 24px; }
  .project_content h3, .project_content .title_h3 { margin: 0em 0 20px 0; font-size: 20px; line-height: 24px; }
  .text__block { margin: 0 0 30px 0; }
  .proj_img { margin: 0 0 30px 0; }
  .project_content p { font-size: 16px; }
  .project_content-white { margin: 0 0 0px 0;     padding: 25px 0 25px 0; }
  .bacground_color1{
    padding: 25px 0 25px 0;
  }
  .contact_link-elem { margin: 40px auto 0px auto; }
  .send__btn-elem { font-size: 28px; line-height: 34px; }
  .slider__rev--container { padding: 20px 0 50px 0; }
  .swiper-review .slide_st-r { padding: 20px 20px; min-height: 350px; }
  .slid_person-img img{ width: 80px; height: 80px; margin-right: 15px; }
  .project_person-img img { width: 80px; height: 80px;}
  .slid_person-title { font-size: 20px; margin: 0 0 14px 0; }
  .slide_person-text { margin: 0px 0 0 0; }
  .slide_person-title { font-size: 20px; line-height: 24px; margin: 0 0 10px 0; }
  .slide_person-text p, .slide_person-text { font-size: 16px; }
  .section_review-block .bl__t75 { padding-right: 0; padding-left: 0; }
  .swiper-wrap_rev { padding-left: 15px; padding-right: 15px; }
  .slid_img-rotate { position: absolute; left: 0px; top: 240px; width: 434px; height: 375px; }
  .slid_img-rotate { position: absolute; left: 0px; top: 100px; width: 300px; height: 300px; }
  .slid_img-rotate svg { max-width: 100%; max-height: 100%; }
  .work__elem-body { padding: 0 70px 0 0px; }
  .work__elem-title { 
    /* font-size: 20px;  */
    font-size: 15px; 
    line-height: 24px;
    min-height: 70px; 
     /* min-height: 100px;  */
  }
  .work__elem-link { width: 55px; height: 60px; top: 10px; }
  .work__elem-link svg { width: 55px; height: 60px; }
  .work__elem-block { padding-right: 15px; }
  .mrt .title__main { margin-bottom: 30px; } 
  .video_el {
    width: 280px;
    height: 575px;
    padding: 15px;
    border-radius: 30px;
    background-color: #727280;
    display: inline-block;
  }
}

@media screen and (max-width: 450px) { .anime_block { -ms-transform: scale(0.5); transform: scale(0.5); }
  .img__fl-block{
    display: block;
  }
  .fl_img {
    margin: 0 auto 0px auto;
    max-width: 100%;
    text-align: center;
  }
 }

@media screen and (max-width: 350px) { .anim_elem-block { margin: -170px auto -200px -28%; }
  .anime_block { -ms-transform: scale(0.4); transform: scale(0.4); }
  .btn_road { font-size: 16px; } }

/*@import "layout/_media";*/
/*@media (min-width: 1230px){
	.container {
		width: 1200px;
	}
}*/

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


.title_error{
  text-align: center;
  margin: 5% 0 0 0;
  font-weight: 700;
  font-size: 100px;
  line-height: 160%;
  color: #231F20;
}
.title_err{
  font-size: 50px;
  line-height: 120%;
  color: #02B59B;
  margin: 2% auto;
  text-align: center;
}
.error_text{
  text-align: center;
  margin: 30px auto;
  font-weight: 700;
  font-size: 30px;
  line-height: 160%;
  color: #231F20;
}
@media screen and (max-width: 600px) { 
  .title_error{
    font-size: 50px;
  }
  .title_err{
    font-size: 34px;
  }
  .error_text{
    font-size: 18px;
  } 
  .work__elem-body_bottom{
    display: none;
  }
}

.project_content-black
.mejs-controls{
  opacity: 0!important;
  z-index: -1;
}