/*
Theme Name: Klining theme
*/
/*body {
display: none;
}
body.loaded {
display: block;
}*/
body .main-slider-wrapper {
display: none;
}
body.loaded .main-slider-wrapper {
display: block;
}
body:not(.loaded) .main-slider-slide, body:not(.loaded) .team-item-image, body:not(.loaded):not(.page-template-sales) .sales-slide-img, body:not(.loaded):not(.page-template-reviews) .reviews-video.video-lightbox {
background: none !important;
}
.navbar-brand-wrapper {
height: 100%;
min-height: 39.64px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-brand-modal-wrapper {
display:none;
position: absolute;
left: 0;
top: 39px;
}
.navbar-brand-wrapper:hover .navbar-brand-modal-wrapper{
display: block;
}
#navbar-brand-arrow {
transition: .1s linear;
}
.navbar-brand-wrapper:hover #navbar-brand-arrow {
transform: rotate(180deg);
}
.navbar-brand-modal {
margin-top: 8px;
padding: 16px 32px;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 5px 15px 0 rgba(207, 214, 223, .5);
box-shadow: 0 5px 15px 0 rgba(207, 214, 223, .5);
width: 355px;
z-index: 11;
position: relative;
}
.navbar-brand-modal-item {
margin-bottom: 4px;
}
.navbar-brand-modal-item a {
font-size: 14px;
font-weight: 400;
text-decoration:none;
color: #2f2f2f !important;
padding: 0 0;
transition: all .2s linear !important;
}
.navbar-brand-modal-item a:hover {
color: #6BB7D6 !important;
}
.links-cloud-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -4px;
margin-bottom: 32px;
}
.links-cloud-wrapper a {
text-decoration: none !important;
}
.links-cloud-wrapper .links-cloud-item-cont {
padding: 0 4px !important;
width: fit-content !important;
}
.links-cloud-item {
background-color: #fff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
border-radius: 8px;
padding: 4px 16px;
height: 50px;
margin-bottom: 8px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content !important;
border: 2px solid #fff;
transition: all .2s linear;
}
.links-cloud-item:hover {
border: 2px solid #6BB7D6;
}
.links-cloud-item p {
color: #6BB7D6;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-wrap: nowrap;
margin-bottom: 0 !important;
}
@font-face {
font-family: 'Eastman';
src: url('./assets/fonts/Eastman-Light.woff2') format('woff2');
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Eastman';
src: url('./assets/fonts/Eastman-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Eastman';
src: url('./assets/fonts/Eastman-Medium.woff2') format('woff2');
font-weight: 500;
font-display: swap;
font-style: normal;
}
/*@font-face {
font-family: 'Eastman';
src: url('./assets/fonts/Eastman-Bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: normal;
}*/
@font-face {
font-family: 'Eastman';
src: url('./assets/fonts/Eastman-Extrabold.woff2') format('woff2');
font-weight: 800;
font-display: swap;
font-style: normal;
}
body {
word-spacing: normal;
font-family: Eastman, sans-serif !important;
color: #2F2F2F !important;
background-color: #f9f9f9 !important;
text-rendering: optimizeSpeed;
position: relative !important;
overflow-x: hidden !important;
}
main {
position: relative;
}
#menu-verhnee-menyu .menu-item:last-child > a {
padding-right: 0 !important;
}
.modal.show .modal-dialog {
top: 50%;
transform: translateY(-50%) !important;
border-radius: 15px;
}
.modal.show .modal-dialog .questions-form-wrapper p {
max-width: none !important;
margin: 0 auto !important;
margin-bottom: 0px !important;
margin-top: 0 !important;
}
.modal.show .modal-dialog .questions-form-alert p {
margin: 0 !important;
max-width: 250px !important;
}
.modal.show .modal-dialog .questions-form-wrapper {
padding: 48px !important;
}
.modal.show .modal-dialog .btn-close {
position: absolute;
right: 16px;
top: 16px;
width: 32px;
height: 32px;
box-shadow: none !important;
outline: none !important;
}
.modal.show .modal-dialog .questions-form {
margin-top: 16px;
}
.modal_button {
margin-top: 16px !important;
}
.standart-page-title {
line-height: 33px;
color: #2f2f2f;
font-size: 30px;
font-weight: 800;
margin-bottom: 48px;
}
.main-widjet-wrapper {
display: flex;
flex-direction: column;
}
.main-widjet-wrapper img{
width: 42px;
height: 42px;
margin-bottom: 24px;
}
.main-widjet-wrapper a:last-child img{
margin-bottom: 0 !important;
}
.main-widjet {
position: fixed;
right: 50px;
bottom: 50px;
background-color: #fff;
padding: 20px 12px 20px 12px;
border-radius: 50px;
z-index: 999;
box-shadow: 0px 5px 20px -5px rgba(207, 214, 223, 0.9);
}
.mob-section-more-btn {
display: none;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 16px;
}
.mob-section-more-btn button {
font-size: 13px;
border-radius: 12px !important;
color: #6BB7D6;
border-radius: 7px;
background-color: #ffffff;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
font-weight: 600;
width: 320px;
height: 55px;
}
.mob-section-more-btn button:hover {
color: #ffffff;
background-color: #6BB7D6;
}
.top-nav, .bottom-nav {
background: #fff;
}
.bottom-nav {
position: absolute; /* Изначально позиционируем как absolute */
top: 118px; /* Начальная позиция */
width: 100%;
z-index: 10; /* Чтобы меню оставалось поверх остальных элементов */

height: 63px;
top:118px;
}

.fixed {
position: fixed; /* Меняем на fixed */
top: 0; /* Позиция фиксированного элемента */
}
.bottom-nav .container {
height:100%;
}
.bottom-nav-item {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.top-nav-arrow {
transition: all .1s linear;
}
.bottom-nav-item5:hover .top-nav-arrow {
transform: rotate(180deg) !important;
}
.bottom-nav-wrapper {
height: 100%;
}
.mobile-br {
display: none;
}
.top-nav .navbar-brand {
font-size: 12px;
font-weight: 700;
display: flex;
align-items: center;
color: #2F2F2F !important;
}
.top-nav .menu-item {
position: relative;
}
.top-nav .navbar-brand img{
width: 19px;
height: 19px;
margin-right: 4px;
}
.top-nav .nav-link {
font-weight: 700;
font-size: 12px;
padding: 10px 18px !important;
color: #2F2F2F !important;
transition: all .2s linear !important;
}
.top-nav .selected-nav-item {
color: #6BB7D6 !important;
}
.selected-nav-item {
color: #6BB7D6 !important;
}
.top-nav .nav-link:hover {
color: #6BB7D6 !important;
}
.top-nav .nav-link img {
width: 10px;
margin-right: 4px;
}
.top-nav {
padding: 0 !important;
}


.mid-nav {
background-color: #f9f9f9;
height: 80px;
}
.mid-nav .container {
height: 100%;
}
.mid-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.mid-nav__logo {
display: flex;
align-items: center;
}
.mid-nav__logo img {
width: 173px;
}
.mid-nav__logo p {
margin-bottom: 0;
margin-left: 16px;
font-size: 12px;
font-weight: 500;
}
.services-page__info-text h2 {
font-size: 30px;
line-height: 35px;
font-weight: 800;
}
.mid-nav__count-bar {
background-color: #fff;
box-shadow: 0px 5px 20px -5px rgba(207, 214, 223, 0.9);
border-radius: 12px;
padding: 0px 32px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.mid-nav__count {
display: flex;
align-items: center;
}
.mid-nav__count-bar p {
font-size: 9px;
color: #2f2f2f;
margin-bottom: 0;
font-weight: 500;
}
.mid-nav__count img {
width: 19px;
margin-right: 8px;
}
.mid-nav__count p {
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
}
.mid-nav__call {
display: flex;
align-items: center;
}
.mid-nav__call img{
width: 31px;
margin-right: 12px;
}
.mid-nav__call img:last-child {
margin-right: 0;
}
.mid-nav__call p {
font-size: 10px;
font-weight: 500;
margin-bottom: 0;
margin-right: 16px;
}
.mid-nav__call-img {
margin-right: 8px;
position: relative;
}
.mid-nav__call-img img{
width: 43px;
height: 43px;
border-radius: 50%;
}
.system-bar .mid-nav__call-img img {
width: 36px;
height: 36px;
}
.mid-nav__call-active {
content: '';
position: absolute;
width: 11px;
height: 11px;
border: 2px solid;
background-color: #96df92;
border-color: #f9f9f9;
bottom: 0;
right: 0px;
border-radius: 50%;
}

.mid-nav__phone {
display: flex;
align-items: center;
}
.mid-nav__phone-info {
margin-right: 16px;
}
.mid-nav__phone-info a{
color: #2f2f2f;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: all .2s linear !important;
}
.mid-nav__phone-info a:hover {
color: #6BB7D6;
}
.mid-nav__phone-info p {
font-size: 11px;
margin-bottom: 0;
font-weight: 500;
}
.mid-nav .mid-nav__call-img img{
margin-right: 0;
}
.mid-nav__phone-btn {
height: 43px !important;
width: 160px !important;
color: #ffffff !important;
font-size: 12px !important;
font-family: 'Eastman' !important;
line-height: 1.55 !important;
font-weight: 700 !important;
border-radius: 12px !important;
background-color: #6BB7D6 !important;
border: 0 !important;
box-shadow: 0px 5px 15px 0px #61a9c799;
}
.mid-nav__phone-btn:hover {
background-color: #61a9c7 !important;
}
.bottom-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.bottom-nav-wrapper a {
text-decoration: none;
font-size: 14px;
font-weight: 700;
color: #2f2f2f !important;
padding: 0px 0;
transition: all .2s linear !important;
}
.current-menu-item > a {
color: #6BB7D6 !important;
}
.menu-item > a > img {
transition: all .1s linear !important;
}
.menu-item:hover > a > img {
transform: rotate(180deg) !important;
}
.menu-item:last-child .bottom-nav-dropdown {
left: unset;
right: 0;
}
.sub-menu {
padding: 0;
margin: 0;
}
.sub-menu .bottom-nav-link {
text-wrap: wrap;
}
.bottom-nav-link {
transition: all .1s linear;
}
.bottom-nav-link:hover {
color: #6BB7D6 !important;
}
.line {
border-right: 1px solid rgba(183,187,199,0.57);
padding: 0 16px !important;

}
.bottom-nav-wrapper a:hover {
color: #6BB7D6;
}
.bottom-nav-wrapper {
position: relative;
}
.bottom-nav-dropdown {
display: none;
position: absolute;
top: 63px;

left: 0;
z-index: 5;

border-radius: 10px;
text-wrap: nowrap;
}
.cols-1 .bottom-nav-dropdown{
width: 200px;
}
.cols-2 .bottom-nav-dropdown{
width: 440px;
}
.cols-3 .bottom-nav-dropdown{
width: 600px;
}
.cols-4 .bottom-nav-dropdown{
width: 1132px;

}
.bottom-nav-dropdown2 {
display: flex !important;
}
.bottom-nav-dropdown-items {
padding: 16px 32px;
left: 0;
z-index: 5;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.5);
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.5);
text-wrap: nowrap;
}
.selected-nav-item {
color: #6BB7D6 !important;
}
.bottom-nav-item1 {
position: relative;
}
.menu-item:hover > .bottom-nav-dropdown{
display: block !important;
}
.bottom-nav-item {
position: relative;
}
.bottom-nav-dropdown-items .sub-menu {
margin-top: 4px;
}
.bottom-nav-item1:hover .bottom-nav-dropdown1{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 5;
}
.menu-item .row .bottom-nav-link {
font-weight: 400;
}

.menu-item-has-children > .bottom-nav-link{
font-weight: 600 !important;
}
.current_page_parent > a {
color: #6BB7D6 !important;
}
.top-nav .current_page_parent > a {
color: #6BB7D6 !important;
}
.bottom-nav-dropdown-items {
margin-top: 8px;
}
.bottom-nav-item3:hover .bottom-nav-dropdown3{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 5;
}
.bottom-nav-item4:hover .bottom-nav-dropdown4{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 5;
}
.bottom-nav-item5:hover .bottom-nav-dropdown5{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 11;
}
.top-nav .bottom-nav-dropdown5 {
top: 38px !important;
}
.bottom-nav-item6:hover .bottom-nav-dropdown6{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 5;
}
.bottom-nav-item7:hover .bottom-nav-dropdown7{
color: #6BB7D6;
display: block !important;
padding-top: 8px;
position: absolute;
top: 63px;
left: 0;
z-index: 5;
}
.bottom-nav-dropdown-list {
display: flex;
flex-direction: column;
}
.bottom-nav-dropdown-list a {
padding: 4px 0;
font-weight: 400;
}
.bottom-nav-dropdown-items .bottom-nav-item {
display: block;
height: auto;
}
.bottom-nav-dropdown-items {
width: 100%;
}




.bottom-nav-wrapper .menu-item:last-child .bottom-nav-dropdown2 {
width: auto !important;
transform: unset !important;
position: relative !important;
min-width: unset !important;
top: 0;
font-weight: 400 !important;
}
.bottom-nav-wrapper .menu-item:last-child .bottom-nav-dropdown2 .bottom-nav-dropdown-items{
background: transparent;
padding: 0;
box-shadow: none;

}


.bottom-nav-dropdown-items .row .menu-item{
min-width: unset !important;
margin-bottom: 4px;
}
.bottom-nav-link3 {
font-weight: 400 !important;
}
.bottom-nav-link2 {
font-weight: 400 !important;
}
.bottom-nav-wrapper .menu-item:last-child .bottom-nav-dropdown .bottom-nav-link2{
font-weight: 700 !important;
}
.bottom-nav-dropdown2 {
top: 44px;
}
.bottom-nav-item3 {
position: relative;
}
.bottom-nav-dropdown3 {
top: 44px;
}
.bottom-nav-item4 {
position: relative;
}
.bottom-nav-dropdown4 {
top: 44px;
}
.bottom-nav-item5 {
position: relative;
}
.bottom-nav-dropdown5 {
top: 34px;
}
.bottom-nav-dropdown6 {
right: -16px;
}
.bottom-nav-item7 {
position: relative;
}
.bottom-nav-dropdown7 {
top: 44px;
}
.bottom-nav-dropdown6 .bottom-nav-dropdown-list:first-child {
border-right: 1px solid rgba(183,187,199,0.57);
}
.bottom-nav-dropdown6 .bottom-nav-dropdown-list:last-child {
border-left: 1px solid rgba(183,187,199,0.57);
}
.bottom-nav-dropdown-list-strong {
font-weight: 700 !important;
}
.nav-dropdown-list-padding {
padding-top: 30px;
}
#menu-osnovnoe-menyu {
display: flex;
margin: 0;
padding: 0;
justify-content: space-between;
width: 100%;
}
#menu-osnovnoe-menyu li {
list-style: none;
}
.bottom-nav-dropdown5 .bottom-nav-dropdown-items {
padding: 16px 20px !important;
width: auto;
}
.top-nav-dropdown a {
text-decoration: none;
font-size: 12px;
font-weight: 700;
color: #2f2f2f;
padding: 21px 0;
transition: all .2s linear !important;
padding: 4px 0;
font-weight: 400;
}
.top-nav-dropdown-a {
text-decoration: none;
font-size: 12px;
font-weight: 700;
color: #2f2f2f;
padding: 21px 0;
transition: all .2s linear !important;
padding: 4px 0;
font-weight: 400;
}
.top-nav-dropdown a:hover {
color: #6BB7D6;
}
.top-nav-dropdown-a:hover {
color: #6BB7D6;
}
ul.bottom-nav-dropdown5 {
padding-left: 0 !important;
}
.bottom-nav-dropdown5 .bottom-nav-dropdown-items {
margin-top: 8px;
}
.top-nav .bottom-nav-dropdown5 {
left: 50%;
transform: translateX(-50%);
z-index: 11;
}
.equipment-section {
margin-bottom: 64px;
}
.equipment-section .services-title p {
line-height: 18px;
color: #2f2f2f;
font-size: 14px;
font-weight: 500;
margin-bottom: 32px;
}
.equipment-section .services-title h2 {
margin-bottom: 12px;
font-size: 30px;
line-height: 35px;
font-weight: 800;
}
.equipment-item {
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 12px;
padding-bottom: 16px;
height: 100%;
}
.equipment-item-img {
border-radius: 15px;
width: 100%;
height: 185px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
margin-bottom: 16px;
}
.equipment-item-text h6 {
line-height: 19px;
color: #6BB7D6;
font-size: 15px;
font-weight: 600;
text-align: center;
margin-bottom: 8px;
}
.equipment-item-text strong {
line-height: 19px;
color: #6BB7D6;
font-size: 15px;
font-weight: 600;
text-align: center;

}
.equipment-item-text p:has(strong) {
margin-bottom: 8px !important;
text-align:center;
}
.equipment-item-text p {
line-height: 20px;
font-size: 13px;
padding: 0 4px;
margin-bottom: 0;
}
.equipment-items .col-lg-3 {
padding: 0 8px;
}
.banner {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
height: 820px;
width: 100%;
position: relative;
}
.banner-breadcrumb {
position: absolute;
top: 90px;
z-index: 4;
line-height: 19px;
font-size: 12px;
}
.banner-breadcrumb a {
color: #6BB7D6;
text-decoration: none;
}
.banner-filter {
opacity: 0.85;
background-color: #ffffff;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.banner .container {
height: 100%;
}
.banner-wrapper {
z-index: 2;
position: relative;
display: flex;
height: 100%;
justify-content: space-between;
}
.banner-image {
display: flex;
align-items: flex-end;
overflow: hidden;
}
.banner-image img {
transform: translateY(30px);
width: 520px;
height: 790px;
}
.banner-content {
     padding-top: 130px;
     max-width: 665px;
}
.banner-content .banner-btn2 {
font-size: 14px !important;
}
.banner-content h1 {
font-size: 50px;
font-weight: 800;
line-height: 55px;
margin-bottom: 24px;
max-width: 655px;
}
.banner-content h1 span {
color: #6BB7D6;
}
.banner-info-item > img {
width: 22px;
height: 22px;
margin-right: 4px;
}
.banner-info-item {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.banner-info-item-text {
display: flex;
align-items: center;
}
.banner-info-item-text p {
margin-bottom: 0;
font-size: 15px;
font-weight: 500;
}
.banner-info-item-text p a {
color: #6BB7D6;
text-decoration: none;
}
.banner-star-img {
width: 15px !important;
height: 13.75px !important;
margin-right: 0 !important;
transform: translateY(-2.5px);
}
.banner-items-title {
font-size: 16px;
font-weight: 700;
margin-top: 32px;
margin-bottom: 20px;
}
.banner-item {
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 20px 50px 0px rgba(207, 214, 223, 0.4);
display: flex;
padding: 8px;
width: 100%;
max-width: 310px;
}
.banner-item-img img {
border-radius: 12px;
width: 74px;
height: 78px;
margin-right: 20px;
}
.banner-item-title {
border-radius: 5px;
background-color: #6BB7D6;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
width: fit-content;
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 2px 8px;
margin-bottom: 4px;
margin-top: 8px;
}
.banner-item-text p {
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
margin-left: 2px;
}
.banner-items-wrapper {
padding-left: 8px;
max-width: 664px;
margin-bottom: 32px;
}
.banner-item {
margin-bottom: 8px;
}
.banner-items-wrapper .col-lg-6 {
padding: 0 4px;
}
.banner-buttons-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 636px;
flex-wrap: wrap;
}
.banner-buttons-wrapper a[href*="max.ru"] {
    margin-top: 12px;
}
.banner-btn1 {
font-family: 'Eastman' !important;
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
border-radius: 15px !important;
background-color: #6BB7D6 !important;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
box-shadow: 0px 5px 15px 0px #61a9c799 !important;
width: 310px !important;
height: 74px !important;
}
.banner-btn2 img {
width: 27px;
height: 27px;
margin-right: 8px;
}
.banner-btn2 {
font-family: 'Eastman' !important;
border-radius: 15px !important;
background-color: #26d265 !important;
box-shadow: 0px 5px 20px -3px rgba(38, 210, 101, 0.7);
width: 310px !important;
height: 74px !important;
color: #ffffff !important;
font-size: 14px;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
border: 0 !important;
}
.banner-btn1:hover {
color: #ffffff !important;
background-color: #61a9c7 !important;
}
.banner-btn2:hover {
background-color: #2FEA71 !important;
color: #ffffff !important;
}
.btn_max {
background-color: #be76eb !important;
box-shadow: 0px 5px 20px -3px rgb(190 118 235);
}
.btn_max:hover {
background-color: #b26bdf !important;
}

.mid-nav__phone-btn:hover {
color: #ffffff !important;
background-color: #61a9c7 !important;
}
.banner-buttons-wrapper a {
text-decoration: none;
}
.banner-row {
height: 38px;
}
.marquee {
width: 100%;
overflow: hidden;
background-color: #6BB7D6;
white-space: nowrap;
position: relative;
z-index: 1;
}

.marquee-content {
display: flex;
width: max-content;
animation: marquee 30s linear infinite;
}

.marquee-inner {
display: flex;
}

.marquee-item {
display: inline-block;
margin-right: 80px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
padding: 8px 0;
position: relative;
}

.marquee-item::before {
content: '';
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
left: -20px;
border-width: 3px;
border-color: #6BB7D6;
border-style: solid;
}

@keyframes marquee {
from {
 transform: translateX(0);
}
to {
 transform: translateX(-50%); /* Прокручиваем на половину содержимого, потому что у нас два дубликата */
}
}


.services {
padding-top: 100px;
}
.services-title h2 {
font-size: 30px;
line-height: 35px;
font-weight: 800;
margin-bottom: 32px;
}
.services-item {
background: #fff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
border-radius: 20px;
padding: 12px;
height: 100%;
display: flex;
flex-direction: column;
}
.services-items-wrapper .col-xl-3 {
margin-bottom: 12px;
}
.services-item__img {
width: 100%;
height: 280px;
border-radius: 12px;
margin-bottom: 16px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
.services-item__img-alert {
position: absolute;
left: 12px;
top: 12px;
color: #ffffff;
font-size: 12px;
font-family: 'Eastman', Arial, sans-serif;
line-height: 1.55;
font-weight: 600;
border-radius: 7px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
padding: 2px 8px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.services-item__img-alert-none {
display: none !important;
}
.services-item__text h6 {
font-size: 13px;
font-weight: 700;
margin-bottom: 4px;
}
.services-item__text-h6 {
font-size: 13px;
font-weight: 700;
margin-bottom: 4px;
}
.services-item__text h5 {
color: #6BB7D6;
font-size: 20px;
font-weight: 800;
margin-bottom: 6px;
}
.services-item__text strong {
color: #6BB7D6;
font-size: 20px;
font-weight: 800;
margin-bottom: 6px;
}
.services-item__text p:has(strong)::before {
display: none !Important;
}
.services-item__text p:has(strong) {
padding-left: 0 !important;
margin-bottom: 8px;
}
.services-item__text p {
line-height: 14px;
color: #2f2f2f;
font-size: 12px;
font-weight: 400;
margin-bottom: 0px;
padding-left: 12px;
position: relative;
margin-bottom: 8px;
}
.services-item__text p::before {
content: '';
position: absolute;
width: 5px;
height: 5px;
background: #6BB7D6;
top: 50%;
transform: translateY(-50%);
left: 0;
border-radius: 50%;
}
.services-item__text {
flex-grow: 1;
padding-left: 8px !important;
}
.more-btn {
font-family: 'Eastman' !important;
color: #ffffff !important;
border: 0 !important;
font-size: 14px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
border-radius: 12px !important;
background-color: #6BB7D6 !important;
background-position: center center !important;
border-color: transparent !important;
border-style: solid !important;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
box-shadow: 0px 5px 20px -3px #61a9c799 !important;
width: 100% !important;
height: 54px !important;
margin-top: 6px !important;
}
.more-btn:hover {
color: #ffffff !important;
background-color: #61a9c7 !important;
}
.services-items-wrapper .col-xl-3 {
padding: 0 6px !important;
}

footer {
background-color: #fff;
content-visibility: auto;
}
.footer-content {
padding-top: 40px;
}
.footer-links-list ul {
padding:0 !important;
margin-bottom: 0 !important;
}
.footer-links-list ul li {
list-style: none !important;
}
.footer-links-list p{
line-height: 22px;
font-size: 14px;
font-weight: 700;
margin-bottom: 8px;
}
.footer-links-list a {
text-decoration: none;
color: #2F2F2F;
font-size: 12px;
font-weight: 500;
margin-bottom: 4px;
transition: all .2s linear !important;
}
.footer-links-list a:hover {
color: #6BB7D6;
}
.footer-links-list {
display: flex;
flex-direction: column;
margin-bottom: 32px;
}
.footer-lower-wrapper {
border-top: 1px solid #e1e1e1;
}
.footer-contacts__phone, .footer-contacts__mail{
display: flex;
align-items: center;
}
.footer-contacts__phone {
margin-bottom: 4px;
}
.footer-contacts__phone a {
text-decoration: none !important;
color: #2F2F2F !important;
transition: all .2s linear;
}
.footer-contacts__phone a:hover {
color: #6BB7D6 !important;
}
.footer-contacts__mail {
margin-bottom: 12px;
}
.footer-contacts__mail a {
text-decoration: none !important;
color: #2F2F2F !important;
transition: all .2s linear;
}
.footer-contacts__mail a:hover {
color: #6BB7D6 !important;
}
.footer-contacts__phone img {
width: 21px;
height: 21px;
margin-right: 3px;
transform: translateY(2.5px);
}
.footer-contacts__phone p{
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
}
.footer-contacts__phone p:hover {
color: #6BB7D6;
cursor: pointer;
}
.footer-contacts__mail img {
width: 19px;
height: 19px;
margin-right: 7px;
}
.footer-contacts__mail p {
font-size: 12px;
font-weight: 500;
line-height: 19px;
margin-bottom: 0;
}
.footer-city {
margin-top: 16px;
}
.footer-city h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0px;
}
.footer-city-h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0px;
}
.footer-city p {
font-size: 12px;
font-weight: 400;
margin-bottom: 8px;
}
.footer-city h6 {
font-size: 12px;
font-weight: 700;
margin-bottom: 0px;
}
.footer-city-h6 {
font-size: 12px;
font-weight: 700;
margin-bottom: 0px;
}
.footer-city strong {
font-size: 12px;
font-weight: 700;
margin-bottom: 8px;
}
.footer-pay-bar-images {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.footer-pay-bar-images img:first-child {
width: 24px;
margin-right: 4px;
}
.footer-pay-bar-images img:nth-child(2) {
width: 48px;
height: 16px;
margin-right: 8px;
}
.footer-pay-bar-images img:nth-child(3) {
width: 36px;
height: 36px;
margin-right: 8px;
}
.footer-pay-bar-images img:last-child {
width: 58px;
height: 36px;
}
.footer-pay-bar h6 {
font-size: 12px;
font-weight: 600;
margin-bottom: 4px;
}
.footer-pay-bar-h6 {
font-size: 12px;
font-weight: 600;
margin-bottom: 4px;
}
.footer-pay-bar p {
color: #6BB7D6;
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
}
.footer-pay-bar {
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.7);
border-radius: 12px;
padding: 12px;
max-width: 235px;
margin-top: 16px;
transform: translateX(-16px);
margin-bottom: 32px;
}
.footer-lower-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0;
}
.footer-logo-wrapper {
display: flex;
align-items: center;
}
.footer-logo-wrapper img {
max-width: 207px;
}
.footer-logo-wrapper p {
font-size: 12px;
padding-left: 24px;
margin-bottom: 0;
}
.footer-lower-numbers p {
font-size: 12px;
margin-bottom: 0;
}
.footer-policy {
font-size: 12px;
font-weight: 500;
color: #6BB7D6;
text-decoration: none;
border-bottom: 1px dashed #6BB7D6;
}
.price-section {
padding-top: 64px;
margin-bottom: 64px;
}
.price-section-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.price-section-title h2 {
font-size: 30px;
font-weight: 800;
}
.price-section-text p {
font-size: 13px;
font-weight: 400;
}
.price-title-btn {
color: #6BB7D6 !important;
border: 0 !important;
font-size: 12px !important;
line-height: 1.55 !important;
font-weight: 600 !important;
border-radius: 7px !important;
background-color: #ffffff !important;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3) !important;
width: 202px !important;
height: 42px !important;
}
.price-title-btn:hover {
color: #fff !important;
background-color: #6BB7D6 !important;
}
.price-text-item-img {
width: 135px;
height: 90px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 7px !important;
position: relative;
}
.price-text-item-img-num {
border-radius: 50%;
background-color: #6BB7D6;
position: absolute;
top: 4px;
right: 4px;
font-size: 14px;
font-weight: 700;
color: #fff;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.price-text-item {
background-color: #fff;
border-radius: 7px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
display: flex;
align-items: center;
padding: 4px;
}
.price-text-items-wrapper {
padding-left: 8px;
margin-bottom: 16px;
}
.price-text-item-content p {
font-size: 12px !important;
font-weight: 500;
max-width: 210px;
padding-left: 16px;
margin-bottom: 0;
}
.price-text-items-wrapper .col-md-4 {
padding: 0 4px;
margin-bottom: 8px;
}
.price-list {
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 16px;
padding-bottom: 24px;
margin-bottom: 12px;
padding-top: 24px;
}
.price-list:last-child {
margin-bottom: 0;
}
.price-list-item {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ededed;
padding: 6px 0;
}
.price-list-item:last-child {
border-bottom: 0;
}
.price-list-item {
font-size: 14px;
font-weight: 400;
color: #2f2f2f;
}
.price-list-item__title a {
text-decoration: none;
color: #2f2f2f;
transition: all .1s linear;
}
.price-list-item__title a:hover {
color: #6BB7D6 !important;
}
.price-list-item:first-child {
font-weight: 700;
}
.price-list-price {
display: flex;
align-items: center;
text-wrap: nowrap;
}
.price-list-price p {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
margin-right: 32px;
width: 105px;
}
.price-list-price button {
color: #ffffff;
font-size: 11px;
font-weight: 500;
border-radius: 5px;
background-color: #6BB7D6;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
height: 26px;
line-height: 11px;
width: 110px;
}
.price-list-price button:hover {
color: #ffffff;
background-color: #61a9c7;
}
.price-lists-wrapper .col-lg-6 {
padding: 0 6px !important;
}
.socials-bar {
border-width: 4px;
border-radius: 20px;
background-image: linear-gradient(0turn, #C3EDFE 0%, #6BB7D6 100%);
border-color: #ffffff;
border-style: solid;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
width: 100%;
height: 425px;
display: flex;
align-items: start;
justify-content: center;
padding-left: 64px;
position: relative;
flex-direction: column;
}
.socials-section {
margin-bottom: 64px;
position: relative;
}
.socials-text h3{
line-height: 35px;
color: #ffffff;
font-size: 30px;
font-weight: 800;
background-position: center center;
border-color: transparent;
border-style: solid;
}
.socials-text strong {
line-height: 35px;
color: #ffffff;
font-size: 30px;
font-weight: 800;
background-position: center center;
border-color: transparent;
border-style: solid;
}
.socials-text p {
line-height: 18px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
background-position: center center;
border-color: transparent;
border-style: solid;
max-width: 530px;
}
.socials-text p span {
line-height: 18px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
}
.socials-section .container {
position: relative;
}
.socials-img1 {
position: absolute;
bottom: 50px;
right: 325px;
width: 304px;
}
.socials-img2 {
position: absolute;
bottom: 4px;
right: 30px;
z-index: 2;
height: 484px;
}
.socials-button1 img{
width: 29px;
height: 29px;
margin-right: 8px;
}
.socials-button2 img{
width: 51px;
height: 51px;
}
.socials-button1 {
border-radius: 12px !important;
background-color: #0077ff !important;
box-shadow: 0px 5px 20px -3px rgba(0, 119, 255, 0.7) !important;
width: 250px !important;
height: 70px !important;
margin-right: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 22px !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
border: 0 !important;
}
.socials-button2 {
border-radius: 12px !important;
border: 0 !important;
background-color: #3fb3e0 !important;
box-shadow: 0px 5px 20px -3px rgba(63, 179, 224, 0.7);
width: 250px;
height: 70px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 22px !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.socials-buttons-wrapper {
display: flex;
align-items: center;
margin-top: 8px;
}
.socials-buttons-wrapper a {
text-decoration: none;
}
.socials-button1:hover {
background-color: #2d8fff !important;
color: #ffffff !important;
}
.socials-button2:hover {
background-color: #0ca0db !important;
color: #ffffff !important;
}
.questions-section {
margin-bottom: 128px;
}
.questions-section h2 {
line-height: 47px;
color: #2f2f2f;
font-size: 30px;
font-weight: 800;
margin-bottom: 32px;
}
.questions-section-text-wrapper {
display: flex;
align-items: flex-start;
}
.questions-section-text-wrapper img {
margin-right: 32px;
width: auto;
height: auto;
max-width: 207px;
}
.questions-section-text-wrapper p {
line-height: 20px;
color: #2f2f2f;
font-size: 13px;
font-weight: 400;
}
.questions-section-text-wrapper p span {
font-weight: 700;
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-header {
height: 80px;
border-radius: 12px;
background-color: #ffffff;
display: flex;
align-items: center;
cursor: pointer;
}
.accordion-item {
border-radius: 12px !important;
margin-bottom: 8px !important;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3) !important;
border: 0 !important;
outline: 0 !important;
position: relative !important;
padding-left: 40px !important;
padding-right: 32px !important;
}
.current_page_item .bottom-nav-link1 {
color: #6BB7D6;
}
.bottom-nav-link1 img {
transition: all .1s linear;
}
.bottom-nav-item1:hover img {
transform: rotate(180deg) !important;
}
.accordion-item::before {
content: '';
position: absolute;
height: 100%;
width: 8px;
left: 0;
background-color: #6BB7D6;
border-radius: 12px 0 0 12px;
}
.accordion-item-header span {
line-height: 28px;
color: #6BB7D6;
font-size: 18px;
font-weight: 800;
}
.accordion-item-header p {
line-height: 22px;
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
margin-left: 24px;
flex-grow: 1;
padding-right: 24px;
}
.accordion-header-arrow {
border-radius: 50%;
background-color: #6BB7D6;
width: 32px;
height: 32px;
min-width: 32px;
max-width: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.accordion-header-arrow img {
width: 20px;
height: 20px;
transition: all .2s linear;
}
.accordion-item-header.active .accordion-header-arrow img {
transform: rotate(180deg);
}
.accordion-item-body-content {
padding-bottom: 16px;
font-size: 14px;
}
.questions-section-wrapper {
margin-bottom: 64px;
}
.questions-form-wrapper a {
text-decoration: none;
}
.questions-form-wrapper {
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 32px 16px 16px 16px;
text-align: center;
}
.questions-form-wrapper .socials-button2 {
font-size: 16px !important;
}
.questions-form-wrapper h4 {
line-height: 34px;
color: #6BB7D6;
font-size: 24px;
font-weight: 800;
}
.questions-form-wrapper strong {
line-height: 34px;
color: #6BB7D6;
font-size: 24px;
font-weight: 800;
}
.questions-form-wrapper-h4 {
line-height: 34px;
color: #6BB7D6;
font-size: 24px;
font-weight: 800;
}
.questions-form-wrapper p {
line-height: 20px;
color: #252525;
font-size: 14px;
font-weight: 600;
max-width: 330px;
}
.questions-form-input {
border-radius: 12px;
background-color: #f2f2f2;
width: 100%;
height: 80px;
border: 0;
outline: 0;
color: #757575;
font-size: 15px;
font-weight: 400;
padding-left: 16px;
padding-right: 16px;
}
.questions-form-send {
color: #ffffff !important;
border: 0 !important;
font-size: 18px !important;
font-family: 'Eastman' !important;
line-height: 1.55 !important;
font-weight: 700 !important;
border-radius: 12px !important;
background-color: #6BB7D6 !important;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 100%;
height: 80px;
margin-top: 16px;
}
.questions-form-send:hover {
background-color: #61a9c7 !important;
color: #fff !important;
}
.questions-form-checkbox input[type="checkbox"] {
display: none;
}
.questions-form-checkbox {
display: block;
position: relative;
padding-left: 0;
cursor: pointer;
height: 22px;
width: 22px;
user-select: none;
}
.questions-form-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
background-color: #fff;
border-radius: 50%;
transition: background-image 0.3s ease;
border: 1px solid #61a9c7;
}
.questions-form-alert {
display: flex;
align-items: center;
margin-top: 16px;
}
.questions-form-alert p {
line-height: 17px;
color: #252525;
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
text-align: start;
max-width: 250px;
padding-left: 8px;
}
.questions-form-alert p span {
color: #6BB7D6;
}
.questions-form-alert p a {
text-decoration: none !important;
color: #6BB7D6;
}
.main-slider-section {
margin-bottom: 64px;
overflow-x: hidden;
}
.main-slider-section-title h2{
line-height: 47px;
color: #2f2f2f;
font-size: 30px;
font-weight: 800;
}
.main-slider-section-title p {
line-height: 18px;
color: #2f2f2f;
font-size: 14px;
font-weight: 500;
}
.main-slider-section-title {
margin-bottom: 64px;
text-align: center;
}
.main-slider-slide {
height: 630px !important;

background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 20px;
}
.main-slider-wrapper .slick-dots li button:before {
display: none;
}
.main-slider-wrapper .slick-prev {
border-radius: 7px;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
left: -69px;
color: #fff !important;
}
.main-slider-wrapper .slick-next {
border-radius: 7px !important;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
right: -69px;
color: #fff !important;
}

.main-slider-wrapper .slick-dots li {
color: #6BB7D6;
font-size: 14px;
font-family: 'Eastman', Arial, sans-serif;
line-height: 1.55;
font-weight: 600;
border-radius: 12px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
box-shadow: 0px 5px 20px -4px rgba(207, 214, 223, 0.4);
width: 193px;
height: 55px;
}
.main-slider-wrapper .slick-dots li.slick-active {
color: #ffffff;
font-size: 14px;
font-family: 'Eastman', Arial, sans-serif;
line-height: 1.55;
font-weight: 600;
border-radius: 12px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
box-shadow: 0px 5px 20px -5px #61a9c799;
}
.main-slider-wrapper .slick-dots li button {
font-weight: 600;
color: #6BB7D6;
font-size: 14px;
width: 100%;
height: 100%;
transition: all .1s linear;
}
.main-slider-wrapper li.slick-active button{
color: #fff;
}
.main-slider-wrapper .slick-dots {
top: -30px;
}

.main-slider-wrapper .slick-prev::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.main-slider-wrapper .slick-next::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.main-slider-slide-markers {
width: 100%;
height: 100%;
position: relative;
}
.main-slider-marker {
position: absolute;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 12px 16px;
line-height: 16px;
color: #2f2f2f;
font-size: 12px;
font-weight: 500;
text-align: center;
}
.main-slider-marker2 {
position: absolute;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 12px 32px;
line-height: 16px;
color: #2f2f2f;
font-size: 12px;
font-weight: 500;
text-align: center;
}
.main-slider-marker3 {
position: absolute;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 12px 32px;
line-height: 16px;
color: #2f2f2f;
font-size: 12px;
font-weight: 500;
text-align: center;
}
.main-slider-marker4 {
position: absolute;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 12px 32px;
line-height: 16px;
color: #2f2f2f;
font-size: 12px;
font-weight: 500;
text-align: center;
}
.mob-main-slider-slide-text {
display: none;
}
/*Вверх*/
.main-slider-marker:nth-child(1) {
top: 25%;
left: 5%;
}
.main-slider-marker:nth-child(1)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -12px;
left: 50%;
margin-left: -10px;
transform: rotate(180deg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(1)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.main-slider-marker:nth-child(2) {
top: 71%;
left: 5%;
}
.main-slider-marker:nth-child(2)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -12px;
left: 50%;
margin-left: -10px;
transform: rotate(180deg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(2)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.main-slider-marker:nth-child(3) {
top: 41%;
left: 25%;
}
.main-slider-marker:nth-child(3)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -12px;
left: 50%;
margin-left: -10px;
transform: rotate(180deg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(3)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.main-slider-marker:nth-child(4) {
right: 12%;
bottom: 14%;
}
.main-slider-marker:nth-child(4)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -12px;
left: 50%;
margin-left: -10px;
transform: rotate(180deg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(4)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
/*Влево*/
.main-slider-marker:nth-child(5) {
right: 43%;
top: 12%;
}
.main-slider-marker:nth-child(5)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: -12px;
transform: rotate(90deg);
top: 50%;
margin-top: -10px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(5)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.main-slider-marker:nth-child(6) {
right: 33%;
top: 44%;
}
.main-slider-marker:nth-child(6)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: -12px;
transform: rotate(90deg);
top: 50%;
margin-top: -10px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(6)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.main-slider-marker:nth-child(7) {
right: 12%;
top: 58%;
}
.main-slider-marker:nth-child(7)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: -12px;
transform: rotate(90deg);
top: 50%;
margin-top: -10px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(7)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
/*Вниз*/
.main-slider-marker:nth-child(8) {
right: 48%;
bottom: 16%;
}
.main-slider-marker:nth-child(8)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(8)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
/*Вправо*/
.main-slider-marker:nth-child(9) {
top: 9%;
right: 14%;
}
.main-slider-marker:nth-child(9)::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
transform: rotate(270deg);
right: -12px;
top: 50%;
margin-top: -10px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.main-slider-marker:nth-child(9)::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #6BB7D6;
border: 2px solid #fff;
right: -30px;
top: 50%;
transform: translateY(-50%);
}
.custom-dot svg {
width: 25px !important;
height: auto !important;
fill: #6BB7D6 !important;
transition: all .2s linear;
margin-right: 4px;
}
.custom-dot {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.main-slider-wrapper .slick-dots {
display: flex;
justify-content: center;
}
.main-slider-wrapper .slick-dots li.slick-active svg {
fill: #fff !important;
}
.mob-main-slider-slider-text-items-wrapper {
display: none;
flex-direction: column;
}
.mob-main-slider-slider-text {
position: absolute;
top: 330px;
}
.mob-main-slider-slider-text-items-wrapper p{
font-size: 13px;
font-weight: 500;
margin-bottom: 16;
padding-left: 24px;
}
.mob-main-slider-slider-text-items-wrapper p br {
display:none;
}
.mob-main-slider-slider-text-items-wrapper p::before {
content: '';
width: 15px;
height: 15px;
position: absolute;
left: 0;
background-color: #6BB7D6;
border-radius: 50%;
border: 2px solid #fff;
transform: translateY(2px);
}
.example-section-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.example-section-title h2 {
line-height: 47px;
color: #2f2f2f;
font-size: 30px;
font-weight: 800;
margin-bottom: 0;
}
.example-section-title .price-title-btn {
width: fit-content !important;
padding: 0 24px !important;
}
.example-section {
margin-bottom: 64px;
}
.example-item {
border-radius: 20px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 16px;
height:100%;
}
.example-item-image {
width: 100%;
height: 400px;
background-color: #333;
border-radius: 20px;
margin-bottom: 24px;
position: relative;
}
.example-items-wrapper .col-lg-6 {
padding: 0 8px;
margin-bottom: 16px;
}
.example-item-image-bar1 {
position: absolute;
left: 20px;
bottom: 20px;
border-radius: 7px;
background-color: #6BB7D6;
line-height: 19px;
color: #ffffff;
font-size: 12px;
font-weight: 600;
width: 80px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
}
.example-item-image-bar2 {
position: absolute;
right: 20px;
bottom: 20px;
border-radius: 7px;
background-color: #6BB7D6;
line-height: 19px;
color: #ffffff;
font-size: 12px;
font-weight: 600;
width: 80px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
}
.example-item-content {
padding-left: 8px;
}
.example-item-content h6 {
line-height: 20px;
color: #2f2f2f;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
}
.example-item-content-h6 {
line-height: 20px;
color: #2f2f2f;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
}
.example-item-param {
display: flex;
align-items: center;
}
.example-item-param img{
width: 20px;
height: 20px;
margin-right: 4px;
}
.example-item-param p {
line-height: 19px;
color: #2f2f2f;
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
}
.example-item-param p span {
font-weight: 500;
}
.example-item-params-wrapper {
margin-bottom: 32px;
}
.example-item-content h5 {
line-height: 23px;
color: #2f2f2f;
font-size: 15px;
font-weight: 700;
}
.example-item-content-h5 {
line-height: 23px;
color: #2f2f2f;
font-size: 15px;
font-weight: 700;
margin-bottom: 4px;
}
.example-item-type {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.example-item-type img {
width: 18px;
height: 18px;
margin-right: 8px;
}
.example-item-type p {
margin-bottom: 0;
line-height: 20px;
color: #2f2f2f;
font-size: 13px;
font-weight: 400;
}
.example-item-content {
padding-bottom: 24px;
}


.example-item-image {
position: relative;
width: 100%;
max-width: 800px;
height: 400px; /* Можно настроить высоту под свои нужды */
overflow: hidden;
}

.example-item-before-image,
.example-item-after-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}

.example-item-before-image {
background-image: url('assets/img/example-slider1.jpg'); /* Замените на ваш путь */
}

.example-item-after-image {
background-image: url('assets/img/example-slider2.jpg'); /* Замените на ваш путь */
clip-path: inset(0 0 0 50%); /* Изначально скрываем половину "После" изображения */

}
.example-item-image-bar1 {
z-index: 2;
}
.example-item-image-bar2 {
z-index: 3;
}



.example-item-image-slider {
position: absolute;
width: 100%;
z-index: 10;
-webkit-appearance: none;
appearance: none;
height: 5px;
background: #ddd;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.example-item-image-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 50px;
background-color: #6BB7D6;
cursor: pointer;
border-radius: 50%;
background-position: 50% 40% !important;
background-size: 70% !important;
background-repeat: no-repeat !important;
}
.reasons-section {
height: 800px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
position: relative;
margin-bottom: 64px;
}
.reasons-wrapper {
display: flex;
position: relative;
z-index: 5;
}
.reasons-contact-wrapper .banner-btn2 {
font-size: 12px !important ;
border-radius: 12px !important;
width: 241px !important;
height: 57px !important;
margin-right: 8px !important
}
.reasons-contact-wrapper .socials-button2 {
font-size: 12px !important;
border-radius: 12px !important;
width: 241px !important;
height: 57px !important;
}
.reasons-content h2 {
line-height: 46px;
color: #2f2f2f;
font-size: 37px;
font-weight: 800;
margin-bottom: 32px;
}
.reasons-content h2 span {
color: #6BB7D6;
}
.reasons-content {
padding-top: 120px;
}
.reasons-item {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.reasons-item p {
margin-bottom: 0;
line-height: 22px;
color: #2f2f2f;
font-size: 14px;
font-weight: 500;
max-width: 615px;
}
.mob-reviews-slider {
display: none;
}
.reasons-item-num {
min-width: 60px;
width: 60px;
height: 42px;
border-width: 2px;
border-radius: 7px;
background-color: #6BB7D6;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
color: #ffffff;
font-size: 28px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
.reasons-form-bar {
border-radius: 15px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px -5px 50px -5px rgba(207, 214, 223, 0.7);
max-width: 700px;
width: 100%;
height: 132px;
padding: 8px;
}

.reasons-form-bar .questions-form-send {
width: 275px;
margin-top: 0;
}
.reasons-form-bar .questions-form-input {
max-width: 395px;
margin-right: 16px;
}
.reasons-form-bar .questions-form-alert p {
max-width: none;
}
.reasons-form-bar .questions-form-alert {
padding-left: 32px;
margin-top: 9px;
}
.reasons-form-bar .questions-form-input {
padding-left: 32px;
}
.reasons-contact-wrapper p {

margin-bottom: 0;
line-height: 19px;
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
flex-grow: 1;
}
.reasons-contact-wrapper {
display: flex;
align-items: center;
margin-top: 32px;
}
.reasons-contact-wrapper a {
text-decoration: none;
}
.reasons-section .container {
height: 100%;
}
.reasons-section .reasons-wrapper {
height: 100%;
}
.reasons-img {
display: flex;
align-items: flex-end;
margin-left: 32px;
width: 460px;
}
.reasons-img img {
width: 492px;
}
.sales-mobile-list {
display: none;
}
.sales-section .price-section-title h2 span{
color: #6BB7D6;
}
.sales-section {
margin-bottom: 64px;
}
.sales-slide {
border-radius: 12px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 0px 15px 0px rgba(207, 214, 223, 0.3);
padding: 8px;
padding-bottom: 24px;
margin-right: 8px;
margin-left: 8px;
margin-bottom: 16px;
display: flex !important;
flex-direction: column;
}
.sales-slider .slick-prev {
border-radius: 7px !important;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
left: -69px;
color: #fff !important;
}
.sales-slider .slick-next {
border-radius: 7px !important;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
right: -69px;
color: #fff !important;
}
.sales-slider .slick-prev::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sales-slider .slick-next::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sales-slide-img {
width: 100%;
height: 215px;
min-height: 215px;
border-radius: 12px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
margin-bottom: 16px;
position: relative;
}
.sales-slide-content {
padding: 0 12px;
display: flex;
flex-direction: column;
height: 100%;
}
.sales-slide-content h5 {
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
}
.sales-slide-content strong{
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
}
.sales-slide-content p:has(strong) {
margin-bottom: 4px !important;
flex-grow: unset !important;
}
.sales-slide-content p {
color: #2f2f2f;
font-size: 13px;
font-weight: 400;
max-width: 330px;
margin-bottom: 32px;
flex-grow: 1;
}
.sales-slide-content a {
text-decoration: none;
}
.sales-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #6BB7D6 !important;
font-size: 14px !important;
width: 100% !important;
font-weight: 700 !important;
border-width: 2px !important;
border-radius: 12px !important;
background-color: #ffffff !important;
background-position: center center !important;
border-color: #6BB7D6 !important;
border-style: solid !important;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
box-shadow: 0px 5px 20px -3px rgba(207, 214, 223, 0.4) !important;
height: 55px !important;
}
.sales-btn:hover {
color: #ffffff !important;
background-color: #6BB7D6 !important;
border-color: #6BB7D6 !important;
}
.sales-btn svg {
width: 22px !important;
height: 20px !important;
margin-right: 4px !important;
fill: #6BB7D6 !important;
transition: all .2s linear !important;
}
.sales-btn:hover svg{
fill: #fff !important;
}

.sales-slide-img-alert {
position: absolute;
bottom: 8px;
left: 8px;
color: #ffffff;
font-size: 12px;
font-weight: 600;
border-radius: 7px;
background-color: #6BB7D6;
padding: 2px 8px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.reviews-bar {
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
display: flex;
justify-content: space-between;
padding: 12px;
height: 105px;
}
.reviews-bar-content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 4px;
padding-left: 2px;
}
.reviews-bar-content p {
color: #2f2f2f;
font-size: 11px;
font-weight: 500;
margin-bottom: 0;
padding-left: 4px;
padding-top: 2px;
}
.reviews-bar-content span {
color: #2f2f2f;
font-size: 11px;
font-weight: 400;
padding-left: 4px;
}
.reviews-bar-rate {
border-radius: 12px;
background-color: #f8f8f8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 14px;
width: 105px !important;
}
.reviews-bar-rate strong {
font-weight: 700;
font-size: 21px;
}
.reviews-bar-rate img {
width: auto !important;
}
.reviews-bar-rate p {
margin-bottom: 0 !important;
}
.reviews-bars-wrapper .col-xl-3 {
padding: 0 8px;
}
.reviews-bars-wrapper .col-xl-3:first-child img {
width: 86px;
}
.reviews-bars-wrapper .col-xl-3:nth-child(2) img {
width: 139px;
}
.reviews-bars-wrapper .col-xl-3:nth-child(3) img {
width: 84px;
}
.reviews-bars-wrapper .col-xl-3:last-child img {
width: 80px;
}
.reviews-bar-stars-images {
width: auto !important;
}
.reviews-bars-wrapper {
margin-bottom: 50px;
}

.reviews-videos-wrapper {
margin-bottom: 32px;
}
.reviews-video-item {
border-radius: 15px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 8px;
padding-bottom: 16px;
}
.reviews-video {
border-radius: 15px;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
position: relative;
margin-bottom: 16px;
height: 210px;
}
.reviews-video-start {
position: absolute;
right: 12px;
bottom: 12px;
width: 56px;
cursor: pointer;
}
.reviews-video-title {
color: #2f2f2f;
font-size: 13px;
font-weight: 700;
text-align: center;
}
.reviews-slide {
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 24px;
position: relative;
}
.reviews-slide-rate {
display: flex;
align-items: center;
margin-bottom: 4px;
}
.reviews-slide-rate > p {
display: flex;
align-items: center;
}

.reviews-slide-rate img {
margin-right: 8px;
width: 94px;
}
.reviews-slide-rate p {
margin-bottom: 0 !important;
color: #2f2f2f !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.reviews-slide-logo {
position: absolute;
right: 24px;
top: 24px;
width: auto !important;
max-width: 100px !important;
max-height: 35px !important;
}
.reviews-slide h5 {
line-height: 25px;
color: #2f2f2f;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
margin-top: 4px;
}
.reviews-slide-h5 {
line-height: 25px;
color: #2f2f2f;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
margin-top: 4px;
}
.reviews-slide h6 {
line-height: 18px;
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
margin-bottom: 16px;
}
.reviews-slide strong {
line-height: 18px;
color: #2f2f2f;
font-size: 14px;
font-weight: 600;

}
.reviews-slide p:has(strong) {
margin-bottom: 16px;
}
.reviews-slide p {
line-height: 18px;
color: #2f2f2f;
font-size: 13px;
font-weight: 400;
flex-grow: 1;
}
.reviews-slide {
display: flex !important;
flex-direction: column;
margin-right: 8px;
margin-left: 8px;
padding-bottom: 32px;
margin-bottom: 16px !important;
}

.reviews-slider .slick-prev {
border-radius: 7px;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
left: -69px;
color: #fff !important;
}
.reviews-slider .slick-next {
border-radius: 7px;
background-color: #6BB7D6 !important;
box-shadow: 0px 5px 15px 0px #6BB7D699 !important;
width: 53px;
height: 42px;
right: -69px;
color: #fff !important;
}
.reviews-slider .slick-prev::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.reviews-slider .slick-next::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.reviews-slide-alert a {
text-decoration: none;
color: #2f2f2f;
transition: all .1s linear;

border-width: 2px;
border-radius: 5px;
background-position: center center;
border-color: #6BB7D6;
border-style: solid;
padding: 4px 8px;
font-size: 11px;
font-weight: 500;
}
.reviews-slide-alert a:hover {
color: #6BB7D6 !important;
}
.reviews-section {
margin-bottom: 64px;
}

.team-item {
border-radius: 15px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 8px;
padding-bottom: 16px;
}
.team-item-image {
position: relative;
height: 340px;
border-radius: 15px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin-bottom: 16px;
}
.team-image-rate {
display: flex;
align-items: center;
position: absolute;
border-radius: 10px;
background-color: #ffffff;
padding: 6px 10px;
bottom: 16px;
right: 16px;
}
.team-image-rate img {
width: 19px;
}
.team-image-rate p {
margin-bottom: 0;
color: #2f2f2f;
font-size: 12px;
font-weight: 500;
}
.team-item-content p:has(strong) {
margin-bottom: 8px;
}
.team-item-content h6{
line-height: 17px;
color: #6BB7D6;
font-size: 15px;
font-weight: 600;
margin-bottom: 8px;
text-align: center;
}
.team-item-content strong {
line-height: 17px;
color: #6BB7D6;
font-size: 15px;
font-weight: 600;
margin-bottom: 8px;
text-align: center;
}
.team-item-content p{
line-height: 20px;
color: #2f2f2f;
font-size: 13px;
font-weight: 700;
margin-bottom: 0;
text-align: center;
}
.team-items-wrapper .col-lg-6 {
padding: 0 8px;
}
.team-bar {
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
padding: 12px 32px;
text-wrap: nowrap;
}
.team-bar p {
color: #6BB7D6;
font-size: 17px;
font-weight: 700;
line-height: 26px;
margin-bottom: 0;
}
.team-bar-wrapper {
margin-right: 16px;
}
.team-bars-wrapper {
display: flex;
align-items: center;
margin-top: 32px;
}
.team-section {
margin-bottom: 64px;
}

.system-section .services-title h2 {
margin-bottom: 12px;
}
.system-section .services-title p{
line-height: 18px;
color: #2f2f2f;
font-size: 14px;
font-weight: 500;
margin-bottom: 48px;
}
.system-section {
margin-bottom: 64px;
}
.steps-section .services-title {
margin-bottom: 32px;
}
.steps-section .services-title h2 {
margin-bottom: 12px;
}
.steps-section .services-title p{
line-height: 20px;
color: #2f2f2f;
font-size: 14px;
font-weight: 400;
}
.steps-section .services-title p span {
font-weight: 700;
}
.steps-section {
margin-bottom: 64px;
}
.system-items-wrapper {
display: flex;
position: relative;
}
.system-item p{
text-align: center;
padding: 0 50px;
color: #cccccc;
font-size: 13px;
font-weight: 600;
}
.system-item {
border-right: 1px solid #e9e9e9;
height: 450px;
position: relative;
}
.system-item:first-child {
border-left: 1px solid #e9e9e9;
}
.system-item:nth-child(2) p{
color: #6BB7D6;
font-size: 13px;
font-weight: 800;
}

.system-items-wrapper-line {
position: absolute;
content: '';
width: 2px;
height: 100%;
background: #6BB7D6;
right: 23%;
top: 0;
}
.example-slider {
position: relative;
overflow: hidden;
height: 100%;
}
.example-slider img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
}

.example-slider .resize {
position: absolute;
top:0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}


.example-slider .handle { /* Thin line seperator */
position:absolute;
left:50%;
top:0;
bottom:0;
width:5px;
margin-left:-2px;
height: 400px;
background: #fff;
cursor: ew-resize;
}

.example-slider .handle:after { /* Big orange knob */
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -23px;
content:'';
background-color: #6BB7D6;
cursor: pointer;
border-radius: 50%;
background-position: 50% 40% !important;
background-size: 70% !important;
background-repeat: no-repeat !important;
border-radius: 50%;
transition:all 0.3s ease;
}

.example-slider-draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height:48px;
font-size:30px;
}

.steps-items-wrapper {
position: relative;
}
.steps-items-wrapper:before {
content: '_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ ';
position: absolute;
bottom: -5px;
left: 0;
right: 0;
text-align: center;
text-wrap: nowrap;
color: #6BB7D6;
font-size: 20px;
overflow: hidden;
transform: translateX(-30px);
}
.steps-num {
width: 170px;
height: 75px;
display: flex;
align-items: flex-end;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding-left: 8px;
position: relative;
margin-bottom: 32px;
z-index: 5;
}
.steps-num p {
line-height: 73px;
color: #6BB7D6;
font-size: 60px;
font-weight: 800;
margin-bottom: 0;
}
.steps-num p span {
line-height: 37px;
color: #6BB7D6;
font-size: 24px;
font-weight: 800;
margin-left: 8px;
}
.steps-num img {
position: absolute;
bottom: -17px;
width: 18px;
left: 15px;
}
.steps-text-item h6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
.steps-text-item strong {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
.steps-text-item p:has(strong) {
margin-bottom: 8px;
}
.steps-text-item p {
font-size: 14px;
margin-bottom: 4px;
line-height: 20px;
max-width: 230px;
}
.steps-text-item a {
color: #6BB7D6;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.steps-text-item {
padding-top: 24px;
position: relative;
}
.steps-text-item-circle {
position: absolute;
content: '';
background-color: #6BB7D6;
width: 46px;
height: 46px;
left: 2px;
top: -24px;
border-radius: 50%;
border: 14px solid #f9f9f9;
}
.steps-text-item-circle::before {
position: absolute;
width: 20px;
height: 20px;
content: '';
transform: translate(-1px, -1px);
background-color: #6BB7D6;
border-radius: 50%;
border: 2px solid #fff;
}

.system-bar {
position: absolute;
width: 300px;
height: 55px;
display: flex;
align-items: center;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3);
padding: 8px;
}
.system-bar-text p{
margin-bottom: -6px;
line-height: 19px;
color: #2f2f2f;
font-size: 12px;
font-weight: 600;
}
.system-bar-text span{
line-height: 17px;
color: #2f2f2f;
font-size: 11px;
font-weight: 400;
}
.system-bar-text {
height: fit-content;
}
.system-bar-img img {
border-radius: 50%;
margin-right: 16px;
width: 36px;
height: 36px;
}
.sys-orange {
border-radius: 10px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: 0px 5px 15px 0px #6BB7D699;
}
.sys-orange .system-bar-text p{
color: #ffffff;
}
.sys-orange .system-bar-text span{
color: #ffffff;
}



.sys-bar1 {
left: 4%;
top: 16%;
}
.sys-bar1::before {
content: '35 задач';
width: fit-content;
height: fit-content;
position: absolute;
background-color: #fff;
border-radius: 5px;
background-color: #ffffff;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #2f2f2f;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 0px 4px;
}
.sys-bar2 {
left: 9%;
top: 65%;
}
.sys-bar2::before {
content: '12 задач';
width: fit-content;
height: fit-content;
position: absolute;
background-color: #fff;
border-radius: 5px;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #2f2f2f;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 0px 4px;
}
.sys-bar3 {
left: 19.4%;
top: 35%;
width: 341px;
}
.sys-bar3::before {
content: '49 задач';
width: fit-content;
height: fit-content;
position: absolute;
border-radius: 5px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #ffffff;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 0px 4px;
}
.sys-bar4 {
left: 38.5%;
top: 51%;
}
.sys-bar4::before {
content: '5 задач';
width: fit-content;
height: fit-content;
position: absolute;
border-radius: 5px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #ffffff;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 0px 4px;
}
.sys-bar6 {
left: 58%;
top: 76%;
width: 344px;
}
.sys-bar6::before {
content: '16 задач';
width: fit-content;
height: fit-content;
position: absolute;
border-radius: 5px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #ffffff;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 0px 4px;
}
.sys-bar5 {
left: 48.3%;
top: 17%;
width: 516px;
}
.sys-bar5 img:nth-child(2) {
transform: translateX(-12px);
}
.sys-bar5 .mid-nav__call-img {
margin-right: 0;
}
.sys-bar5::before {
content: '69 задач';
width: fit-content;
height: fit-content;
position: absolute;
border-radius: 5px;
background-color: #6BB7D6;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #ffffff;
font-size: 10px;
font-weight: 500;
right: 8px;
bottom: 8px;
padding: 1px 4px;
}
.sys-bar5::after {
content: 'Чек-лист';
width: fit-content;
height: fit-content;
position: absolute;
border-radius: 5px;
background-color: #26d265;
background-position: center center;
border-color: transparent;
border-style: solid;
line-height: 11px;
color: #ffffff;
font-size: 10px;
font-weight: 500;
right: 76px;
bottom: 8px;
padding: 1px 4px;
}
.mob-menu-burger {
position: fixed;
right: 32px;
top: 32px;
width: 48px;
height: 48px;
background-color: #6BB7D6;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 998;
}
.mob-menu-burger-wrapper {
width: 22px;
height: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mob-menu-burger-wrapper span {
display: block;
content: '';
height: 2px;
width: 22px;
background-color: #fff;
}

body.no-scroll {
overflow: hidden;
}

#side-menu {
position: fixed;
top: 0;
right: -100%; /* Начальное положение меню за экраном */
width: 300px; /* Ширина меню */
height: 100vh;
background-color: #fff;
transition: all 0.2s ease;
z-index: 1000;
overflow-y: auto; /* Содержимое меню можно прокручивать */
}

#side-menu.open {
right: 0px; /* Меню выезжает справа */
}

.side-menu-filter{
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #2f2f2f;
opacity: 0;
z-index: 999;
transition: opacity 0.3s ease;
}
.side-menu-filter.visible {
display: block; /* Показываем фильтр */
opacity: 0.6; /* Устанавливаем непрозрачность */
}
#closeButton {
border: 0;
outline: 0;
background: transparent;
cursor: pointer;
}
.closeButton-icon {
width: 24px;
height: 23px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.close-btn-wrapper {
width: 100%;
display: flex;
justify-content: flex-end;
padding-right: 16px;
padding-top: 16px;
}
.footer-mid-nav__call {
display: flex;
align-items: center;
}
.mobile-nav {
display: none;
padding: 16px 0;
z-index: 2;
position: relative;
}
.mobile-nav-pin {
width: 19px;
}
.mobile-nav-items-wrapper {
display: flex;
align-items: center;
}
.mobile-nav-wrapper .navbar-brand {
font-size: 13px;
font-weight: 700;
margin-right: 32px;
}
.count-mob-nav {
display: flex;
align-items: center;
}
.count-mob-nav-p {
margin-left: 8px;
}
.mobile-nav-items-wrapper-low a {
font-size: 14px;
font-weight: 700;
color: #2f2f2f;
text-decoration: none;
}
.mobile-nav-items-wrapper .mid-nav__count-bar {
padding: 0 8px;
}
.mobile-nav-items-wrapper-low img {
width: 145px;
}
.side-menu-content {
display: flex;
flex-direction: column;
padding-left: 32px;
padding-right: 20px;
margin-top: 22px;
}
.side-menu-content a {
text-decoration: none;
color: #2f2f2f;
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
width: auto;
}
.side-menu-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
flex-wrap: wrap;
}

.side-menu-subitems {
flex-grow: 1;
}
.side-menu-item-arrow {
display: flex;
align-items: center;
justify-content: flex-end;
}
.side-menu-item img {
width: 16px;
transition: transform 0.2s ease;
}
.side-menu-subitems {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.side-menu-subitems .side-menu-item:last-child a {
margin-bottom: 0 !important;
}
.side-menu-subitems .side-menu-item:first-child a {
margin-top: 8px !important;
}
.side-menu-item-arrow-rotated img{
transform: rotate(180deg);
transition: transform 0.2s ease;
}
.side-menu-subitems {
display: flex;
flex-direction: column;
padding-top: 0px;
padding-left: 4px;

}
.side-menu-subitems a {
font-size: 13px !important;
margin-bottom: 10px !important;
width: fit-content !important;
}
.side-menu-subitems .bottom-nav-dropdown-list-strong {
font-size: 14px !important;
margin-top: 8px;
}
.mob-banner-image {
display: none;
}
.mob-reasons-img {
display: none;
}
.mob-steps-items-wrapper {
display: none;
}
.mob-step-item .steps-text-item {
padding-top: 0;
}
.mob-steps-items-wrapper {
border-left: 2px dashed #6BB7D6;
padding-left: 20px;
margin-left: 16px;
}
.mob-step-item .steps-text-item-circle {
left: -43px;
top: -71px;
}
.mob-step-item {
margin-bottom:32px;
}
.mob-step-item .steps-num {
margin-bottom: 16px;
}




@media (max-width: 1340px) {
.main-slider-wrapper .slick-prev {
 left: 16px !important;
 z-index: 5 !important;
}
.main-slider-wrapper .slick-next {
 right: 16px !important;
 z-index: 5 !important;
}
.sales-slider .slick-next {
 right: 12px !important;
 top: unset !important;
 bottom: -64px !important;
}
.sales-slider .slick-prev {
 left: 12px !important;
 top: unset !important;
 bottom: -64px !important;
}
.reviews-slider .slick-prev {
 left: 12px !important;
 top: unset !important;
 bottom: -80px !important;
}
.reviews-slider .slick-next {
 right: 12px !important;
 top: unset !important;
 bottom: -80px !important;
}
}
@media (min-width: 1200px) {
.price-lists-wrapper {
 margin-top: 24px;
}
.container {
 max-width: 1220px !important;
}
.mob-menu-burger {
 display: none !important;
}
.reasons-item-num {
 min-width: 60px !important;
}
.reasons-item p {
 transform: translateX(8px) !important;
}
.reasons-form-bar {
 margin-top: 32px !important;
}
.reviews-videos-wrapper .col-lg-4 {
 padding: 0 8px !important;
}
.mid-nav__call-img img {
 margin-right: 0 !important;
}
.example-slider .resize img {
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: right;
 object-position: right;
}
.pp_content_container iframe{
 width: 700px;
 height: 400px;
}
.pp_content {
 width: 700px !important;
 height: 400px !important;
}
.pp_hoverContainer {
 width: 700px !important;
 height: 400px !important;
}
.pp_default {
 width: 700px !important;
 left: 50% !important;
 transform: translateX(-50%) !important;
}
a.pp_close {
 margin-top: -50px;
 z-index: 10000;
}
div.pp_default .pp_content_container .pp_left {
 padding-left: 0 !important;
}
.pp_details {
 width: 700px !important;
}
}
@media (max-width: 1200px) {
.sales-slide-img {

 height: 180px;
 min-height: 180px;

}
.services {
 padding-top: 0px;
}
.footer-mid-nav__call .mid-nav__call-active{
 right: 12px;
}
.banner-breadcrumb {
 top: 64px !important;
}
/*Nav*/
.navbar, .mid-nav, .bottom-nav {
 display: none !important;
}
.banner-content h1 {
 width: 510px;
}
/*Banner*/
.banner {
 height: fit-content;
 margin-bottom: 32px;
}
.banner-content h1 {
 font-size: 30px !important;
 font-weight: 800 !important;
 line-height: unset !important;
}
.banner-content {
 padding-top: 100px !important;
 margin-bottom: 64px;
}
.banner-items-wrapper {
 padding-left: 0 !important;
 max-width: 480px !important;
}
.banner-info-item-text p {
 max-width: 400px !important;
}
.banner-item-text p {
 font-size: 10px !important;
 max-width: 100px !important;
}
.banner-item-title {
 font-size: 11px !important;
 padding: 2px 4px !important;
}
.banner-btn1 {
 width: 210px !important;
 height: 54px !important;
 font-size: 12px !important;
}
.banner-btn2 {
 width: 210px !important;
 height: 54px !important;
 font-size: 11px !important;
}
.banner-btn2 img {
 width: 17px !important;
 height: 17px !important;
 margin-right: 4px !important;
}
.banner-buttons-wrapper {
 max-width: 436px !important;
}
.banner-items-title {
 font-size: 12px !important;
}
.banner-item-img img {
 border-radius: 12px !important;
 width: 74px !important;
 height: 78px !important;
 margin-right: 20px !important;
}
.banner-image img {
 transform: translateY(30px) !important;
 width: 98% !important;
 height: 640px;
 width: 520px !important;
}
/*Services*/
/*Price*/
/*Main slider*/
.main-slider-wrapper .slick-next {
 right: 16px !important;
 z-index: 5 !important;
}
.main-slider-wrapper .slick-prev {
 left: 16px !important;
 z-index: 5 !important;
}
.main-slider-slide {
 height: 520px !important;
}
/*Example*/
.example-item-image {
 height: 300px !important;
}
.example-slider img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: right;
 object-position: right;
}
.example-slider .handle {
 height: 300px !important;
}
.example-item-param {
 margin-bottom: 4px !important;
}
.example-item-params-wrapper {
 margin-bottom: 16px !important;
}
.example-item-type p {
 font-size: 12px !important;
}
.example-item {
 height: 100% !important;
}
.example-items-wrapper .col-lg-6 {
 padding-bottom: 32px !important;
}
/*Reasons*/
.reasons-item p {
 line-height: unset;
 font-size: 12px !important;
 max-width: 450px !important;
}
.reasons-form-bar {
 max-width: unset !important;
 height: 150px !important;
}
.reasons-form-bar .questions-form-alert {
 padding-left: 8px !important;
}
.reasons-contact-wrapper p {
 display: none !important;
}
.reasons-content {
 padding-top: 80px !important;
}
.reasons-img img {
 width: 98% !important;
}
/*Sales*/
.sales-slider .slick-next {
 right: 12px !important;
 top: unset !important;
 bottom: -64px !important;
}
.sales-slider .slick-prev {
 left: 12px !important;
 top: unset !important;
 bottom: -64px !important;
}
/*Reviews*/
.reviews-bar {
 margin-bottom: 16px !important;
}
.reviews-slider .slick-next {
 right: 12px !important;
 top: unset !important;
 bottom: -80px !important;
}
.reviews-slider .slick-prev {
 left: 12px !important;
 top: unset !important;
 bottom: -80px !important;
}
.reviews-section {
 margin-bottom: 124px !important;
}
/*Team*/
.team-item {
 max-width: 400px !important;
 margin: 0 auto !important;
 margin-bottom: 32px !important;
}
.team-item-image {
 height: 500px !important;
}
.team-bars-wrapper {
 flex-wrap: wrap !important;
}
.team-bar-wrapper {
 margin-bottom: 16px !important;
}
/*System*/
.system-items-wrapper {
 width: 100% !important;
 overflow-x: scroll !important;
}
.sys-bar5 {
 left: 48.3% !important;
 top: 17% !important;
 width: 430px !important;
}
.sys-bar3 {
 left: 94.4% !important;
 top: 35% !important;
 width: 341px !important;
}
/*Steps*/
/*Questions*/
/*Socials*/
.socials-img1 {
 display: none !important;
}
.socials-button1 {
 width: 230px !important;
}
.socials-button2 {
 width: 230px !important;
}
/*Footer*/
.footer-contacts .mid-nav__call {
 flex-wrap: wrap !important;
 max-width: 195px !important;
}
.footer-mid-nav__call {
 flex-grow: 1 !important;
 margin-bottom: 16px !important;
}
.mobile-nav {
 display: block !important;
}
.main-slider-marker:nth-child(6) {
 right: 26% !important;
 top: 44% !important;
}
.main-slider-marker:nth-child(7) {
 right: 7% !important;
 top: 57% !important;
}
div.pp_pic_holder {
 position: fixed !important;
}
.main-slider-wrapper .slick-next {
 display: none !important;
}
.main-slider-wrapper .slick-prev {
 display: none !important;
}
.reasons-content h2 {
 line-height: 35px;
 color: #2f2f2f;
 font-size: 31px;
 font-weight: 800;
 margin-bottom: 24px;
}

}
@media (max-width: 992px) {
.reviews-slide {
 min-height: 535px;
}
.banner-content h1 {
 width: auto;
}
.banner {

 margin-bottom: 0px;
}
/*Nav*/
/*Banner*/
.banner {
 background-position: 14% !important;
}
.banner-image {
 display: none !important;
}
.banner-content {
 width: 100% !important;
}
.banner-content h1 {
 margin: 0 auto !important;
 margin-bottom: 24px !important;
 width: fit-content !important;
 max-width: 400px !important;
}
.banner-content {
 padding-top: 60px !important;
}
.banner-info-item {
 margin: 0 auto !important;
 width: fit-content !important;
 margin-bottom: 6px !important;
}
.banner-info-item > img {
 margin-right: 8px !important;
}
.banner-items-title {
 text-align: center !important;
}
.banner-items-wrapper {
 margin: 0 auto !important;
 margin-bottom: 8px !important;
 justify-content: center !important;
}
.banner-item {
 margin: 0 auto !important;
 margin-bottom: 8px !important;
}
.main-slider-wrapper .slick-dots li {
 font-size: 12px !important;
}
.banner-buttons-wrapper {
 margin: 0 auto !important;
 flex-direction: column !important;
 align-items: center !important;
 justify-content: center !important;
 border-radius: 15px !important;
 background-color: #ffffff !important;
 box-shadow: 0px -5px 50px -5px rgba(207, 214, 223, 0.7) !important;
 width: fit-content !important;
 padding: 12px !important;
 z-index: 4 !important;
 position: relative !important;
}
.banner-btn1 {
 margin-bottom: 12px !important;
 width: 335px !important;
}
.banner-btn2 {
 width: 335px !important;
}
.banner-row {
 z-index: 1 !important;
 position: relative !important;
}
.banner {
 height: fit-content !important;
}
.banner-wrapper {
 margin-bottom: 64px !important;
}
.mob-banner-image {
 display: flex !important;
 align-items: flex-end !important;
 max-width: 320px !important;
 margin: 0 auto !important;
}
.mob-banner-image img {
 width: 320px !important;
 margin-bottom: -90px !important;
 z-index: 1 !important;
}
/*Services*/
.services {
 padding-top: 32px !important;
}
/*Price*/
.price-lists-wrapper .col-lg-6 {
 margin-top: 16px !important;
}
/*Main slider*/
.main-slider-wrapper .slick-dots li {
 width: 120px !important;
 height: 40px !important;
}
.main-slider-wrapper .slick-dots {
 top: -25px !important;
}
.main-slider-wrapper .slick-next {
 width: 42px !important;
 height: 32px !important;
}
.main-slider-wrapper .slick-prev {
 width: 42px !important;
 height: 32px !important;
}
.main-slider-slide {
 height: 381px !important;
}
.main-slider-slide-markers {
 display: none !important;
}
.mob-main-slider-slider-text-items-wrapper {
 display: flex !important;
}
.mob-main-slider-slider-text {
 top: 400px !important;
}
.main-slider-wrapper .slick-track {
 height: 650px !important;
}
.main-slider-wrapper .slick-prev {
 top: 20% !important;
}
.main-slider-wrapper .slick-next {
 top: 20% !important;
}
/*Example*/
.example-item {
 max-width: 450px !important;
 margin: 0 auto !important;
 margin-bottom: 24px !important;
}
/*Reasons*/
.reasons-contact-wrapper p {
 display: block !important;
 margin-bottom: 16px !important;
}
.reasons-content h2 {
 line-height:unset !important;
 font-size: 30px !important;
 margin: 0 auto !important;
 margin-bottom: 32px !important;
 width: fit-content !important;
}
.reasons-img {
 display: none !important;
}
.reasons-item {
 justify-content: center !important;
}
.reasons-form-bar {
 margin: 0 auto !important;
}
.mob-reasons-img {
 display: flex !important;
 align-items: flex-end !important;
 margin: 0 auto !important;
 justify-content: center !important;
}
.mob-reasons-img img {
 width: 240px !important;
}
.reasons-section {
 height: fit-content !important;
}
.reasons-contact-wrapper {
 flex-direction: column !important;
 align-items: center !important;
 justify-content: center !important;
}
.reasons-content {
 margin: 0 auto !important;
}
.banner-btn2 {
 margin-right: 0 !important;
 margin-bottom: 16px !important;
}
/*Sales*/
.sales-section .price-section-title h2 {
 max-width: 400px !important;
}
.sales-section {
 margin-bottom: 128px !important;
}
/*Reviews*/
.reviews-video-item {
 max-width: 400px !important;
 margin: 0 auto !important;
 margin-bottom: 16px !important;
}
/*Team*/
.team-item-image {
 height: 400px !important;
}
.team-bars-wrapper {
 margin-top: 0 !important;
}

/*System*/
.sys-bar5 {
 left: 65.7% !important;
 top: 17% !important;
 width: 430px !important;
}
/*Steps*/
.steps-items-wrapper {
 display: none !important;
}
.steps-texts-wrapper {
 display: none !important;
}
.mob-steps-items-wrapper {
 display: block !important;
 position: relative !important;
}
/*Questions*/
.questions-form-wrapper p {
 margin: 0 auto !important;
 margin-bottom: 16px !important;
}
.questions-form-alert p {
 margin: unset !important;
 padding-left: 12px;
}
.questions-form-wrapper {
 max-width: 600px !important;
 margin: 0 auto !important;
 margin-top: 32px !important;
}
.questions-section-text-wrapper {
 flex-direction: column !important;
}
.questions-section-text-wrapper img {
 margin-right: 0 !important;
 margin-bottom: 16px !important;
}
.questions-section-text-wrapper img {
 margin-right: 0 !important;
 margin-bottom: 16px !important;
 max-width: 225px !important;
}
/*Socials*/
.socials-bar {
 height: 960px !important;
 padding-left: 0 !important;
 justify-content: flex-start !important;
 align-items: center !important;
 padding-top: 64px !important;
}
.socials-img2 {
 right: unset !important;
 left: 50% !important;
 transform: translateX(-50%) !important;
}
.socials-img1 {
 display: block !important;
 top: 27% !important;
 left: unset !important;
 bottom: unset !important;
 left: 50% !important;
 transform: translateX(-50%) !important;
}
.socials-buttons-wrapper {
 z-index: 1 !important;
 position: relative !important;
 flex-direction: column !important;
 align-items: start !important;
}
.socials-button1 {
 margin-bottom: 16px !important;
}
/*Footer*/
.footer-links-wrapper {
 margin: 0 auto !important;
}
.footer-contacts .mid-nav__call {
 max-width: 240px !important;
 flex-wrap: nowrap !important;
}
.footer-mid-nav__call {
 margin-bottom: 0 !important;
}
.footer-lower-wrapper {
 flex-direction: column !important;
 align-items: flex-start !important;
}
.footer-logo-wrapper {
 flex-direction: column !important;
 align-items: flex-start !important;
 margin-bottom: 16px !important;
}
.footer-logo-wrapper p {
 padding-left: 0 !important;
}
.footer-policy {
 margin-top: 16px !important;
}

a[href^="tel"] {
 color: #2f2f22 !important; /* или укажите нужный цвет */
 text-decoration: none !important;
}
meta[name=format-detection] {
 format-detection: telephone=no !important;
}
div.pp_pic_holder {
 position: fixed !important;
}
.pp_details {
 background: transparent !important;
}
a.pp_close {
 right: 24px !important;
 top: -444px !important;
 margin-top: 8px !important;
}
.price-section-text {
 margin-bottom: 16px;
}
.mobile-nav-phone-link {
 transform: translateY(2px) !important;
 margin-left: 16px !important;
}
}
@media (max-width: 768px) {
/*Nav*/
/*Banner*/
/*Services*/
/*Price*/
.price-section-title {
 align-items: flex-start !important;
 margin-bottom: 16px !important;
 flex-direction: column !important;
}
.price-section-title h2 {
 margin-bottom: 16px !important;
 font-size: 24px !important;
}
.price-text-item {
 margin-bottom: 4px !important;
}
/*Main slider*/
.main-slider-wrapper .slick-dots li {
 width: 75px !important;
 height: 30px !important;
}
.main-slider-wrapper .slick-dots li button {
 font-size: 10px !important;
}
.main-slider-wrapper .slick-dots {
 top: -20px !important;
}
.main-slider-slide {
 height: 290px !important;
}
.main-slider-wrapper .slick-dots {
 flex-wrap: wrap !important;
 height: fit-content !important;
}
.main-slider-wrapper .slick-dots li {
 width: 40% !important;
 margin-bottom: 8px !important;
}
.main-slider-wrapper .slick-dots {
 top: -100px !important;
}
.main-slider-section-title {
 margin-bottom: 120px !important;
}
.custom-dot svg {
 width: 18px !important;
}
.main-slider-wrapper .slick-dots li {
 height: 40px !important;
}
.mob-main-slider-slider-text {
 top: 330px !important;
}
/*Example*/
/*Reasons*/
.reasons-form-bar .questions-form-alert {
 padding-left: 0 !important;
}
/*Sales*/
/*Reviews*/
/*Team*/
/*System*/
/*Steps*/
/*Questions*/
.questions-section {
 margin-bottom: 64px !important;
}
.accordion-item-body-content {
 font-size: 12px !important;
}
.accordion-item-header p {
 font-size: 13px !important;
 margin-left: 8px !important;
 line-height: 13px !important;
}
.accordion-header-arrow {
 min-width: 32px !important;
}
.questions-form-checkbox {
 margin-right: 4px !important;
}
/*Socials*/
.socials-text h3 {
 line-height: 25px !important;
 font-size: 22px !important;
}
.socials-text strong {
 line-height: 25px !important;
 font-size: 22px !important;
}
.socials-text {
 padding: 32px !important;
}
.socials-bar {
 padding-top: 0 !important;
 height: 835px !important;
}
.socials-img2 {
 width: 50% !important;
 height: 45%;
}
.socials-img1 {
 width: 50% !important;
 top: 36% !important;
}
/*Footer*/
.price-title-btn {
 display: none !important;
}
.mob-section-more-btn {
 display: flex !important;
}
}

@media (max-width: 576px) {
.socials-img2 {

 height: auto !important;
}
.modal.show .modal-dialog .questions-form-wrapper {
 padding: 24px !important;
}
.modal.show .modal-dialog .questions-form-send {
 height: 70px !important;
 line-height: 18px !important;
}
.modal.show .modal-dialog .btn-close {
 right: 8px;
 top: 8px;
}
.mob-section-more-btn {
 display: flex !important;
}
/*Nav*/
.main-widjet {
 right: 16px !important;
 bottom: 16px !important;
 padding: 16px 10px 16px 10px !important;
}
.main-widjet-wrapper img {
 width: 36px !important;
 height: 36px !important;
 margin-bottom: 12px !important;
}
.mob-menu-burger {
 right: 16px !important;
 top: 16px !important;
}
.mobile-nav-wrapper .navbar-brand {
 margin-right: 8px !important;
}
.mid-nav__count img {
 margin-right: 4px !important;
}
.mobile-nav-items-wrapper .mid-nav__count-bar {
 padding: 0 6px !important;
}
.side-menu-content a {
 font-size: 14px !important;
 font-weight: 500 !important;
 line-height: 18px !important;
}
#side-menu {
 width: 260px !important;
}
.mobile-nav-phone-link {
 transform: translateY(2px) !important;
 margin-left: 16px !important;
}
/*Banner*/
.banner-content h1 {
 line-height: 35px !important;
 font-size: 32px !important;
 padding-right: 12px !important;
 margin: 0 !important;
 margin-bottom: 24px !important;
}
.banner-items-title {
 max-width: 225px !important;
 text-align: start !important;
 padding-left: 4px !important;
}
.banner-item {
 margin: 0 !important;
 margin-bottom: 8px !important;
}
.example-item-image {
 height: 250px !important;
}
.example-slider img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: right;
 object-position: right;
}
.banner-content {
 padding-left: 16px !important;
}
.mobile-br {
 display: block !important;
}
.banner-info-item-text p {
 font-size: 13px !important;
 line-height: 17px !important;
 max-width: 300px !important;
}
.banner-info-item {
 margin: 0 !important;
 margin-bottom: 16px !important;
}
.banner-items-title {
 font-size: 16px !important;
 line-height: 21px !important;
 max-width: 280px !important;
}
.banner-items-wrapper {
 overflow-x: scroll !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 justify-content: flex-start !important;
 padding-right: 16px !important;
 padding-left: 16px !important;
 transform: translateX(-16px) !important;
 width: 110% !important;
 padding-bottom: 24px !important;
}
.banner-items-wrapper .col-lg-6 {
 width: fit-content !important;
}
.banner .container {
 padding-right: 0 !important;
}
.banner-buttons-wrapper {
 transform: translateX(-12px) !important;
}
.mob-banner-image img {
 transform: translateX(-12px) !important;
 margin-top: -16px !important;
}
.banner {
 overflow: hidden !important;
}
.banner-item {
 width: 270px !important;
}
.banner-item-text p {
 max-width: 150px !important;
 font-size: 12px !important;
 line-height: 17px !important;
}
.banner-item-title {
 font-size: 11px !important;
 padding: 4px 8px !important;
 font-size: 13px !important;
 line-height: 13px !important;
}
.banner-btn1 {
 height: 75px !important;
 font-size: 16px !important;
}
.banner-btn2 {
 height: 75px !important;
 font-size: 16px !important;
}
.banner-btn2 img {
 width: 30px !important;
 height: 30px !important;
 margin-right: 12px !important;
}
.banner-wrapper {
 margin-bottom: 24px !important;
}
.banner-btn2 {
 margin-bottom: 0 !important;
}
.mobile-nav-items-wrapper {
 padding-top: 9px !important;
}
/*Services*/
.services-title h2 {
 font-size: 24px !important;
 line-height: unset !important;
}
.services-items-wrapper {
 overflow-x: scroll !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 justify-content: flex-start !important;
 padding-right: 16px !important;
 padding-left: 4px !important;
}
.services-item {
 width: 288px !important;
}
.services-title h2 {
 line-height: 31px !important;
 font-size: 22px !important;
}
.services-items-wrapper .col-xl-3 {
 width: fit-content !important;
}
.services-item__text {
 padding-left: 8px !important;
}
.services-title h2 {
 margin-bottom: 24px !important;
}
/*Price*/
.price-list-item {
 font-size: 11px !important;
}
.price-list-price p {
 font-size: 13px !important;
 margin-right: 12px !important;
 width: 100px;
}
.price-list-price button {
 width: 94px !important;
 line-height: 10px !important;
}
.price-lists-wrapper .col-lg-6 {
 padding: 0 !important;
}
.price-list {
 margin-bottom: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 padding: 8px !important;
 padding-bottom: 24px !important;
 padding-top: 24px !important;
}
.price-list {
 margin-top: 16px !important;
 margin-bottom: 0 !important;
 box-shadow: 0px 5px 15px 0px rgba(207, 214, 223, 0.3) !important;
}
.price-text-items-wrapper {
 margin-top: 16px !important;
}
.price-lists-wrapper .col-lg-6 {
 margin-top: 0 !important;
}
.price-section-title {
 margin-bottom: 0 !important;
}
.price-section-title h2 {
 margin-bottom: 0 !important;
}
.price-title-btn {
 display: none !important;
}
.price-text-items-wrapper {
 padding-right: 8px !important;
}
.price-list {
 height: fit-content !important;
}
.price-list {
 padding: 16px !important;
}
.price-list-item__title a {
 font-size: 13px !important;
 margin-right: 4px;
}

/*Main slider*/
.main-slider-section-title h2 {
 font-size: 24px !important;
 line-height: unset !important;
}
.main-slider-section-title p {
 font-size: 14px !important;
 line-height: 18px !important;
 max-width: 300px !important;
 margin: 0 auto !important;
}
.main-slider-wrapper .slick-dots {
 top: -58px !important;
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 overflow-x: scroll !important;
 width: 105% !important;
 justify-content: flex-start !important;
 padding-right: 8px !important;
}
.main-slider-wrapper .slick-dots li {
 min-width: 130px !important;
 height: 44px !important;
}
.main-slider-slide {
 height: 225px !important;
}
.main-slider-wrapper .slick-next {
 display: none !important;
}
.main-slider-wrapper .slick-prev {
 display: none !important;
}
.mob-main-slider-slider-text {
 top: 260px !important;
}
.mob-main-slider-slider-text-items-wrapper p{
 padding-left: 32px !important;
}
.mob-main-slider-slider-text-items-wrapper p::before {
 left: 8px !important;
}
.main-slider-section-title {
 margin-bottom: 82px !important;
}
.main-slider-wrapper .slick-track {
 height: 570px !important;
}
.main-slider-wrapper .slick-dots {
 padding-bottom: 4px !important;
}
/*Example*/
.example-section-title {
 flex-direction: column !important;
 align-items: start !important;
}
.example-section-title h2 {
 margin-bottom: 16px !important;
 font-size: 24px !important;
 line-height: unset !important;
}
.example-section-title {
 margin-bottom: 0 !important;
}
.example-items-wrapper {
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 overflow-x: scroll !important;
 width: 105% !important;
 justify-content: flex-start !important;
 padding-right: 16px !important;
}
.example-item {
 max-width: 325px !important;
}
.example-items-wrapper .col-lg-6 {
 width: fit-content !important;
 padding: 0 4px !important;
}
.example-slider img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: right;
 object-position: right;
}
.example-item-image {
 height: 215px !important;
}
.example-slider .handle {
 height: 215px !important;
}
.example-item-param {
 width: fit-content !important;
}
.example-slider .handle:after {
 margin: -25px 0 0 -17px !important;
 width: 36px !important;
 height: 36px !important;
 background-position: 56% 41% !important;
}
.example-items-wrapper {
 padding-left: 8px !important;
}
.example-item-content {
 padding-bottom: 0 !important;
}
.example-item-type p {
 line-height: 15px !important;
}
.example-item-type {
 margin-bottom: 8px !important;
}
.example-section {
 margin-bottom: 48px !important;
}
.example-item-image-bar1 {
 width: 68px !important;
 height: 27px !important;
 left: 8px !important;
 bottom: 16px !important;
}
.example-item-image-bar2 {
 width: 68px !important;
 height: 27px !important;
 right: 8px !important;
 bottom: 16px !important;
}
/*Reasons*/
.reasons-content h2 {
 line-height: unset !important;
 font-size: 22px !important;
}
.reasons-item-num {
 min-width: 39px !important;
 max-width: 39px !important;
 height: 32px !important;
 font-size: 16px !important;
 margin-right: 16px !important;
}
.questions-form .d-flex {
 flex-direction: column !important;
}
.reasons-form-bar {
 height: fit-content !important;
}
.reasons-form-bar .questions-form-send {
 width: 100% !important;
 margin-top: 16px !important;
 margin-bottom: 8px !important;
}
.reasons-item p {
 font-size: 13px !important;
 line-height: 17px !important;
 max-width: 300px !important;
}
.reasons-form-bar .questions-form-alert {
 padding-left: 8px !important;
}
.reasons-content h2 {
 margin-bottom: 16px !important;
}
.reasons-content {
 padding-top: 48px !important;
}
.reasons-form-bar {
 padding-bottom: 12px !important;
 max-width: 346px !important;
}
.reasons-contact-wrapper p {
 line-height: 18px !important;
 font-size: 13px !important;
 max-width: 340px !important;
 margin-top: 8px !important;
}
.reasons-contact-wrapper p br {
 display: none !important;
}
.reasons-contact-wrapper {
 margin-top: 16px !important;
}
.reasons-content .banner-btn2 {
 width: 320px !important;
 height: 67px !important;
 margin-bottom: 8px !important;
 margin-right: 0 !important;
}
.reasons-content .socials-button2 {
 width: 320px !important;
 height: 67px !important;
}
.socials-button2 img {
 width: 47px !important;
 height: 47px !important;
}
/*Sales*/
.sales-section .price-section-title h2 {
 line-height: 26px !important;
 font-size: 22px !important;
 max-width: 320px !important;
 padding-left: 8px !important;
}
.sales-section .price-section-title {
 margin-bottom: 4px !important;
}
.sales-slider {
 display: none !important;
}
.sales-mobile-list {
 display: flex !important;
 flex-direction: row !important;
 overflow-y: hidden !important;
 overflow-x: scroll !important;
 width: 100% !important;
}
.sales-mobile-list .sales-slide {
 min-width: 285px !important;
 max-width: 285px !important;
 padding-bottom: 16px !important;
}
.sales-mobile-list .sales-slide-img {
 height: 155px !important;
 min-height: 155px !important;
}
.sales-section {
 margin-bottom: 64px !important;
}
.sales-section {
 overflow: hidden !important;
}
/*Reviews*/
.reviews-section {
 overflow: hidden !important;
}
.reviews-section .price-section-title h2 {
 font-size: 22px !important;
}
.reviews-bar {
 padding-left: 24px !important;
}
.reviews-videos-wrapper {
 display: flex !important;
 flex-direction: row !important;
 overflow-x: scroll !important;
 flex-wrap: nowrap !important;
 padding: 0 8px !important;
}
.reviews-bars-wrapper .col-xl-3 {
 padding: 0 20px !important;
}
.reviews-videos-wrapper .col-lg-4 {
 padding: 0 4px !important;
 width: fit-content !important;
}
.reviews-video {
 height: 150px !important;
}
.reviews-video-item {
 max-width: 260px !important;
}
.mob-reviews-slider {
 display: flex !important;
 flex-direction: row !important;
 overflow-x: scroll !important;
 flex-wrap: nowrap !important;
 width: 105% !important;
 padding: 0 8px !important;
 padding-left: 0 !important;
}
.reviews-videos-wrapper {
 margin-bottom: 16px !important;
}
.reviews-slider {
 display: none !important;
}
.reviews-slide {
 min-width: 305px !important;
 max-width: 305px !important;
 min-height: 450px !important;
 height: auto !important;
 margin-left: 4px !important;
 margin-right: 4px !important;
}
.reviews-section {
 margin-bottom: 64px !important;
}
/*Team*/
.team-items-wrapper {
 padding: 0 8px !important;
}
.team-item {
 padding: 4px !important;
 padding-bottom: 8px !important;
}
.team-item-content h6 {
 font-size: 14px !important;
 margin-bottom: 4px !important;
}
.team-item-content p:has(strong) {
 margin-bottom: 4px;
}
.team-item-content strong{
 font-size: 14px !important;
 margin-bottom: 4px !important;
}
.team-item-content p {
 font-size: 11px !important;
 line-height: 17px !important;
}
.team-item-image {
 margin-bottom: 8px !important;
}
.team-bar p {
 font-size: 15px !important;
}
.team-bar {
 padding: 12px 24px !important;
}
.team-item-image {
 height: 215px !important;
}
.team-items-wrapper .col-lg-6 {
 padding: 0 4px !important;
}
.team-item {
 margin-bottom: 8px !important;
}
.team-section .services-title h2 {
 font-size: 22px !important;
}
.team-bars-wrapper {
 margin-top: 16px !important;
}
/*System*/
.sys-bar5 {
 left: 188.7% !important;
 top: 17% !important;
 width: 430px !important;
}
.sys-bar2 {
 left: 27% !important;
 top: 65% !important;
}
.sys-bar4 {
 left: 95% !important;
 top: 51% !important;
}
.sys-bar6 {
 left: 155% !important;
 top: 76% !important;
 width: 344px !important;
}
.sys-bar2 {
 left: 32% !important;
 top: 65% !important;
}
.sys-bar4 {
 left: 126% !important;
 top: 51% !important;
}
.sys-bar6 {
 left: 220% !important;
 top: 76% !important;
 width: 344px !important;
}
.system-section .services-title h2 {
 font-size: 22px !important;
 line-height: 29px !important;
}
.system-section {
 margin-bottom: 32px !important;
}
/*Steps*/
.steps-text-item p {
 max-width: 250px !important;
}
.steps-section .services-title {
 margin-bottom: 48px !important;
}
.mob-steps-items-wrapper {
 border: none !important;
}
.mob-steps-items-wrapper::before {
 content: '_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _' !important;
 position: absolute !important;
 left: -411px !important;
 top: 395px !important;
 text-align: center !important;
 text-wrap: nowrap !important;
 color: #6BB7D6 !important;
 font-size: 20px !important;
 overflow: hidden !important;
 transform: rotate(90deg) !important;
}
/*Questions*/
.questions-section-text-wrapper img {
 margin-right: 0 !important;
 margin-bottom: 16px !important;
 max-width: 225px !important;
}
.questions-section {
 margin-bottom: 48px !important;
}
.questions-section-text-wrapper {
 padding: 0 4px !important;
}
.accordion-item-header p {
 line-height: 17px !important;
}
.accordion-header-arrow {
 width: 26px !important;
 min-width: 26px !important;
 max-width: 26px !important;
 height: 26px !important;
 min-height: 26px !important;
 max-height: 26px !important;
 position: absolute !important;
 right: 8px !important;
}
.accordion-header-arrow img {
 width: 18px !important;
 height: 18px !important;
}
.accordion-item {
 padding-right: 8px !important;
}
.accordion-item-header p {
 max-width: 250px !important;
 flex-grow: 1 !important;
 margin-left: 16px !important;
}
.accordion-item {
 padding-left: 16px !important;
}
.questions-section h2 {
 font-size: 22px !important;
 line-height: 32px !important;
}
.accordion {
 padding-right: 8px !important;
 padding-left: 8px !important;
}
.questions-section h2 {
 padding-left: 8px !important;
}
.questions-section-form {
 padding: 0 16px !important;
}
.questions-form-wrapper {
 margin-top: 16px !important;
}
/*Socials*/
.socials-bar {
 height: 970px !important;
}
.socials-img1 {
 width: 78% !important;
 top: 28.5% !important;
}
.socials-img2 {
 width: 90% !important;
}
.socials-button2 img {
 width: 59px !important;
 height: 59px !important;
 margin-left: -2px !important;
}
.socials-button2 {
 font-size: 14px !important;
 width: 100% !important;
}
.socials-section {
 margin-bottom: 48px !important;
}
.socials-text h3 {
 max-width: 280px !important;
}
.socials-text strong {
 max-width: 280px !important;
}
.socials-buttons-wrapper a {
 width: 100% !important;
}
.socials-button1 {
 width: 100% !important;
}
/*Footer*/
.footer-contacts .col-12 {
 padding: 0 24px !important;
}
.footer-pay-bar {
 transform: translate(0) !important;
}
.footer-contacts {
 padding-left: 24px !important;
}
.footer-contacts .mid-nav__call-active {
 right: 11px !important;
}
.footer-lower-wrapper {
 padding-left: 8px !important;
}

a[href^="tel"] {
 color: #2f2f22 !important; /* или укажите нужный цвет */
 text-decoration: none !important;
}
meta[name=format-detection] {
 format-detection: telephone=no !important;
}
.banner-breadcrumb {
 top: 100px !important;
 padding-left: 16px !important;
}
.standart-page-title {
 padding-left: 16px !important;
 font-size: 25px !important;
 margin-bottom: 48px !important;
}
.steps-text-item a {
 color: #6BB7D6 !important;
}
div.pp_pic_holder {
 position: fixed !important;
}
.pp_details {
 background: transparent !important;
}
a.pp_close {
 right: 24px !important;
 top: -444px !important;
 margin-top: 8px !important;
}
.price-section-text {
 margin-bottom: 16px;
}
.banner-content {
 margin-bottom: 32px;
}
.main-slider-wrapper {
 margin-bottom:0 !important;
}
.services-page__info-text h2 {
 line-height: 31px !important;
 font-size: 22px !important;
}
}
.hide-robot {display: none}

@media (max-width: 375px) {
  .mobile-nav-items-wrapper-low img {
    width: 125px;
  }
  .mobile-nav-phone-link {
    margin-left: 10px !important;
  }
  .banner .container {
    padding-left: 0;
  }
  .btn.banner-btn1, .btn.banner-btn2 {
    max-width: 250px;
    margin: 0 auto;
    margin: 16px auto 12px !important;
  }
  .reasons-content .socials-button2, .questions-form-wrapper .socials-button2 {
    max-width: 250px;
    margin: 16px auto 0;
  }
}
body .cbk-phone .cbk-phone-bgr {
  background-color: rgb(109 184 215) !important
}


/* new soc */
/* wa */
.banner-content .banner-btn2, .banner-btn2, .socials-button1, .socials-button2 {
  background: #fff !important;
  border: 1px solid #6BB7D6 !important;
  color: #6BB7D6 !important;
  box-shadow: 0px 5px 20px -3px #6BB7D699 !important;
}
.socials-button1 .fn, .banner-content .banner-btn2 .fn, .banner-btn2 .fn, .socials-button2 .fn {
    width: 27px;
    height: 27px;
    padding: 7px !important;
    background: #6BB7D6 !important;
    border-radius: 50% !important;
    line-height: 9px;
    text-align: center;
    margin: 0 8px 0 0;
}
.socials-button1 img, .banner-content .banner-btn2 img, .banner-btn2 img, .socials-button2 img {
    padding: 0px !important;
    margin-right: 8px !important;
    border-radius: unset;
    width: 100% !important;
    height: auto !important;
    transform: unset !important;
}
/* wa */
.banner-content .banner-btn2:hover, .banner-btn2:hover {
  background: #10da2e !important;
  border: 1px solid #10da2e !important;
  color: #FFF !important;
}
.banner-content .banner-btn2:hover .fn, .banner-btn2:hover .fn {
  background: #FFF !important;
}
/* max */
.banner-content .banner-btn2.btn_max:hover, .banner-btn2.btn_max:hover {
  background: radial-gradient(100% 418.92% at 0% 100%, #20F0FF 0%, #AD20FF 100%) !important;
  border: 1px solid #20F0FF !important;
  /*border-image-source: linear-gradient(90deg, #20F0FF 0%, #AD20FF 100%) !important;*/
  color: #FFF !important;
}
.banner-content .banner-btn2.btn_max:hover .fn, .banner-btn2.btn_max:hover .fn {
  background: #FFF !important;
}
/* tg, vk */
.socials-button1:hover, .socials-button2:hover {
  background: #0F93FF !important;
  border: 1px solid #6BB7D6 !important;
  color: #FFF !important;
}
.socials-button1:hover .fn, .socials-button2:hover .fn {
  background: #FFF !important;
}