@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/proxima_nova_semibold-webfont.eot');
    src: url('../fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_semibold-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_semibold-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
         url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proxima_nova_bold-webfont.eot');
    src: url('../fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_regular-webfont.eot');
    src: url('../fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proxima_nova_regular_italic-webfont.eot');
    src: url('../fonts/proxima_nova_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_regular_italic-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular_italic-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_regular_italic-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_regular_italic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'magistralC';
    src: url('../fonts/Magistral-Light.eot');
    src: url('../fonts/Magistral-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-Light.woff2') format('woff2'),
        url('../fonts/Magistral-Light.woff') format('woff'),
        url('../fonts/Magistral-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'magistralCT';
    src: url('../fonts/magistralc-bold-webfont.eot');
    src: url('../fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/magistralc-bold-webfont.woff2') format('woff2'),
         url('../fonts/magistralc-bold-webfont.woff') format('woff'),
         url('../fonts/magistralc-bold-webfont.ttf') format('truetype'),
         url('../fonts/magistralc-bold-webfont.svg#magistralcbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nekstlight';
    src: url('../fonts/Nekst-Light.eot');
    src: url('../fonts/Nekst-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Nekst-Light.woff2') format('woff2'),
    url('../fonts/Nekst-Light.woff') format('woff'),
    url('../fonts/Nekst-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nekstthin';
    src: url('../fonts/Nekst-Thin.eot');
    src: url('../fonts/Nekst-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Nekst-Thin.woff2') format('woff2'),
    url('../fonts/Nekst-Thin.woff') format('woff'),
    url('../fonts/Nekst-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nekstregular';
    src: url('../fonts/Nekst-Regular.eot');
    src: url('../fonts/Nekst-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Nekst-Regular.woff2') format('woff2'),
    url('../fonts/Nekst-Regular.woff') format('woff'),
    url('../fonts/Nekst-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral Extra';
    src: url('../fonts/Magistral-ExtraBoldItalic.eot');
    src: local('Magistral Extra Bold Italic'), local('Magistral-ExtraBoldItalic'),
        url('../fonts/Magistral-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Magistral-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Magistral-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-LightItalic.eot');
    src: local('Magistral Light Italic'), local('Magistral-LightItalic'),
        url('../fonts/Magistral-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-LightItalic.woff2') format('woff2'),
        url('../fonts/Magistral-LightItalic.woff') format('woff'),
        url('../fonts/Magistral-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral Extra';
    src: url('../fonts/Magistral-ExtraBold.eot');
    src: local('Magistral Extra Bold'), local('Magistral-ExtraBold'),
        url('../fonts/Magistral-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-ExtraBold.woff2') format('woff2'),
        url('../fonts/Magistral-ExtraBold.woff') format('woff'),
        url('../fonts/Magistral-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-Medium.eot');
    src: local('Magistral Medium'), local('Magistral-Medium'),
        url('../fonts/Magistral-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-Medium.woff2') format('woff2'),
        url('../fonts/Magistral-Medium.woff') format('woff'),
        url('../fonts/Magistral-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral Book';
    src: url('../fonts/Magistral-BookItalic.eot');
    src: local('Magistral Book Italic'), local('Magistral-BookItalic'),
        url('../fonts/Magistral-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-BookItalic.woff2') format('woff2'),
        url('../fonts/Magistral-BookItalic.woff') format('woff'),
        url('../fonts/Magistral-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral Book';
    src: url('../fonts/Magistral-Book.eot');
    src: local('Magistral Book'), local('Magistral-Book'),
        url('../fonts/Magistral-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-Book.woff2') format('woff2'),
        url('../fonts/Magistral-Book.woff') format('woff'),
        url('../fonts/Magistral-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-Bold.eot');
    src: local('Magistral Bold'), local('Magistral-Bold'),
        url('../fonts/Magistral-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-Bold.woff2') format('woff2'),
        url('../fonts/Magistral-Bold.woff') format('woff'),
        url('../fonts/Magistral-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-Light.eot');
    src: local('../fonts/Magistral Light'), local('Magistral-Light'),
        url('../fonts/Magistral-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-Light.woff2') format('woff2'),
        url('../fonts/Magistral-Light.woff') format('woff'),
        url('../fonts/Magistral-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-MediumItalic.eot');
    src: local('Magistral Medium Italic'), local('Magistral-MediumItalic'),
        url('../fonts/Magistral-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-MediumItalic.woff2') format('woff2'),
        url('../fonts/Magistral-MediumItalic.woff') format('woff'),
        url('../fonts/Magistral-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral';
    src: url('../fonts/Magistral-BoldItalic.eot');
    src: local('../fonts/Magistral Bold Italic'), local('Magistral-BoldItalic'),
        url('../fonts/Magistral-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Magistral-BoldItalic.woff2') format('woff2'),
        url('../fonts/Magistral-BoldItalic.woff') format('woff'),
        url('../fonts/Magistral-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/*@font-face {
    font-family: "MagistralTT Bold";
    src: url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.eot");
    src: url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.woff2")format("woff2"),
    url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.woff")format("woff"),
    url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.ttf")format("truetype"),
    url("../fonts/Magistral/4de56e8fa71b695fbc66ca89058a455d.svg#MagistralTT Bold")format("svg");
    font-weight: normal;
    font-style: normal;
}*/
@import url(https://db.onlinewebfonts.com/c/4de56e8fa71b695fbc66ca89058a455d?family=MagistralTT+Bold);
@font-face {
    font-family: "MagistralTT Bold";
    src: url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.eot");
    src: url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/4de56e8fa71b695fbc66ca89058a455d.svg#MagistralTT Bold")format("svg");
}

/*@font-face {
    font-family: "MagistralC Regular";
    src: url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.eot");
    src: url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.woff2")format("woff2"),
    url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.woff")format("woff"),
    url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.ttf")format("truetype"),
    url("../fonts/Magistral/d37e66ba37dd97d61836c21b379313a4.svg#MagistralC Regular")format("svg");
}*/
@import url(https://db.onlinewebfonts.com/c/d37e66ba37dd97d61836c21b379313a4?family=MagistralC+Regular);
@font-face {
    font-family: "MagistralC Regular";
    src: url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.eot");
    src: url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/d37e66ba37dd97d61836c21b379313a4.svg#MagistralC Regular")format("svg");
}


@font-face {
    font-family: "PT Magistral Cyrillic";
    src: url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.eot");
    src: url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.woff2")format("woff2"),
    url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.woff")format("woff"),
    url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.ttf")format("truetype"),
    url("../fonts/Magistral/1b88a511883cab069b763f09a85c60af.svg#PT Magistral Cyrillic")format("svg");
}



:root {
    --osnovnoy: #4d4a47;
    --orange: #ef9b12;
    --white: #fff;
    --green: #4fb132;
    --seryy: #fefefe;
    --color: #f28484;
    --gray: #a8a8a8;
}
:root {
    --font-family: "proxima_nova_rgregular", sans-serif;
    --font-family_regular: "proxima_nova_rgregular", sans-serif;
    --font-family_bold: "proxima_nova_rgbold", sans-serif;
    --font-family_semibold: "proxima_nova_ltsemibold", sans-serif;
    /*--second-family: "magistralC", sans-serif;*/
    --second-family: "MagistralC Regular", sans-serif;
    /*--second-family: "PT Magistral Cyrillic", sans-serif;*/
    --third-family: "Nekst", sans-serif;
    --font3: "Inter", sans-serif;
    /*--font4: "MagistralCT", sans-serif;*/
    --font4: "MagistralTT Bold", sans-serif;
    --nekstlight: "nekstlight", sans-serif;
    --nekstthin: "nekstthin", sans-serif;
    --nekstregular: "nekstregular", sans-serif;
}

.gallery-slick { visibility:hidden; opacity:0; transition: opacity 1s; }
.gallery-slick.slick-initialized { visibility:visible; opacity:1; }
.gallery-slick .slick-slide { display:none; height: auto; }
.gallery-slick .slick-slide:first-child { display:block; visibility:hidden; height: auto; }
.gallery-slick.slick-initialized .slick-slide { display:block; visibility:visible!important; }
.blog-slider.slick-initialized .slick-slide {
    height: auto;
}
.std-slider{margin: 0px 80px;}
div.news-detail .std-slider{margin: 0px 0px;}
.flex-center-x {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-center-y {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
.flex-space-b {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-left-x {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news-noimage{
    height: 53px;
}
.no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
html, body {
    height: 100%;
}
body {
    background: #FBFAFA;
    font-family: 'proxima_nova_rgregular', sans-serif;
    margin: 0;
    color: #4c5053;
    font-size: 20px;
    overflow-x: hidden;
    position: relative;
}
.scroll-top {
    scroll-margin-top: 8rem;
}
.clearfix:before,
.clearfix:after {
    clear: both;
    display: block;
    content: '';
}
img {
    display: block;
    max-width: 100%;
}

a:focus {
    outline: none;
}
a {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{
    color: transparent !important;
}
input:focus,
textarea:focus,
button:focus{
    outline: none;
}
p {
    margin: 0 0 24px;
    line-height: 26px;
}
p:last-child {
    margin: 0;
}
p a,
span a {
    text-decoration: underline;
}
p a:hover,
span a:hover {
    text-decoration: none;
}
* {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}
button {
    border: none;
    cursor: pointer;
}
button:hover {
    cursor: pointer;
}
.btn-std {
    width: 235px;
    height: 63px;
    display: block;
    margin: 0 17px;
    border-radius: 50px;
    text-align: center;
    line-height: 63px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background: #2ba33c;
    background: -moz-linear-gradient(left, #2ba33c 1%, #49af35 25%, #61b82f 48%, #89c726 75%, #a2d120 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2ba33c 1%, #49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba33c', endColorstr='#a2d120',GradientType=1 ); /* IE6-9 */
    box-shadow: 0 14px 29px 0 rgba(137,194,40,0.5);
    z-index: 1;
    position: relative;
}
.btn-std:after {
    border-radius: 50px;
    z-index: 2;
    content: 'Подробнее';
    font-size: 18px;
    color: #ffffff;
    color: #2ba33c;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s;
    opacity:0;
}
.btn-std:hover:after {
    opacity:1;
}
.btn-std:active {
    transform: translateY(3px);
}
.wrapper {
    position: relative;
    min-height: 100%;

    padding-top: 109px; /* 109 */
    padding-bottom: 312px;
}

.wrapper-404 {
    height: 100%;
}
/* header */
.header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 40;
    padding-bottom: 64px;
    box-shadow: 0 0 30px 0px #bdccd0;
}
.container {
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
}

.container_info {
    position: relative;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
}
.container:after,
.container:before {
    content: '';
    display: block;
    clear: both;
}
/* header */
.header {
    background: #fff;
    padding: 13px 0 20px;
    height: 109px;
}
.logo {
    margin-right: 60px;
    float: left;
    margin-top: 11px;
}
.logo.flexWidth {
    margin: 0 auto 0 0;
}

.fixed .logo{
    margin-top: initial;
}
.logo img {
    display: block;
    transition: 0.3s all ease;
}
.header-nav > li {
    float: left;
    transition: 0.3s all ease;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    margin-left: 30px;
}
.header-nav li:first-child {
    margin-left: 0;
}
.header-nav > li > a {
    color: #4d4948;
    position: relative;
    cursor: pointer;
}
.header-nav li > a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #52b338;
    opacity: 0;
    transition: 0.3s all linear;
}
.header-nav > li > a:hover:after {
    opacity: 1;
}
.header-nav > li.has-child .child-caret {
    content: '';
    display: block;
    position: absolute;
    background: url(../images/drop-arrow.png) no-repeat;
    right: -15px;
    top: calc(50% - 3px);
    width: 8px;
    height: 5px;
    transition: 0.3s all linear;
}
.header-nav > li.has-child .child-caret:hover {
    cursor: pointer;
}
.header-nav > li.has-child .child-drop.active .child-caret {
    transform: rotate(180deg);
}
.header-nav li .drop-child {
    position: absolute;
    z-index: 10;
    top: calc(100% + 20px);
    background: #ffffff;
    width: 237px;
    padding: 17px 0 14px;
    border-radius: 5px;
    left: -35px;
    box-shadow: 0 0 24px 0px #bdccd0;
}
.header-nav li .drop-child {
    font-size: 13px;
    display: none;
}
.header-nav li .drop-child li {
    text-transform: none;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.header-nav li .drop-child a {
    color: #8b8f96;
    padding: 11px 32px;
    display: block;
}
.header-nav li .drop-child a:hover {
    color: #4c5054;
    background: #f5f6f7;
}
.question-btn {
    float: left;
    width: 175px;
    height: 46px;
    text-align: center;
    line-height: 43px;
    border: 2px solid #4FB132;
    border-radius: 25px;
    font-size: 13px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    text-transform: uppercase;
    color: #4FB132;
    margin-left: 51px;
    margin-top: 19px;
    transition: 0.3s all ease;
    cursor:pointer;
}
.question-btn:hover {
    background: #4FB132;
    color: #fff;
}
.header-right {
    display: flex; /* Включаем Flexbox */
    align-items: center; /* Центрируем элементы по вертикали */
    justify-content: center; /* Центрируем элементы по горизонтали */
    transition: 0.3s all ease;
    padding-top: 28px; /* Можем оставить, если нужен отступ сверху */
    position: relative;
    height: 100%; /* Убедитесь, что у контейнера задана высота для вертикального центрирования */
}
.header-info {
    margin-left: 17px;
}
div.header-tel{margin-top:-10px;}
.header-tel {
    float: left;
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    color: #4d4946;
}
.header-mail{
    display: block;
    font-size: 16px;
    color: #4FB132;
    text-align: right;
    font-weight: normal;
    text-decoration: underline;
}
.show-search {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}
.show-search:hover {
    opacity: 0.7;
}
.show-search img {
    display: block;
}
.search-form {
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 10;
    width: 100%;
    height: 50px;
    display: none;
    /*padding-top: 3px;*/
    margin-top: -7px;
}
.search-form input {
    width: 100%;
    border-bottom: 2px solid #e2e3e5;
    border-left: none;
    border-right: none;
    border-top: none;
    line-height: 34px;
    height: 38px;
    font-family: 'proxima_novaregular_italic', sans-serif;
    font-size: 14px;
    color: #8b8f96;
    padding: 0 50px 0 0;
}
.search-form .search-btn, .search-form .close-search-btn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../images/search-ico.png) no-repeat;
    opacity: 0.4;
    width: 16px;
    height: 16px;
    display: block;
    background-size: 16px 16px;
    border: none;
padding:0;
}

.search-form .close-search-btn {
    right: -30px;
    background: url(../images/close-ico.png) no-repeat;
    opacity: 1;
}


/* новый слайд */

.main-slide-title .banner-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 90px;
    margin-bottom: 32px;
    align-items: flex-start;
}
.main-slide-title .banner-title-wrap > div {
    line-height: 1;
}
.main-slide-title .banner-title-wrap :nth-child(1) {
    font-size: 25.2px;
}
.main-slide-title .banner-title-wrap :nth-child(2) {
    font-size: 59px;
}
.main-slide-title .banner-title-wrap :nth-child(3) {
    font-size: 42px;
}
.main-slide-title .banner-title-wrap :nth-child(4) {
    font-size: 41.5px;
}

.main-slide-text .banner-list {
    width: 300px;
    gap: 8px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 180px;
}
.main-slide-text .banner-list li {
    background: #16181ACC;
    border: 1px solid #D6E3EB99;
    color: #D6E3EB;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
}
/* ---- */

@media (max-width: 767px) {

    .search-form .close-search-btn{
        display: none;
    }

}

@media (min-width: 300px) {
    .main-slide-title .banner-title-wrap {
        gap: 0px;
        margin-top: 90px;
        margin-bottom: 32px;
        align-items: center;
    }
    .main-slide-title .banner-title-wrap :nth-child(1) {
        font-size: 25.2px;
    }
    .main-slide-title .banner-title-wrap :nth-child(2) {
        font-size: 59px;
    }
    .main-slide-title .banner-title-wrap :nth-child(3) {
        font-size: 42px;
    }
    .main-slide-title .banner-title-wrap :nth-child(4) {
        font-size: 41.5px;
    }

    .main-slide-text .banner-list {
        width: 100%;
        gap: 8px;
        margin-bottom: 180px;
        justify-content: center;
    }
    .main-slide-text .banner-list li {
        font-size: 16px;
        line-height: 32px;
        height: 32px;
    }
    .main-slide-box .btn-std {
        margin: 30px auto;
    }
    .main-slide-text {
        max-width: 100%;
    }
}
@media (min-width: 540px) {
    .main-slide-title .banner-title-wrap {
        margin-top: 220px;
    }
}
@media (min-width: 768px) {
    .main-slide-text .banner-list {
        width: 500px;
        justify-content: flex-start;
    }
    .main-slide-title .banner-title-wrap {
        align-items: flex-start;
    }
    .main-slide-box .btn-std {
        margin: 10px 0;
    }
    .main-slide-text {
        max-width: 415px;
    }

}
@media (min-width: 993px) {
    .main-slide-title .banner-title-wrap {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .main-slide-title .banner-title-wrap > div {
        line-height: 1;
    }
    .main-slide-title .banner-title-wrap :nth-child(1) {
        font-size: 36.7px;
    }
    .main-slide-title .banner-title-wrap :nth-child(2) {
        font-size: 86px;
    }
    .main-slide-title .banner-title-wrap :nth-child(3) {
        font-size: 61px;
    }
    .main-slide-title .banner-title-wrap :nth-child(4) {
        font-size: 60px;
    }

    .main-slide-text .banner-list {
        width: 900px;
        gap: 10px;
        margin-bottom: 0px;
    }
    .main-slide-text .banner-list li {
        font-size: 20px;
        border-radius: 8px;
        padding: 0 15px;
        line-height: 43px;
        height: 43px;
    }
}

@media (max-width: 990px) {
    .main-slide-title .banner-title-wrap {
        margin-top: 75px;
    }
    .main-slide-text .banner-list {
        width: 685px;
        margin-bottom: 0px;
    }
    .arrow-holder {
        bottom: 20px;
    }
}
@media (max-width: 768px) {
    .main-slide-text .banner-list {
        width: 490px;
    }
}
@media (max-width: 540px) {
    .main-slide-text .banner-list {
        width: 100%;
    }
}

/* popups */
.pop-up {
/*    border: 9px solid #f0f1f2;*/
    border-radius: 8px;
    padding: 30px 0 40px;
    width: 495px;
    z-index: 50;
    position: absolute;
    top: 0;
    background: #fff;
    display: none;
    max-width: 90%;
}
.close-up {
    cursor:pointer;
    position: absolute;
    top: 16px;
    right: 19px;
    transition: 0.3s all ease;
    display: block;
}
.close-up:hover {
    opacity: 0.6;
}
.up-title {
    display: block;
    font-size: 34px;
    margin-bottom: 25px;
    text-align: center;
    color: #4c5053;
    font-family: 'magistralcbold', sans-serif;
}
.question-form input {
    width: 332px;
    max-width: 100%;
    height: 55px;
    border: 2px solid #d8dade;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 16px;
    color: #404448;
    line-height: 51px;
    padding: 0 18px;
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}

.question-form textarea{
    width: 332px;
    max-width: 100%;
    height: 110px;
    border: 2px solid #d8dade;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 16px;
    color: #404448;
    line-height: 51px;
    padding: 0 18px;
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.question-form input[type=submit]{
border:0px none;
color:#ffffff;
cursor:pointer;
}
.question-form .error {
    border: 2px solid #f43030;
    color: #f43030;
}
.form-box {
    width: 332px;
    max-width: 100%;
    margin: 0 auto 27px;
}
@media (max-width: 767px) {
    .form-box{
        margin: 0 auto 15px;
    }

    .question-form input{
        height: 45px;
    }

}
.error::-webkit-input-placeholder {
    color: #f43030;
}
.error::-moz-placeholder {
    color: #f43030;
}
.error:-moz-placeholder {
    color: #f43030;
}
/* main slider */
.main-slider {
    height: 860px;
    background: #e0e7eb; /* Old browsers */
    background: -moz-linear-gradient(left, #e0e7eb 0%, #f9fafb 35%, #fcfdfd 69%, #fbfcfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e0e7eb 0%,#f9fafb 35%,#fcfdfd 69%,#fbfcfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e0e7eb 0%,#f9fafb 35%,#fcfdfd 69%,#fbfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e7eb', endColorstr='#fbfcfc',GradientType=1 ); /* IE6-9 */
}
.main-slider .slick-slide {
    height: 920px; /* 870px */
    padding-top: 232px;/* 125px;*/
}
.slide-img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 860px;
    top: 0;
    object-fit:cover;
}
.slide-img.visible-xl {display: none;}
.slide-img.middle-res{
    display: block;
    -webkit-mask: url(/upload/vector-6.svg#myPath) bottom left no-repeat;
    -webkit-mask-size: auto;
    mask: url(/upload/vector-6.svg#myPath) bottom left no-repeat;
        mask-size: auto;
   /* mask-size: 100%;*/
}
@media (min-width: 1920px) {
   .slide-img.visible-xl {display: block;-webkit-mask: url(/upload/vector-6.svg#myPath) bottom left no-repeat;
    -webkit-mask-size: 100%;
mask: url(/upload/vector-7.svg#myPath) bottom left no-repeat;
mask-size: 100%;}
   .slide-img.hidden-xl {display: none;}
.slide-img.middle-res{

    -webkit-mask-size: 100%;


    mask-size: 100%;
}

}
/* main-slider */
.main-slider .container {
    padding-top: 35px;
}
.swiper-horizontal>.swiper-pagination-bullets {
    left: unset;
}
.swiper-horizontal .swiper-arrows-box,
.swiper-horizontal .swiper-pagination-box {
    width: 1220px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 610px);
    padding-left: 5px;
    bottom: 10px;
    overflow: hidden;
}
.swiper-horizontal .swiper-pagination-box {
    bottom: 38px;
    margin-left: 155px;
    display: flex;
    z-index: 1000;
}
.swiper-horizontal .swiper-pagination-bullet {
    width: auto;
    background: transparent;
    display: block;
    background: none;
    font-size: 28px;
    font-family: 'magistralcbold', sans-serif;
    color: #fff;
    transition: 0.5s all ease;
}
.swiper-horizontal .swiper-pagination-box .swiper-pagination-bullet {
    position: relative;
    float: left;
    padding: 0 5px;
    border-radius: 50%;
    background: transparent;
    font-size: 28px;
    font-family: 'magistralcbold', sans-serif;
    color: #fff;
    height: 28px;
    opacity: 1;
    margin-bottom: 13px;
    transition: 0.5s all ease;
}
.swiper-horizontal .swiper-pagination-box .swiper-pagination-bullet:after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    background: transparent;
    width: 100%;
    height: 5px;
}
.swiper-horizontal .swiper-pagination-box .swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent;
}
.swiper-horizontal .swiper-pagination-box .swiper-pagination-bullet-active:after {
    background: #ffffff;
    width: 100%;
    height: 5px;
}
.swiper-horizontal .swiper-arrows-box {
    display: flex;
}
.swiper-button-prev,
.swiper-button-next {
    z-index: 2;
    position: relative;
    transition: 0.5s all ease;
    width: 68px;
    height: 103px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
}
.swiper-button-prev {
    background: url(../images/slide-prev-wh.png) no-repeat 50% 50%;
    z-index: 5;
}
.swiper-button-next {
    background: url(../images/slide-next-wh.png) no-repeat 50% 50%;
    margin-left: 25px;
}

@media (max-width: 1230px) {
    .main-slide-box {
        margin-left: 100px;
    }
    .swiper-horizontal .swiper-arrows-box,
    .swiper-horizontal .swiper-pagination-box {
        left: calc(50% - 520px);
    }
}


.send-form {
    text-align: center;
    line-height: 63px;
    width: 235px;
    height: 63px;
    display: block;
    margin: 32px auto 0;
    border-radius: 50px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background: #2ba33c; /* Old browsers */
    background: -moz-linear-gradient(left, #2ba33c 1%, #49af35 25%, #61b82f 48%, #89c726 75%, #a2d120 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba33c', endColorstr='#a2d120',GradientType=1 ); /* IE6-9 */
    box-shadow: 0 14px 29px 0 rgba(137,194,40,0.5);
    transition: 0.3s all ease;
}
.send-form:hover {
    opacity: 0.8;
}
.send-form:active,
.close-up:active,
.question-btn:active,
.up-cancel:active,
.standard-btn:active {
    transform: translateY(3px);
}
.shadow {
    background: rgba(45,47,53,0.7);
    position: fixed;
    z-index: 45;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
nav {
    float: left;
    padding-top: 35px;
    transition: 0.3s all ease;
}
.main-slide-box {
    position: relative;
    float: left;
}
.main-slide-box:after {
    /*content: '';*/
    content: none;
    display: block;
    position: absolute;
    top: -55px;
    left: -60px;
    background: url(../images/citrus-ico.png) no-repeat;
    width: 103px;
    height: 97px;
    z-index: 1;
}
.main-slide-box > * {
    position: relative;
    z-index: 2;
}
.main-slide-box .btn-std {

    height: 56px;
    line-height: 56px;
}
.main-slide-title {
    font-size: 64px;
    display: block;
    line-height: 64px;
    font-family: 'magistralcbold', sans-serif;
    color: #ffffff;
    transition: 0.5s all ease;
}
.main-slide-title > h1.main-text {
    line-height: 60px;
    color: #fff;
    font-size: 64px;
}
.main-slide-title span {
    color: #31a53c;
}
.main-slide-text {
    font-size: 26px;
    color: #fff;
    display: block;
    font-family: 'proxima_nova_rgregular', sans-serif;
    margin-top: 20px;
    margin-bottom: 12px;
    /*max-width: 415px;*/
}
.light-slide .main-slide-text{color:#4c5053;}
.main-slider .container {
    z-index: 4;
}
.slick-prev,
.slick-next {
    z-index: 2;
    position: relative;
    transition: 0.5s all ease;
}
.slick-prev {
    background: url(../images/slide-prev-wh.png) no-repeat 50% 50%;
    width: 68px;
    z-index: 5;
    height: 78px;
}
.slick-next {
    background: url(../images/slide-next-wh.png) no-repeat 50% 50%;
    width: 84px;
    height: 78px;
    margin-left: 78px;
}
.slick-arrows-box {
    margin-top: 40px;
    overflow: hidden;
}
.light .slick-prev {
    background: url(../images/slide-prev-gr.png) no-repeat 50% 50%;
    width: 68px;
    height: 78px;
}
.slick-dots,
.arrow-holder {
    width: 1220px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 610px);
    padding-left: 155px;
    bottom: 48px; /*158px;*/
    overflow: hidden;
}
.arrow-holder {
    bottom: 25px; /*40px;*/
    padding: 0;
}
.slick-dots li {
    float: left;
    padding: 0 10px;
}
.slick-dots a {
    display: block;
    background: none;
    font-size: 28px;
    font-family: 'magistralcbold', sans-serif;
    color: #fff;
    transition: 0.5s all ease;
}
.slick-dots .slick-active a:after {
    height: 3px;
    width: 100%;
    content: '';
    display: block;
    margin: 0px auto 0;
    background: #fff;
}
.slick-dots a:hover {
    cursor: pointer;
}
.light .slick-dots li a,
.std-slider .slick-dots li a {
    color: #40ab4d;
}
.light .slick-dots .slick-active a,
.std-slider .slick-dots li.slick-active a {
    color: #4d4948;
}
.light .slick-dots .slick-active a:after,
.std-slider .slick-dots li.slick-active a:after{
    background: #4d4948;
}
.light .main-slide-title {
    color: #4c5053;
}
.slide-list, .news-detail ul {
    margin-top: 20px;
    margin-bottom: 34px;
}
.slide-list li {
    font-size: 26px;
    position: relative;
    margin-top: 12px;
    padding-left: 30px;
}
.news-detail ul li {
    margin-top: 12px;
    padding-left: 30px;
position: relative;
}
.slide-list li a {
    color: #4c5053;
}
.slide-list li:first-child, .news-detail ul li:first-child {
    margin-top: 0;
}
.slide-list li:before, .news-detail ul li:before  {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px;
    background: -moz-linear-gradient(left, #2ba33c 1%, #49af35 25%, #61b82f 48%, #89c726 75%, #a2d120 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba33c', endColorstr='#a2d120',GradientType=1 ); /* IE6-9 */
}

@media (max-width: 990px) {
    .main-slider .container {
        padding-top: 20px;
    }
    .main-slide-box {
        margin-left: 0px;
    }
    .swiper-horizontal .swiper-arrows-box,
    .swiper-horizontal .swiper-pagination-box {
        left: calc(50% - 370px);
    }
    .main-slide-title > h1.main-text {
        line-height: 48px;
        font-size: 50px;
    }
}
@media (max-width: 768px) {

}

/* browser box */
.browser-box {
    width: 626px;
}
.browser-header {
    height: 37px;
    background: rgba(37,39,41,1);
    padding: 0 18px 0 25px;
    border-radius: 15px 15px 0 0;
}
.browser-footer {
    height: 37px;
    background: rgba(37,39,41,1);
    border-radius: 0 0 15px 15px;
}
.main-slider .browser-box {
    float: right;
}
/* about */
.about-section {
    background: linear-gradient(to right, #e0e7eb 0%,#f9fafb 35%,#fcfdfd 69%,#fbfcfc 100%);
}
.about-company {
    padding-top: 80px;
    /*padding-bottom: 235px;*/
    /*background-image: url(/upload/about-bg-3-3.svg);*/
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: cover;
    position: relative;
}
.about-company:before,
.about-company:after {
    position: absolute;
    content: '';
    display: block;
    z-index: 5;
}
.about-company:before {
    left: 0;
    bottom: 130px;
    background: url(../images/about-left-img.png) no-repeat;
    width: 245px;
    height: 565px;
}
.about-company:after {
    right: 0;
    top: 535px;
    background: url(../images/about-right-img.png) no-repeat;
    width: 290px;
    height: 626px;
}
.about-company .container {
    z-index: 6;
}
/* box title */
.box-title-holder {
    position: relative;
    margin-bottom: 65px;
}
.box-title-holder:before {
    background: url(../images/cutorus-circle.png) no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 1;
    left: -19px;
    top: 0;
    display: block;
    content: '';
}
.box-title-holder.box-title-page {
    margin-top: 45px;
    margin-bottom: 38px;
/*    border-bottom: 2px solid #e4e8eb;*/
}
.box-title-holder.box-title-page:before {
    top: -17px;
}
.title-sub,
.box-title {
    display: block;
    position: relative;
    z-index: 2;
    color: #4d4948;
}
.title-sub {
    font-size: 18px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    text-transform: uppercase;
    color: #6f6c6bd6;

}
.box-title {
    line-height: 46px;
    font-size: 46px;
    margin-top: -4px;
    font-family: 'magistralcbold', sans-serif;
}
.box-title-holder .title-sub {
    padding-left: 49px;
}
/* about slider */
.about-slide {
   padding: 0 20px;
}
.about-slide-text {
    max-width: 375px;
    font-size: 18px;
}
div.news-detail .about-slide-text{
    max-width: 45%;
    font-size: 1em;
}
.about-slide-title {
    color: #656668;
    font-size: 26px;
    display: block;
    margin-bottom: 25px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.video-link {
    display: block;
    position: relative;
    width: 100%;
    min-width: 626px;
    height: 386px;
    /*border: 1px solid #ccc;*/
    border: none;
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    background: #000;
}
.video-link > .browser-box-inline > .browser-header,
.video-link > .browser-box-inline > .browser-footer {
    display: none;
}
.video-link img,
.video-link iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.video-link iframe {
    z-index: 0;
}
.play-btn {
    display: block;
    width: 85px;
    height: 90px;
    background: url(../images/play-btn.png) no-repeat 50% 50%;
    position: absolute;
    left: calc(50% - 42px);
    top: calc(50% - 45px);
    z-index: 10;
}
.article-about__wrapper {
    display: flex;
}
.article-about__left {}
.article-about__right30 {
    max-width: 30%;
}
@media screen and (max-width: 990px) {
    .article-about__wrapper {
        flex-wrap: wrap;
    }
    .article-about__right30 {
        max-width: 100%;
        padding-top: 15px;
        margin: 0 auto;
    }
}

/* std slider */
.std-slider .slick-arrow {
    position: absolute;
    background: url(../images/slide-prev-big.png) no-repeat 50% 50%;
    width: 79px;
    height: 160px;
    top: calc(50% - 80px);
    left: auto;
    right: auto;
    transition: 0.3s all ease;
}
.std-slider .slick-arrow:hover {
    opacity: 0.7;
}
.std-slider .slick-arrow:active {
    transform: translateY(3px);
}
.std-slider .slick-prev {
    left: -85px;
}
.std-slider .slick-next {
    right: -85px;
    background: url(../images/slide-next-big.png) no-repeat 50% 50%;
}
.std-slider .slick-dots {
    top: -100px;
    padding: 0;
    text-align: right;
    bottom: auto;
    z-index: 5;
}
.std-slider .slick-dots li {
    float: none;
    display: inline-block;
    position: relative;
    z-index: 3;
}
.std-slider .slick-dots li a {
    font-size: 24px;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
/* about decisions section */
.about-decisions {
    padding-top: 80px;
    padding-bottom: 170px;
position: relative;
}
.about-decisions .container {
    position: relative;
    z-index: 5;
}
.browser-slider .slick-arrow {
    width: 27px;
    height: 12px;
    bottom: -28px;
    top: auto;
}
.browser-slider .slick-prev {
    left: 25px;
    background: url(../images/browser-slide-prev.png) no-repeat;
}
.browser-slider .slick-next {
    right: 25px;
    background: url(../images/browser-slide-next.png) no-repeat;
}
.slider-num {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    line-height: 47px;
    color: #f1f5f8;
}
.browser-slide-title {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    width: 100%;
    line-height: 47px;
    padding-right: 47px;
}
.browser-slider-captions {
    width: calc(100% - 138px);
    padding-right: 7px;
    height: 47px;
}
.about-decisions:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -260px;
    width: 144px;
    height: 400px;
    background: url(../images/decisions-left.png) no-repeat;
z-index:2;
}
/* blog section */
.blog-section {
    padding-top: 100px;
    margin-bottom: 75px;
}
.blog-section .box-title {
    float: left;
}
.blog-section .box-title-holder:before {
    top: -20px;
}
.all-posts {
    float: left;
    margin-left: 42px;
    font-size: 26px;
    color: #51b237;
    text-decoration: underline;
    line-height: 45px;
    position: relative;
    z-index: 10;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.all-posts:hover {
    text-decoration: none;
}
.blog-slide {
    padding: 0 6px 25px;
}
.blog-link {
    display: block;
    width: 291px;
    height: 412px;
    box-shadow: 0 10px 15px 0px rgba(175,205,214, 0.6);
    overflow: hidden;
border-radius: 10px;
}
.blog-date {
    display: block;
    font-size: 13px;
    color: #4c5053;
    padding: 0 21px;
    height: 24px;
    line-height: 24px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
}
.blog-header {
    position: relative;
    height: 100%;
    max-height:190px;
    overflow: hidden;
}
.blog-header img {
    display: block;
    min-height: 190px; /* 100% */
}
.blog-content {
    height: 184px;
    padding: 20px;
    color: #4c5053;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
}
.blog-title {
    display: block;
    margin: 0 0 10px;
    color: #4d4948;
    overflow: hidden;
    height: 75px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-size: 20px;
    line-height: 1.2;
}
.blog-link p {
    color: #4c5053;
    font-size: 16px;
    line-height: 20px;
}
.blog-slider .arrow-holder {
    bottom: auto;
    text-align: right;
    top: -125px;
}
.blog-slider .arrow-holder .slick-prev,
.clients-slider .slick-prev {
    margin-right: 78px;
    height: 94px;
    background: url(../images/slide-prev-gr1.png) no-repeat 50% 50%;
}
.blog-slider .arrow-holder .slick-next,
.clients-slider .slick-next {
    height: 94px;
    background: url(../images/slide-next-gr1.png) no-repeat 50% 50%;
    margin-left: 0;
}
.clients-section {
    background: url(../images/clients-bg.png) no-repeat 50% 0;
    padding-top: 96px;
    padding-bottom: 110px;
}
.clients-title {
    line-height: 46px;
    font-size: 46px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-family: 'magistralcbold', sans-serif;
}
.clients-sub {
    display: block;
    text-align: center;
    max-width: 830px;
    margin: 0 auto;
    width: 100%;
}
.clients-slider {
    margin-top: 25px;
    padding: 0 60px;
}
.clients-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 39px);
}
.clients-slider .slick-prev {
    left: 0;
}
.clients-slider .slick-next {
    right: 0;
}
.clients-slide img {
    display: block;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);/
    filter: grayscale(100%);
    transition: 0.3s all ease;
}
.clients-slide:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.clients-slide {
    height: 125px;
    border-radius: 6px;
    /*width: 90%;*/
    margin: 0 auto;
    transition: 0.3s all ease;
}
.clients-slide:hover {
    background: #fff;
    box-shadow: 0 10px 24px 0 #afcdd6;
}
.clients-slider .slick-list {
    padding: 25px 0;
}
/* contacts */
.contacts-section {
    position: relative;
    min-height: 635px;
}
.contacts-section:before {
    width: 104px;
    height: 130px;
    position: absolute;
    top: -60px;
    left: 0;
    display: block;
    content: '';
    z-index: 6;
}

.container-fluid{
    display:flex;
}

.contacts-map {
position:relative;
    flex:15;
}
.contacts-left {
    position: relative;
    z-index: 5;
    background: #4FB132;
    /* width: 500px; */
    float: left;
    min-height: 635px;
    /* padding-right: 74px; */
    /* padding-top: 55px; */
    /* padding-left: 74px; */
    flex: 10;
    justify-content: flex-end;
    display: flex;
}

.contacts-left-inner {
    width: 500px;
    padding: 55px 74px 20px 74px;
}
.contacts-left:before {
    background: #4FB132;
    height: 643px;
    width: 9999px;
    content: '';
    position: absolute;
    left: -9999px;
    top: 0;
}
#map, .ya-map-main {
    width: 250%;
   /* position: absolute;*/
    left: 0;
    top: 0;
    z-index: 4;
    height: 100%;
}
.contacts-title {
    display: block;
    font-size: 46px;
    color: #ffffff;
    margin-bottom: 2px;
    font-family: 'magistralcbold', sans-serif;
}
.contacts-sub {
    display: block;
    color: #ffffff;
    margin-bottom: 22px;
    font-size: 19px;
}
.contacts-input,
.contacts-area {
    display: block;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #ffffff; /* Нижняя граница белого цвета */
    color: #ffffff;
    font-size: 20px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background: none;
    height: 45px;
    margin-bottom: 10px;
    -webkit-appearance: none !important; /* Убираем скругление на iOS */
    -moz-appearance: none !important;    /* Убираем скругление на Firefox */
    appearance: none !important;         /* Убираем скругление на других браузерах */
}

.label_agreement {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 16px;
}

.label_agreement #form_checkbox_agreement_20 {
    width: 18px;
    height: 17px;
}

.label_agreement span {
    color: white;
}

.label_agreement_feedback {
    color: #4c5053;
    margin-bottom: 20px;
    font-size: 13px;
    display: flex;
    /* align-items: center; */
    margin-left: 80px;
}

@media (max-width: 767px) {
    .label_agreement_feedback  {
        margin-left: 29px;
    }
  }


.label_agreement_feedback #form_checkbox_agreement_21 {
    width: 18px;
    height: 17px;
    margin: 0;
}

.label_agreement_feedback span {
    color: white;
}
.contacts-area {
    height: 46px;
    resize: none;
    /*margin-bottom: 40px;*/
    -webkit-appearance: none !important; /* Убираем скругление на iOS */
    -moz-appearance: none !important;    /* Убираем скругление на Firefox */
    appearance: none !important;         /* Убираем скругление на других браузерах */
}
.contacts-input::-webkit-input-placeholder,
.contacts-area::-webkit-input-placeholder {
    color: #ffffff;
    -webkit-appearance: none !important; /* Убираем скругление на iOS */
    -moz-appearance: none !important;    /* Убираем скругление на Firefox */
    appearance: none !important;         /* Убираем скругление на других браузерах */
}
.contacts-input::-moz-placeholder,
.contacts-area::-moz-placeholder {
    color: #ffffff;
    -webkit-appearance: none !important; /* Убираем скругление на iOS */
    -moz-appearance: none !important;    /* Убираем скругление на Firefox */
    appearance: none !important;         /* Убираем скругление на других браузерах */
}
.contacts-input:-moz-placeholder,
.contacts-area:focus:-moz-placeholder{
    color: #ffffff;
    -webkit-appearance: none !important; /* Убираем скругление на iOS */
    -moz-appearance: none !important;    /* Убираем скругление на Firefox */
    appearance: none !important;         /* Убираем скругление на других браузерах */
}
.contacts-send {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    width: 176px;
    height: 46px;
    display: block;
    border-radius: 50px;
    border: 2px solid #fff;
    background: none;
    text-align: center;
    line-height: 42px;
    font-size: 15px;
    color: #fff;
    transition: 0.3s all ease;
    cursor: pointer;
    margin-top: 12px;
}
.contacts-send:hover {
    background: #fff;
    color: #4fb132;
}
.form-info-text {
    display: block;
    margin-top: 25px;
    font-size: 13px;
    color: #fff;
}
.contacts-right {
   /* float: right;*/
    position: absolute;
    right: 5%;
    top: 20px;
    z-index: 5;
    border-radius: 6px;
    margin-top: 37px;
    width: 458px;
    box-shadow: 0 10px 24px 0 rgba(175,205,214,0.6);
}
.contacts-r-inner {
    position: relative;
    z-index: 5;
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding: 24px 80px 25px 33px;
    border-radius: 6px;
}
/*.contacts-right:after {
    width: 96%;
    margin: 0 auto;
    position: absolute;
    content: '';
    display: block;
    left: 2%;
    z-index: 4;
    right: 2%;
    background: #fff;
    border-radius: 0 0 6px 6px;
    height: 16px;
    bottom: -8px;
    box-shadow: 0 10px 24px 0 rgba(175,205,214,0.6);
}*/
.contacts-right span {
    display: block;
    padding: 0 0 0 46px;
    margin-bottom: 13px;
    line-height: 26px;
    color: #4d4948;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.contacts-right span:last-child {
    margin-bottom: 0;
}
.contacts-address {
    background: url(../images/address-marker.png) no-repeat 0 5px;
}
.contacts-tel {
    background: url(../images/tel-ico.png) no-repeat 0 50%;
}
.contacts-mail {
    background: url(../images/email-ico.png) no-repeat 0 50%;
}
.contacts-web {
    background: url(../images/web-ico.png) no-repeat 0 50%;
}
.contacts-right span a {
    color: #2ea542;
    font-family: 'proxima_nova_rgregular', sans-serif;
    text-decoration: underline;
}
.contacts-right span a:hover {
    text-decoration: none;
}
.footer {
    background: #4C5053;
    padding-bottom: 10px;
    padding-top: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* z-index: 100; */
}
.footer-wrapper {

}
.footer-left {
    float: left;
    max-width: 305px;
    margin-right: 70px;
}
.footer-info {
    display: flex;
    justify-content: space-between;
}
.footer-logo,
.footer-logo img {
    display: block;
}
.copy {
    margin-top: 18px;
    font-size: 13px;
    color: #86898b;
    display: block;
}
.footer-col {
    float: left;
    margin-right: 25px;
}
.footer-nav li {
    font-size: 16px;
    margin-top: 15px;
}
.footer-nav li:first-child {
    margin-top: 0;
}
.footer-nav li a {
    color: #d4d4d4;
    display: block;
}
.footer-nav li a:hover {
    text-decoration: underline;
}
.footer-nav-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    display: block;
    color: #fff;
}
.footer-col:last-child {
    width: 190px;
    margin: 0;
    text-align: right;
}
.footer-col .question-btn {
    float: none;
    border: 2px solid #4FB132;
    color: #4FB132;
    display: block;
    margin: 0 0 16px;
    width: 100%;
}
.footer-col .question-btn:hover {
    background: #4FB132;
    color: #fff;
}
.footer-tel {

}
.footer-tel:hover {
    opacity: 0.7;
}
.footer-mail {
    margin-bottom: unset;
}
.footer-mail:hover {
    text-decoration: none;
}
.footer-mail:after {
    text-decoration: none;
}
.footer-soc-list {
    overflow: hidden;
    text-align: right;
}
.footer-soc-list li {
    display: inline-block;
    margin: 0 0 0 6px;
}
.footer-soc-list li:first-child {
    margin: 0;
}
.footer-soc-list li a {
    background: url(../images/soc-sprite.png) no-repeat;
    display: block;
    width: 34px;
    height: 33px;
}
.footer-info__wrapper {
    display: block;
    position: relative;
}
.footer-info__ico {
    position: absolute;
    margin-right: 13px;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
}
.footer-info__inner {
    text-align: left;
    margin-left: 38px;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    line-height: 1.4rem;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    color: #d4d4d4;
}
.footer-info__search {
    position: relative;
    display: flex;
    align-items: center;
    padding: 3px 10px;
    margin-bottom: 12px;
    border-radius: 15px;
    min-height: 28px;
    background-color: #ffffff;
}
.footer-search__ico {
    position: absolute;
    top: 5px;
}
.footer-search__title {
    margin-left: 35px;
    font-size: 12px;
    color: #d4d4d4;
}
.footer-info__inner {}
.footer-soc-list li a.inst-soc,
.contacts-content .footer-soc-list li a.inst-soc {
    background-position: -40px 0;
}
.footer-soc-list li a.vk-soc,
.contacts-content .footer-soc-list li a.vk-soc {
    background-position: -80px 0;
}
.footer-soc-list li a.yout-soc,
.contacts-content .footer-soc-list li a.yout-soc {
    background-position: -120px 0;
}
.footer-soc-list li a:hover {
    opacity: 0.7;
}
.footer-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    padding-top: 4px;
    border-top: 1px solid #4a4e52;
    font-size: 16px;
}
.polite,
.conditions {
    float: left;
    line-height: 40px;
    color: #e1e1e1;
    text-decoration: underline;
}
.polite:hover,
.conditions:hover,
.dev-text a:hover {
    text-decoration: none;
}
.polite {
    margin-right: 60px;
}
.developer {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
}
.footer-bot__link {
    display: flex;
}
.dev-text {
    display: block;
    margin-right: 18px;
    text-align: center;
}
.dev-text a {
    color: #ffffff;
    text-decoration: underline;
}


/* styles.html */

.content {
    /*margin-top: 56px;*/
}
.content img {
    display: initial;
    max-width: 100%;
}

.bread-crumbs {
    overflow: hidden;
    /*margin-bottom: 35px;*/
}
.bread-crumbs li {
    float: left;
    margin-right: 12px;
    font-size: 15px;
    color: #4c5053;
    padding-left: 16px;
    position: relative;
}
.bread-crumbs li a {
    color: #8d9196;
}
.bread-crumbs li a:hover {
    text-decoration: underline;
}
.bread-crumbs li:first-child {
    padding-left: 0;
}
.bread-crumbs li:before {
    content: '';
    display: block;
    background: url(../images/bread-arrow.png) no-repeat 50% 50%;
    width: 5px;
    height: 8px;
    top: calc(50% - 4px);
    position: absolute;
    left: 0;
}
.bread-crumbs li:first-child:before {
    display: none;
}
h1 {
    color: #4d4948;
    font-size: 46px;
    line-height: 46px;
    font-family: 'magistralcbold', sans-serif;
    display: block;
    margin: 0 0 25px;
}
h2 {
    color: #656668;
    font-size: 28px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    display: block;
    margin: 0 0 25px;
}
h3 {
    color: #4c5053;
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    display: block;
    margin: 0 0 25px;
}
h4 {
    color: #4c5053;
    font-size: 20px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    margin: 0 0 25px;
}
h5 {
    color: #4c5053;
    font-size: 20px;
    font-family: 'proxima_nova_rgregular', sans-serif;
    margin: 0 0 25px;
}
.subtitle {
    display: block;
    font-size: 28px;
    color: #656668;
    font-family: 'magistralcbold', sans-serif;
    margin-bottom: 22px;
}
ol {
    list-style: none;
    counter-reset: li;
}
ol li {
    color: #4d4948;
}
ol li:before {
    counter-increment: li;
    content: counters(li,".") ". ";
}
.num-list-inner {
    padding-top: 14px;
}
.num-list {
    padding: 0;
}
.num-list > li {
    font-size: 25px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.num-list > li > .num-list-inner {
    padding-bottom: 12px;
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.num-list > li > .num-list-inner > li li {
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.num-list > li > .num-list-inner > li > ol {
    font-size: 18px;
}
.num-list > li > .num-list-inner > li > ol > li > ol {
    font-size: 16px;
}
.mark-list {
    margin: 20px 0;
}
.mark-list li {
    padding-left: 24px;
    position: relative;
    margin-top:10px;
}
.mark-list li:first-child {
    margin-top:0;
}
.mark-list li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 6px;
    background: -moz-linear-gradient(left, #2ba33c 1%, #49af35 25%, #61b82f 48%, #89c726 75%, #a2d120 100%);
    background: -webkit-linear-gradient(left, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%);
    background: linear-gradient(to right, #2ba33c 1%,#49af35 25%,#61b82f 48%,#89c726 75%,#a2d120 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba33c', endColorstr='#a2d120',GradientType=1 );
}
.mark-list ul {
    padding: 14px 0 0 14px;
}
.mark-list > li {
    font-size: 18px;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.mark-list li a{color:#40ab4d;}
.mark-list li a:hover{text-decoration:underline;}
.mark-list > li > ul {
    padding-bottom: 14px;
}
.mark-list > li > ul > li {
    font-size: 20px;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.mark-list > li > ul > li:before {
    border-radius: 0;
}
.mark-list > li > ul > li > ul > li {
    font-size: 20px;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.mark-list > li > ul > li > ul > li:before {
    background: none;
    border:1px solid #2ba33c;
}
.mark-list > li > ul > li > ul > li > ul > li {
    font-size: 20px;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
.mark-list > li > ul > li > ul > li > ul > li:before{
    background: none;
    border:1px solid #2ba33c;
    border-radius: 0;
}

.colored-text {
    margin: 50px 0 45px;
    border-radius: 4px;
    background: #eef2f5;
    padding: 44px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.quote {
    background: url(../images/quote-img.png) no-repeat 0 0;
    padding: 30px 0 0 60px;
    margin: 40px 0 50px;
    font-size: 20px;
    color: #31a53c;
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-style: italic;
}
/* table */
table {
    border: 3px solid #d9e0e5;
    border-radius: 6px;
    margin: 10px 0 10px;
    border-collapse: collapse;
}
table tr td {
    border: 1px solid #d9e0e5;
    padding: 15px 23px;
    font-size: 18px;
    color: #4d4948;
    font-family: 'proxima_nova_rgregular', sans-serif;
}
table thead tr td {
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.table-date,
.table-num,
.table-time {
    text-align: center;
    display: block;
}
table tbody tr:nth-child(2n -1) {
    background: #eef2f5;
}
table tbody .table-num {
    color: #52b33c;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.box-section {
    padding: 60px 0 0;
    margin: 65px 0;
    border-top: 1px solid #dfe3e6;
}
p a {
    color: #51b237;
    text-decoration: underline;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
p a:hover {
    text-decoration: none;
}
span a {
    color: #51b237;
    text-decoration: underline;
}
span a:hover {
    text-decoration: none;
}
.error-text {
    display: none;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    padding: 8px 0;
    font-size: 16px;
    color: #f43030;
}
/* thanks popup */
.thanks-up {
    width: 700px;
    max-width: 90%;
    padding: 20px 53px;
    margin: auto;
    color: #31a53c;
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.actions-up {
    padding-left: 29px;
    padding-right: 27px;
    padding-top: 24px;
    padding-bottom: 37px;
}
.actions-up .up-title {
    text-align: left;
    line-height: 34px;
}
.actions-up .close-up {
    top: 33px;
    right: 27px;
}
.actions-up-text {
    font-size: 18px;
    display: block;
    padding-left: 64px;
}
.confirm-text {
    background: url(../images/question-ico.png) no-repeat 0 0;
}
.success-text {
    background: url(../images/success-ico.png) no-repeat 0 0;
}
.up-error-text {
    background: url(../images/error-ico.png) no-repeat 0 0;
}
.attention-text {
    background: url(../images/attention-ico.png) no-repeat 0 0;
}
.actions-footer {
    margin-top: 30px;
}
.actions-footer .send-form {
    margin: 0 15px 0 0;
    width: 171px;
}
.up-cancel {
    background: #c7ccd3;
    width: 171px;
    text-align: center;
    line-height: 63px;
    height: 63px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 50px;
    transition: 0.3s all ease;
    box-shadow: 0 14px 29px 0 rgba(199,204,211,0.5);
}
.up-cancel:hover {
    opacity: 0.8;
}
/* 404 */
.std-page {
   /* min-height: 860px;*/
    padding-bottom: 200px;
    background: url(../images/elki2-bg-op05.png) no-repeat 50% 100%;
background-size: 100%;
}
.error-page-title {
    display: block !important;
    /*margin: 165px auto 15px;*/
    margin: auto;
}
.error-page-sub {
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-size: 28px;
    color: #4d4948;
    margin-bottom: 35px;
    text-align: center;
}
.erro-page-text {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-size: 22px;
    color: #4c5053;
    text-align: center;
    display: block;
}
.wrapper-404 .footer{
    position:relative
}
/* search */
.main-search-form {
    width: 590px;
    height: 50px;
    max-width: 100%;
    border: 2px solid #d9dadf;
    position: relative;
    border-radius: 3px;
    margin-bottom: 30px;
}
.main-search-form input {
    width: 100%;
    padding: 0 60px 0 22px;
    height: 46px;
    line-height: 46px;
    background: none;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-size: 16px;
    color: #4c5053;
    border: none;
}
.main-search-form .search-btn {
    background: url(../images/search-ico.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 12px;
    display: block;
}
.main-search-form .search-btn:hover {
    opacity: 0.8;
}
.search-res-title {
    font-size: 28px;
    display: block;
    color: #4d4948;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    margin-bottom: 25px;
}
.search-res-list {
    padding: 0;
    margin: 0;
}
.search-res-list li {
    padding: 0 0 0 25px;
    position: relative;
    margin-top: 45px;
}
.search-res-list li:first-child {
    margin-top: 0;
}
.search-res-list li:before {
    position: absolute;
    font-size: 22px;
    color: #45af55;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    left: 0;
    top: -2px;
}
.search-res-name {
    display: block;
    color: #4c5053;
    margin-bottom: 18px;
    font-size: 22px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    line-height: 22px;
}
.search-res-name:hover {
    text-decoration: underline;
}
.search-res-list li p {
    line-height: 30px;
}
/* news */
.news-main-box {
    position: relative;
    width: 600px;
    height:100%;
    display: block;
    transition: 0.3s all ease;
}
.news-main-box:hover {
    box-shadow: 0 0 24px 0 rgba(175,205,214,0.8);
}
.news-main-head {
    position: relative;
}

.news-main-head img{
 width:100%
}
.news-date {
    display: block;
    font-size: 18px;
    color: #4c5053;
    padding: 0 32px;
    height: 53px;
    line-height: 53px;
    background: rgba(64,67,70,0.65);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
}
.news-main-content {
    padding: 30px;
    background: #fff;
    box-shadow: 0 10px 24px 0 rgba(175,205,214,0.3);
}
.news-main-title {
    display: block;
    font-size: 28px;
    color: #656668;
    margin-bottom: 20px;
}
.news-main-content p {
    color: #4c5053;
}
.news-footer {
    margin-top: 40px;
    max-width: 100%;
}
.news-footer .blog-slide {
    padding: 0;
}
.news-left {
    width: 600px;
}
.news-text-list {
    width: 600px;
    padding: 0 24px 0 28px;
}
.news-text-link {
    display: block;
    font-size: 20px;
    color: #4d4948;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    margin-bottom: 15px;
}
.news-text-link:hover {
    text-decoration: underline;
}
.news-text-list li {
    font-size: 18px;
    margin-top: 36px;
}
.news-text-date,
.news-archive-date {
    font-size: 13px;
    display: block;
}
.news-text-list li p {
    margin-bottom: 12px;
    line-height: 20px;
}
.news-text-list li:first-child {
    margin-top: 0;
}
.news-left .blog-link {
border-radius: 0;
    height: auto;
    background: #fff;
    position: relative;
}
.news-left .blog-link:after {
    width: 96%;
    margin: 0 auto;
    position: absolute;
    content: '';
    display: block;
    left: 2%;
    right: 2%;
    background: #edf4f6;
    border-radius: 0 0 6px 6px;
    height: 16px;
    bottom: -8px;
    opacity: 0;
    transition: 0.3s all ease;
    box-shadow: 0 10px 24px 0 rgba(175,205,214,0.6);
}
.news-left .blog-link:hover:after {
    opacity: 1;
}
.news-left .blog-content {
    position: relative;
    z-index: 5;
}
.news-left .blog-link:hover .blog-title {
    text-decoration: underline;
}
.standard-btn {
    width: 205px;padding-left:10px;padding-right:10px;
    height: 46px;
    text-align: center;
    line-height: 42px;
    border: 2px solid #eb851b;
    border-radius: 25px;
    font-size: 13px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    text-transform: uppercase;
text-decoration:none;
    color: #ef9b12;
    /*margin-left: 42px;*/
    margin-top: 19px;
    display: block;
    margin: 0 auto;
    transition: 0.3s all ease;
}
.standard-btn:hover {
    background: #eb851b;
    color: #fff;
}
.way-box .standard-btn{
    position:absolute;
    bottom:0px; left:0;
}

.archive-btn {
    margin-top: 70px;
}
.archive-select {
    width: 162px;
    float: left;
    margin-right: 15px;
}
.news-archive {
    margin-top: 24px;
/*    border-top: 2px solid #e4e8eb;*/
    padding-top: 45px;
}
.archive-list li {
    margin-bottom: 45px;
    width: 570px;
    max-width: 100%;
    font-size: 18px;
}
.news-img {
    width: 151px;
    float: left;
}
.news-archive-content {
    float: left;
    width: calc(100% - 151px);
    padding-left: 14px;
}
.news-img a {
    display: block;
}
.news-img a:hover {
    opacity: 0.7;
}
.news-archive-title {
    display: block;
    font-size: 20px;
    color: #4d4948;
    margin-bottom: 12px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.news-archive-title:hover {
    text-decoration: underline;
}
.news-archive-date {
    margin-top: 10px;
}
.more-news {
    font-size: 15px;
    width: 194px;
}
.contacts-ico {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 100%;
    box-shadow: 0 10px 15px 0px rgba(175,205,214, 0.6);
}
.contacts-ico img {
    display: block;
    margin: 0 auto;
}
.contacts-content {
    float: left;
    width: calc(100% - 71px);
    padding-left: 30px;
    padding-top: 8px;
}
.contacts-col-title {
    display: block;
    font-size: 28px;
    margin-bottom: 12px;
}
.contacts-head .contacts-col:nth-child(2) {
    float: left;
    width: 412px;
}
.contacts-text {
    font-size: 18px;
    line-height: 26px;
    display: block;
    color: #4d4948;
}
.contacts-col-box:first-child {
    margin-top: 0;
}
.contacts-col-box {
    margin-top: 35px;
}
.contacts-head .contacts-col {
    float: left;
    width: 370px;
}
.contacts-content .footer-soc-list {
    text-align: left;
}
.contacts-content .footer-soc-list li a {
    background: url(../images/soc-sprite-gr.png) no-repeat;
}

.qr-code {
    padding: 20px;
    border-radius: 10px;
    margin-top: 40px;
    font-size: 18px;
    display: flex;
}

.qr-section {
    padding: 20px;
    border-radius: 10px;
    margin-top: 40px;
    font-size: 18px;
    box-shadow: 0 5px 20px 1px rgba(175,205,214, 0.6);
}
.qr-box {
    margin-right: 20px;
    padding: 7px;
    border: 1px solid #d7e1e4;
}

.qr-code .qr-box{
    flex: 0;
}
.contacts-middle {
    position: relative;
    height: 690px;
    margin-top: 50px;
}
.contacts-middle #map, .contacts-middle .ya-map-main {
    width: 65%;
    border-radius: 0 15px 15px 0;
    position:absolute;
}
.contacts-middle .browser-box {
    float: right;
    margin-top: 63px;
    position: relative;
    z-index: 5;
}
.contacts-middle .browser-box:after {
    content: '';
    display: block;
    background: url(../images/citrus-ico.png) no-repeat 50% 50%;
    width: 103px;
    height: 97px;
    position: absolute;
    right: -48px;
    top: -58px;
    /*z-index: -1;*/
}
.way-section {
    margin-top: 60px;
}
.way-box {
    position: relative;
    width: 580px;
    padding-bottom:46px;
    font-size: 18px;
}
.way-title {
    font-size: 20px;
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    margin-bottom: 20px;
}
.box-title-holder.box-title-page.border-none {
    border-bottom: none;
    padding-bottom: 12px;
}
/* decisions.html */
.decision-section {
    margin-bottom: 65px;
}
.decision-col {
    width: 600px;
}
.decision-box {
    margin-top: 20px;
    padding: 45px 40px;
    border-radius: 10px;
    width: 100%;
    position: relative;
    display: block;
    transition: 0.3s all ease;
}
.decision-box:hover {
    box-shadow: 0 5px 25px 5px rgba(175,205,214, 0.8);
}
.decision-col .decision-box:first-child {
    margin-top: 0;
}
.decision-box.green {
    background: #2fa53c;
}
.decision-box.big {
    height: 500px;
}
.decision-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.decision-title {
    position:relative;
    z-index:1;
    font-size: 36px;
    margin-bottom: 25px;
}
.decision-text {
    position: relative;
    z-index: 1;
    font-size: 22px;
}
.decision-text,
.decision-title {
    color: #fff;
    display: block;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.decision-box.inverse .decision-text,
.decision-box.inverse .decision-title {
    color: #4d4946;
}
.dec-about {
    background: url(../images/decisions-bg-wood.png) no-repeat 50% 50%;
    background-size: cover;
    height: 470px;
}
.dec-disp {
    background: url(../images/dec-green.png) no-repeat 50% 50%;
    background-size: cover;
    height: 225px;
}
.dec-pa {
    background: url(../images/dec-pa.png) no-repeat 50% 50%;
    background-size: cover;
    height: 542px;
}
.decision-box.developing {
    height: 470px;
    background: #ced6dc;
}
.dec-dispatcher {
    background: #f3ab0a;
}
.dec-system {
    background: #b5bcc3;
}
.dec-system .decision-img {
    right: 0;
}
.citorus-ico {
    display: block;
    margin: 0 auto;
}
.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
    height: 70px;
}


.header.fixed nav {
    padding-top: 15px;
}
.header.fixed .question-btn {
    margin-top: 0;
}
.header.fixed .header-right {
    padding-top: 10px;
}
.header.fixed .logo img {
    height: 45px;
    width: auto;
}

@media (max-width: 767px){
    .header {
        /*height:auto;*/
        box-shadow: none;
        border-bottom: 2px solid #4D566F;

    }

    .header.fixed .header-right {
        padding-top: 18px;
    }
}
.more-blogs {
    display: block;
    margin: 11px auto 0;
    width: 175px;
    height: 46px;
    text-align: center;
    line-height: 42px;
    border: 2px solid #eb851b;
    border-radius: 25px;
    font-size: 13px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    text-transform: uppercase;
    color: #ef9b12;
    transition: 0.3s all ease;
}
.more-blogs:hover {
    background: #eb851b;
    color: #fff;
}
a[href="https://www.youtube.com/watch?v="] {display: none;}
@media (min-width: 1200px) {
.flexWidth {width: 234px;}
}

.contacts-left .contacts-form .inputtext {
    display: block;
    width: 100%;
    padding: 5px 10px 5px 0;
    border-bottom: 2px solid #ffffff;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #ffffff;
    font-size: 20px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background: none;
    height: 45px;
    margin-bottom: 10px;
}

.company-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask: url(/upload/com-mask-3.svg#myPAth) bottom left no-repeat;
    -webkit-mask-size: 100%;
    mask: url(/upload/com-mask-3.svg#myPAth) bottom left no-repeat;
    mask-size: 100%;
}

.decisions-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-bgbottom{
width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
}
iframe[src=""] {
    display: none;
}
.main-text {
line-height: 60px;
text-shadow: 2px 2px 2px rgba(0,0,0,.4);
}
.main-subtext {
line-height: 30px;
text-shadow: 2px 2px 2px rgba(0,0,0,.4);
font-size: 24px;
}

@media (max-width: 767px) {
.main-text {
line-height: 30px;
text-shadow: 2px 2px 2px rgba(0,0,0,.4);
font-size: 26px;
}
.main-subtext {
line-height: 24px;
text-shadow: 2px 2px 2px rgba(0,0,0,.4);
font-size: 20px;
}
}
.decision-box {
    height: auto !IMPORTANT;
}
.full-size.fancybox {display: none;}
.news-date-time {color: #eb851b;}

.errortext {
    color: red !important;
}
.detail_picture_container{
    position:relative;
    margin-bottom: 40px;
}

.detail_picture_container--solutions{

    margin-bottom: 0;
}
.itemNewsInfoWrap {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 50px;
    padding: 0 30px;
}

.itemNewsInfoWrap h2 {
    margin-top: 10px;
    color: #fff;
}

div.news-detail .detail_picture_container img.detail_picture {
    float: none;
    margin-left: 0;
    border-radius: 0 0 15px 15px;
}

.gradientDetailPhoto {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/citorus/components/bitrix/news/.default/bitrix/news.detail/.default/images/gradientDetailPhoto.png) center bottom repeat-x;
    bottom: 12px;
    border-radius: 0 0 15px 15px;
}

.photoDescription {
    font-size: 16px;
    background: #28282860 !important;
    padding: 13px 30px 15px !important;
    line-height: 100%;
    position: absolute !important;
    bottom: 12px !important;
    width: 100% !important;
    z-index: 1 !important;
    color: #fff;
    display: flex;
    border-radius: 0 0 15px 15px;
}

.photoDescription span {
    display: flex;
    flex: 1;
}

/*Соцсети начало*/
.photoDescription .likely {
    display: block;
    margin: 0px;
    float:left;
}

.photoDescription .likely .likely__widget {
    color: #000;
    background: none;
    margin: 0px 0px 0px 15px;
    height: 16px;
}

.photoDescription .likely .likely__icon {
    width: 16px;
    height: 16px;
}

.photoDescription .likely .likely__counter {
    display: none;
}

.photoDescription span {
    display:block;
    float:left;
}

.photoDescription .likely svg {
    position: absolute;
    left: 0px;
    top: 0px;
}

.downloadPhotoDetail,
.downloadPhotoDetail:hover,
.downloadPhotoDetail:active,
.downloadPhotoDetail:focus {
    color:#fff;
    text-decoration:none;
}

.photoDescription .likely-light .likely__widget_telegram,
.photoDescription .likely-light .likely__widget_telegram:focus,
.photoDescription .likely-light .likely__widget_telegram:active,
.photoDescription .likely-light .likely__widget_telegram:hover{
    color: #34abde;
    fill: #34abde !important;
    background: none;
    text-shadow: none;
}

.photoDescription .likely-light .likely__widget_odnoklassniki,
.photoDescription .likely-light .likely__widget_odnoklassniki:focus,
.photoDescription .likely-light .likely__widget_odnoklassniki:active,
.photoDescription .likely-light .likely__widget_odnoklassniki:hover{
    color: #ff912f;
    fill: #ff912f !important;
    background: #fff;
    text-shadow: none;
    border-radius:5px;
}

.photoDescription .likely-light .likely__widget_twitter,
.photoDescription .likely-light .likely__widget_twitter:focus,
.photoDescription .likely-light .likely__widget_twitter:active,
.photoDescription .likely-light .likely__widget_twitter:hover{
    color: #00abf7;
    fill: #00abf7 !important;
    background: none;
    text-shadow: none;
}

.photoDescription .likely-light .likely__widget_vkontakte,
.photoDescription .likely-light .likely__widget_vkontakte:focus,
.photoDescription .likely-light .likely__widget_vkontakte:active,
.photoDescription .likely-light .likely__widget_vkontakte:hover{
    color: #426d92;
    fill: #426d92 !important;
    background: #fff;
    text-shadow: none;
    border-radius:5px;
}

.photoDescription .likely-light .likely__widget_facebook,
.photoDescription .likely-light .likely__widget_facebook:focus,
.photoDescription .likely-light .likely__widget_facebook:active,
.photoDescription .likely-light .likely__widget_facebook:hover{
    color: #3a5795;
    fill: #3a5795 !important;
    background: #fff;
    text-shadow: none;
    border-radius:5px;
}

/*Соцсети конец*/


.downloadPhotoDetail, .downloadPhotoDetail:hover, .downloadPhotoDetail:active, .downloadPhotoDetail:focus {
    color: #fff;
    text-decoration: none;
}

.browser-box-inline{
    display: inline-block;
}

.browser-footer-solutions{
    margin-top:-6px;
    margin-bottom: 40px;
}

.slider__gallery .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 0;
    bottom: 20px;
    list-style: none;
}
.slider__gallery .slick-dots li {
    margin: 0;
    padding: 0 12px;
}
.slider__gallery .slick-dots li.slick-active button {
    background: #2ba33c;
    border: 3px solid #2ba33c;
}
.slider__gallery .slick-dots li button {
    background: transparent;
    width: 9px;
    height: 18px;
    border: 3px solid #2ba33c;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden;
}
.slider__gallery .slick-dots li::before {
    display: none;
}
.slider__gallery .slick-prev {
    background: url('../images/slide_gallery_prev.png') no-repeat;
    position: absolute;
    top: calc(50% - 10.5px);
    left: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}
.slider__gallery .slick-next {
    background: url('../images/slide_gallery_next.png') no-repeat;
    position: absolute;
    top: calc(50% - 10.5px);
    right: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}
.slider__gallery {
    position: relative;
    padding-top: 35px;
}
.slider__gallery_img {
    position: relative;
    padding-top: 35px;
}
.slider__gallery_img::before {
    content: '';
    background: #333 url('/upload/browser-top.png') no-repeat;
    background-position: 18px 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    border-radius: 7px 7px 0 0;
}
.slider__gallery_nav {
    margin-left: -2.5px;
    margin-right: 0.5px;
}
.slider__gallery_nav .slick-slide {
    margin: 0 2.5px;
}

.header nav {
    padding-top: 8px;
}

.header .question-btn {
    margin-top: 3px;
}

@media(min-width: 992px) {
    .header {
        padding: 25px 0;
    }
    .header .header-flex-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header .logo {
        margin-top: 0;
    }
    .header nav {
        padding-top: 8px;
    }
    .header .question-btn {
        margin-top: 3px;
    }
    .header .header-right {
        padding-top: 0;
    }
    .header div.header-tel {
        margin-top: 0;
    }
    .header .show-search {
        position: relative;

    }
    .header .search-form {
        top: 10px;
        width: 190px;
    }
    .search-form .close-search-btn {
        background: #fff url(../images/close-ico.png) center no-repeat;
        top: 0;
        width: 38px;
        height: 38px;
    }
    .search-form .search-btn {
        right: 20px;
    }
    .header.fixed {
        /*padding: 25px 0;*/
        height: auto;
    }
    .header.fixed nav {
        padding-top: 0;
    }
    .header.fixed .header-right {
        padding-top: 0;
    }
    .logo img, .header.fixed .logo img {
        width: 234px;
        height: auto;
    }
}
@media(min-width: 992px) and (max-width: 1200px) {
    .header .search-form {
        width: 148px;
    }
}
@media (max-width: 1230px) {
    .header .header-nav {
        margin-right: 20px;
    }
    .footer-col:last-child {
        width: max-content;
    }
    .footer-col {
        max-width: max-content;
    }
}
@media(min-width: 768px) {
    .header {
        position: fixed;
    }
}
@media(max-width: 991px) {
    .footer-col:not(:last-child) {
        display: none;
    }
    .footer-info__wrapper:first-child {
        display: none;
    }
}
.box-title-text-wrap {
    position:relative;
    z-index:2;
    margin-top: -65px;
}

ol.ol-list-style1 {
    margin: 0;
    padding: 0;
}
ol.ol-list-style1 li:before {
    counter-increment: none;
    content: '';
}

/* new shablon */

/* banner-top */
.banner__top {

}
.banner__top-bg {
    padding: 80px;
    background: url(../images/bg-banner-top_1_min.png) no-repeat 50% 100%;
    background-size: 100%;
}

.top__slider-item {
    display: flex;
    flex-direction: column;
}
h1.top-slider__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 48px;
    text-transform: uppercase;
    color: var(--osnovnoy);
}
.top-slider__title span {
    font-family: var(--font4);
    font-weight: bold;
    display: block;
    color: var(--green);
}
.top-slider__desc {
    margin-bottom: 18px;
    max-width: 80%;
    font-family: var(--font-family_regular);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.top-slider__top {
    margin-bottom: 100px;
}
.top-slider__bottom {
    position: relative;
    display: flex;
    justify-content: left;
}
.top-slider__bottom-left {
    display: flex;
    flex-direction: column;
    width: 61%;
}
.bottom__left-title {
    margin-top: 13px;
    margin-bottom: 23px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
    color: var(--osnovnoy);
}
.bottom__left-wrapper {
    display: flex;
    justify-content: space-between;
}
.bottom__item-title {
    margin-top: 40px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 103%;
    color: var(--osnovnoy);
}
.bottom__item {
    position: relative;
    width: 100%;
    position: relative;
    padding: 40px 0 0 0;
}
/*
.bottom__item:after {
    position: absolute;
    content: '';
    top: 0;
    left: 20px;
    width: 100%;
    height: 2px;
    background-color: var(--osnovnoy);
}
.bottom__item:before {
    position: absolute;
    content: '';
    top: -10px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid var(--osnovnoy);
    border-radius: 50%;
    background-color: #ffffff;
}*/
.bottom__item.item-4 {
    max-width: 13%;
}
.bottom__item:last-child:after {
    width: 40%;
}
.top-slider__bottom-right {
    position: absolute;
    top: 0;
    right: 0;
}

.top__pagination-wrapper {
    margin-top: 146px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top__pagination-item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 2px solid var(--osnovnoy);
    border-radius: 20px;
    padding: 5px 12px;
    margin-bottom: 10px;
    width: fit-content;
    min-height: 35px;

    font-family: var(--nekstregular);
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    color: var(--osnovnoy);
    cursor: pointer;
    transition: all 0.3s;
}
.top__pagination-item:hover,
.top__pagination-item.active {
    background: var(--green);
    border: 2px solid var(--green);
    color: #ffffff;
}
/* main functions */
.main-functions {
    padding: 50px 0;
}
.main-functions-bg {
    padding-bottom: 80px;
    background: url(../images/functions-bg_full.png) no-repeat 50% 91%;
    background-size: 100%;
}
.section__title-wrapper {
    display: flex;
    position: relative;
    justify-content: left;
    margin-bottom: 15px;
}
.section__title-ico {
    position: relative;
    margin-right: 16px;
    padding-right: 33px;
}
.section__title-ico:before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 33px;
    height: 53px;
    background-image: url(../images/h1-arrow.svg);
    background-repeat: no-repeat;
}
/* .section__title-text {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    color: var(--osnovnoy);
} */
.section__title-ico svg {
    position: relative;
    top: 5px;
}

.main__functions-wrapper {
    position: relative;
    padding-left: 30px;
    padding-bottom: 25px;
    height: 100%;
    overflow: hidden;
}
.main__functions-wrapper:before {
    position: absolute;
    content: '';
    /*border-left: 2px dashed rgba(77, 74, 71, 0.5);*/
    background-image: url(../images/border-arrow.svg);
    background-repeat: repeat-y;
    width: 2px;
    height: 100%;
    top: 31px;
    left: 11px;
}
.main__functions-wrapper:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    left: -1px;
    bottom: 0px;
    background-image: url(../images/bus-arrow.svg);
}
.tab-panel.swiper-horizontal .swiper-pagination {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 25px;
}
.tab-panel.swiper-horizontal .swiper-pagination-bullet {
    background-color: #212529;
    width: 8px;
    height: 8px;
}
@media (min-width: 640px) {
    .tab-panel.swiper-horizontal .swiper-pagination {
        display: none;
    }
}
/* END main functions */

.swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    background: #000;
    margin: 0 5px;
    cursor: pointer;
    z-index: 9999;
}
.swiper-pagination-bullet-active {
    background: #007aff;
}
.functions__inner-header {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.functions__inner-header:before {
    position: absolute;
    content: '';
    /*border-top: 1px dashed rgba(77, 74, 71, 0.5);*/
    left: -19px;
    top: 24px;
    width: 44px;
    height: 7px;
    background-image: url(../images/screw-arrow_3.svg);
    background-repeat: no-repeat;
}
.functions__inner-header:not(:first-child) {
    margin-top: 40px;
}
.functions__header-num {
    position: relative;
    margin-right: 24px;
    margin-left: 50px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    color: var(--osnovnoy);
    transition: all 0.3s;
}
.functions__header-num:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border-radius: 20px;
    width: 50px;
}
.functions__header-num:after {
    position: absolute;
    content: '';
    top: 12px;
    left: -36px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid var(--green);
    background-color: var(--white);
    transition: all 0.3s;
}
.functions__info-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
    transition: all 0.3s;
}
.functions__info-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
    transition: all 0.3s;
}
.functions__inner-header:hover .functions__header-num,
.functions__inner-header:hover .functions__info-title,
.functions__inner-header:hover .functions__info-desc,
.functions__inner-header.active .functions__header-num,
.functions__inner-header.active .functions__info-title,
.functions__inner-header.active .functions__info-desc {
    color: var(--green);
}
.functions__inner-header.active .functions__header-num:after {
    background-color: var(--green);
    border-color: var(--green);
    top: 9px;
    left: -38px;
    width: 20px;
    height: 20px;
}
.functions__inner-item-box {
    margin-top: 20px;
    display: flex;
}
.functions__item-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
    margin-top: 16px;
}
.tab-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s;
}

/* type bvs */
.type__bvs {
    margin-top: 35px;
}
/* type bvs - v.1
.type__bvs-wrapper {
    border-radius: 20px;
    padding: 40px 40px 30px;
    box-shadow: 0 4px 6px 0 rgba(77, 74, 71, 0.25);
    background: var(--white);
    display: flex;
    justify-content: space-between;
}
.type__bvs-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}
.type__bvs-item:not(:first-child) {
    padding-left: 40px;
}
.type__bvs-item:not(:first-child):before {
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    border-left: 2px solid var(--osnovnoy);
    width: 2px;
    height: 82%;
}
.type__bvs-top {
    display: flex;
    align-items: center;
}
.type__top-img {
    margin-right: 16px;
}
.type__top-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
    margin-bottom: 10px;
}
.type__top-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
ul.section-item {
    list-style: disc;
    margin-left: 35px;
}
ul.section-item li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
    padding-bottom: 15px;
}
ul.section-item li b {
    font-weight: 700;
}
.type__bvs-bottom {
    margin-top: 25px;
}
*/
/* type bvs v.2 */
.type__bvs-wrapper {
    position: relative;
    display: flex;
    max-width: 70%;
}
.type__bvs-item {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    min-width: 29%;
    padding-top: 23px;
}
.type__bvs-item-1 {
    width: 29%;
}
.type__bvs-item-2 {
    width: 32%;
}
.type__bvs-item-3 {
    width: 36%;
}
.bvs__item-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-right: 17px;
    width: 100%;
}
.type__bvs-item-2 .bvs__item-top {
    padding-left: 14px;
}
.type__bvs-item-3 .bvs__item-top {
    padding-left: 8px;
    padding-right: 45px;
}
.bvs__item-ico {
    height: 95px;
    position: relative;
}
.bvs__item-bottom {
    padding-top: 32px;
}
.bvs__item-text {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    color: var(--osnovnoy);
}
.bvs__item-bottom {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
}
.type__bvs-item-2 .bvs__item-bottom {
    max-width: 92%;
}
.type__bvs-item-3 .bvs__item-text {
    padding-right: 26px;
}
.bvs__item-bottom span {
    padding-top: 15px;
    display: block;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    color: var(--gray);
}
.type__bvs-wrapper svg {
    position: absolute;
}
/* END type bvs */

/* problems */
.problems-bg {
    padding-bottom: 80px;
    background: url(../images/problems-bg.png) no-repeat 50% 91%;
    background-size: 100%;
}
.problems__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    /*margin-top: 50px;*/
}
.problems__items {
    display: flex;
    align-items: center;
    padding-left: 358px;
    padding-top: 0px;
    padding-bottom: 20px;
}
.problems__items-ico {
    margin-right: 16px;
}
.problems__items-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.problems__title-box,
.problems__ico-box {
    position: absolute;
    top: 0;
    left: 0;
}
.problems__ico-box {
    top: 62px;
    left: 0;
}
.problems__title-box {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 34px;
    color: var(--green);
    top: 55%;
    left: 56px;
    transform: translateY(-50%);
}
.problems__items.items-2,
.problems__items.items-6 {
    padding-left: 420px;
}
.problems__items.items-3,
.problems__items.items-5 {
    padding-left: 440px;
}
.problems__items.items-4 {
    padding-left: 456px;
}
/* END problems */

/* set composition */
.set-composition {
    margin-top: 80px;
}
.set__composition-inner {
    height: 291px;
}
.set__composition-inner svg {
    position: absolute;
    width: 100%;
    height: 292px;
}
.set__composition-box-1,
.set__composition-box-3,
.set__composition-box-4 {
    position: absolute;
    text-align: left;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
}
.set__composition-box-1 span,
.set__composition-box-3 span,
.set__composition-box-4 span {
    text-align: left;
    display: block;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.set__composition-box-2 {
    display: flex;
    margin-top: 95px;
}
.set__composition-box-1 {
    right: 260px;
    margin-top: 42px;
}
.set__composition-box-1 span {
    margin-top: 15px;
}
.set__composition-box-3 {
    bottom: 34px;
    left: 280px;
}
.set__composition-box-3 span {
    margin-top: 15px;
}
.set__composition-box-4 {
    bottom: 34px;
    right: 255px;
}
.set__composition-box-4 span {
    margin-top: 15px;
}
/* END set composition */

/* application scenarios */
.application-scenarios {
    padding-bottom: 80px;
}
.application__scenarios-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: repeat(1, auto);
    gap: 16px;
}
.application__scenarios-item {}
.scenarios__item-wrapper {
    display: flex;
    height: 100%; 
    max-height: 262px; 
    width: 100%;
    max-width: 100%; 
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 56px 16px 32px;
    margin-bottom: 16px;
    border-radius: 20px;
    border: 2px solid var(--gray);
    transition: all 0.3s;
    overflow: hidden;
  }
  .icon-color {
    fill: #EE7525;
  }
.scenarios-item-title {
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 103%;
    text-align: center;
    color: #4D566F;
}


.scenarios-item-title_web {
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 103%;
    text-align: center;
    color: #4D566F;
}

.scenarios-item-title_mobile {
    display: none;
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 103%;
    text-align: center;
    color: #4D566F;
}
/* .scenarios__item-wrapper .scenarios__item-ico svg path {
     fill: var(--green);
 } */
/* .scenarios__item-wrapper:hover {
    background: #EE7525;
}
.scenarios__item-wrapper:hover > .scenarios-item-title {
    color: var(--white);
}
.scenarios__item-wrapper:hover > .scenarios__item-ico svg path {
    fill: var(--white);
} */
.application__scenarios-info {
    position: absolute;
    padding: 16px;
    border-radius: 20px;
    width: 0;
    height: 0px;
    box-shadow: 0 4px 6px 0 rgba(77, 74, 71, 0.25);
    background: var(--white);
    display: flex;
    cursor: default;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}
/* .application__scenarios-info.active {
    top: 0;
    left: 0;
    height: 262px;
    max-height: 262px;
    width: 100%;
    overflow: visible;
    opacity: 1;
    z-index: 100;
    transition: all 0.5s;
} */
.scenarios__info-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    width: 280px;
}
.scenarios__info-btn-close {
    position: absolute;
    top: 15px;
    right: 19px;
    cursor: pointer;
}
.info__desc-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0;
    line-height: 105%;
    color: var(--osnovnoy);
    margin-bottom: 10px;
    transition: all 0.2s;
}
.info__desc-title.active {
    font-size: 18px;
    transition: all 0.1s;
}
.info__desc-ul-box {
    max-width: 50%;
}
.info__desc-ul-box:first-child {
    padding-right: 25px;
}
.info__desc-ul {
    list-style: disc;
    margin-left: 25px;
}
.info__desc-ul li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0;
    line-height: 105%;
    color: var(--osnovnoy);
    transition: 0.5s;
}
.info__desc-ul.active li {
    font-size: 18px;
    transition: all 0.1s;
}
.scenarios__info-desc {
    display: flex;
    align-items: center;
}
/* END application scenarios */

/* advantages */
.advantages {
    padding-bottom: 80px;
    background: url(../images/advantage_bg.png) no-repeat 50% 91%;
    background-size: 100%;
}
.advantages-wrapper {
    display: flex;
}
.advantages-left {
    width: 66%;
}
.advantages-right {
    max-width: 34%;
    padding-left: 16px;
}
.advantages-item {
    display: flex;
    align-items: center;
    border: 2px solid var(--gray);
    border-radius: 20px;
    padding: 24px 32px 24px 32px;
    margin-bottom: 16px;
    width: 100%;
    height: 140px;
    /*box-shadow: 0 4px 6px 0 rgba(77, 74, 71, 0.25);
    background: var(--white);*/
}
.advantages-item__img-box {
    margin-bottom: 16px;
}
.advantages-item__img {
    padding-top: 113.5%;
    background-repeat: no-repeat;
}
.advantages__item-img {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advantages__item-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 103%;
    color: var(--osnovnoy);
    margin-bottom: 16px;
}
.advantages__item-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.advantages__item-info {
    margin-left: 24px;
}
/* END advantages */

/* completed tasks */
.completed-tasks {
    padding-bottom: 80px;
}
.completed-tasks__title {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
}
.completed-tasks__title-num {
    margin-right: 10px;
    font-weight: 700;
    font-size: 32px;
    color: var(--green);
}
.completed-tasks__title-text {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
}
.tasks__wrapper-slider {
    margin-top: 25px;
}
.completed__tasks-slider .swiper-slide {
    width: 100%;
    height: 100%;
}
.tasks__slider .swiper-slide {
    width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 380px;
}
.tasks__slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.completed-tasks__item-desc {
    margin-top: 10px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
    margin-bottom: 25px;
}
.tasks-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.completed-tasks .swiper-pagination-bullet.bullet_completed {
    width: unset;
    height: unset;
    background: unset;
    display: block;
    font-size: 24px;
    font-family: 'magistralCT', sans-serif;
    font-weight: bold;
    color: #000;
    transition: 0.5s all ease;
}
.completed__tasks-swiper-pagination {
    display: inline-flex;
    max-width: fit-content;
    margin: 10px 0 0 auto;
    font-family: var(--second-family);
}
.completed__tasks-swiper-pagination .swiper-pagination-bullet.bullet_completed {
    color: var(--osnovnoy);
    margin-left: 8px !important;
}
.completed__tasks-swiper-pagination .bullet_completed.swiper-pagination-bullet-active {
    color: var(--green);
    text-decoration: underline;
}
/* END completed tasks */

/* licensies */
.licensies {
   padding-bottom: 80px;
}
.licensies-bg {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    background: url(../images/licensies-bg.jpg) no-repeat 50% 100%;
    background-size: 100%;
}
.licensies .section__title-text {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    color: #fff;
}
.licensies-inner {
    display: flex;
}
.licensies__btn-box {
    position: relative;
    display: flex;
    background: url(../images/btn-bg.svg) no-repeat 50% 91%;
    background-size: 100%;
    min-width: 186px;
    height: 240px;
    position: relative;
}
.licensies__btn-box:after {
    position: absolute;
    content: '';
    bottom: -3px;
    right: -2px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--white);
}
.licensies-btn {
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 20px;
    width: 151px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.licensies-btn:hover {
    opacity: 0.5;
    background-color: var(--green);
}
.licensies-img {
    align-self: flex-end;
    margin-bottom: -9px;
}
/* END licensies */

/* effect-implement */
.effect-implement {
    padding-bottom: 80px;
}
.effect__implement-wrapper {
    position: relative;
}
.effect__implement-title-box {
    display: flex;
    justify-content: flex-start;
}
.effect-implement-title-box__title {
    margin-right: 15px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    color: var(--osnovnoy);
}
.effect-implement-title-box__btn:not(:last-child) {
    margin-right: 7px;
}
.effect-implement-title-box__btn {
    border: 1px solid var(--green);
    border-radius: 20px;
    padding: 8px 16px;
    width: fit-content;
    height: 35px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.effect__implement-block-1 {
    position: relative;
    display: flex;
    margin-top: 16px;
}
.block-1__content {
    background: url(../images/block-1-content_border.svg) no-repeat 50% 100%;
    background-size: 100%;
    width: calc(100% - 101px);
    height: calc(27vh);

    position: relative;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}
.block-1__asside {
    position: relative;
    background: url(../images/block-1-asside_right.svg) no-repeat 50% 100%;
    background-size: 100%;
    width: 102px;
    height: 179px;
    align-self: flex-end;
    margin-bottom: 25px;
    margin-left: -1px;
}
.block-1__asside span {
    position: absolute;
    left: 12px;
    top: -28%;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.block-1__top-warning {
    display: flex;
}
.block-1__top-warning svg {
    margin-right: 5px;
}
.block-1__top-warning span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.block-1__top-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0px 10px 54px 15px;
}
.top__content-ico {
    position: relative;
}
.top__content-text {
    position: relative;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;
    padding: 0 10px 49px;
    width: 100%;
    color: var(--osnovnoy);
}
.top__content-text-1 {
    width: 57%;
    margin-left: -1px;
}
.top__content-text-2 {
    width: 60%;
    margin-left: -1px;
}
.top__content-text-3 {
    width: 100%;
}
.top-content-text_arrow-ico {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 33px;
    border-bottom: 1px solid var(--osnovnoy);
    text-align: right;
}
.top-content-text_arrow-ico:before {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 15px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--osnovnoy);
    border-radius: 100%;
    background-color: var(--white);
}
.top-content-text_arrow-ico:after {
    position: absolute;
    content: '';
    bottom: -5px;
    right: -1px;
    width: 6px;
    height: 10px;
    background: url(../images/arrow_min_right.svg) no-repeat;
}
.top-content-text_arrow-ico svg {
    position: relative;
    top: 5px;
}
.top__content-ico-1:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 66px;
    top: -66px;
    left: -7px;
    background: url(../images/top__content-ico-1_before.svg) no-repeat 0 100%;
}
.block-1__desc {
    position: absolute;
    left: 14px;
    bottom: -30px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 103%;
    color: var(--osnovnoy);
}
.effect__implement-block-2 {
    display: flex;
    align-items: center;
}
.block-2__title,
.block-2__title span{
    font-family: var(--font4);
    font-weight: 700;
    font-size: 48px;
    color: var(--osnovnoy);
}
.block-2__title span {
    color: var(--green);
}
.block-2__img-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}
.block-2__img-top,
.block-2__img-bottom {
    position: relative;
    margin-left: 69%;
    padding: 35px 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.block-2__shape {
    position: absolute;
    top: -1px;
    left: -18%;
    height: 100%;
    border: 1px solid var(--osnovnoy);
}
.block-2__shape:before {
    position: absolute;
    content: '';
    top: 32px;
    left: -9px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--osnovnoy);
    border-radius: 100%;
    background-color: var(--white);
}
.block-2__shape:after {
    position: absolute;
    content: '';
    background: url(../images/arrow_min_bottom.svg) no-repeat;
    width: 10px;
    height: 5px;
    bottom: 0;
    left: -5px;
}
.block-2__inner {
    display: flex;
}
.block-2__img-box-1,
.block-2__img-box-2 {
    display: flex;
    flex-direction: column;
}
.block-2__img-box-1 {
    margin-right: 15px;
}
.block-2__inner {
    border: 2px solid var(--orange);
    border-radius: 20px;
    padding: 15px;
}
.block-2__img-box-text,
.block-2__img-box-text-bottom {
    position: relative;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 103%;
    color: var(--osnovnoy);
}
.block-2__img-box-text {
    margin: 0 0 32px 14px;
}
.block-2__img-box-text-bottom {
    text-align: right;
    margin-top: 10px;
}
.block-2__img-box-text-bottom {
    text-align: right;
}
.block-2__img-box-text-bottom span {
    position: relative;
    top: -2px;
}
.block-2__img-box-text span {
    color: var(--orange);
}
.block-2__img-box-text-bottom span {
    margin-right: 5px;
}
.block-2__desc {
    position: absolute;
    bottom: 45px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 103%;
    color: var(--osnovnoy);
}
.effect__implement-block-3-bottom {
    margin-top: 15px;
    display: flex;
}
.block-3-bottom__text-1,
.block-3-bottom__text-2 {
    position: relative;
    padding-left: 75px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;
    color: var(--osnovnoy);
}
.block-3-bottom__text-1 {
    margin-right: 40px;
}
.block-3-bottom__text-1:before,
.block-3-bottom__text-2:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 64px;
    height: 2px;
    background-color: var(--green);
}
.block-3-bottom__text-2:before {
    background-color: var(--orange);
}
.effect__implement-block-3-top {
    position: absolute;
    top: -30px;
    margin-bottom: 5px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 103%;
    color: var(--osnovnoy);
}
.effect__implement-block-3 {
    position: relative;
    display: flex;
    align-items: center;
    border: 2px solid var(--green);
    border-radius: 20px;
    padding: 20px 33px 20px 59px;
}
.text_arrow-ico__block-3:after {
    transform: rotateY(180deg);
    left: 0;
}
.text_arrow-ico__block-3:before {
    left: 50px;
}
.top__content-block3-text1 {
    bottom: -29px;
}
.top__content-block3-text2 {
    bottom: -36px;
}
.block3-ico2__text-1,
.block3-ico2__text-2,
.block3-ico2__text-3 {
    position: absolute;
    top: 54px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    width: 100%;
    color: var(--osnovnoy);
}
.block3-ico2__text-2 {
    top: 160px;
}
.block3-ico2__text-3 {
    top: unset;
    bottom: -16px;
}

.bread-crumbs {
    display: none;
}

.box-title-holder {
    display: none;
}

.header .question-btn {
    background-image: ('/upload/Group_163206.svg');
}

.std-page {
    background: #ffffff;

}



.section__title-ico:before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 33px;
    height: 53px;
    /* background-image: url(../images/servise_strelka.svg) !important; */
    background-repeat: no-repeat;
}

.section__title-text {
    color: #4D566F; 
    font-size: 48px;
    font-weight: 500;;

}



.client-card_infograceservice {
    width: 190px;
    height: 121px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0 10px;
}

.client-card_infograceservice img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.client-card_infograceservice slick-slide slick-cloned {
    width: 190px;
}

.header-mail {
    display: block;
    font-size: 15px;
    color: #4FB132;
    text-decoration: underline;
    text-align: right;
    font-weight: 600;
    margin-top: 22px;
  }


.section__title-wrapper {
    display: flex;
    position: relative;
    justify-content: left;
    margin-bottom: 15px;
  }

  .section__title-wrapper {
    display: flex;
    position: relative;
    justify-content: left;
    margin-bottom: 15px;
}

.infograce-service-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    max-width: 1220px;
    margin: 100px auto;
    width: 100%; /* Занимаем всю ширину родителя */
    box-sizing: border-box; /* Учитываем padding в общую ширину */
  }

.infograce-service-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%; /* Оставляем место для шестеренок */
}

.infograce-service-logo {
    width: 100%; /* Логотип растянется на всю доступную ширину */
    max-width: 800px; /* Можно задать максимальную ширину для логотипа */
    height: auto;
}

.infograce-service-line {
    width: 100%;
    margin-top: 10px; /* Отступ между логотипом и чертой */
    max-width: 800px;
}

.infograce-service-gears {
    max-width: 30%; /* Оставляем место под шестеренки */
}

.infograce-service-gears-img {
    width: 100%;
    height: auto;
    max-width: 350px; /* Шестеренки занимают свою часть */
}

.infograceservice_block_citorius_m {
    margin-top: 100px;
    margin-bottom: 100px;
}


.section__about-company {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom: 60px;
}


.company__description_block {
    margin-top: 0px;
    margin-bottom: 50px;

}
.company__description {
    color: #4D566F; 
    font-size: 32px;  
    font-weight: 400; 
    text-transform: uppercase;  
    line-height: 40px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}

.company__description_mobile {
    color: #4D566F; 
    font-size: 32px;  
    font-weight: 400; 
    text-transform: uppercase;  
    line-height: 40px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    display: none;
}

.company__svg {
    margin-top: 20px;
    
}

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

.company__description_highlight {
    color: #4FB132; 
    font-weight: bold; 
}

.section__citorus {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0px;
    box-sizing: border-box;
    text-align: center;
    z-index: 5; /* Обеспечиваем, чтобы контент был выше фона */
}

.section__title-text_citorus_m  {
    color: #ffffff;
    font-size: 48px;
    font-weight: 500;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}

.citorus__content {
    display: flex;
    justify-content: center; /* Центрирует все блоки */
    align-items: center;
    position: relative;
    gap: 24px; /* Устанавливает отступы между блоками */
}

.citorus__block {
    width: 30%;
    position: relative;
    text-align: left;
    font-family: magistralC;
    font-weight: 600;
}

.citorus__block-left, .citorus__block-right {
    padding-left: 20px;
}

.citorus__block-left p, .citorus__block-right p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
}

.citorus__block-left strong {
    font-weight: bold;
}


.extra-bold {
    font-family: magistralCT;
}

.citorus__btn {
    position: relative;
    display: inline-flex; /* Используем flexbox для выравнивания */
    justify-content: center; /* Горизонтальное выравнивание текста */
    align-items: center; /* Вертикальное выравнивание текста */
    background-color: #4FB132;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    cursor: pointer;
    border-radius: 10px;
    width: 300px;
    height: 48px;
    text-align: center; /* Центрирует текст внутри кнопки */
    text-decoration: none; /* Убирает подчеркивание у ссылки */
    z-index: 10;
}

 .citorus__block-right a {
    margin-bottom: 22px;
}

.citorus__block-center {
    flex: 0 0 auto; /* Убираем автоматическое растяжение по ширине */
    text-align: center;
    width: 186px;
}

.citorus__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; 
}

.citorus__block-left .citorus__line {
    top: -48px;
}

.citorus__block-right .citorus__line {
    top: 63px;
}

.section__citorus-bg {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100vw; /* Полная ширина экрана */
    height: 100%; /* Высота блока, соответствующая контенту */
    background-color: #4D566F; /* Ваш цвет фона */
    z-index: 0; /* Устанавливаем фон ниже контента */
}

.section__citorus-bg:before {
    background-color: #4D566F;
    height: 100%;
    width: 9999px;
    content: '';
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: -1; /* Фон ниже контента */
}

.infograceservice_clients {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    width: 100%; /* Ширина контейнера */
}

.section__clients-bg {
    background-color: #4FB132;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw; /* Полная ширина экрана */
    height: 100%; /* Высота блока */
    z-index: -1; /* Размещение фона за контентом */
}

.clients-slider_infograceservice {
    display: flex;
    gap: 7px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    height: 200px;
    scroll-behavior: smooth;
    width: 100%;
    margin: 0 auto;
}

.client-card_infograceservice {
    /* min-width: 110px; */
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.client-card_infograceservice img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Стрелки для слайдера */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #EE7525;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    font-size: 24px;
}

.left-arrow {
    left: -50px;
}

.right-arrow {
    right: -50px;
}

.infograceservice_clients:before {
    background-color: #4FB132;
    height: 100%;
    width: 9999px;
    content: '';
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: -1; /* Фон находится под контентом */
}



.left-line {
    position: absolute;
    left: 0px;
    top: 14%;
    transform: translateY(-50%);
    z-index: -2;
    opacity: 0.5;

}

.right-line {
    position: absolute;
    right: 1px;
    top: 16%;
    transform: translateY(-50%);
    width: 18%;
}

.left-line_2 {
    position: absolute;
    left: 0px;
    top: 54%;
    transform: translateY(-50%);
    z-index: -2;

}

.right-line_2 {
    position: absolute;
    right: 1px;
    top: 54%;
    transform: translateY(-50%);
}


.bottom_line {
    position: absolute;
    right: 1px;
    top: 73%;
    transform: translateY(-50%);
}

.client-card_infograceservice {
    width: 180px; /* Фиксированная ширина карточки */
}

.swiper-wrapper {
    display: flex;
}

.client-card_infograceservice img {
    width: 100%;
    height: auto;
    display: block;
}

.swiper-button-prev, .swiper-button-next {
    background: none;
    color: black;
    font-size: 24px;
    cursor: pointer;
}

.client-card_infograceservice {
    width: 180px !important; /* Фиксированная ширина */
    height: 121px !important; /* Фиксированная высота */
    box-sizing: border-box; /* Учитываем отступы и границы */
}

.client-card_infograceservice img {
    width: 100%; /* Изображение занимает всю ширину карточки */
    height: 100%; /* Изображение занимает всю высоту карточки */
    object-fit: contain; /* Сохраняем соотношение сторон изображения */
    display: block; /* Убираем отступы снизу */
}

.infograceservice_clients {
    display: flex; /* Включаем Flexbox для родительского блока */
    align-items: center; /* Выравниваем по центру по вертикали */
    justify-content: center; /* Выравниваем по центру по горизонтали */
    height: 180px; /* Устанавливаем высоту родительского блока, чтобы соответствовать высоте карточек */
}

.clients-slider_infograceservice {
    display: flex; /* Убедитесь, что используется Flexbox для этого блока, если нужно */
    align-items: center; /* Выравниваем по центру по вертикали */
    height: 100%; /* Устанавливаем высоту равной высоте родительского блока */
    overflow: hidden; /* Скрываем переполнение, если это необходимо */
    width: 98%;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
    content: 'next';
    position: absolute;
    right: -50px;
    color: white;


}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: 'prev';
    position: absolute;
    left: -50px;
    color: white;
    }


    

    .infograce-service-logo_mobile {
    width: 100%; /* Логотип растянется на всю доступную ширину */
    max-width: 800px; /* Можно задать максимальную ширину для логотипа */
    display: none !important; 
    }


    .company__info_mobile {
        padding: 20px;
        position: relative;
        margin-bottom: 30px;
        display: none;
        padding-left: 0px;
    }
    
    
    .company__info_text {
        font-size: 12px;
        line-height: 1.7;
        font-family: Magistral;
        font-weight: 400;
        color: #4D566F;
    }
    
    .company__info_text strong {
        font-weight: bold;
    }
    
    .company__info_mobile::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #4FB132; /* Оранжевая линия сверху */
        border-radius: 2px;
    }


    .citorus__mobile {
        display: none;
    }

    .footer-logo-mobile {
        display: none;
    }


    @media (max-width: 767px) {


    .infograce-service-logo_mobile {
        display: block !important;
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto; /* Центрируем элемент горизонтально */
        }

    .infograce-service-logo {
        display: none !important;
    }

    .infograce-service-block {
        display: block;

        }

    .left-line {
        display: none !important;
    
    }
    
    .right-line {
        display: none !important;
    }
    
    .left-line_2 {
        display: none !important;
    
    }
    
    .right-line_2 {
        display: none !important;
    }
    
    
    .bottom_line {
        display: none !important;
    }

    .section__title-text {
        font-size: 24px;
    }

    .section__title-text_citorus_m {
        font-size: 24px;
    }

    .company__description {
        font-size: 12px; 
        font-weight: 600;
        text-transform: uppercase; 
        line-height: 16px;
        font-family: magistralC;
        display: none;
    }
    .company__description_mobile {
        font-size: 12px; 
        font-weight: 600;
        text-transform: uppercase; 
        line-height: 16px;
        font-family: magistralC;
        display: block;
    }

    .company__description_highlight {
        color: #4FB132;
        font-weight: bold;
        font-family: Magistral;
      }

    .scenarios__item-wrapper {
        display: flex;
        height: 107px;
        max-height: 262px;
        width: 128px;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 7px 13px 0px;
        margin-bottom: 16px;
        border-radius: 10px;
        border: 2px solid #C7C9D0;
        transition: all 0.3s;
        overflow: hidden;
      }

    .scenarios-item-title {
        font-size: 10px;
        margin-top: 8px;
        font-family: var(--font-family_semibold);
      }

    .my-svg-icon {
        width: 30px;
        height: 30px;
      }

    .section__title-ico::before {
        position: absolute;
        content: '';
        top: -1px;
        left: 0;
        width: 18px;
        height: 29px;
        /* background-image: url(../images/servise_strelka.svg) !important; */
        background-repeat: no-repeat;
        background-size: contain; /* Добавьте это свойство */
      }

    .section__title-ico {
        margin-right: 0px;
      }

    .wrapper {
        padding-bottom: 0px;
      }

    .company__svg {
        display: none;
      }

    .company__info_mobile {
        display: block;
        text-transform: uppercase;
    }


    .contacts-section {
        flex-direction: column; /* Изменяем направление на колонку */
    }

    .contacts-map {
        order: 1; /* Карта будет первой */
    }

    .contacts-left {
        order: 2; /* Форма будет второй */
    }

    /* Опционально: можете добавить немного отступов, чтобы разделить блоки */
    .contacts-map {
        margin-bottom: 0px;
    }

    .citorus__content {
        display: none;
    }

    .citorus__mobile {
        display: block;
        padding: 0px;
        background-color: #4D566F;
        display: grid;
        grid-template-columns: 166px 1fr; /* Изображение слева, контент справа */
        grid-gap: 20px; /* Отступ между колонками */
        align-items: center; /* Центрируем по вертикали */
        z-index: 2;
        position: relative;
    }

    .mobile__header h2 {
        color: white;
        font-size: 24px;
        grid-column: span 2; /* Заголовок на всю ширину */
        margin-bottom: 20px;
        text-align: center;
    }

    .mobile__content {
        display: contents; /* Стираем обертку, чтобы работала сетка */
    }

    .mobile__content img {
        width: 166px;
        height: 239px;
    }

    .mobile__info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mobile__info p {
        color: #ffffff;
        font-size: 12px;
        margin-bottom: 23px;
        text-align: left; /* Прижимаем текст к левому краю */
        max-width: 169px;
        line-height: 13px;
        font-family: var(--second-family);
        /* font-family: 'Proxima Nova', sans-serif; */
        font-weight: 600; /* Например, для стандартного текста */
        margin-top: 25px;
    }

    .citorus__btn {
        background-color: #4FB132;
        color: white;
        /* padding: 10px 9px; */
        text-decoration: none;
        border-radius: 8px;
        display: inline-block;
        margin-bottom: 10px;
        text-align: center;
        width: 169px;
        font-size: 12px;
        height: 36px;
    }

    .application__scenarios-wrapper {
        gap: 4px;
    }

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

    .clients-slider_infograceservice {
        height: 82%;
      }

    .client-card_infograceservice {
        width: 110px !important;
        height: 76px !important;
      }

    .infograceservice_clients {
        height: 127px; /* Устанавливаем высоту родительского блока, чтобы соответствовать высоте карточек */
        padding: 5px 0;
    }

    .section__citorus {
        padding: 3px 0px;
      }
    
    .section__citorus-bg {
        height: 108%;
      }

    .container_info {
        margin-top: 28px;
        margin-bottom: 32px;
      }

    .infograce-service-block {
        margin: 63px auto;
      }
    
    .section__title-wrapper {
        margin-bottom: 0px;
    }

    .company__description_block {
        margin-bottom: 16px;
    
    }

    .section__about-company {
        margin-bottom: 0px;
    }

    .contacts-map {
        position: relative;
        width: calc(100vw - 0px);
        margin-left: -15px;
        margin-right: 0px;
      }

    .contacts-left {
        position: relative;
        z-index: 5;
        background: #4FB132;
        /* width: 500px; */
        float: left;
        min-height: 635px;
        /* padding-right: 74px; */
        /* padding-top: 55px; */
        /* padding-left: 74px; */
        flex: 10;
        justify-content: flex-end;
        display: flex;
        width: calc(100vw - 30px); /* Учитываем padding у контейнера (15px с каждой стороны) */
        margin-left: -15px;
        margin-right: -15px;
    }

    .contacts-input,
    .contacts-area {
    font-size: 16px;
    }  

    .footer-logo-desktop {
        display: none;
    }

    .footer-logo-mobile {
        display: block;
    }
    
    .logo.flexWidth img {
        max-width: 75%;
    }

    .footer-info__inner {
        color: #fff;
    }

    .footer-left img {
        height: 100%;
    }

    .clients-slider_infograceservice {
        width: 100%;
    }

    .contacts-send {
        margin-top: 30px;
        width: 100%;
        border-radius: 6px;
    }

    .contacts-send:hover {
        background: #fff;
        color: #4FB132;
      }

      .contacts-left, .contacts-form, .inputtext {
        width: 98%;
      }
    
      .scenarios-item-title_web {
        display: none;
        font-family: var(--font-family_semibold);
    }

    .scenarios-item-title_mobile {
        display: block;
        font-size: 10px;
        margin-top: 8px;
        font-family: var(--font-family_semibold);
    }

    .wrapper, .contacts-left, .contacts-map {
        width: 100vw; /* Устанавливаем ширину на 100% от ширины экрана */
        overflow-x: hidden; /* Убираем возможный скролл */
    }

    .contacts-left {
        margin-left: 0; /* Убираем отрицательные отступы */
        margin-right: 0;
    }
    
    .contacts-map {
        margin-left: 0; 
        margin-right: 0;
        width: 100vw; /* Делаем ширину точно по экрану */
    }

    .container-fluid {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px); 
    }
    
    
}

@media (max-width: 430px) {
    .client-card_infograceservice {
        margin-left: 9px;
      }

    .clients-slider_infograceservice {
        margin: 0px 10px;
    }

    .swiper-wrapper {
        width: 106%;
    }
}


@media (max-width: 420px) {


    .clients-slider_infograceservice {
        margin: 0px 4px;
    }

}

@media (max-width: 400px) {
    .client-card_infograceservice {
        /* margin-left: 5px; */
      }

    .clients-slider_infograceservice {
        margin: 0px 3px;
    }
}

@media (max-width: 392px) {
    .client-card_infograceservice {
        margin-left: 3px;
        width: 108px !important;
      }
}

@media (max-width: 387px) {
    .client-card_infograceservice {
        margin-left: 1px;
        width: 105px !important;
      }
}

@media (max-width: 376px) {
    .clients-slider_infograceservice {
        gap: 3px;
      }
}
@media (max-width: 317px) {
    .client-card_infograceservice {
        margin-left: 4px;
        width: 82px !important;
      }

    .citorus__mobile {

        grid-template-columns: 102px 1fr;

      }

    .scenarios__item-wrapper {
        width: 96px;
      }
}
/* END effect-implement */