@charset "UTF-8";

/* Новая карточка товара */

input:focus {
    outline: 0 !important;
    outline-color: #f4f4f4 !important;
    outline-width: 0 !important;
    outline-style: none!important;
    box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
    border-color: #B7B7B7 !important;
}

.container-1350 {
    max-width:1350px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.msrt {font-family: 'Montserrat', sans-serif;}

.g-fw-normal {font-weight: normal !important;}
.g-fw-bold {font-weight: bold;}
.g-fw-300 {font-weight: 300;}

.g-bg-gray {background-color: #F4F4F4;}
.g-border-radius-20 {border-radius: 20px;}
.g-color-black {color:#000;}
.g-input {border-radius: 20px; border: 1px solid #B7B7B7; padding: 6px 14px; width:360px; max-width:100% !important;}
.g-input-phone input {border-radius: 0 20px 20px 0; border: 2px solid #B7B7B7; padding: 6px 14px 6px 25px; width: calc(100% - 40px); border-left:none;}
.g-input-phone .input-group-prepend {background-color: #fff; border-radius: 20px 0 0 20px; border: 2px solid #B7B7B7; border-right:none; padding-left: 15px}
.g-input-phone .input-group-prepend .input-group-text {background-color: #fff; border: none; position: relative;}
.check-list.check-list-v2 > li {min-height:10px !important;margin-bottom:5px !important;}


.free-block .iti {width:auto; margin-right:1.2rem; min-width: 220px !important;}
.free-block .iti input {width: calc(100% - 18px); margin-left:30px;padding-left: 40px !important;}

.free-block .iti .iti__selected-flag {height:calc(100% + 2px);}

.iti input {border-radius: 0 20px 20px 0; border: 1px solid #B7B7B7; padding: 6px 14px 6px 14px; border-left:none; }

.free-block .iti--allow-dropdown input {margin-left:20px !important;}
.iti .iti__selected-flag {border-radius: 20px 0 0 20px; border: 1px solid #B7B7B7; margin-top:-1px; height:calc(100% + 2px); background: none; border-right:0px;}
.iti__flag-container {background-color: #fff; border-radius: 20px 0 0 20px;}

.iti__country-list {margin-top:5px;}

.g-max-width-100 {max-width:100px;}
.g-max-width-200 {max-width:200px;}

.free-block form .button.green {border:none; max-width: 19%; min-width:200px; height:38px; line-height: 38px;}
.free-block .input-group {max-width:360px; float:right;}
.consult-block form .button.green {border:none;}
.free-block input[type=checkbox]{display: none;}

.free-block .col-9 {font-size:16px;}

.g-input-phone .input-group-prepend .input-group-text:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  color: #B7B7B7;
  font-size: 16px;
  top:1px; right:-16px;
  position: absolute;
}

.g-fs-10 {font-size: 10px;}
.g-fs-12 {font-size: 12px;}
.g-fs-14 {font-size: 14px;}
.g-fs-18 {font-size: 18px;}
.g-fs-24 {font-size: 24px;}

.g-line-height-1 {line-height: 1;}
.g-line-height-1_2 {line-height: 1.2;}
.g-lh-18 {line-height: 18px;}
.g-lh-28 {line-height: 28px;}

.g-w-auto {width: auto !important;}
.g-w-100 {width:100% !important;}
.g-cursor-pointer:hover {cursor: pointer;}
.g-shadow-none {box-shadow:none !important;}

.accordion.opp {margin-top:38px;}
.accordion-item[aria-expanded="false"] .accordion-header {
    background: #F4F4F4;
    border-radius: 20px;
    padding:10px 30px;
    cursor: pointer;
}
.accordion-item[aria-expanded="true"] {
    border:1px solid #F4F4F4;
    border-radius: 20px;
    padding:10px 30px;
    font-family: 'Montserrat', sans-serif;
}
.accordion-item[aria-expanded="true"] .accordion-header {margin-bottom:20px; font-weight: bold;}

.accordion.opp .accordion-item {margin-bottom:5px;}
.accordion.opp .accordion-header a {font-family: 'Montserrat', sans-serif; color: #000; text-decoration:none; }

.free-block ul.check-list li {
    min-height: 20px;
    font-family: 'Montserrat', sans-serif;
}

.accordion.opp .accordion-header:hover i {color:#13a51a;}
.accordion-item[aria-expanded="true"] .accordion-header i {transform: rotate(180deg);}

.opp .collapse + .button {font-family: 'Montserrat', sans-serif; font-weight: normal !important;}
.opp .collapse + .button .up {display:none;}
.opp .collapse + .button .block {display:block;}
.opp .collapse.show + .button i {transform: rotate(180deg);}
.opp .collapse.show + .button .down {display:none;}
.opp .collapse.show + .button .up {display:block;}

.baner-button { color:#fff !important; width:auto !important; height: auto !important; line-height: 1.3 !important;}
.baner-button:hover {background-color: #fff !important; border: 1px solid #13a51a; color: #13a51a !important;}

.free-block form ::placeholder {color: #B7B7B7;}
.free-block form input:focus::placeholder {color: #fff;}

.feadform {min-height: 280px;}
.feadform .title {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
}

.feadform img {max-height: 320px;}

.products-slider > .card {margin-right: 20px; height:100%;}
.products-slider .button {height:30px; line-height: 30px; margin-top:20px !important;}

.products-slider .fa, .interface-slider .fa, .video-slider .fa {color:#A4A4A4; cursor:pointer; position: absolute;}
.products-slider .fa.slick-disabled, .interface-slider .fa.slick-disabled, .video-slider .fa.slick-disabled {color:#A4A4A4;cursor:default;}
.products-slider .fa.fa-arrow-right, .video-slider .fa.fa-arrow-right {top:50%; right:-20px;}
.products-slider .fa.fa-arrow-left, .video-slider .fa.fa-arrow-left {top:50%; left:-20px;}

.interface-slider .fa.fa-arrow-right {right:20%;}
.interface-slider .fa.fa-arrow-left {left:20%;}
.interface-slider > div img {border: 14px solid #F4F4FB;}
.interface-slider img + div {display: none;}
.interface-slider .slick-current img + div {display: block;}

.interface-slider .slick-slide a {display:block !important;}
.interface-slider .slick-slide img {opacity: 0.5;}
.interface-slider .slick-slide.slick-active img {opacity: 1 !important;}

.interface-slider .fa.fa-arrow-left, .interface-slider .fa.fa-arrow-right {
    z-index: 100; top: 40%;
}
.slick-slide .name {display: none;}
.slick-slide.slick-active .name {display: block;}

.slick-dots {bottom:-50px;}
.slick-dots li {width:10px;}
.slick-dots li button:before {
    font-size: 35px;
}

.video1.position-relative .position-absolute {top:50%; left: 50%; margin: -15px 0 0 -35px;}
.video1.position-relative .position-absolute:hover {box-shadow: 0 12px 15px rgb(0 0 0 / 30%), 0 17px 50px rgb(0 0 0 / 30%);}

.video1.position-relative i.position-absolute {top:50%; left: 50%; margin: -5px 0 0 -15px;}
.video1.position-relative i.position-absolute:hover {box-shadow:none;text-shadow: 0 12px 15px rgb(0 0 0 / 30%), 0 17px 50px rgb(0 0 0 / 30%);}

.video1 img {box-shadow: none !important;}


.client-slide:hover {cursor:pointer; background-color: #e7e7e7}

/* Варианты автоматизации */

.vars .card-body h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    color: #12A519;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.2;
}
.vars .card-body h3 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-top:25px;
    font-family: 'Montserrat', sans-serif !important;
}
.vars .card-body ul {padding-left:0px !important;}
.vars .card-body ul > li a {color:#000000; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size:18px;}
.vars .card-body .price {font-size: 26px; color: #12A519; font-weight: bold;}

/* Create a custom checkbox */

.free-block .main-user-consent-request .checkmark, .feadform .main-user-consent-request .checkmark {
    position: relative;
    height: 15px;
    width: 15px !important;
    top:8px; margin-right:7px;
}
.feadform .main-user-consent-request {padding-left: 5px;}
.feadform .main-user-consent-request .checkmark {  width: 20px !important;}

.free-block .main-user-consent-request .checkmark:after, .feadform .main-user-consent-request .checkmark:after  {
     top:1px;
     left:6px;
     height: 10px;
}

.free-block .checklabel {position: relative !important; font-size:16px;}
.free-block .ccheckmark {
  position: relative;
  top: 0px;
  right: 0 !important;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 45%;
  border: 1px solid #DFDFDF;
}
.free-block .g-input {min-width:22% !important;}

/* On mouse-over, add a grey background color */
.checklabel:hover input ~ .ccheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checklabel input:checked ~ .ccheckmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.ccheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checklabel input:checked ~ .ccheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checklabel .ccheckmark:after {
  left: 10px;
  top: 6px;
  width: 8px;
  height: 12px;
  border: solid #53ba00;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.products-slider .fa.fa-arrow-left, .products-slider .fa.fa-arrow-rightm, .video-slider .fa.fa-arrow-left, .video-slider .fa.fa-arrow-right {z-index:90;}
.alert:empty {display:none;}

/* CSS Document */

/* body {font-family: 'Open Sans', sans-serif; } */
body {font-family: 'Montserrat', sans-serif; }

.top-footer .footer-menu li {list-style:none;}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}

section a:not(.button) {color:#406800; text-decoration: underline;}
section a:not(.button):hover {color:#406800; text-decoration: none;}

button,
button:active,
button:focus {
    outline: none;
    text-decoration: none;
}

h1.section-title {text-transform: uppercase; color:#556b72 !important; display: block; font-size:1rem; margin-bottom:0px; text-align: left;}
h2 {font-size:20px; text-transform: uppercase;display: block;}
h3 {font-size:16px;}

.color {color:#13a51a;}
.color:hover {color:#000;}

.f600 {font-weight: 600;}

.bg1 {background-color:#f9f9f9;}
.bg2 {background-color:#f4f4f4;}
.bg3 {background-color:#f2f4f4 !important;}
.bg4 {background-color:#f8f8f8 !important;}
.bg5 {background-color: #fbfbfb !important;}

ul {padding-inline-start: 30px;}
ul li {list-style: none;}
ul.check-list li {min-height: 45px; margin-bottom:1rem; text-indent: -1.7em; color:#4a4a4a;}
ul.check-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    padding: 10px 10px 0 0;
    color: #53ba00;
    font-size: 16px;
}

.column2 {column-count: 2; column-gap: 4em;}
.column3 {column-count: 3; column-gap: 4em;}

.shadow {box-shadow: 0 10px 10px rgba(218,218,218,0.4), 0 10px 10px rgba(238,238,238,0.4) !important;}
.shadow1 {box-shadow: 0 0 10px rgba(218,218,218,0.8);}
.shadow2 {box-shadow: 0 10px 25px rgba(190,190,190,0.9);}
.no-shadow {box-shadow: none !important;}

.card {border:none; padding:0 10px;}
.card-header {
    padding: 0rem;
    margin-bottom: 0;
    background: none;
    border:none;
    color: #6c6c6c;
}
.card {padding: 0px;}
.card-header .btn-link {color: #7b7b7b; font-weight: 600; padding: 5px 0px 5px 25px;text-decoration:none;}
.card-header .btn-link:hover {text-decoration:none;}
.card-header .btn-link:before {

	width: 13px;
    content: " ";
    position: absolute;
    left:0px;
    top: 9px;
	height:20px;
}
.card-header .open.btn-link:before {background-image: url(images/page/arrow-green.png);}
.card-header .btn-link:before {background-image: url(images/page/arrow-gray.png);}

.card-body {color:#000; padding:15px 0px 15px 0px;}
.card-body .description {margin-bottom:15px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7;}

.site-content {margin-bottom:50px; text-align:justify;}
.site-content ul li {list-style: disc;}

a {color:#414141;}

.site-content a:not([class]), .back-to, .container-xl.services a, .link-product a, .uslugi a:not([class]) {color:#13a51a; text-decoration: underline;}
.site-content a:not([class]):hover, .back-to:hover, .container-xl.services a:hover, .link-product a:hover, .uslugi a:not([class]):hover {text-decoration: none; cursor:pointer;}
.services

.site-content img {margin:5px;}

.services.notlink a {text-decoration:none !important;}
.services.notlink a.color {color:#13a51a !important;}
.services.notlink a.color:hover {text-decoration: underline !important;}

/* Header */

.top-header {padding-top:15px; padding-bottom:25px;}
.top-header .footer-logo {max-width:250px;}
footer .top-footer .footer-logo {max-width:190px;}

.navbar {background: #f4f4f4; padding: .5rem 0;}

.menu, .navbar, .navbar-item, .navbar ul {height: 51px !important; }
.navbar ul li {position: relative; padding:6px 0;}
.navbar ul li a {color:#505050; text-transform:uppercase; padding-right:25px !important; padding-left:32px !important; font-size:14px !important;}
.navbar ul li:first-child a {padding-left:0px !important;}
.navbar ul li:last-child a {padding-right:0px !important;}

.navbar ul li a:after {
	background-image: url(images/menu-line-border.png);
    width: 1px;
    content: " ";
    position: absolute;
    right: 0px;
    top: 18px;
	height:14px;
}
.navbar ul li:last-child a:after, .navbar ul li .dropdown-menu a:after {background-image: none;}

.dropdown-menu {border-color:#e7e7e7; border-top:none; border-radius: 0px; padding: 10px 20px;}


.navbar ul li:hover .dropdown-menu {display: block !important; margin-top:-1px; padding:5px;}
.navbar ul li .dropdown-menu .dropdown-item {text-transform:none !important; border-bottom: 1px solid #e7e7e7; font-size:13px !important; }
.navbar ul li .dropdown-menu .dropdown-item:last-child {border-bottom: none;}
.navbar ul li .dropdown-menu .dropdown-item {padding: 10px 5px 10px 10px !important; }

.navbar ul li .dropdown-menu a:focus, .navbar ul li .dropdown-menu a.active {background-color:#505050; color:#e7e7e7;}

.nav-link.active, nav ul li a.active, ul.footer-menu li a.active {font-weight: 600;}

header .top-header .phones {border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; width:230px;padding-left:35px;}

.mobile-nav .phones, .mobile-nav .time { position: relative; margin-top: 10px; margin-bottom:15px;}
.mobile-nav .phones:before {background-image: url(images/phone-icon-header.png);  top: 8px; left: 0px; width: 19px; height:30px;}
.mobile-nav .time {padding-left:30px; margin-bottom:0px;}
.mobile-nav .time:before {background-image: url(images/time-icon-header.png); top: 8px; left: -5px; width: 27px; height:25px;}

header .top-header .phones span, .mobile-nav .phones span {display:block;}

header .top-header .time, .mobile-nav .time, header .top-header .phones, .mobile-nav .phones {font-size:14px; color:#484848; font-weight: 600;}
/* header .top-header .time:before, */ .mobile-nav .time:before {
    content: " ";
    position: absolute;
}
.phones span img {width:15px; margin-right: 7px; margin-top:-2px;}

/* header .top-header .time:before {top: 8px; left: 0px; width: 27px; height:25px;} */

.hamburger {padding:10px 10px 2px 0 !important;}
.hamburger.is-active:hover, .hamburger:hover {opacity: 1;}

/* Slider */

.ms-overlay-layers {bottom:0px !important;}

.msp-cn-68-6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0px;
    line-height: normal;
}
.slider-arrow {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 60px;
    letter-spacing: 0px;
    line-height: normal;
    white-space: nowrap;
    color: #fff;
}
.slider-arrow:hover {
    color: #13a51a;
}

/* Breadcrumb */

.breadcrumb {margin-top:-20px; padding: 0px; background: none;}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 1.5rem;
    color: #8a8a8a;
    content: ">";
}
.breadcrumb-item+.breadcrumb-item {padding-left: 1.5rem;}
.breadcrumb-item, .breadcrumb-item a {color: #8a8a8a; font-size:14px;}
.breadcrumb-item a:hover {color: #414141;}

/* Buttons */

.button {
	text-decoration: none;
	outline: none;
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
/* .button-hover:hover {background: #ececec;} */

.ms-btn-container a:hover {background: #13a51a; color:#fff;}

.button.green {box-shadow:none; background: #13a51a; color:#fff;}
.button.green:hover {border: 1px solid #13a51a !important; background: #fff; color:#424242;}
.button:hover {cursor: pointer;}

.button.green-border {box-shadow:none; border: 1px solid #13a51a;}
.button.green-border:hover {background: #13a51a; color:#fff;}

.btn-header {border:1px solid #13a51a; border-radius:5px; display: block; margin-left:4px !important; font-size:14px; color:#767676 !important; font-weight: 600; padding-top: 1px; padding-bottom:3px;}
.btn-header:hover {background-color:#13a51a; color:#fff !important; cursor:pointer;}
.btn-slider {color:#556b72; background-color:rgba(255, 255, 255, 0.6); border-radius:15px;font-weight: 600; padding:15px 30px;}
.small-baner .button {color:#13a51a;}
.small-baner .button:hover {background: #13a51a; border:1px solid #13a51a; color:#fff;}

.btn-slider:hover, .button:hover {text-decoration:none;}
.direction-item .button {margin-top:20px; margin-bottom:-20px; position: absolute; bottom:0px; margin-left: auto; margin-right: auto; left: 0; right: 0; background:#f2f2f2; width:90%; color:#686868;}
.direction-item .button:hover {background:#e7e7e7;}

.top-slider .button, .our-product .button {width: 220px;}

.client-slide .button {box-shadow:none; height: 35px; line-height: 35px;color:#686868;}
.client-slide .button:hover {background-color:#e7e7e7 !important; cursor: pointer;}

.modal.client-keys .modal-dialog .modal-content .modal-footer button {max-width: 110px;}

.related-product .text .button, .related-product-list .text .button {position: absolute; bottom:25px;}
.related-product-list.news .text .button {position: static; margin-top: 10px;}

.calc-form-radio .button {min-width:180px; width:180px;}

.filter .button {width:auto; padding-left: 20px; padding-right: 20px; margin-right: 30px; border:1px solid #13a51a;}
.filter .button:hover {color:#424242;}

.more-news {border-radius:15px; background-color: #13a51a; color:#b9e4bb !important; font-weight: 600; padding: 15px 20px;}
.more-news:hover {color:#b9e4bb; cursor: pointer; background-color: #0f9716;}

.products-selection .item .button {background-color: transparent; color: #556b72; font-weight: 600; height: 30px; line-height: 30px; position: absolute; bottom: 30%;}

.filter .button:hover, .filter .button.active {background: #13a51a; color:#fff;}

.p404 .button {width:auto !important; padding-left: 35px; padding-right: 35px; color:#13a51a;}
.p404 .button:hover {color:#333;}

.white-outline:hover {border-color:#fff !important;}

/* Blocks */

.p404 {margin-top:100px; margin-bottom:100px;}
.p404 h2 {font-weight: 800; font-size: 40px; margin-bottom: 5px; margin-top:-7px !important;}
.p404 p {color:#7a7a7a;}

/** Home **/

section {margin-bottom:80px;}
section.programms {margin-bottom:50px;}

section.podbor .related-product-list.news .img img {
   min-width: 200px;
}

.section-title, .section-description {text-transform: uppercase;color:#556b72; display: block;}
.section-description {font-weight: 700; font-size:25px; margin-bottom:30px;}

.section-title::before {
    width: 22px;
	margin-bottom: 8px;
    border-top-width: 2px;
    content: "";
    display: block;
    border-top-style: solid;
    border-color: #13a51a;
}
.small-baner {
    margin: 5px 0 35px 0;
    padding: 25px 0 !important;
	background: rgb(19, 165, 26);
}
.small-baner .small-baner-text {text-transform: uppercase; color:#fff;}
.small-baner .small-baner-text span {display: block; text-transform: lowercase;}
.direction .direction-item {background-color:#13a51a;}
.direction img {height:70px; width: auto;}

.direction-item {padding: 70px 30px 0 30px; min-height: 230px; position: relative;}
.direction-item .name {margin-top:10px; line-height: 22px; color:#fff; font-weight: 600;}

section.services .bg1 {padding:45px 0;}
section.services a h2 {color: #000; margin-bottom: 30px; min-height: 50px; font-weight: 600;}

section.about .company-description {color:#5e5e5e; line-height: 20px;}
section.about .company-description h1 {line-height: 25px; font-size:25px; font-weight: 600; margin-bottom: 20px;}
section .benefit {color:#8e8e8e; font-weight: 600; font-size:14px;} /* border-right:1px 	solid #f1f1f1 !important; */
section.about .benefit-block > div {margin-bottom:10px; border-right: 1px solid #f1f1f1; }
section.about .benefit-block > div:nth-child(5) {border-right:none;}

section .benefit img {margin-bottom:10px;}

section.clients {margin-bottom: 40px;}
section.clients .owl-carousel {margin-left:-17px;}
section.clients .section-description {margin-bottom:0px;}

section.clients .owl-carousel {width:calc(100% + 33px); margin-top: 10px;}

.client-slide {
    margin: 25px 10px;
    /* box-shadow: 0 0 14px 14px rgba(221, 221, 221, 0.2); */
    transition: all 0.4s ease-in-out 0s;
    padding: 5px;
    background: #F4F4F4;
    min-height: 100px;
    display: flex;
    align-items:center;
    justify-content:center;
}
.client-slide .client-img img {
    width: auto !important;
    max-height: 85px;
    max-width: 85%;
    margin: 0 auto 0px auto;
}

.owl-carousel-clients .owl-nav {position: absolute; right:22px; top:-40px;}
.sert-carousel .owl-nav {position: absolute; right:2px; top:-60px; text-align: right;}

.owl-carousel .owl-nav button.owl-next  {margin-left:10px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {font-size: 44px; color:#919191; font-weight: 600;}
.owl-carousel .owl-nav button.owl-next:hover span, .owl-carousel .owl-nav button.owl-prev:hover span {font-size: 44px; color:#696969;}

.news .news-item:before {
    background-image: url(images/disc.png);
    left: 20px;
    width: 13px;
    height: 13px;
    content: " ";
    position: absolute;
    margin-top:15px;
}

.news .news-item {padding-left: 35px;}
.news .news-item, .news .news-item a {color:#5e5e5e; margin-bottom:45px;}
.news .news-item a {text-decoration: underline;}
.news .news-item a:hover {text-decoration: none;}
.news .news-item span {font-size:12px;}

.news form {padding:30px 40px;}
.news form .name {color: #13a51a; font-size:18px; font-weight: 600;}
.news form .subname {font-size:14px; color:#5e5e5e;}

.news form input, .news form textarea {width:100%; font-size: 14px; border-top:none; border-left: none; border-right:none; border-bottom:1px solid #c7c7c7; margin-bottom:25px;}
.news form input[type=text] {height:40px;}
.news form textarea {height:80px; border-bottom:1px solid #c7c7c7; resize: none;}
.news form .button {border-bottom:none; background-color: #13a51a; color:#fff; max-width: 170px; border: 1px solid #13a51a;}
.news form .button:hover {color:#13a51a; background-color: #fff;}
.news form .alert, .alert.alert-new {font-size:12px; border-radius: 0px;}

/** Podbor 1C **/

.top-slider {height: auto; background: #f2f4f4; padding: 50px 0; position: relative;}
.top-slider .name h1, .top-slider .name {font-size: 30px; font-weight: 800; color: #3d3d3d; line-height: 30px;}
.top-slider .description {color:#3f3f3f;}

.top-slider .name::after, .product-price::after {
    width: 120px;
	margin-top: 15px;
    border-top-width: 2px;
    content: "";
    display: block;
    border-top-style: solid;
    border-color: #13a51a;
}

.product-price {font-size: 22px; font-weight: bold; color: #a80000;}
.product-price-list {font-size: 18px; font-weight: bold; color: #a80000;}

.our-product .bg3 {padding:30px;}
.our-product .bg3 img {max-height:260px;}
.our-product .shadow1 {padding:30px 30px 30px 45px !important; position: relative;}
.our-product .shadow1 .name {color:#556b72; font-size:25px; font-weight: 900;}

.our-demo .demo {display: flex; justify-content: space-between;}
.our-demo .demo > div:first-child {width:calc(50% + 55px); margin-right: -55px; padding: 30px 75px 30px 30px;}
.our-demo .demo > div { width:50%;}
.our-demo .demo > div:last-child {margin-top:-30px;margin-bottom: 30px;}


/* .our-demo .col-md-6.bg3 {margin: 20px 0 -35px 0px; position: relative; color:#4a4a4a; padding-top:40px; padding-right: 65px; padding-bottom: 30px;}
.our-demo .col-md-6.carousel-demo-block {width: calc(100% - 55px) !important;} */

.owl-carousel-demo .owl-nav {position: absolute; right:22px; bottom:0px;}
.owl-carousel-demo .owl-nav button:hover {background: none !important;}
.owl-carousel-demo .owl-nav button.owl-next span, .owl-carousel-demo .owl-nav button.owl-prev span {color:#fff;}
.owl-carousel-demo .owl-nav button.owl-next:hover span, .owl-carousel-demo .owl-nav button.owl-prev:hover span {color:#ededed;}

.our-stage .name {color:#252525;}
.our-stage .description {color:#556b72;}
.our-stage .stage {border-right: 1px solid #f1f1f1; padding: 10px;}
.our-stage .row div:last-child .stage {border-right:none !important;}

.calc {padding:30px 35px;}
.calc .name {font-size: 18px; color:#222; font-weight: 600;}

.calc .calc-form-input {border-right:1px solid #e4e4e4;}
.calc .calc-form-input .label {position: relative; width: calc(100% - 30px); margin-bottom:20px;}
.calc .calc-form-input .label:hover {cursor:pointer;}
.calc .calc-form-input .label-name {
	text-decoration: none;
	outline: none;
	display: inline-block;
	width: calc(100% - 60px);
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	font-size: 12px;
	text-align: left;
	font-weight: 600;
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding:0px 15px;
	color:#6f6f6f;
}
.calc-form-input .calc-item {position: relative;}
.calc-form-input .calc-item .fa-question-circle {right:97px; top:8px; color:#13a51a; font-size: 24px; position: absolute;;}

.calc .calc-form-input .label input {
  cursor: pointer;
  opacity: 0;
}
.calc .calc-form-input .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.calc .calc-form-input .label input:checked ~ .checkmark {
  background-color: #fff;
}
.calc .calc-form-input input:checked + span.checkmark:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #53ba00;
    font-size: 24px;
    position: absolute;
    left: 50%;
    margin-left:-11px;
    top:2px;
}
.calc .calc-form-input .label input:checked ~ .checkmark:after {
  display: block;
}

.calc .calc-form-radio {padding-left: 50px; padding-right:20px; }
.calc .calc-form-radio .radio {width:calc(100% + 15px);position: relative;}
.calc .calc-form-radio .label {position: relative; width:50px; height:50px; text-align: center; padding-top:25px; margin-left:-15px; font-weight: 600; color:#6f6f6f;}
.calc .calc-form-radio .label:hover {cursor:pointer;}

.calc .calc-form-radio .radio .radio-line {width:calc(100% - 20px); height:1px; background: #000; position: absolute; top:10px; z-index: 1; margin-left: 3px;}

.calc .calc-form-radio .label input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.calc .calc-form-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  right:0px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  box-shadow: 3px 0 8px rgba(0,0,0,0.2);
  z-index: 2;
}

.calc .calc-form-radio .label:last-child .checkmark:after, .calc .calc-form-radio .label:first-child .checkmark:before {border:none;}

.calc .calc-form-radio .label input:checked ~ .checkmark {
  background-color: #13a51a;
}
.calc .calc-form-input input:checked + span.checkmark:after {
  background-color: 000;
}
#calc-result {font-size:30px; font-weight: 600; color:#a80000;}

.related-product-list {margin-bottom:3rem;}
.related-product-list .data {font-weight: normal; margin-bottom:10px;}
.related-product-list.news .item .name {line-height: 18px;}
.related-product-list.news .item .img {padding: 0px;}

.related-product.owl-carousel {width:calc(100% + 20px); margin-left: -10px;}
.related-product.owl-carousel .item {padding: 10px;}
.related-product .img, .related-product .text, .related-product-list .img, .related-product-list .text {padding:20px; min-height: 200px;}
.related-product .img img, .related-product-list .img img {max-height: 300px;}
.related-product .img, .related-product-list .img {line-height:200px;}
.related-product .img div, .related-product-list .img div {
  line-height: normal;
  display: inline-block;
	vertical-align: middle;
}


.related-product .text, .related-product-list .text {color: #424242; font-weight: 600; font-size: 14px; position: relative;}
.related-product .text .name, .related-product-list .text .name {font-size: 16px; color: #556b72; font-weight: 700; margin-bottom:15px;}
.related-product .owl-nav, .related-product-list .owl-nav {position: absolute; right:12px; top:-60px;}
.related-product .text div, .related-product-list .text div {line-height: 18px;}

/** Page **/

.big-carousel .section-description {margin-bottom:20px;}
.big-carousel-sync2.owl-carousel {transform: rotate(90deg); width:280px; height:220px; margin-top:60px;}

.slider-nav-thumbnails .slick-track {margin:0px !important; width:100% !important;}
.slider-nav-thumbnails .slick-slide {width:100% !important}
.slider-nav-thumbnails .slick-slide .item {
    color: #6c6c6c;
    cursor: pointer;
    padding-left:25px;
    font-family: 'Roboto', sans-serif;
    line-height: 1rem;
    margin-bottom: 10px;
}
.slider-nav-thumbnails .slick-slide .item:hover:before {
    background-image: url(images/page/arrow-green.png);
}
.slider-nav-thumbnails .slick-slide.slick-current .item:before {
    background-image: url(images/page/arrow-green.png);
}
.slider-nav-thumbnails .slick-slide .item:before {
	  width: 13px;
    content: " ";
    position: absolute;
    margin-left:-25px;
    margin-top: 0px;
	  background-image: url(images/page/arrow-gray.png);
	  height:20px;
}

.big-carousel-sync2.owl-carousel .owl-item {height: 250px !important;}
.big-carousel-sync2.owl-carousel .owl-item.current .item:before {background-image: url(images/page/arrow-green.png);}

#sync1 .item {padding:25px;}
#sync1 .description, .product-slider .item .description {padding: 0 55px 10px 0; border-bottom: solid 1px #f2f4f4; margin-bottom:20px;}
#sync1 img, .card-body img {box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.product-slider .item .description {margin: 15px;}
.product-slider .item .img {padding: 0 15px;}
.product-slider .item .img img {box-shadow: 0 0 15px rgba(0,0,0,0.2); width:100%;}

.product-slider .slick-arrow {position:absolute; top:0px; background: none; border:none; padding: 5px; height: 30px; line-height: 30px; z-index: 100;}
.product-slider .slick-next {right: 15px;}
.product-slider .slick-prev {right: 45px;}

.product-slider button.slick-next span, .product-slider button.slick-prev span {font-size: 44px; color:#919191; font-weight: 600;}
.product-slider button.slick-next:hover span, .product-slider button.slick-prev:hover span {font-size: 44px; color:#696969;}

#sync1 .owl-nav {position: absolute; right:20px; top:0px;}
#sync1 .owl-nav button:hover {background: none !important;}
#sync1 .owl-nav button.owl-next:hover span, #sync1 .owl-nav button.owl-prev:hover span {color:#696969;}

.business-direct .business-direct-item {margin-top:20px;}
.business-direct .business-direct-item .name {margin:20px 0; font-weight: 600;}
.business-direct .business-direct-item {border-right: 1px solid #f1f1f1; padding-right: 20px;}
.business-direct .business-direct-item.border-none, .business-direct .row > div:last-child .business-direct-item {border-right:none;}

.technology {padding-right:25px; color: #556b72; font-size:14px;}
.technology:hover, .numbers > div {cursor:pointer}
.technology .name {font-weight: 600; margin-bottom:10px; font-size:14px; color:#252525; margin-top: 30px;}

section .scope ul {margin-bottom:0px; padding-left: 0px;}
section .scope ul li {height:50px; align-items: center; line-height: 1; margin-bottom:20px;}
section .scope ul li img {margin-right:20px;}

.number, .num {background-color: #fff; position: relative; width:65px; height: 65px; box-shadow: 5px 0 18px rgba(0,0,0,0.2); border-radius:50px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 30px; color:#556b72; transform-style: preserve-3d; transition: 0.5s;}

.technology:hover .num {
	-webkit-transform: translateX(48px);
	-moz-transform: translateX(48px);
	-o-transform: translateX(48px);
	cursor: pointer;
}
.number span:after, .num span:after {
    width: calc(100% + 115px);
	top: 50%;
	left:100%;
    border-top-width: 1px;
    content: "";
    border-top-style: solid;
    border-color: #13a51a;
    position: absolute;
    transform: translateZ(-1px);
}

.number span:before, .num span:before {
    width: calc(100% + 25px);
	top: 50%;
	right:100%;
    border-top-width: 1px;
    content: "";
    border-top-style: solid;
    border-color: #13a51a;
    position: absolute;
}

.numbers div:first-child .number span:before, .numbers div:last-child .number span:after, .technologies div:last-child .technology .num span:after, .technologies div:first-child .technology .num span:before {border:none !important;}

.products-selection .item {position: relative; margin-bottom:2rem;}
.products-selection .item .text {position: absolute; width: 50%; padding: 30px; background: rgba(255, 255, 255, 0.9); height: 100%;}
.products-selection .item .text .name { font-size:20px; font-weight: 600; margin-bottom:10px; color: #556b72; text-transform: uppercase; position: absolute; bottom:40%;}
.products-selection img {width:100%;}

/* Команда наша */

.team img {margin:0px;}
.team .item > div:last-child {padding:30px;}
.team .item > div:last-child div:nth-child(1) {font-weight: 600; color:#556b72;}

/* Footer */

footer .top-footer {padding: 45px 30px 35px 30px;}
footer .top-footer .footer-logo {max-width:230px; margin-bottom:45px;}
footer .top-footer .social_network {margin-top:50px;}
footer .top-footer .social_network a {color: #333; border:2px solid #333; border-radius:50%; padding: 8px; display:block; min-width:43px; min-height:43px; width:43px; height:43px; margin-right:10px;}
footer .top-footer .social_network a:hover {color:#13a51a; border-color:#13a51a;}
footer .top-footer .address, footer .top-footer .email a {font-weight:600; font-size:16px; color:#484848; padding-left:39px; position: relative;}
footer .top-footer .phones {margin-top:30px; margin-bottom:30px; padding-left:6px; font-size: 14px; color: #484848; font-weight: 600;}
footer .top-footer .phones span {display:block;}

footer .phones img {margin-right:15px;}

footer .top-footer .address:before, footer .top-footer .email a:before {
    width: 17px;
    content: " ";
    position: absolute;
    left: 7px;
    top: 10px;
}
footer .top-footer .address:before {background-image: url(images/map-marker-icon.png); height:22px;}
footer .top-footer .phones:before {background-image: url(images/phone-icon-footer.png); height:27px;}
footer .top-footer .email a:before {
	width: 18px;
    content: " ";
    position: absolute;
    left: 7px;
    top: 4px;
	background-image: url(images/mail-icon.png);
	height:14px;
}

.top-footer .footer-menu li {margin-bottom:10px;}
.top-footer .footer-menu li a {border-bottom:1px solid #484848; text-decoration:none; color:#484848;}
.top-footer .footer-menu li a:hover {border-color:#f2f4f4;}

footer .bottom-footer {background:#edefef; padding:30px; font-size:14px; color:#6d6d6d;font-weight:600;}

footer .top-footer .phones a:hover, header .time a:hover {color:#484848;}

/* modal */

.client-keys .modal-dialog {max-width:900px;}

.modal.client-keys .modal-dialog .modal-content {border-radius:0px; border: none;}
.modal.client-keys .modal-dialog .modal-content .section-title {font-size:10px;}
.modal.client-keys .modal-dialog .modal-content .section-description {font-size:14px;}

.modal.client-keys .modal-dialog .modal-content .modal-body .row, .modal.client-keys .modal-dialog .modal-content .modal-footer {padding-right: 20px; padding-left:20px;}

.modal.client-keys .modal-dialog .modal-content .modal-footer, .modal.client-keys .modal-dialog .modal-content .modal-header, .modal.client-keys .modal-dialog .modal-content .modal-body {padding-left: 40px !important;}
.modal.client-keys .modal-dialog .modal-content .modal-header {padding: 0.5rem 0.8rem 0 0 !important;}
.modal.client-keys .modal-dialog .modal-content .modal-footer, .modal.client-keys .modal-dialog .modal-content .modal-header {border:none;}

.modal.client-keys .modal-dialog .modal-content .modal-body {padding: 0 1rem 1rem 1rem !important; font-size:14px;}
.modal.client-keys .modal-dialog .modal-content .modal-body .text img {max-height: 50px; margin-bottom:10px;}
.modal.client-keys .modal-dialog .modal-content .modal-body .text {border-right: 1px solid #e1e1e1; padding-right: 30px;}
.modal.client-keys .modal-dialog .modal-content .modal-body .text + div {padding-left: 30px;}

.modal.client-keys .modal-dialog .modal-content .modal-footer {background: #fff;}
.modal.client-keys .modal-dialog .modal-content .modal-footer input, .modal.client-keys .modal-dialog .modal-content .modal-footer button {border:none; border-radius:10px; width:160px;}
.modal.client-keys .modal-dialog .modal-content .modal-footer input {margin-right: 10px; padding: 5px 15px; line-height: 32px;}

.client-keys.form-modal .modal-dialog {max-width:400px;}
.client-keys.form-modal .modal-dialog .news form {padding:20px;}

/* Grid */

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
}
.col-5-th {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 20%;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}
#star-to-top{
    bottom: 65px !important;
    background: #13a51a !important;
    border-radius: 30px;
}
#header_sticky{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: white;
}
.block-banner-phone img{
    width: 15px;
    height: auto;
    margin-right: 8px;
}
.block-banner-phone{
    display: grid;
    grid-template-columns: 13em 2fr;
    grid-row-gap: 3px;
}
.block-banner-phone span{
    width: 100%;
}
.block-banner-phone span:nth-child(2){
    order: -1;
}
.banner-uslugi{
    display: flex;
    background-color: #f4f4f4;
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    margin-bottom: 3em;
}
.block-banner-uslugi-text{
    width: 70%; padding-bottom: 30px;
}
.block-banner-uslugi-text-title{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    width: 60%;
    text-transform: uppercase;
    margin-bottom:20px;
}
.block-banner-uslugi-text-content{
    width: 85%; margin-bottom: 30px;
}
.block-info-sait > p{
    font-weight: bold;
    color: #13A51A;
    margin-bottom: 7px;
}
.block-banner-phone span a{
    color: black !important;
    /* text-decoration: initial !important; */
}
.block-banner-phone span:last-child a{
    padding-left: 25px;
}
.block-banner-uslugi-img{
    display: flex;
    justify-content: center;
}

.uslugi-element-title{
    font-weight: bold;
    color: black;
    font-size: 18px;
}
.uslugi-element-1{
    padding-right: 20px;
    border-right: 0.1px solid #737373;
}
.uslugi-element-2{
    padding-left: 20px;
}

.item-uslugi a:before{
    content: "";
    position: absolute;
    left: 15px;
    margin-top: 7px;
    background-image: url(/upload/usugi-icon.png);
    display: block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.item-uslugi a{
    padding-left: 2px;
}
.uslugi-element-uslugi-item{
    padding-left: 20px;
}
.uslugi-element-program-item{
    padding-left: 20px;
}
.item-uslugi a{
    margin-bottom: 10px;
    display: block;
    color: black !important;
}
.uslugi-element-content{
    margin-bottom: 30px;
}
.uslugi-element{
    margin-bottom: 3em;
}
.uslugi-element-title-text{
    font-weight: bold;
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
}
.service-content ul li{
    list-style: disc;
    margin-bottom: 5px;
}
.service-content ul{
    padding-left: 20px;
}
.uslugi-element-title-text-2{
    margin-top: 30px;
}
.uslugi-element-program-item{
    padding-left: 25px;
}
.uslugi-element-program-item a:before{
    left: 20px;
}

@media (min-width: 993px) {
    .block-banner-uslugi-img img {
        height: 300px;
        width:270px;
    }
}

@media (min-width: 992px) {
    .small-baner {
        padding: 15px 0 !important;
    }
    .menu.d-lg-flex {display: flex !important;}

}
@media (min-width: 768px) {
    .feadform img {position:absolute; height:320px; bottom: 0; right:20px;}
    .col-sm-5th {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
    }
    .g-max-width-200 {max-width:200px !important;}
    .feadform .iti input {max-width:260px !important;}
}
@media (min-width: 1200px) {
    .col-lg-5th {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
    }

	.container-xl-1340 {
	    max-width: 1340px !important;
	}
}
@media (min-width: 575px) and (max-width: 1000px){
    .small-baner{
        margin: 5px 0 40px 0 !important;
    }
    body nav.container-xl {
        margin-top: 30px !important;
    }
}
@media (min-width: 700px) and (max-width: 992px) {
    .block-banner-uslugi-img img {
        width: 40% !important;
    }
}
@media only screen and (max-width: 992px) {
    .uslugi-element-1{
        padding-right: 15px;
    }
    .service-content ul {
        padding-left: 10px;
    }
    .uslugi-element-program-item a:before {
        left: 10px;
    }
    .uslugi-element-2{
        margin-top: 20px;
    }
    .uslugi-element-program-item {
        padding-left: 20px;
    }
    .uslugi-element-2 {
        padding-left: 15px;
    }
    .block-banner-uslugi-text {
        width: 100%;
    }
    .banner-uslugi{
        flex-direction: column;
    }
    .block-banner-uslugi-img{
        width: 100%;
    }
    .block-banner-uslugi-text-content{
        width: 100%;
    }
    .block-banner-uslugi-text-title{
        width: 100%;
    }
    .block-banner-phone span:nth-child(2) {
        order: -4;
    }
    .block-banner-phone span:nth-child(1) {
        order: -2;
    }
    .block-banner-phone span:nth-child(3) {
        order: -5;
    }
    .block-banner-phone{
        display: flex;
        flex-direction: column;
    }
    .banner-uslugi{
        padding-left: 15px;
        padding-top: 20px;
        padding-right: 15px;
    }
    .block-banner-uslugi-img{
        justify-content: flex-end;
    }
    .block-banner-uslugi-img{
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .banner-uslugi{
        height: auto;
        padding-bottom: 155px;
        position: relative;
    }
    .block-banner-uslugi-img img{
        width: 60%;
    }
    /* #masterslider{
        margin-top: 35px !important;
    } */

    .small-baner{
        padding-top: 90px;
    }
     .col-md-5th {
          width:33%;
          float:none;
          display:block;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 33%;
          -ms-flex: 0 0 33%;
          flex: 0 0 33%;
          max-width: 33%;
     }
    .col-md-5th.col-sm-5th {
        width: 20%;
        float: left;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
    }
}

@media only screen and (max-width: 769px) {

    #star-to-top{
        bottom: 95px !important;
        right: 15px !important;
    }
     .col-md-5th {
          width:100%;
          float:none;
          display:block;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
     }

    .col-md-5th.col-sm-5th {
          width:50%;
          float:none;
          display:block;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {

     .consult-block form {margin-top:-80px;}
     .feadform img {max-width:100%;}

     .col-md-5th {
          width:100%;
          float:none;
          display:block;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
     }

    .col-md-5th.col-sm-5th {
          width:100%;
          float:none;
          display:block;

          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
    }
    .interface-slider > div img {
        border: 9px solid #F4F4FB;
    }

}



@media (min-width: 1600px) {

    .small-baner {
      background: -webkit-linear-gradient(135deg, rgb(244, 244, 244) 60%, rgb(233, 233, 233) 0%);
      background: -o-linear-gradient(135deg, rgb(244, 244, 244) 60%, rgb(233, 233, 233) 0%);
      background: -ms-linear-gradient(135deg, rgb(244, 244, 244) 60%, rgb(233, 233, 233) 0%);
      background: linear-gradient(135deg, rgb(244, 244, 244) 60%, rgb(233, 233, 233) 10%);
    }

}
@media (max-width: 1599px) {
    .small-baner {
      background: -webkit-linear-gradient(135deg, rgb(244, 244, 244) 70%, rgb(233, 233, 233) 0%);
      background: -o-linear-gradient(135deg, rgba(233,233,233,1) 0%, rgba(244,244,244,1) 70%);
      background: -ms-linear-gradient(135deg, rgb(244, 244, 244) 70%, rgb(233, 233, 233) 0%);
      background: linear-gradient(135deg, rgb(244, 244, 244) 70%, rgb(233, 233, 233) 0%);
    }
}
@media (min-width: 1340px) {
  
    .dropdown-two {column-count: 2; column-gap: 2%; column-width: 48%;}
    .our-demo .bg3 {padding-left: 40px;}
    .programms .related-product-list .img img {height: auto !important; min-width: 200px !important;}


}
@media (min-width: 1200px) and (max-width: 1339px) {

    .our-demo .bg3 {padding-left: 0px;}
    .dropdown-two {column-count: 2; column-gap: 2%; column-width: 48%;}
}
@media (max-width: 1199.98px) {

  .products-slider .fa.fa-arrow-left {left: -10px;}
  .products-slider .fa.fa-arrow-right {right: -10px;}

  .top-header .footer-logo {max-width:230px;}
	footer .top-footer .footer-logo {max-width:180px;}
	.top-header div:nth-child(5) {padding-left:0px !important;}
	header .top-header .time:before {left:25px;}
	header .top-header .phones {
	    /* width: 215px; */
	    /* padding-left: 50px; */
	}
	header .top-header .phones:before {
	    left: 38px;
	}

	.btn-header {
		width:160px;
	    margin-left: 0px !important;
	}
	.navbar ul li a {
	    padding-right: 20px !important;
	    padding-left: 20px !important;
	}
	.direction .col-lg-5th {
		padding-right: 8px;
        padding-left: 8px;
	}
	.direction-item {
	    padding: 70px 20px 0 20px;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #b8b8b8 !important; height: 5px !important; border-radius:0px !important;}

    .mobile-nav {border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-shadow: 0 0 2px 2px rgba(220,220,220,0.35)}
    .mobile-nav.close-menu {display:none;}
    .mobile-nav.open-menu {
	   display:block;
	   animation-name: open;
	   animation-duration: 1s;
	   animation-iteration-count: 1;
	   animation-direction: normal;
	   animation-timing-function: ease-out;
	   animation-fill-mode: forwards;
	   animation-delay: 0s;
	   position: absolute; z-index: 110; width: 100%; background-color: #f4f4f4; padding: 25px 0 5px 0px;
	}
	.mobile-nav.open-menu ul {
	  padding-inline-start: 5px !important;
	}
	   @keyframes open {
		  0% {
		    display: block;
		    opacity: 0;
		    visibility: hidden;
		  }
		  100% {
		    display: block;
		    opacity: 1;
		    visibility: visible;
		  }
		}
	.mobile-nav nav ul li {margin-bottom:15px;}
	.mobile-nav nav ul li a {text-transform: uppercase;}
	.mobile-nav nav + div {margin-top:5px; padding: 10px 5px 20px 5px; border-top:1px solid #d5d5d5;}

	.our-stage .stage {display: table; justify-content: flex-start; border-right:none;}
	.stage > div {height:80px; display: table-cell; vertical-align: top;}
	.stage div:first-child {padding: 10px 20px 10px 0;}

	.carousel-demo-block {padding-right: 0px;}

	.technology .name {margin-top: 0px;}
	.technologies > div {margin-bottom: 20px;}
	.technology {display: table; padding-right: 0px;}
	.technology > div {display: table-cell;}
	.technology > div:first-child {min-width: 100px; vertical-align: top;}

	.num span:before {
		border:none;
	}
	.num span:after {
    border:none;
	}

  .divider {width: 1px; height: calc(100% + 50px); background: #13a51a; border: none; position: absolute; left:46px; top:10px;}
  .technologies > div:last-child .divider {height:0px;}

	.technology:hover .num {
		-webkit-transform: translateX(15px);
		-moz-transform: translateX(15px);
		-o-transform: translateX(15px);
		cursor: pointer;
	}

	.big-carousel-sync2.owl-carousel .item {
	    /* padding-left:30px; */
	}
	.big-carousel-sync2.owl-carousel .item:before {
	    /* left:5px; */
	}

  .company-menu > div a {background-color: #f4f4f4; padding: 20px; margin-bottom:10px; color:#333; text-decoration:none;}
  .company-menu > div a:hover {color:#fff; background-color: #13a51a;}
  .row.company-menu > div:nth-child(2n) {padding-left: 5px ;}
  .row.company-menu > div:nth-child(2n+1) {padding-right: 5px ;}

}
@media (max-width: 991.98px) {

  .free-block .g-input {width:100% !important; margin-bottom:5px;}
  .free-block .button.green {margin-top: 5px; max-width:100% !important;}
  .free-block .iti {margin-right:0;}

  .feadform .iti {width:100% !important;}
  .feadform .iti input {width:calc(100% - 25px) !important; }

  .user-fields > *, .free-block .input-group, .free-block form .button.green {width:100% !important;}
  .consult-block .col-auto, .consult-block .g-input, .consult-block .green {width:100% !important;}

  .small-baner {
    background: -webkit-linear-gradient(135deg, rgb(244, 244, 244) 80%, rgb(233, 233, 233) 0%);
    background: -o-linear-gradient(135deg, rgba(233,233,233,1) 0%, rgba(244,244,244,1) 80%);
    background: -ms-linear-gradient(135deg, rgb(244, 244, 244) 80%, rgb(233, 233, 233) 0%);
    background: linear-gradient(135deg, rgb(244, 244, 244) 80%, rgb(233, 233, 233) 0%);
  }

	.breadcrumb-item+.breadcrumb-item {padding-left: 0.5rem; font-size:12px;}
	.breadcrumb-item+.breadcrumb-item::before {padding-right: 0.5rem;}
	.breadcrumb-item, .breadcrumb-item a {font-size: 12px;}

	.top-header {padding-top:5px; padding-bottom:5px;}
	header .top-header .phones {border:none; width: auto;}
	.services .row div:nth-child(1), .services .row div:nth-child(2) {margin-bottom:50px;}

	.footer-menu {display:none;}
	.footer-menu-block ul { padding-inline-start: 0px !important;}
	.footer-menu-button {margin-top:50px; display: block; margin-bottom:12px; text-transform: uppercase; height:45px; line-height: 45px;}
	.footer-menu-button span:after {
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f078";
	    color: #53ba00;
	    font-size: 14px;
	    margin-left:11px;
	    top:2px;
	}

    section .benefit { padding: 15px;}
    section .benefit-block div:nth-child(3), section .benefit-block div:nth-child(6) {border-right:none;}
    section .benefit-block div:nth-child(5) {border-right:1px solid #f1f1f1 !important;}


	.our-demo .bg3 {padding-top:20px; padding-right: 35px; padding-bottom: 20px; font-size:14px;}
	section .scope ul li {height: 70px;}
	section .scope ul li img {margin-right:10px;}
	ul.column3 { font-size:14px !important;column-gap: 1em;}

	.business-direct-item {display: table; border-right:none !important;}
	.business-direct .business-direct-item .name {margin:0 0 10px 0;}
	.business-direct-item > div {display: table-cell;}
	.business-direct-item > div:first-child {width:120px; padding-bottom:10px !important; vertical-align:top; text-align:center;}

	.calc .calc-form-radio .label {font-size:14px;}

	.calc .calc-form-input .label-name {
		width: calc(100% - 45px);
		padding:0px 10px;
		font-size:11px;
	}

  .calc-form-input .calc-item .fa-question-circle {right:85px;}

	.related-product-list.news .img img {min-width:174px;}

	.modal.client-keys .modal-dialog {max-width:95%;}

}
@media (min-width: 992px) {

	.related-product-list .img img {min-width:180px;}
	/* .top-slider .button {position:absolute; bottom:0px;} */
	.modal.client-keys .modal-dialog .modal-content .modal-footer input, .modal.client-keys .modal-dialog .modal-content .modal-footer button {width:230px;}
  .related-product .img img, .related-product-list .img img {min-width: 120px; }

  .related-product-list.news .img img {min-width:174px;width:174px;}

  .team .item > div:first-child {width: 200px;}
  .team .item > div:last-child {width:calc(100% - 200px)}
  .team .item > div:last-child div:nth-child(2) {width:80%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {

	.related-product .img img, .related-product-list .img img {min-width: 110px;}

	.related-product .text, .related-product-list .text {font-size: 12px; line-height: 14px;}
	.related-product .text .name, .related-product-list .text .name {font-size: 12px; color: #556b72; font-weight: 700; margin-bottom:10px;}

	.related-product .text .button, .related-product-list .text .button {
	    width: 120px;
	    height: 30px;
	    line-height: 30px;
	    border-radius: 30px;
	    font-size: 12px;
	}
	ul.check-list li {min-height: 65px; font-size:14px;}
	.our-product .bg3 {text-align: center;}
	.our-product .bg3 img {max-height:180px;}

  .team .item > div:first-child {width: 200px;}
  .team .item > div:last-child {width:calc(100% - 200px)}
  .team .item > div:last-child div:nth-child(2) {width:85%;}
}

@media (max-width: 767.98px) {

  .small-baner {
    background: -webkit-linear-gradient(135deg, rgb(244, 244, 244) 90%, rgb(233, 233, 233) 0%);
    background: -o-linear-gradient(135deg, rgba(233,233,233,1) 0%, rgba(244,244,244,1) 90%);
    background: -ms-linear-gradient(135deg, rgb(244, 244, 244) 90%, rgb(233, 233, 233) 0%);
    background: linear-gradient(135deg, rgb(244, 244, 244) 90%, rgb(233, 233, 233) 0%);
  }


	.direction .row > div {margin-bottom: 40px !important;}
	.small-baner .small-baner-text {max-width:90%;}
	.ooter-map {padding-top:60px;}
	.footer-map {margin-top:20px;}
	.top-header .footer-logo {margin-left:-25px;}
	section .benefit { padding: 15px 25px;}

	section .benefit-block div:nth-child(2), section .benefit-block div:nth-child(4) {border-right:none;}
	section .benefit-block div:nth-child(3) {border-right:1px solid #f1f1f1;}

	.column2 {column-count: 1;}
	ul.check-list li {min-height: 20px;  font-size:14px;}

	.our-demo .bg3 {margin-top: 0px; font-size:16px;}
	.col-12.carousel-demo-block {padding:0 30px !important;}

	section .scope ul li {height: 70px;}
	ul.column3 { column-count: 1; font-size:16px !important; column-gap: 2em;}

	.calc .calc-form-radio, .calc .calc-form-input {
	    padding-left: 0px;
	    padding-right: 0px;
	    border-right:none;
	}
	.calc .calc-form-input .label {width:100%;}
	.calc .calc-form-input {
		margin-bottom:25px;
		padding-bottom:20px;
		border-bottom: 1px solid #e4e4e4;
	}
	.calc .calc-form-input .label-name {
		width: calc(100% - 65px);
		padding:0px 10px;
		font-size:11px;
	}
  .calc-form-input .calc-item .fa-question-circle {right:75px;}
	.modal.client-keys .modal-dialog .modal-content .modal-body .text {
		border-right: none;
        padding-right: 0px;
        padding-left:0px;
    }
    .modal.client-keys .modal-dialog .modal-content .modal-body .text + div {
	    padding-left: 15px;
	}
	.modal.client-keys .modal-dialog .modal-content .modal-body .col-12.image {padding:0px !important;}
	.modal.client-keys .modal-dialog .modal-content .modal-footer {padding:15px !important;}
	.modal.client-keys .modal-dialog .modal-content .modal-body .text + div img {max-width:200px;}

	.modal.client-keys .modal-dialog .modal-content .modal-footer input, .modal.client-keys .modal-dialog .modal-content .modal-footer button {
	    width: 140px;
	}
	.filter .button {min-width:210px; margin-bottom: 5px;}
	.modal.client-keys .modal-dialog .modal-content .modal-body {font-size:12px;}

  .our-demo .demo {flex-direction: column;}
  .our-demo .demo > div:first-child, .our-demo .demo > div:last-child {width:100%;}
  .our-demo .demo > div:last-child {margin-top:0px;margin-bottom: 0px; padding: 0 20px;}

  .team .item > div:first-child {width:200px;}
  .team .item > div:last-child {width:calc(100% - 200px);}
}

@media (max-width: 750px) {
	.our-product .bg3 {
	    padding: 30px !important;
	    text-align:center;
	}

  .filter .button {margin-right:5px;}

  .interface-slider .fa.fa-arrow-left {left: 18.5% !important;}
  .interface-slider .fa.fa-arrow-right {right: 18.5% !important; transform: translateX(-50%);}

}
@media (max-width: 575px) {

  .interface-slider .fa.fa-arrow-left {left: 19% !important;}
  .interface-slider .fa.fa-arrow-right {right: 19% !important;}

  .top-header .footer-logo {max-width:170px; margin-left:-15px;}
	header .top-header .phones {padding-left: 10px;}
	header .top-header .phones:before {
	    background-image: url(images/phone-icon-header-mobile.png);
	    top: 9px;
	    left: 2px;
	    width:13px;
	    height:20px;
	}
	.hamburger-box, .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {width:30px !important;}
	.services .row > div, .services .row > div h2 {margin-bottom:0px !important;line-height:30px; height:30px;}
	.services .row > div h2 {position:relative;padding-right:30px; font-size:14px;}
	.services .row > div h2:after {
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f30b";
	    position: absolute;
	    right: 5px;
	    color: #53ba00;
	    font-size: 24px;
	}
	section.services .bg1 {
        padding: 25px 0;
    }

    footer .top-footer .social_network {margin-top:10px !important;}
    .footer-menu-button {margin-top:20px !important;}

    .section-title {font-size:14px;}
    .section-description {font-size:20px;}
    section .benefit img {max-width:70px;}

    .stage > div img {max-width:50px;}
	.stage > div {font-size:14px;}
	.business-direct-item > div:first-child img {max-width:70px;}

	.modal.client-keys .modal-dialog .modal-content .modal-footer .form-inline {display: block; margin-top:-20px;}
	.modal.client-keys .modal-dialog .modal-content .modal-footer input, .modal.client-keys .modal-dialog .modal-content .modal-footer button { max-width:100%; width:100%; margin-bottom: 10px;}

	.products-selection .item {margin-bottom:2rem;}

  .team .item > div:first-child {margin-top:1.5rem;}
  .team .item > div:last-child div:nth-child(2) {width:100%; text-align: left; font-sizer:12px;}
  .team .item > div:first-child {width:150px;}
  .team .item > div:last-child {width:calc(100% - 150px);}

  .sert-carousel .owl-nav {
      text-align: right !important;
   }

   .row.company-menu > div:nth-child(2n) {padding-left: 15px;}
   .row.company-menu > div:nth-child(2n+1) {padding-right: 15px;}

   .p404 div > div {flex-direction: column !important;}
   .p404 .error-v1-title,  .p404 .section-description, .p404 p {text-align: center; margin-bottom:20px;}


}

@media (max-width: 420px) {

  .client-slide {
      margin: 25px 10px;
  }

  .interface-slider .fa.fa-arrow-left {left: 10% !important;}
  .interface-slider .fa.fa-arrow-right {right: 10% !important;}

  .top-header .footer-logo {max-width:152px;margin-left:-5px;}
	.hamburger-box, .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {width:30px !important;}

	.top-header .footer-logo {width:100%;}

	header .top-header .phones {font-size:12px !important;}
	header .top-header .phones:before {
	    background-image: url(images/phone-icon-header-mobile.png);
	    left: 0px;
	}
	section .benefit { padding: 15px 0;}
	section .benefit img {max-width:50px;}
	.calc .calc-form-radio .label {font-size:14px;}

	.calc .calc-form-input .label-name {
		width: calc(100% - 45px);
		padding:0px 10px;
		font-size:11px;
	}

  .calc-form-input .calc-item .fa-question-circle {right:55px;}

	.business-direct-item > div {font-size:14px;}

  .team img {width:100%;}
  .team .item {flex-direction: column;}
  .team .item > div:first-child {width:100%;}
  .team .item > div:last-child {width:100%; padding:10px;}

  .team .item > div:last-child div:nth-child(2) {width:100%; text-align: left;}


}

@media (min-width: 320px) and (max-width: 419px) {

  .feadform img {max-width:240px;}

  .consult-block form {margin-top:-60px;}

	.related-product .img img, .related-product-list .img img {min-width: 70px;}
	.related-product .text, .related-product-list .text {font-size: 12px;}
	.related-product .text .name, .related-product-list .text .name {font-size: 12px; color: #556b72; font-weight: 700; margin-bottom:10px;}

	.related-product .text .button, .related-product-list .text .button  {
	    width: 120px;
	    height: 30px;
	    line-height: 30px;
	    border-radius: 30px;
	    font-size: 12px;
	}

  .related-product-list.news {position:relative; height: auto;}

	.related-product-list.news .img img {z-index: 1; max-height: 200px; width:auto;}
	.related-product-list.news .text {width:70%; z-index: 2; position: absolute; right:10px; background-color: #fff; min-height: 240px;  min-height: 280px; max-height: 280px;}
	.related-product-list.news .text .name {min-height: 30px;}

	.products-selection .item {margin-bottom:1rem;}
	.products-selection .item .text {padding:10px;}
	.products-selection .item .text .name {font-size: 14px;}
	.products-selection .item .button {bottom:22%; width:100px;}
  .related-product-list.news {margin-bottom:0px !important; min-height: 300px; max-height: 300px;}

  .mobile-desc {height: 90px !important;
    overflow: hidden;
        position: relative;
  }
  .mobile-desc::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    margin-top:-30px;
  }

}
@media (max-width: 361px) {
	.top-header .footer-logo  {max-width:152px; margin-left:-2px;}
	header .top-header > div {padding-right:0px !important;}
	header .top-header .phones {font-size:11px !important;padding-left: 0px;}
	header .top-header .phones:before {
	    left: -5px;
	}
	footer .top-footer .row > div {padding-left:0px !important;}
	section .benefit {font-size:11px;}
	.calc {
	    padding: 30px 20px;
	}
	.stage > div, .our-demo .bg3 {font-size:12px;}
	.services .row > div h2 {font-size:12px;}

	.business-direct-item > div:first-child {width: 80px;}
	.business-direct-item > div:first-child img {max-width:40px;}

	.technology > div:first-child {min-width: 90px; vertical-align: top;}

}

@-moz-document url-prefix()
{
  .big-carousel-sync2.owl-carousel {width:270px;}
}

.ymaps-layers-pane {
    -webkit-filter: grayscale(100%);
}

/* Для старых страниц без верстки */

.link-product {margin-bottom:20px; font-style: italic;}
.link-product a, .link-product {font-size:14px !important;}

.info div {margin-bottom:15px;}

.faq .card-header .btn-link {color:#000;}
.faq .card-header .btn-link:hover {color: #53ba00;}

.faq .card-body b {color:#000;}


.table-price .yellow th { background: #ffd236;}

.container-xl.uslugi {text-align:justify;}
.container-xl.uslugi .technologies {text-align:left;}

.container-xl.uslugi img, h2 {margin-bottom:30px;}
.container-xl.uslugi h2 {font-weight: bold;  margin-top:40px;}
.container-xl.uslugi h4, .container-xl.uslugi h5 {font-weight: bold; font-size: 20px;}
.container-xl.uslugi ul {margin-top:30px;}
.container-xl.uslugi ul.disc li {list-style-type: disc;}

.container-xl .contact-block {border: 2px solid #7eb13c; background: #efefef; padding: 15px; border-radius: 9px; font-size: 14px; margin-bottom:40px;}
.container-xl.uslugi .column1 li {min-height:30px !important;}

#myMap .modal-content {
    border-radius: 0px !important;
    padding-bottom: 10px;
}
#myMap .close-link {
    padding: 0 15px !important;
    font-size: 12px !important;
    text-decoration: none;
}
#myMap .close-link:hover {cursor:pointer; color: #53ba00;}

.backg {
    background: #f9fff0; padding:40px;
}
.backg ul li {margin-bottom:30px;}

.row.product-block p {
    font-size: 11px;
    margin-bottom: 6px;
}

.ag_user_alert_window {
    z-index: 1000 !important;
}
.modal_background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.6);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal_form{
    background: #ffffff;
    border-radius: 2px;
    width: 300px;
    padding: 20px 20px;
    position: relative;
    display: none;
    max-width: 100%;
    text-align: center;
}
.modal_form.news form {padding: 10px; margin-top: 30px;}
a.close_form {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 5;
    font-size:12px;
}
a.close_form:hover {text-decoration: none; color:#53ba00;}

.obrabotka-item {
    margin: 0px 20px;
    box-shadow: 0 0 5px 5px rgba(221, 221, 221, 0.2);
    transition: all 0.4s ease-in-out 0s;
    padding: 30px;
}

header .top-header .phones a:hover {color:#414141;}

header .time div:nth-child(1) span:before {
    content:"";
    background: url(images/time-icon-header-3.png) no-repeat center center;
    position: absolute;
    width: 19px;
    height: 18px;
    margin-top:0px;
    margin-left:-27px;
}

header .time div:nth-child(2) span:before {
    content:"";
    background: url(images/map-marker-icon-2.png) no-repeat center center;
    position: absolute;
    width: 16px;
    height: 20px;
    margin-top:1px;
    margin-left:-25px;
}

header .time div:nth-child(3) a:before {
    content:"";
    background: url(images/mail-icon.png) no-repeat center center;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top:-3px;
    margin-left:-33px;
}

.button[data-btneffects-first] {overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}
.button[data-btneffects-first="btneffects-ripple"] .t-btn_effects {position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}
.button[data-btneffects-first="btneffects-ripple"] .t-btn_effects::after,
.t-submit[data-btneffects-first="btneffects-ripple"] .t-btn_effects::after {
  content: '';
  position: absolute;
  height: 350%;
  width: 200%;
  top: 0;	left: -100%;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;	-webkit-transform: scale(0);
  -ms-transform: scale(0);	transform: scale(0);	z-index: 20;
  -webkit-animation-name: ripple;	animation-name: ripple;
  -webkit-animation-duration: 6s;	animation-duration: 6s;
  -webkit-animation-timing-function: linear;	animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;	animation-iteration-count: infinite;
}
@-webkit-keyframes ripple {
  20% { opacity: 0;	-webkit-transform: scale(2.5);
    transform: scale(2.5); } 100% {
      opacity: 0;	-webkit-transform: scale(2.5);	transform: scale(2.5);
    }
}
@keyframes ripple {
  20% { opacity: 0;	-webkit-transform: scale(2.5);
    transform: scale(2.5); } 100% {
      opacity: 0;	-webkit-transform: scale(2.5);
      transform: scale(2.5);
    }
}

.impact {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif"; font-size: 46px; font-weight: 700; line-height: 56.4px;
        text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);
}
.impact2 {font-size: 22px; font-weight: 700; line-height: 24px; color: #525254; font-family: Geneva, Arial, Helvetica, sans-serif;
        text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);
}
#accordion .btn.btn-link {text-align: left;}

/* дополнение */

.ag_user_alert_window_content {
    padding: 7px 40px 7px 30px !important;
}
.ag_user_alert_window_content .ag_user_alert_window_button {border-radius: 40px !important;}
.ag_user_alert_window_content .ag_user_alert_window_text a {text-decoration: none !important;}

.ag_user_alert_window_button {
    padding: 2px 16px !important; font-weight: 600 !important;
}

.main-user-consent-request {text-align: left !important; margin-bottom: 25px; font-size:14px;}
.main-user-consent-request > input {width: auto !important; margin-bottom: 0px !important;}


/* Кастом Чекбокс */

/* Customize the label (the container) */
.main-user-consent-request {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.main-user-consent-request input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.main-user-consent-request:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.main-user-consent-request input:checked ~ .checkmark {
  background-color: #13a51a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.main-user-consent-request input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.main-user-consent-request .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/**/

.video {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.alert-success, .feadform .form-success {background-color: #eff9eb !important; color: #155724; border-color: #c3e6cb !important;}
.alert-info {background-color: #eef7fb !important;}
.alert-danger, .feadform .form-err {background-color: #faeded !important; color: #721c24; border-color: #f5c6cb !important;}
.alert-light {background-color: #f4f4f4 !important;border-color:#d5d5d5 !important;}

.alert p {margin-bottom:3px; font-size:14px;}
.hidden {display:none;}

.free-block .main-user-consent-request {max-width:100%; float:right; margin-top:10px; margin-bottom:15px; padding-left: 5px !important;}
.feadform .main-user-consent-request {margin-top:10px;}
.free-block .main-user-consent-request .checkmark, .feadform .main-user-consent-request .checkmark {border-radius:4px; min-width: 15px;}
.free-block .main-user-consent-request .pl-3, .feadform .main-user-consent-request .pl-3 {padding-left:4px !important; padding: 5px 0;}

.feadform .form-msg {text-align:left !important;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.feadform .form-msg p {margin-bottom:3px; font-size:14px;}
.feadform .form-msg:empty {display:none;}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    margin-left: 0;
}
.button.green[disabled], .green-hover[disabled] {
    box-shadow: none;
    background: #ccc !important;
    border-color:#ccc !important;
    color: #fff !important;
}

.consent-text {font-size:12px;}
.consent-text a, .consent-text-2 a {text-decoration:underline; color: #406800;}
.consent-text a:hover, .consent-text-2 a:hover {text-decoration:none;}

.news .iti {margin-bottom:30px; width:100%;}
.news .iti .iti__selected-flag, .partner-form .iti .iti__selected-flag {
    border-radius: 0px;
    border: none;
    height: 40px;
    background: none;
    border-right: 0px;
}
.news .iti__selected-flag, .partner-form .iti .iti__selected-flag {padding:0 10px !important; }
.news .iti input, .partner-form .iti input {border-radius:0px !important; padding-left: 60px !important;}

.partner-form .iti input, .partner-form .iti .iti__selected-flag {border-radius: 10px !important;}


ul.check-list-disc li:before {
    content: "";
    background-color: #000;
    border: 1px #000 solid !important;
    border-radius: 50px;
    margin-top: 7px;
    margin-left: -14px;
    position: absolute;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    line-height: 1;
    width: 5px;
    height: 5px;
}

.st-left .slick-track{
    margin-left: 0 !important; float:left;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {background-color: #13a51a;}

@media (min-width: 768px) {
    .b-img {display: block; width: 100% !important;}
    .b-img-mobile {display:none;}
}

@media (max-width: 767px) {
    .b-img {display: none;}
    .b-img-mobile {display:block; width:100%;}
}

.fa-facebook {color: #3b5998 !important;}
.fa-telegram {color: #229ED9 !important;}
.fa-youtube {color: #c4302b !important;}
.fa-whatsapp {color: #2cb742 !important;}
.fa-viber {color: #8c60c3 !important;}

.fa-instagram {
  background-clip: text;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #c7c6b6 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  /* needed for browser support */
  -webkit-background-clip: text; /* see https://caniuse.com/#feat=background-img-opts */
  -webkit-text-fill-color: transparent; /* https://caniuse.com/#feat=text-stroke */
}