.header__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} .header-bottom-block{
display: flex;
align-items: center;
gap: 2.5rem;
justify-content: space-between;
width: 100%;
}
.header-bottom-block .main-header-address{
max-width: 15.5rem;
width: 100%;
}
.header-bottom-block .main-header-nav{
width: 100%;
}
.main-header.main-header_bg-none.new-header{
background-color: white;
}
#page-wrap{
margin-top: 2rem;
}
.new-header .main-header-menu a{
font-weight: 400;
line-height: 1.4rem; 
}
.new-header .main-header-menu .bold a{
font-weight: 600;
color: white;
}
.new-header .main-header-menu .bold{
background-color: #E7B9D1;
padding: .5rem .5rem;
border-radius: .5rem;
}
#showSearchMob{
display: none;
}
.search-block{
cursor: pointer;
}
@media (max-width:1050px) {
.search-block{
margin-top: 9px;
display: flex;
}
#showSearchMob{
display: block;
}
}
@media (max-width:768px) {
.new-header .main-header-menu{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.new-header .main-header-menu:not(:first-child) {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 30px;
margin-bottom: 30px;
padding-top: 15px;
}
.new-header .main-header-wrap{
flex-wrap: nowrap;
}
}
@media (max-width:500px) {
.new-header .main-header-whatsapp-btn{
margin-left: 5px;
margin-right: 10px;
}
.search-block{
margin-right: 10px;
}
.new-header .main-header-tel-btn{
margin-right: 10px;
}
} .new-header .main-header-contact-wrap{
max-width: 40rem;
gap: 1rem;
}
.new-header .main-header-contact-wrap .main-header-nav{
flex: 1;
}
.new-header .main-header-logo-text1{
font-weight: 400;
line-height: 1.5rem;
}
.new-header .main-header-left{
display: flex;
align-items: center;
gap: 1.25rem;
}
.main-header-left__menu{
max-width: 36.1rem;
width: 100%;
gap: 2.75rem;
display: flex;
align-items: center;
}
@media (min-width:1050px) and (max-width:1250px) {
.new-header .main-header-contact-wrap{
max-width: 24rem;
}
.new-header .main-header-menu a{
font-size: .875rem;
}
.new-header .main-header-phone__icon{
width: 1.5rem;
height: 1.5rem;
}
.new-header .main-header-phone__icon::before{
width: .75rem;
height: .875rem;
}
.main-header-logo{
max-width: 310px;
padding-left: 80px;
}
}
@media (max-width:1050px) {
.header-bottom-block .main-header-address{
display: none;
}
}
@media (min-width: 550px) and (max-width: 768px) {
.new-header menu {
max-width: 100% ;
padding-left: 40px ;
padding-right: 40px ;
}
} .header-search{ padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative;
display: none;
}
.header-search.active {
display: block;
}
.search-trigger {
color: #2DABE0 !important;
text-align: center;
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
background-color: transparent !important;
width: 100%;
margin-bottom: 1.25rem;
padding: 0 !important;
border: none !important;
}
.main-header.main-header_bg-none .site-search{ background-color: #fff;
}
.site-search { display: none;
transition: transform 0.35s ease;
z-index: 1000;
}
.site-search.active {
transform: translateY(0);
display: block;
}
.site-search__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-search__title {
font-size: 20px;
font-weight: 600;
}
.site-search__close {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: none;
cursor: pointer;
color: #b3b3b3 !important;
position: absolute;
background: none !important;
padding: 0 !important;
top: -2rem;
right: 0;
}
.search-blcok{
display: flex;
align-items: center;
gap: .5rem;
}
.banner-wrap.search-active::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 99; }
.banner-wrap.search-active .new-header{
background-color: #F6FBFE;
}
.banner-wrap.search-active .main-header-wrap,
.banner-wrap.search-active .header-bottom-block
{ }
.search-submit{
padding: 1.25rem 0.75rem;
border-radius: 0.375rem;
border: 2px solid #3BC3F3;
background: #3BC3F3 !important;
color: #FFF;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 100%; max-width: 9.5rem;
width: 100%;
}
.search-submit svg{
display: none;
}
.site-search__input {
width: 100% !important;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M25.1198 23.8807L19.6434 18.4054C21.2307 16.4998 22.0222 14.0555 21.8532 11.5812C21.6843 9.10685 20.568 6.79288 18.7364 5.12067C16.9048 3.44845 14.4991 2.54673 12.0196 2.60308C9.54017 2.65943 7.17788 3.66951 5.42419 5.42321C3.67049 7.17691 2.6604 9.5392 2.60405 12.0187C2.5477 14.4981 3.44943 16.9039 5.12164 18.7354C6.79386 20.567 9.10782 21.6833 11.5822 21.8523C14.0565 22.0212 16.5007 21.2297 18.4064 19.6424L23.8817 25.1188C23.963 25.2001 24.0595 25.2646 24.1657 25.3086C24.2719 25.3526 24.3858 25.3752 24.5007 25.3752C24.6157 25.3752 24.7296 25.3526 24.8358 25.3086C24.942 25.2646 25.0385 25.2001 25.1198 25.1188C25.2011 25.0375 25.2656 24.941 25.3096 24.8348C25.3536 24.7286 25.3762 24.6147 25.3762 24.4998C25.3762 24.3848 25.3536 24.2709 25.3096 24.1647C25.2656 24.0585 25.2011 23.962 25.1198 23.8807ZM4.37574 12.2498C4.37574 10.6922 4.8376 9.16968 5.70291 7.87465C6.56823 6.57961 7.79814 5.57025 9.23711 4.97421C10.6761 4.37817 12.2595 4.22222 13.7871 4.52608C15.3147 4.82994 16.7179 5.57996 17.8192 6.6813C18.9205 7.78263 19.6706 9.18582 19.9744 10.7134C20.2783 12.241 20.1223 13.8244 19.5263 15.2634C18.9303 16.7024 17.9209 17.9323 16.6259 18.7976C15.3308 19.6629 13.8083 20.1248 12.2507 20.1248C10.1629 20.1224 8.16118 19.292 6.68483 17.8157C5.20848 16.3393 4.37805 14.3376 4.37574 12.2498Z" fill="%23CFCFCF"/></svg>') !important;
background-repeat: no-repeat !important;
background-position: 12px center !important;
background-size: 1.75rem 1.75rem;
padding: 1rem 1.5rem !important;
padding-left: 3.88rem !important; 
border-radius: 0.5rem;
background: #FFF;;
color: #252525 !important;
font-size: 1.25rem !important;
font-style: normal;
font-weight: 400 !important;
line-height: 1.4rem; border: none !important;
margin: 0 !important;
}
.site-search__results {
margin-top: 1.25rem;
padding: 1.25rem;
border-radius: 0.5rem;
background: #FFF;
display: none;
max-height: 31.25rem;
overflow: auto;
}
.search-group {
margin-bottom: 1.25rem;
display: flex;
flex-direction: column;
gap: .25rem;
}
.search-group__title {
color: #717171;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: .5rem;
}
.search-item {
padding: 0.75rem 1rem;
border-radius: 0.5rem;
background: #FFF;
box-shadow: 0 0 5px 0 rgba(39, 68, 88, 0.09);
margin-bottom: 4px;
color: #212121;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width:768px) {
.search-trigger{
font-size: 1.25rem;
line-height: 120%;
margin-bottom: .75rem;
}
.site-search__close span{
display: none;
}
.search-submit span{
display: none;
}
.search-submit{
padding: .63rem;
width: auto;
}
.search-submit svg{
display: block;
}
.site-search__input{
padding: .75rem !important;
padding-left: 3.13rem !important;
font-size: 1rem !important;
}
.site-search__results{
padding: 1rem;
margin-top: .75rem;
}
.search-item{
padding: .5rem .75rem;
font-size: .875rem;
}
.search-group__title{
font-size: .875rem;
}
.site-search__close{
top: -2.5rem;
}
} .all-services {
display: none;
position: relative; }
.all-services.is-active {
display: flex;
}
.all-services::before {
content: "";
background-color: #F6FBFE;
position: absolute;
width: 100vw;
height: 105%;
left: 50%; 
transform: translateX(-50%); 
z-index: -1;
top: 0;
pointer-events: none;
}
.all-services::after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
pointer-events: none;
width: 100vw;
height: 92vh;
left: 50%;
transform: translateX(-50%);
z-index: -2;
top: 0;
}
.all-services__close{
display: flex;
gap: .25rem;
position: absolute;
top: .75rem;
right: .75rem;
cursor: pointer;
color: #B3B3B3;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.all-services__left {
max-width: 15rem;
width: 100%;
display: flex;
flex-direction: column;
padding: 1.75rem 0;
}
.all-service-item {
padding: .75rem;
cursor: pointer;
border-radius: 0.25rem 0 0 0.25rem;
transition: 0.3s;
color: #000;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .3s;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.all-service-item.active svg{
transform: rotate(180deg);
}
.all-service-item svg{
display: none;
}
.all-service-item:hover,
.all-service-item.active {
background: #FFF;
}
@media (max-width: 768px) {
.all-services {
display: flex;
flex-direction: column;
}
.header-services .link-all-services{
display: none;
}
.service-content {
display: none;
padding: 12px 0;
}
.all-service-item.active + .service-content,
.service-content.active {
display: block;
}
}
.services__right {
flex: 1;
background-color: white;
padding: 1.75rem;
}
.service-content {
display: none;
animation: fade 0.3s ease;
}
.service-content .img-block{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
gap: .75rem;
max-width: 15.75rem;
width: 100%;
height: fit-content;
}
.service-content .img-block .img-block__item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-radius: 0.25rem;
background: #F4FAFE;
padding: .5rem;
min-height: 7.5rem;
transition: scale .3s;
}
.service-content .img-block .img-block__item:hover{
scale: 1.02;
}
.service-content .img-block .img-block__item img{
width: 100%;
height: 100%;
object-fit: cover;
max-width: 3.75rem;
max-height: 3.75rem;
aspect-ratio: 1;
}
.service-content .img-block .img-block__item span{
color: #000;
text-align: center;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
min-height: 2.75rem;
}
.service-content__list{ column-count: 2;
gap: 1rem; max-height: 36.2rem;
overflow: auto;
width: 100%;
}
@media (max-height:800px) {
.service-content__list{
max-height: 26.2rem;
}
}
.service-content__list__item{
display: flex;
flex-direction: column;
margin-bottom: 1rem;
gap: .25rem;
break-inside: avoid;
}
.title-service{
display: flex;
align-items: center;
gap: .25rem;
padding: .25rem;
}
.title-service span{
color: #0A5E90;
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.title-service:hover span{
text-decoration: underline;
}
.service-content__list__item-link{
display: flex;
flex-direction: column;
gap: .12rem;
}
.service-content__list__item-link .link-service{
color: #212121 ;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: .25rem;
}
.service-content__list__item-link .link-service:hover{
color: #2173A4
}
.service-content.active {
display: flex;
gap: 1.75rem;
}
.service-content__list__item-mobile{
display: none;
align-items: center;
gap: .25rem;
justify-content: space-between;
}
.mobile-accord{
display: flex;
gap: .25rem;
align-items: center;
color: #0A5E90;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.mobile-accord svg{
flex-shrink: 0;
}
.arrow-services{
transition: transform .3s ease;
flex-shrink: 0;
}
.service-content__list__item.active 
.arrow-services {
transform: rotate(180deg);
}
.menu-toggle {
display: none;
margin-left: 0.5rem;
cursor: pointer;
vertical-align: middle;
}
.menu-toggle svg {
transition: transform 0.3s;
}
.menu-toggle.active svg {
transform: rotate(180deg);
}
@keyframes fade {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width:768px) {
.menu-toggle {
display: inline-flex;
display: none;
}
.all-services__close{
display: none;
}
.all-services::before{
border-bottom: 1px solid #F0F0F0;
background: #FAFAFA;
width: 100%;
height: 100%;
}
.all-services::after{
display: none;
}
.all-service-item svg{
display: block;
}
.all-services {
flex-direction: column;
display: none;
}
.main-header-nav.mobile-style.active .all-services {
display: flex;
}
.service-content .img-block .img-block__item{
border-radius: 0.25rem;
background: #FFF;
box-shadow: 0 0 5px 0 rgba(39, 68, 88, 0.09);
}
.service-content .img-block{
max-width: 100%;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
padding-bottom: 1rem;
}
.all-services__left {
max-width: 100%;
padding: .5rem .75rem;
gap: 1rem;
}
.services__right {
display: none; }
.all-service-item {
border-radius: 0;
padding: 0;
padding-bottom: .5rem;
background: transparent;
}
.all-service-item svg {
display: block;
transition: transform .3s ease;
}
.all-service-item.active svg {
transform: rotate(180deg);
} .service-content {
display: none; }
.service-content.active {
display: flex;
flex-direction: column;
gap: 1rem;
}
.service-content__list {
max-height: none;
overflow: visible;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.service-content__list__item{
margin-bottom: 0;
}
.service-content__list__item-mobile{
display: flex;
padding-bottom: .25rem;
}
.service-content__list__item-link {
display: none;
padding-left: .25rem;
}
.service-content__list__item.active 
.service-content__list__item-link {
display: flex;
}
.title-service svg{
display: none;
}
.all-service-item:hover, .all-service-item.active{
background: none;
}
.title-service{
display: none !important;
color: #0A5E90;
font-size: 0.875rem;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.service-content__list__item.active .title-service{
display: flex !important;
}
.new-header .main-header-menu a,
.new-header .main-header-menu .bold a{
color: #252525;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.375rem; text-transform: uppercase;
}
.new-header .main-header-menu .bold{
background-color: transparent;
padding: 0;
border-radius: 0;
}
.new-header .service-content__list__item.active a.link-service{
color: #212121;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: none;
}
} .widget{
position: fixed;
right: 2.63rem;
bottom: 3.63rem;
z-index: 111111;
display: flex;
flex-direction: column;
align-items: end;
}
.widget-overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,.45);
opacity: 0;
visibility: hidden;
transition: opacity .3s ease;
z-index: 999;
}
#CalltouchWidgetFrame{
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
} @media (max-width: 768px){
.widget.active ~ .widget-overlay{
opacity: 1;
visibility: visible;
}
.widget{
right: .63rem;
bottom: 6.63rem;
}
.tgbot__text1{
display: block !important;
}
}
.tgbot__text1 span{
cursor: pointer;
font-size: 12px;
color: #3bc3f3;
}
.tgbot__text1 span:hover{
text-decoration: underline;
} .widget-content{
display: none;
border-radius: 1rem;
background: #FFF;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
margin-bottom: .4rem;
flex-direction: column;
padding: 1.5rem;
gap: 1rem;
}
.widget-content__top{
display: flex;
align-items: baseline;
gap: .5rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(33, 115, 164, 0.20);
}
.widget-content__top-info{
display: flex;
flex-direction: column;
gap: .25rem;
}
.widget-content__top-info a{
color: #2274A2;
font-family: Inter;
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.widget-content__top-info span{
color: rgba(34, 116, 162, 0.60);
font-family: "Proxima Nova";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.widget-content__bottom{
display: flex;
gap: .5rem;
}
.widget-content__bottom-item{
border-radius: 0.375rem;
background: #D8F1F6;
display: flex;
padding: 0.5rem 1rem 0.5rem 0.5rem;
justify-content: space-between;
align-items: center;
width: 100%;
transition: scale .3s;
gap: .75rem;
}
.widget-content__bottom-item img{
width: 2rem;
height: 2rem;
object-fit: cover;
}
.widget-content__bottom-item:hover{
scale: 1.02;
}
.widget-content__bottom-item svg{
flex-shrink: 0;
}
.widget-content__bottom-item span{
color: #2B2B2B;
font-family: "Proxima Nova";
font-size: 0.75rem;
font-style: normal;
font-weight: 600;
line-height: normal;
} .widget .btn-vidget{
display: flex;
width: 3.125rem;
height: 3.125rem;
justify-content: center;
align-items: center;
background-image: url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/img/widget.webp) !important;
background-size: cover !important;
border-radius: 50%;
cursor: pointer;
border: none;
position: relative;
overflow: visible;
transition: all .3s;
}
.btn-vidget::before,
.btn-vidget::after{
content: "";
position: absolute;
inset: -12px;
border-radius: 50%;
background: rgba(89, 86, 246, 0.30);
z-index: -1;
animation: pulse 3s infinite;
}
.btn-vidget:hover{
scale: 1.05;
}
.btn-vidget::after{
animation-delay: .5s;
}
.social-vidget{
min-width: 1.6875rem;
height: 1.75rem;
} .widget.active .btn-vidget::before,
.widget.active .btn-vidget::after{
animation: none;
opacity: 0;
} @keyframes pulse{
0%{
transform: scale(0.9);
opacity: 0.6;
}
70%{
transform: scale(1.4);
opacity: 0;
}
100%{
opacity: 0;
}
} .btn-vidget .close-vidget{
display: none;
} .widget.active .widget-content{
display: flex;
}
.widget.active .social-vidget{
display: none;
}
.close-vidget{
min-width: .875rem;
height: .875rem;
}
.widget.active .close-vidget{
display: flex;
}
.title-h1{
font-size: 2.75rem;
font-style: normal;
font-weight: 400;
margin-bottom: 0;
padding-left: 4.25rem; }
@media (max-width:768px) {
.title-h1{
font-size: 1.5rem;
padding-left: 0;
padding-bottom: .5rem;
}
}