@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;
}
.section-1 {
background-image: url(../img/bg1.jpg);
padding-top: 220px;
padding-bottom: 253px;
background-size: cover;
}
.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%);
}
.tender img {
margin-right: 13px;
margin-top: 5px;
}
.tender {
margin-right: 115px;
cursor: pointer;
}
.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;
}
.mail img {
margin-right: 14px;
margin-top: 7px;
}
.mail span {
opacity: 0.6;
color: #ffffff;
font-size: 14px;
font-weight: 400;
}
.mail {
margin-right: 101px;
}
.phone {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}
.tel img {
margin-right: 15px;
margin-top: 6px;
}
.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;
}
.head-btn {
color: #0095ff;
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(0 149 255 / 30%);
display: table;
float: right;
cursor: pointer;
}
h1 {
color: #ffffff;
font-size: 62px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 72px;
}
strong {
font-weight: 700
}
.preim {
color: #ffffff;
font-size: 22px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
padding-top: 25px;
border-top: 2px solid #007dd6;
margin-right: 89px;
}
.preim:last-of-type {
margin-right: 0;
}
.preims {
margin-top: 50px;
margin-bottom: 80px;
}
.main-btn {
width: 410px;
height: 96px;
box-shadow: 0 20px 40px rgb(0 125 214 / 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: #007dd6;
border: none;
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;
letter-spacing: 0.32px;
transition: 0.4s;
position: relative;
}
.orcall {
color: #ffffff;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
margin-top: 35px;
}
.orcall a {
color: #ffffff;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
text-decoration: none;
}
.mini-block, .big-block {
height: 350px;
margin-bottom: 20px;
margin-right: 20px;
position: relative;
}
.mini-block .info, .big-block .info {
position: absolute;
left: 40px;
bottom: 35px;
}
.mini-block .h5, .big-block .h5 {
color: #ffffff;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.mini-block p, .big-block p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.bg2 {
background-image: url('../img/bg2.jpg');
}
.bg3 {
background-image: url('../img/bg3.jpg');
margin-right: 0;
}
.bg4 {
background-image: url('../img/bg4.jpg');
}
.bg5 {
background-image: url('../img/bg5.jpg');
margin-right: 0;
}
.big-block {
width: 780px;
}
.mini-block {
width: 400px;
}
.blocks {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.section-2 .h3 {
color: #111626;
font-size: 28px;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-top: 50px;
}
h2 {
color: #111626;
font-size: 48px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 64px;
}
.section-2 {
background-color: #ffffff;
max-width: 1440px;
margin: 0 auto;
padding: 120px 0;
margin-top: -110px;
padding-bottom: 100px;
}
.col-md-3 p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-top: 20px;
margin-bottom: 0;
}
.section-3 {
padding-top: 110px;
padding-bottom: 83px;
}
.preims2 {
margin-top: 55px;
}
.preims2 .col-md-3 {
margin-bottom: 45px;
}
.form {
box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
background-color: #ffffff;
max-width: 920px;
margin: 0 auto;
padding: 5px;
}
.form .bordered {
border: 1px solid rgb(0 0 0 / 3%);
padding-left: 67px;
padding-top: 50px;
padding-bottom: 37px;
padding-right: 65px;
}
.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;
}
.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 picture {
display: block;
position: absolute;
right: 70px;
top: -25px;
}
.form form {
margin-top: 30px;
}
.form-check {
display: flex;
align-items: center;
padding: 0;
margin-top: 22px;
justify-content: flex-end;
padding-right: 63px;
}
.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: #007dd6!important;
cursor: pointer;
border-bottom: 1px solid rgb(0 125 214 / 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;
}
.f {
z-index: 9;
position: relative;
}
.figure {
width: 70px;
height: 70px;
box-shadow: 0 20px 40px rgb(0 125 214 / 20%), inset 0 -3px 5px 1px rgb(255 255 255 / 15%), inset 0 0 19px 1px rgb(255 255 255 / 10%);
background-color: #007dd6;
border-radius: 100%;
color: #ffffff;
font-size: 28px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.text-block {
margin-left: 50px;
margin-top: 45px;
}
.inner {
position: absolute;
top: 50px;
left: 50px;
color: #fff;
}
.text-block .h4 {
color: #ffffff;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.text-block p {
color: #ffffff;
font-size: 22px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.big-block2 {
margin-bottom: 30px;
}
.mini-block2 {
display: flex;
align-items: center;
margin-right: 63px;
}
.mini-block2:last-of-type {
margin-right: 0;
}
.mb {
margin-bottom: 80px;
margin-top: 30px;
}
.mb h3 {
color: #111626;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
margin-bottom: 40px;
}
.mb .h5 {
color: #111626;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.mb p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-bottom: 0;
}
.mb .text-block2 {
margin-left: 20px;
}
.bb3 .text-block, .bb5 .text-block {
margin-top: 40px;
}
.bb4 .text-block {
margin-top: 20px;
}
.section-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-5 h2 {
margin-bottom: 50px;
}
.block-form {
box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
background-color: #ffffff;
padding: 5px;
max-width: 100%;
}
.block-form form {
margin-top: 0;
}
.block-form .bordered {
padding-left: 66px;
padding-top: 32px;
border: 1px solid rgb(0 0 0 / 3%);
padding-right: 65px;
padding-bottom: 37px;
}
.mini-label {
padding-left: 0;
margin-top: 20px;
margin-bottom: 26px;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: auto;
margin-bottom: 15px !important;
cursor: pointer;
}
.custom-file input {
display: none;
}
.input-group input {
width: 100%;
height: 82px;
border: 1px solid rgb(0 0 0 / 7%);
padding-left: 34px;
color: rgb(16 24 32 / 40%);
font-size: 18px;
font-weight: 400;
}
.custom-file-label {
background-image: url(../img/file.svg);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 17px 16px;
height: auto;
border: none;
background-color: transparent !important;
color: #1aa9ff;
font-size: 13px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.22px;
line-height: 14px;
text-transform: uppercase;
padding-left: 23px;
padding-top: 0;
padding-bottom: 0;
letter-spacing: 0.52px;
}
u {
text-decoration: none;
border-bottom: 1px solid rgb(26 169 255 / 30%);
padding-bottom: 2px;
cursor: pointer;
text-transform: uppercase;
}
.block-form picture {
right: -121px;
top: -54px;
}
.block-form .form-check {
padding-right: 60px;
}
.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;
}
.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: 5px;
}
.phone-block {
margin-right: 58px;
}
.section-6 {
background-color: #ffffff;
max-width: 1440px;
margin-bottom: 122px;
margin-left: auto;
margin-right: auto;
}
.section-6 h2 {
margin-bottom: 70px;
}
.section-6 .image {
width: 110px;
min-width: 110px;
max-width: 110px;
margin-right: 21px;
text-align: center;
}
.section-6 .h5 {
color: #111626;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.ul li {
color: #111626;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
position: relative;
margin-bottom: 0;
padding-left: 15px;
}
.ul li:before {
content: '';
width: 6px;
height: 6px;
background-color: #007dd6;
position: absolute;
left: 0;
top: 15px;
border-radius: 100%;
}
.ul {
padding: 0;
margin-bottom: 0;
margin-top: 0;
list-style: none;
}
.section-6 picture {
margin-right: -196px;
}
.doc1 {
margin-bottom: 35px;
}
.section-6 {
padding-top: 60px;
padding-bottom: 65px;
}
.control .h4 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.control p {
color: #111626;
font-size: 22px;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.text-block4 {
position: absolute;
top: 150px;
left: 101px;
}
.control {
margin-top: 60px;
}
.ul2 {
padding:0;
margin:0;
list-style: none;
}
.ul2 li {
margin-bottom: 40px;
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
position: relative;
}
.ul2 li img {
margin-right: 14px;
}
.ul2 li:last-of-type {
margin-bottom: 0;
}
.section-8 picture {
margin-right: 49px;
}
.srok {
margin-top: 60px;
}
.section-8 {
padding: 120px 0;
}
.section-9 {
background-image: url(../img/adult.jpg);
padding: 106px 0;
background-repeat: no-repeat;
background-size: cover;
}
.adult-block {
padding-left: 523px;
}
.adult-block h2 {
color: #111626;
font-size: 42px;
font-style: normal;
letter-spacing: normal;
line-height: 56px;
}
.adult-block .h4 {
color: #111626;
font-size: 24px;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-top: 27px;
margin-bottom: 48px;
}
.adult-block .h3 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.adult-block p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.audits {
margin-top: 20px;
}
.audit {
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.zoom {
width: 56px;
height: 56px;
box-shadow: inset 0 0 18px 2px rgb(255 255 255 / 16%);
background-color: #ffb726;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.section-10 {
padding-top: 105px;
padding-bottom: 232px;
background-image: url(../img/result.jpg);
color: #fff;
background-size: cover;
}
.section-10 h2, .section-10 h4 {
color: #fff;
}
.section-10 h4 {
color: #ffffff;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-top: 26px;
margin-bottom: 55px;
}
.icon span {
color: #ffffff;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
display: block;
margin-top: 25px;
}
.icon {
margin-right: 90px;
}
.icon:last-of-type {
margin-right: 0;
}
.icons {
margin-bottom: 80px;
}
.section-11 {
background-color: #ffffff;
max-width: 1440px;
margin: 0 auto;
padding: 120px 0;
margin-top: -105px;
padding-top: 105px;
overflow: hidden;
}
.section-11 h2 {
font-size: 42px;
line-height: 56px;
margin-bottom: 26px;
}
.slider-nav {
width: 350px;
margin-right: 80px;
border: 1px solid rgb(17 22 38 / 10%);
min-width: 350px;
}
.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 {
box-shadow: 0 20px 40px rgb(0 125 214 / 10%), 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: #007dd6;
}
.slider-nav .slick-current .slide-in {
color: #fff;
}
.slide-for .h3 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
margin-bottom: 25px;
margin-top: -10px;
}
.slider {
margin-top: 55px;
}
.carousel-control-next-icon {
background-image: url(../img/arrow1.svg);
width: 64px;
height: 64px;
box-shadow: inset 0 0 15px rgb(255 255 255 / 20%);
border: 8px solid #ffffff;
background-color: #007dd6;
border-radius: 100%;
background-size: 11px 19px;
}
.carousel-control-prev-icon {
background-image: url(../img/arrow2.svg);
width: 64px;
height: 64px;
box-shadow: inset 0 0 15px rgb(255 255 255 / 20%);
border: 8px solid #ffffff;
background-color: #007dd6;
border-radius: 100%;
background-size: 11px 19px;
}
.slider-for .slick-list {
overflow: initial;
}
.carousel-control-next {
right: -54px;
}
.carousel-control-prev {
left: -54px;
}
.carousel {
position: relative;
max-width: 700px;
}
.text-block5 .h5, .result-block .h5 {
color: #111626;
font-size: 18px;
font-weight: bolder;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: left;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.54px;
margin-top: 35px;
margin-bottom: 5px;
}
.text-block5 p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.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 span {
color: #0095ff;
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(0 149 255 / 60%);
opacity: 1;
}
.result-block {
width: 638px;
height: auto;
border: 2px solid #ffb726;
padding-left: 34px;
padding-top: 30px;
margin-left: -34px;
margin-top: 15px;
padding-bottom: 15px;
}
.slider-for {
max-width: 727px;
}
.zoom2 {
justify-content: center;
}
.zoom2 img {
margin-top: 10px;
}
.next-slides {
width: 350px;
height: 76px;
box-shadow: 0 15px 30px rgb(255 170 0 / 15%), inset 0 -3px 5px 1px rgb(255 255 255 / 25%), inset 0 0 19px 1px rgb(255 255 255 / 20%);
border-radius: 3px;
background-color: #ffd98c;
margin-top: 40px;
color: #111626;
font-size: 12px;
font-weight: bolder;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
text-align: center;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.24px;
border: none;
}
.commerce {
margin-top: 60px;
position: relative;
}
.commerce .orcall {
margin-left: 40px;
color: #111626;
margin-top: 0;
}
.commerce .orcall a {
color: #111626;
}
.left-block {
background: #fff;
border-left: 5px solid #ffb726;
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: 512px;
position: relative;
margin-bottom: 30px;
padding-top: 50px;
padding-bottom: 50px;
}
.left-block .fig {
position: absolute;
right: 0;
opacity: 0.65;
}
.lb1 .fig {
right: 24px;
bottom: -41px;
}
.lb2 .fig {
right: -17px;
bottom: -41px;
}
.lb3 .fig {
right: -12px;
bottom: -41px;
}
.section-12 picture {
margin-left: -95px;
margin-top: 91px;
}
.stamp {
position: absolute;
margin: 0 !important;
left: 442px;
bottom: 189px;
}
.section-12 {
padding-top: 106px;
}
.garantiya {
margin-top: -70px;
}
.txt {
position: absolute;
left: 41px;
bottom: 45px;
}
.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;
}
.txt span {
color: #ffb726;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.block6 {
margin-right: 15px;
}
.block6:last-of-type {
margin-right: 0;
}
.blocks2 {
margin-top: 50px;
margin-bottom: 60px;
}
.white-block {
display: flex;
width: 804px;
height: 162px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
justify-content: center;
padding: 25px 0;
margin-top: 30px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.section-14 .d-flex img {
margin-top: -4px;
display: block;
height: 40px;
margin-left: 15px;
}
.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 {
padding: 0 49px;
padding-top: 15px;
padding-bottom: 23px;
border-right: 1px solid #e5e5e5;
}
.white-block div:last-of-type {
border-right: none;
}
.section-14 .h3 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.section-15 h2 {
color: #111626;
/* font-family: "Manrope 3"; */
font-size: 30px;
/* font-weight: 700; */
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.docs span {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
display: block;
margin-top: 5px;
}
.docs {
margin-top: 35px;
}
.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-16 {
border-top: 1px solid rgb(0 0 0 / 5%);
margin-top: 120px;
padding-top: 106px;
}
.section-16 h4 {
margin-top: 25px;
margin-bottom: 55px;
}
.learn {
margin-right: 20px;
}
.learn:last-of-type {
margin-right: 0;
}
.learn p {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
margin-top: 25px;
}
.section-17 {
max-width: 1440px;
background-color: #ffffff;
padding-top: 85px;
padding-bottom: 120px;
margin: 0 auto;
margin-top: 65px;
overflow: hidden;
position: relative;
}
.slider-nav2 {
width: 372px;
margin-right: 40px;
border-radius: 4px;
border: 1px solid rgb(0 0 0 / 10%);
}
.slide-in2 {
padding-left: 15px;
height: 112px;
cursor: pointer;
}
.slider-nav2 .slick-active.slick-current {
border-radius: 4px;
background-color: #ffd98c;
}
.mini-txt span {
color: #111626;
font-size: 18px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: left;
font-style: normal;
letter-spacing: normal;
line-height: normal;
}
.mini-txt p {
color: #111626;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 22px;
}
.slider-nav2 img {
margin-right: 14px;
}
.slider2 {
margin-top: 50px;
}
.slider-for2 .slide-for picture {
margin: 0 auto;
display: table;
width: auto;
margin-bottom: 40px;
}
.slider-for2 {
max-width: 788px;
}
.slider-for2 .slide-for .h4 {
color: #111626;
font-size: 26px;
font-weight: 700;
margin-bottom: 12px;
}
.slider-for2 .slide-for .h5 {
color: #111626;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}
.uls3 p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.uls3 img {
margin-right: 8px;
}
.uls3 .col-md-6 {
margin-bottom: 35px;
}
.uls3 {
margin-top: 35px;
}
.slider-for2 .slick-list {
overflow: initial;
}
.task {
position: absolute;
left: -411px;
margin-top: -59px;
}
.task .d-flex img {
margin-top: -18px;
margin-right: 1px;
}
.task p {
color: #111626;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
}
.arrow3 {
position: absolute;
left: 287px;
top: 85px;
}
.prev-slide {
width: 60px;
height: 60px;
border: 1px solid rgb(26 28 30 / .15);
border-radius: 100%;
background-image: url(../img/arrow4.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 135px;
z-index: 99;
cursor: pointer;
left: 27px;
-moz-transform: scale(-1,1);
-webkit-transform: scale(-1,1);
-o-transform: scale(-1,1);
transform: scale(-1,1);
filter: FlipH;
-ms-filter: FlipH;
}
.next-slide {
width: 60px;
height: 60px;
border: 1px solid rgb(26 28 30 / .15);
border-radius: 100%;
background-image: url(../img/arrow4.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 135px;
right: 60px;
cursor: pointer;
z-index: 99;
}
@media (min-width: 992px) {
.slider-nav2 .slick-track {
transform: translate3d(0px, 0px, 0px) !important;
}
}
.section-17 h2 {
color: #111626;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
}
.section-18 {
padding-top: 151px;
background-image: url(../img/bg6.jpg);
margin-top: -120px;
}
.right-daria h2 {
color: #ffffff;
font-size: 42px;
font-style: normal;
letter-spacing: normal;
line-height: 56px;
}
.right-daria .h4 {
color: #ffffff;
font-size: 24px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-bottom: 50px;
margin-top: 28px;
}
.preim5 {
color: #ffffff;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-bottom: 30px;
}
.preim5 img {
margin-right: 20px;
margin-top: 6px;
}
.daria-block picture {
margin-left: -80px;
}
.right-daria {
margin-top: 89px;
margin-left: 12px;
}
.section-19 {
margin-top: -147px;
background: #f5f7fa;
padding-top: 110px;
padding-bottom: 770px;
}
.round {
width: 32px;
height: 32px;
background-color: #007dd6;
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;
/* Text style for "Телефон /" */
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;
}
.contact-block {
margin-top: 50px;
margin-bottom: 60px;
}
#map {
width: 100%;
height: 732px;
position: absolute;
padding-top: 40px;
z-index: 9;
}
.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;
}
#result {
display: none;
}
.map {
height: 692px;
margin-top: 40px;
}
.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 input {
width: 100%;
height: 96px;
border-radius: 3px;
border: 1px solid #f0f0f0;
background-color: #f7f9fc;
color: rgb(17 22 38 / 50%);
font-size: 18px;
font-weight: 400;
padding-left: 41px;
margin-bottom: 15px;
}
.black-map .main-btn {
width: 100%;
}
.black-map picture {
position: absolute;
top: -20px;
right: 24px;
}
.line6 {
position: absolute;
z-index: 11;
top: 15px;
right: -121px;
}
.black-map .form-check label {
font-size: 12px;
}
.black-map form {
margin-top: 25px;
}
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 span {
color: #111626;
font-size: 17px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
border: none;
}
footer .tender img {
margin-top: 0;
}
footer .mail span {
opacity: 0.6;
color: #111626;
font-size: 14px;
font-weight: 400;
}
footer .phone {
color: #111626;
}
footer .worknow {
color: rgb(17 22 38 / 60%);
}
footer {
padding-bottom: 31px;
}
.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%);
}
.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: 100px;
}
.ov-hidden {
overflow: hidden;
}
.custom-file-label::after {
display: none;
}
.main-btn:hover {
box-shadow: 0 20px 40px rgba(0, 125, 214, 0.2), 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: #008aed;
transition: 0.4s;
}
.left-modal {
background-image: url(../img/girl.png);
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: 215px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
color: #1c1c1c;
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;
}
#exampleModal2 .right-modal .form, #exampleModal3 .right-modal .form {
box-shadow: none;
height: 566px;
margin: 0;
}
#exampleModal2 .modal-dialog {
max-width: 840px;
}
.right-modal {
max-width: 440px;
width: 440px;
}
#exampleModal2 .form .bordered, #exampleModal3 .form .bordered {
border: 1px solid rgb(0 0 0 / 3%);
padding-left: 45px;
padding-top: 40px;
padding-bottom: 37px;
padding-right: 45px;
}
#exampleModal2 .form h4, #exampleModal3 .form h4 {
color: #111626;
font-size: 36px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 44px;
margin-bottom: 18px;
}
#exampleModal2 p, #exampleModal3 p {
color: #111626;
font-size: 22px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 34px;
}
#exampleModal2 input, #exampleModal2 .main-btn, #exampleModal3 input, #exampleModal3 .main-btn {
width: 100%;
}
#exampleModal2 input, #exampleModal3 input {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.close {
position: absolute;
right: -24px;
top: -9px;
}
#exampleModal3 .left-modal {
background-image: url(../img/andre.jpg);
}
#exampleModal3 .modal-dialog {
max-width: 890px;
}
#exampleModal3 .right-modal {
max-width: 490px;
width: 490px;
}
#exampleModal .modal-dialog {
max-width: 1120px;
}
* {
outline: none !important;
}
#exampleModal4 .modal-dialog {
max-width: 440px;
}
#exampleModal4 .black-map {
height: auto;
}
#exampleModal4 .black-map .bordered {
padding-bottom: 47px;
}
.slider-for2 .slick-slide {
height: 0;
}
.slider-for2 .slick-slide.slick-active.slick-current {
height: auto;
}
.tender:hover span, .head-btn:hover,.form-check label a:hover, .policy:hover {
color: #33aaff !important;
transition: 0.4s;
border-bottom: 1px solid rgb(51 170 255 / 25%) !important;
}
.custom-file-label:hover {
color: #33aaff;
}
header .phone:hover {
color: #fff;
}
a:hover {
text-decoration: none !important;
}
.mail a:hover {
color: #33aaff;
transition: 0.4s;
}
.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {
box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
border: 8px solid #ffffff;
transition: 0.4s;
background-color: #008aed;
}
.next-slides:hover {
box-shadow: 0 15px 30px rgba(255, 170, 0, 0.15), inset 0 -3px 5px 1px rgba(255, 255, 255, 0.25), inset 0 0 19px 1px rgba(255, 255, 255, 0.2);
border-radius: 3px;
background-color: #ffd073;
transition: 0.4s;
}
.zoom2 {
cursor: pointer;
}
.next-slide:hover, .prev-slide:hover {
box-shadow: 0 20px 40px rgb(0 125 214 / 20%), inset 0 -3px 5px 1px rgb(255 255 255 / 15%), inset 0 0 19px 1px rgb(255 255 255 / 10%);
background-color: #008aed;
transition: 0.4s;
background-image: url(../img/arrow5.svg);
}
.section-thx {
background-image: url(../img/background-thx.jpg);
padding-top: 94px;
}
.section-thx .daria-block picture img {
max-width: 513px;
}
.section-thx .daria-block picture {
margin-left: -7px;
}
.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: #007dd6;
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: 155px;
margin-left: 0;
}
.f2 {
padding-top: 40px;
}
.audits3 {
display: none;
}
* {
outline: none !important;
}
.form-control:focus {
color: #495057;
background-color: #f7f9fc;
border-color: #f0f0f0;
outline: 0;
box-shadow: none;
}
#cerror, #cerror2, #cerror3, #cerror4, #cerror5, #cerror6, #cerror7, #cerror8, #cerror9, #cerror10, #cerror11 {
display: none;
}
.slider-for .slick-slide {
height: 0;
}
.slider-for .slick-slide.slick-active.slick-current {
height: auto;
}
.btn__light-wrap {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
pointer-events: none;
overflow: hidden;
position: absolute;
}
.btn__light-wrap .btn__light {
position: absolute;
display: block;
top: -1.875em;
top: -1.4em;
left: -8.75em;
height: auto;
width: 5.75em;
height: 9.375em;
transform: rotate(
15deg
);
border-left: 2.5em solid #fff;
animation: btnAnim 2.5s linear infinite;
opacity: .5;
transition: opacity 3s linear;
}
@-webkit-keyframes btnAnim{
0%{left:-8.75em}
30%{left:110%}
40%{left:100%;opacity:0}
41%{left:-8.75em}to{left:-8.75em}}
@keyframes btnAnim{0%{left:-8.75em}30%{left:110%}40%{left:100%;opacity:0}41%{left:-8.75em}to{left:-8.75em}}
.btn__light-wrap{display:block;top:0;left:0;right:0;bottom:0;z-index:50;pointer-events:none;overflow:hidden;position:absolute}
.btn__light-wrap .btn__light{position:absolute;display:block;top:-1.875em;top:-1.4em;left:-8.75em;height:auto;width:5.75em;height:9.375em;transform:rotate(15deg);border-left:2.5em solid #fff;animation:btnAnim 2.5s linear infinite;opacity:.2;transition:opacity 3s linear}
#exampleModal18 .modal-dialog {
max-width: 800px;
}
.none {
	display: none !important;
}

.was-validated input:invalid {
	border: 1px solid red !important; 
}
.was-validated input:valid {
	border: 1px solid green !important; 
}