@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Bold.eot');
src: local('Manrope Bold'), local('Manrope-Bold'),
url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Manrope-Bold.woff2') format('woff2'),
url('../fonts/Manrope-Bold.woff') format('woff'),
url('../fonts/Manrope-Bold.ttf') format('truetype'),
url('../fonts/Manrope-Bold.svg#Manrope-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Light.eot');
src: local('Manrope Light'), local('Manrope-Light'),
url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Manrope-Light.woff2') format('woff2'),
url('../fonts/Manrope-Light.woff') format('woff'),
url('../fonts/Manrope-Light.ttf') format('truetype'),
url('../fonts/Manrope-Light.svg#Manrope-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Medium.eot');
src: local('Manrope Medium'), local('Manrope-Medium'),
url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Manrope-Medium.woff2') format('woff2'),
url('../fonts/Manrope-Medium.woff') format('woff'),
url('../fonts/Manrope-Medium.ttf') format('truetype'),
url('../fonts/Manrope-Medium.svg#Manrope-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-SemiBold.eot');
src: local('Manrope SemiBold'), local('Manrope-SemiBold'),
url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
url('../fonts/Manrope-SemiBold.woff') format('woff'),
url('../fonts/Manrope-SemiBold.ttf') format('truetype'),
url('../fonts/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Regular.eot');
src: local('Manrope Regular'), local('Manrope-Regular'),
url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Manrope-Regular.woff2') format('woff2'),
url('../fonts/Manrope-Regular.woff') format('woff'),
url('../fonts/Manrope-Regular.ttf') format('truetype'),
url('../fonts/Manrope-Regular.svg#Manrope-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.container {
max-width: 1200px;
padding: 0;
}
body {
font-family: 'Manrope';
color: #070d2d;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
background: #f5f7fa;
}
header {
padding-top: 35px;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.tender {
cursor: pointer;
/* margin-left: 167px; */
margin-right: 112px;
margin-top: -5px;
}
.tender img {
margin-right: 13px;
margin-top: 5px;
}
.tender span {
color: #ffffff;
font-size: 17px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
display: table;
cursor: pointer;
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
.mail img {
margin-right: 13px;
margin-top: 5px;
}
.mail a {
color: #ffffff;
font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
.mail span {
opacity: 0.6;
color: #ffffff;
font-size: 14px;
font-weight: 400;
display: block;
margin-top: 9px;
}
.tel2 a {
color: #ffffff;
font-size: 24px;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
text-align: right;
}
.head-btn {
color: #f7941d;
font-size: 12px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: center;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.72px;
text-align: right;
border-bottom: 1px solid rgb(247 148 29 / 30%);
display: table;
float: right;
cursor: pointer;
padding-bottom: 2px;
}
.section-1 {
    background-image: url(../img/header-bg.jpg);
    padding-top: 175px;
    padding-bottom: 101px;
    background-repeat: no-repeat;
    background-position: center;
}
h1 {
color: #ffffff;
font-family: Manrope;
font-size: 62px;
font-weight: 700;
line-height: 72px;
margin-bottom: 10px;
margin-top: -19px;
}
.utp .h2 {
color: #ffffff;
font-size: 46px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 60px;
}
.info {
margin-top: 28px;
margin-bottom: 61px;
}
.tel a {
color: #ffffff;
font-size: 24px;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
display: block;
margin-bottom: 5px;
}
.none {
display: none !important;
}
.worknow {
color: rgb(255 255 255 / 60%);
font-size: 14px;
font-weight: 400;
margin-top: 6px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.roundd {
width: 6px;
height: 6px;
background-color: #2caa35;
margin-right: 7px;
border-radius: 100%;
margin-top: 3px;
}
.tel img {
margin-right: 11px;
margin-top: 7px;
}
.info p {
color: #ffffff;
font-family: Manrope;
font-size: 20px;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
margin-bottom: 0;
margin-left: 15px;
}
.main-btn {
width: 430px;
height: 96px;
box-shadow: 0 20px 40px rgb(247 148 29 / 20%), inset 0 -3px 5px 1px rgb(255 255 255 / 15%), inset 0 0 19px 1px rgb(255 255 255 / 10%);
border-radius: 3px;
background-color: #f7941d;
color: #ffffff;
font-size: 16px;
font-weight: bold;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
text-align: center;
text-transform: uppercase;
font-style: normal;
border: none;
letter-spacing: 0.32px;
cursor: pointer;
}
.orcall span {
color: #ffffff;
font-family: Manrope;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.orcall a {
color: #ffffff;
font-family: Manrope;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
margin-left: 11px;
}
.orcall {
display: flex;
align-items: center;
margin-top: 35px;
}
.cont1 {
margin-right: 109px;
margin-top: -5px;
}
.right-blocks {
width: 291px;
height: 681px;
border: 1px solid rgb(255 255 255 / 25%);
}
.block {
padding: 30px;
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
.block p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
margin-top: 12px;
}
.block:last-of-type {
border-bottom: none;
}
.info img {
margin-top: 7px;
}
h2 {
color: #111626;
font-size: 48px;
font-style: normal;
letter-spacing: normal;
line-height: 64px;
}
.section-2 {
padding: 105px 0;
}
.section-2 .h4 {
color: #111626;
font-size: 34px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
}
.preim picture {
margin-right: 60px;
}
.preim p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.preims {
margin-top: 55px;
}
.preim {
margin-bottom: 30px;
}
.preim:last-of-type {
margin-bottom: 0;
}
.preim2 picture {
margin-right: 0;
margin-left: 71px;
}
.icons span {
color: #111626;
font-family: Manrope;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 26px;
margin-left: 14px;
}
.icons div {
margin-right: 50px;
margin-bottom: 30px;
}
.icons {
display: flex;
align-items: start;
flex-wrap: wrap;
margin-top: 25px;
}
.icons div:nth-child(3), .icons div:nth-child(5) {
margin-right: 0;
}
.system .h2 {
color: #111626;
font-size: 46px;
font-style: normal;
letter-spacing: normal;
line-height: 62px;
margin-right: 64px;
margin-top: 56px;
}
.system {
margin-top: -10px;
}
.block-form {
box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
background-color: #ffffff;
padding: 5px;
max-width: 100%;
border-radius: 14px;
margin-top: 101px;
}
.block-form .bordered {
padding-left: 66px;
padding-top: 32px;
border: 1px solid rgb(0 0 0 / 3%);
padding-right: 65px;
padding-bottom: 37px;
border-radius: 14px;
}
.form .h3 {
color: #111626;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
}
.form .h4 {
color: #111626;
font-size: 26px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 38px;
}
.f {
z-index: 9;
position: relative;
}
.form input {
width: 360px;
height: 96px;
border-radius: 3px;
border: 1px solid #f0f0f0;
background-color: #f7f9fc;
padding-left: 41px;
color: rgb(17 22 38 / 50%);
font-size: 18px;
font-weight: 400;
margin-right: 10px;
}
.form-check {
display: flex;
align-items: center;
padding: 0;
margin-top: 22px;
justify-content: flex-end;
padding-right: 63px;
}
.block-form .form-check {
padding-right: 60px;
}
.form-check input {
display: none;
width: auto!important;
height: auto!important;
}
.form-check label {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #aaacb3!important;
position: relative;
padding-left: 24px;
text-transform: initial;
}
.form-check label:before {
width: 16px;
height: 16px;
box-sizing: border-box;
border: 1px solid rgba(158,101,99,.2);
border-radius: 2px;
content: '';
position: absolute;
left: 0;
top: 1px;
}
.form-check label a {
color: #f7941d!important;
cursor: pointer;
border-bottom: 1px solid rgb(247 148 29 / 30%);
padding-bottom: 2px;
}
.form-check label:after {
width: 10px;
height: 8px;
box-sizing: border-box;
background: url(../img/check2.svg) center center no-repeat;
background-size: contain;
content: '';
position: absolute;
left: 3px;
top: 4px;
opacity: 0;
transition: all .1s linear;
}
.form-check input:checked+label:after {
opacity: 1;
transition: all .1s linear;
}
.bottom-block {
background-color: #fae9c8;
color: #111626;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 15px;
padding-bottom: 16px;
border-radius: 10px;
margin-top: 31px;
margin-bottom: -32px;
margin-left: -61px;
width: calc(100% + 120px);
}
.phone-block {
margin-right: 58px;
}
.bottom-block img {
margin-right: 5px;
}
.bottom-block a {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
text-decoration: none;
}
.bottom-block img {
margin-right: 16px;
margin-top: 3px;
}
.block-form form {
margin-top: 40px;
}
.block-form picture {
position: absolute;
right: 0;
top: -110px;
}
.pains {
display: flex;
align-items: start;
justify-content: space-between;
margin-top: 55px;
}
.pain p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
margin-top: 16px;
margin-bottom: 0;
}
.section-4 {
padding-bottom: 71px;
}
.ico img {
display: block;
margin-bottom: 14px;
}
.ico {
margin-bottom: 49px;
}
.icons2 {
margin-top: 55px;
}
.ico span {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.section-3 {
padding-bottom: 120px;
}
.section-6 {
padding: 120px 0;
}
.preims .h4 {
color: #111626;
font-size: 34px;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
margin-bottom: 15px;
}
.preims p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.section-6 .preim picture {
margin-left: 68px;
margin-right: 0;
}
.section-6 .preim2 picture {
margin-right: 51px;
margin-left: 0;
}
.section-6 .preim {
margin-left: 100px;
}
.section-6 .preim2 {
margin-left: 0;
}
.tz .h4 {
color: #111626;
font-size: 34px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
}
.tz {
margin-top: 79px;
}
.tz p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
margin-top: 16px;
}
.tz .main-btn {
max-width: 340px;
height: 86px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
display: block;
}
.photos {
margin-top: 50px;
}
.photos picture {
margin-right: 15px;
}
.photos picture:last-of-type {
margin-right: 0;
}
.picture .inner {
position: absolute;
top: 60px;
left: 62px;
}
.picture {
position: relative;
margin-right: 30px;
}
.inner .h4 {
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
margin-bottom: 12px;
}
.inner p {
font-size: 18px;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.picture:last-of-type {
margin-right: 0;
}
.pictures {
margin-top: 55px;
}
.section-7 {
padding-bottom: 110px;
}
.prem {
margin-right: 71px;
}
.prem:last-of-type {
margin-right: 0;
}
.prem p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
margin-top: 20px;
}
.preims3 {
margin-top: 35px;
}
.section-8 {
padding-bottom: 120px;
}
.hor-block {
display: flex;
align-items: center;
}
.inner {
position: absolute;
}
.hor-block .inner {
position: absolute;
padding-left: 100px;
}
.hor-block .h3 {
color: #fefefe;
font-family: Manrope;
font-size: 34px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
}
.hor-block ul {
padding-left: 19px;
margin-top: 20px;
}
.hor-block ul li {
color: #fefefe;
font-family: Manrope;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
margin-bottom: 10px;
list-style: none;
position: relative;
}
.hor-block ul li:before {
content: '';
background-image: url(../img/point.svg);
width: 8px;
height: 10px;
display: block;
position: absolute;
left: -21px;
top: 12px;
}
.hor-block {
margin-bottom: 30px;
}
.section-9 {
padding-bottom: 100px;
}
.section-9 h2 {
margin-bottom: 55px;
}
.section-10 .preim picture {
margin-left: 42px;
margin-right: 0;
}
.section-10 .preim2 picture {
margin-left: 0;
margin-right: 60px;
}
.section-10 .preim {
margin-bottom: 60px;
}
.ico2 {
padding-left: 49px;
margin-top: 30px;
}
.section-10 .preim3 picture {
margin-left: 96px;
}
.ico2 span {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
display: block;
margin-left: 15px;
}
.left-block {
background: #fff;
border-left: 5px solid #0095ff;
border-radius: 3px 0 0 3px;
padding-left: 45px;
display: flex;
align-items: center;
color: #111626;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
width: 366px;
position: relative;
margin-bottom: 30px;
padding-top: 40px;
padding-bottom: 40px;
}
.lb1 .fig {
right: 24px;
bottom: -41px;
}
.left-block .fig {
position: absolute;
right: 0;
opacity: 0.65;
}
.lb2 .fig {
right: -17px;
bottom: -41px;
}
.lb3 .fig {
right: -12px;
bottom: -41px;
}
.section-11 picture {
margin-left: -95px;
margin-top: 91px;
z-index: 9;
}
.left-block span {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.section-10 .preim:last-of-type {
margin-bottom: 0;
}
.section-11 {
padding-top: 100px;
padding-bottom: 120px;
}
.section-11 .form .h3 {
font-weight: 400;
text-align: center;
}
.section-11 .block-form {
margin-top: -30px;
}
.garantia {
padding-left: 60px;
}
.skidki {
display: flex;
align-items: flex-start;
margin-top: 45px;
}
.skidka2 {
margin-left: 75px;
margin-right: 77px;
}
.skidka .h4 {
color: #111626;
font-size: 28px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-bottom: 13px;
}
.skidka p {
color: #111626;
font-family: Manrope;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.skidka1 picture {
margin-bottom: 13px;
display: block;
}
.skidka2 picture {
margin-left: -29px;
margin-bottom: 4px;
display: block;
}
.skidka3 picture {
margin-left: -22px;
margin-bottom: 14px;
display: block;
}
.section-12 {
padding-bottom: 110px;
border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.section-13 .head img {
margin-top: -4px;
display: block;
height: 40px;
margin-left: 15px;
}
.section-13 .h3 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.white-block {
display: flex;
width: 1117px;
height: 162px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
justify-content: center;
padding: 25px 0;
margin-top: 30px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.white-block div {
padding: 0 49px;
padding-top: 12px;
padding-bottom: 23px;
border-right: 1px solid #e5e5e5;
}
.white-block span {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
margin-bottom: 7px;
display: block;
}
.white-block p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-bottom: 0;
}
.white-block div:last-of-type {
border-right: none;
}
.section-13 {
padding-top: 120px;
padding-bottom: 75px;
}
.blocks2 {
margin-top: 50px;
}
.block6 {
margin-right: 15px;
}
.txt {
position: absolute;
left: 41px;
bottom: 45px;
}
.txt span {
color: #0095ff;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.txt p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
text-align: left;
font-weight: 400;
}
.block6:last-of-type {
margin-right: 0;
}
.docs {
margin-top: 35px;
}
.docs span {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
display: block;
margin-top: 5px;
}
.dc1 span {
padding-left: 22px;
}
.dc2 span {
padding-left: 14px;
}
.dc3 span {
padding-left: 14px;
}
.dc4 span {
padding-left: 33px;
}
.dc5 span {
padding-left: 11px;
}
.section-14 h2 {
color: #111626;
/* font-family: "Manrope 3"; */
font-size: 30px;
/* font-weight: 700; */
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.section-14 .block-form .h3 {
font-weight: 400;
}
.section-14 .block-form {
margin-top: 70px;
}
.section-14 {
padding-bottom: 110px;
}
.images-inner {
max-width: 33%;
margin: 0 auto;
text-align: center;
margin-bottom: 47px;
}
.images {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 55px;
}
.images-inner p {
color: #111626;
font-family: Manrope;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-top: 19px;
}
.big-form {
display: flex;
align-items: start;
}
.big-form form {
width: 426px;
height: 610px;
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.04);
border-radius: 14px;
background-color: #ffffff;
padding: 5px;
margin-right: 40px;
}
.big-form form .bordered {
border-radius: 14px;
border: 1px solid rgb(0 0 0 / 3%);
height: 100%;
padding: 45px;
}
.big-form .h3 {
color: #111626;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
}
.big-form p {
color: #111626;
font-family: Manrope;
font-size: 22px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 34px;
}
.big-form input {
width: 100%;
height: 96px;
border-radius: 3px;
border: 1px solid #f0f0f0;
background-color: #f7f9fc;
color: rgb(17 22 38 / 50%);
font-family: Manrope;
font-size: 18px;
font-weight: 400;
padding-left: 41px;
}
.big-form button {
width: 100%;
margin-top: 15px;
}
.section-15 {
padding-bottom: 163px;
}
.section-15 .h4 {
color: #111626;
font-family: Manrope;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-top: 35px;
}
.section-16 h4 {
        margin-top: 26px;
    margin-bottom: 50px;
}
.vertical-images {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.vertical-images .inner {
    padding-top: 43px;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
}
.vert {
    max-width: 33%;
    position: relative;
}
.vert .inner .h4 {
        color: #111626;
    font-family: Manrope;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
}
.vert ul, .vert p {
    color: #111626;
font-family: Manrope;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 26px;
}
.vert ul {
    padding-left: 22px;
}
.vert ul li {
    position: relative;
    list-style: none;
}
.vert ul li:before {
    content: '';
    background-image: url(../img/point.svg);
    width: 8px;
    height: 10px;
    display: block;
    position: absolute;
    left: -21px;
    top: 10px;
}
.section-16 .block-form {
    margin-top: 30px;
}
.section-16 .block-form .h3 {
    font-weight: 400;
}
.section-16 {
    padding-bottom: 120px;
}
.picture p {
    color: #111626;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    margin-top: 24px;
}
.section-17 .pictures {
    margin-top: 55px;
}
.section-17 {
    padding-bottom: 80px;
}
.section-18 .h3 {
    font-size: 24px;
    line-height: 36px;
}
.desc .h4 {
    color: #111626;
    font-family: Manrope;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
}
.desc p {
    opacity: 0.7;
    color: #111626;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    margin-bottom: 0;
}
.desc {
    padding-left: 0;
    margin-top: 20px;
}
.peoples .col-md-4 {
    margin-bottom: 49px;
}
.peoples {
    margin-top: 39px;
}
.section-18 {
    padding-bottom: 120px;
    border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.section-19 {
    background: #f5f7fa;
    padding-top: 110px;
    padding-bottom: 770px;
}
.contact-block {
    margin-top: 50px;
    margin-bottom: 60px;
}
.round {
    width: 32px;
    height: 32px;
    background-color: #f7941d;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 100%;
    margin-top: -5px;
}
.section-19 .cont span {
    opacity: 0.7;
    color: #111626;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.42px;
    margin-bottom: 15px;
    display: block;
}
.tel2 {
    color: #111626;
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
}
.mail2 {
    color: #0095ff;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    border-bottom: 1px solid rgb(0 149 255 / 30%);
}
.cont p {
    color: #111626;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
}
.section-19 .h3 {
    color: #111626;
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: center;
    display: table;
    margin: 0 auto;
}
#map {
    width: 100%;
    height: 732px;
    position: absolute;
    padding-top: 40px;
    z-index: 9;
}
#result {
    display: none;
}
.map-info {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 120px;
    /* z-index: 9; */
}
.black-map {
    z-index: 10;
    position: relative;
    width: 440px;
    height: 532px;
    box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
    background-color: #ffffff;
    float: right;
    padding: 5px;
}
.black-map .bordered {
    border: 1px solid rgb(0 0 0 / 3%);
    height: 100%;
    padding-left: 46px;
    padding-top: 38px;
    padding-right: 45px;
}
.black-map .h2 {
    color: #111626;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 44px;
}
.black-map .h4 {
    color: #111626;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
    margin-top: 12px;
}
.black-map form {
    margin-top: 25px;
}
.form-control {
    width: 100%;
    height: 96px;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    background-color: #f7f9fc;
    color: rgb(17 22 38 / 50%);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    padding-left: 41px;
}
.black-map .main-btn {
    width: 100%;
    margin-top: 15px;
}
footer {
    padding-bottom: 31px;
}
footer .tender {
    width: 268px;
    height: 64px;
    box-shadow: 0 20px 40px rgb(0 0 0 / 3%);
    border-radius: 4px;
    background-color: #ffffff;
    margin-right: 82px;
    display: flex;
    align-items: center !important;
    justify-content: center;
}
footer .tender img {
    margin-top: 0;
}
footer .tender span {
    color: #111626;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    border: none;
}
footer .mail span {
    opacity: 0.6;
    color: #111626;
    font-size: 14px;
    font-weight: 400;
}
.policy {
    color: #111626;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    border-bottom: 1px solid rgb(17 22 38 / 15%);
    cursor: pointer;
}
.tfa {
    display: flex;
    margin-left: 404px;
}
.tfa img {
    /* opacity: 0.1; */
    margin-right: 16px;
}
.tfa span {
    display: table;
    border-bottom: 1px solid rgb(17 22 38 / 10%);
    color: rgb(17 22 38 / 30%);
}
footer .mail a {
    color: #0095ff;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    border-bottom: 1px solid rgb(0 149 255 / 30%);
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}
footer .phone {
    color: #111626;
}
footer .worknow {
    color: rgb(17 22 38 / 60%);
}
#exampleModal2 .modal-dialog, #exampleModal10 .modal-dialog {
    max-width: 840px;
}
.close {
    position: absolute;
    right: -24px;
    top: -9px;
}
.left-modal {
    background-image: url(../img/dedov-modal.jpg);
    width: 100%;
    height: 566px;
    position: relative;
    background-size: cover;
    max-width: 400px;
}
.name {
    position: absolute;
    left: 30px;
    bottom: 102px;
    color: #fefefe;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    background-image: url(../img/pra.png);
    width: 205px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
}
.left-modal span {
    position: absolute;
    left: 45px;
    bottom: 62px;
    font-size: 16px;
    line-height: 24px;
    background-image: url(../img/pra2.png);
    width: 311px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.right-modal {
    max-width: 440px;
    width: 440px;
}
#exampleModal2 .right-modal .form, #exampleModal10 .right-modal .form, #exampleModal3 .right-modal .form {
    box-shadow: none;
    height: 566px;
    margin: 0;
}
#exampleModal2 .form .bordered, #exampleModal10 .form .bordered {
    border: 1px solid rgb(0 0 0 / 3%);
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 37px;
    padding-right: 20px;
    height: 100%;
}
#exampleModal2 .form h4, #exampleModal10 .form h4 {
    color: #111626;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 44px;
    margin-bottom: 18px;
}
#exampleModal2 p, #exampleModal10 p {
    color: #111626;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
}
.form form {
    margin-top: 30px;
}
#exampleModal2 input, #exampleModal10 input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
#exampleModal2 input, #exampleModal2 .main-btn, #exampleModal10 input, #exampleModal10 .main-btn {
    width: 100%;
}
#exampleModal .modal-dialog {
        max-width: 1200px;
}
#exampleModal .modal-content {
    border-radius: 14px;
}
#exampleModal .block-form {
    margin-top: 0;
}
#exampleModal4 .modal-dialog, #exampleModal5 .modal-dialog {
    max-width: 440px;
}
#exampleModal4 .black-map, #exampleModal5 .black-map {
    height: auto;
    border-radius: 14px;
}
#exampleModal4 .black-map .bordered, #exampleModal5 .black-map .bordered {
    padding-bottom: 47px;
}
#exampleModal4 .form-control, #exampleModal5 .form-control {
margin-bottom: 15px;
}
#exampleModal4 .bordered, #exampleModal5 .bordered {
    border-radius: 14px;
}
#exampleModal4 .modal-content, #exampleModal5 .modal-content {
    background: transparent;
    border: none;
}
* {
    outline: none !important;
}
.slider {
    margin-top: 55px;
}
.slider-nav {
    width: 310px;
    margin-right: 80px;
    border: 1px solid rgb(17 22 38 / 10%);
    min-width: 350px;
}
.slider-nav .slick-current {
    border-radius: 3px;
    box-shadow: 0 20px 40px rgb(247 148 29 / 10%), inset 0 -3px 5px 1px rgb(255 255 255 / 15%), inset 0 0 19px 1px rgb(255 255 255 / 10%);
    background-color: #f7941d;
}

.slide-in {
    height: 99px;
    padding: 0 20px;
    color: #111626;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(17 22 38 / 10%);
    max-width: 310px;
    margin: 0 auto;
    cursor: pointer;
}
.slider-nav .slick-current .slide-in {
    color: #fff;
}
.slider-for .h4 {
        color: #111626;
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
}
.bord {
    width: 700px;
    height: auto;
    border: 1px solid #dadada;
    padding-left: 29px;
    padding-top: 29px;
    padding-right: 50px;
    padding-bottom: 29px;
    color: #111626;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    margin-top: 18px;
    margin-bottom: 15px;
}
.bord b {
    display: block;
    margin-bottom: 20px;
}
.bloq {
    color: #111626;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    padding-left: 71px;
}
.cases {
    margin-top: 39px;
}
.gramota {
    margin-top: 40px;
    margin-left: 53px;
}
.gramota span {
    opacity: 0.6;
    color: #111626;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    display: block;
    margin: 15px 0;
    margin-bottom: 4px;
}
.zoom2 {
    cursor: pointer;
}
.zoom2 {
    justify-content: center;
}
.zoom2 img {
    margin-top: 10px;
}
.zoom2 span {
    color: #f7941d;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.72px;
    margin-left: 6px;
    border-bottom: 1px solid rgb(247 148 29);
    opacity: 1;
}
.text-task .h4 {
    color: #111626;
    font-size: 18px;
    font-weight: bolder;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.54px;
}
.slider-for li {
    color: #111626;
font-family: Manrope;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
    position: relative;
    list-style: none;
    margin-bottom: 15px;
}

.slider-for ul {
    margin-bottom: 37px;
    padding-left: 20px;
}
.slider-for ul li:before {
    content: '';
    background-image: url(../img/point.svg);
    width: 8px;
    height: 10px;
    display: block;
    position: absolute;
    left: -21px;
    top: 10px;
}
.section-5 {
    max-width: 1440px;
    background-color: #ffffff;
    padding: 120px 0;
    margin: 0 auto;
    overflow: hidden;
}
.slider-for .slick-list {
    overflow: initial;
}
.result-block {
        width: 638px;
    height: auto;
    border: 2px solid #0095ff;
    position: relative;
    padding: 34px;
    color: #111626;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
    margin-left: -34px;
    margin-bottom: 60px;
}
.result-block .h5 {
    color: #111626;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.54px;
}
.commerce .orcall {
    margin-left: 40px;
    color: #111626;
    margin-top: 0;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
}
.commerce .orcall a {
    color: #111626;
}
.slider-for {
    max-width: 727px;
}
.slider-for .slick-slide {
    height: 0;
}
.slider-for .slick-slide.slick-active.slick-current {
    height: auto;
}

.visible-xs, .visible-xss {
        display: none;
    }

.section-thx {
    background-image: url(../img/background-thx.jpg);
    padding-top: 89px;
    overflow: hidden;
}

.section-thx .daria-block picture {
    /* margin-left: -23px; */
    margin-right: -33px;
    position: relative;
    top: 40px;
}
.section-thx h1 {
color: #ffffff;
font-size: 62px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 72px;
}
.section-thx .right-daria .h4 {
margin-bottom: 35px;
color: #ffffff;
font-size: 26px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.p {
color: #ffffff;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 38px;
}
.plashka {
width: 402px;
height: 42px;
border-radius: 3px;
background-color: #f7941d;
padding: 0px 10px;
}
.p:last-of-type {
margin-left: 10px;
}
.tel4 {
color: #ffffff;
font-size: 40px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
margin-left: 10px;
margin-top: 16px;
display: inline-block;
}
.tel4:hover {
color: #fff;
}
.section-thx .right-daria {
    margin-top: 171px;
    margin-left: 0;
}
.f2 {
padding-top: 40px;
}
.audits3 {
display: none;
}
.thx header .cont1 {
    margin-right: 141px;
}
.cont2 {
        margin-top: -9px;
}
.tender:hover span {
        border-bottom: 1px solid rgb(247 148 29 / 25%);
    color: #f7941d;
    transition: 0.4s;
}
a:hover {
    text-decoration: none;
}
.head-btn:hover, .gramota:hover .zoom2 span {
    color: #ffb133;
    transition: 0.4s;
}
.main-btn:hover {
    box-shadow: 0 20px 40px rgba(255, 163, 51, 0.3), inset 0 -3px 5px 1px rgba(255, 255, 255, 0.15), inset 0 0 19px 1px rgba(255, 255, 255, 0.1);
border-radius: 3px;
background-color: #ffa333;
transition: 0.4s;
}
.form-check label a:hover {
    color: #ffb133 !important;
    transition: 0.4s;
}
.mail2 a:hover, .mail a:hover {
    color: #4db5ff;
    transition: 0.4s;
}
footer .tender:hover {
        box-shadow: 0 20px 40px rgb(255 163 51 / 30%), inset 0 -3px 5px 1px rgb(255 255 255 / 15%), inset 0 0 19px 1px rgb(255 255 255 / 10%);
    border-radius: 4px;
    background-color: #ffa333;
    transition: 0.4s;
}
footer .tender:hover span {
    color: #fff;
    transition: 0.4s;
}
footer .tender span {
    border: none !important;
}
footer .tender:hover path {
    fill: #fff;
}
.tender svg {
    margin-right: 13px;
    margin-top: 5px;
}
.tfa:hover span {
    color: #f7941d;
        border-bottom: 1px solid rgb(247 148 29 / 30%);
        transition: 0.4s;
}
.policy:hover {
    color: #f7941d !important;
    transition: 0.4s;
}
.err {
	display: none;
}

#exampleModal6 .modal-dialog {
    max-width: 850px;
    margin-top: 45px;
}