/* HEADER */

header>.container{
    flex-wrap:wrap;
    padding-left:20px;
    padding-right:20px;
}
header .contact-rating{
    order: 1;
    width:100%;
    margin-bottom:20px;
}
header .logo{
    order: 2;
    flex-direction:column-reverse;
}
header .callback{
    order:2
}
header .burger-menu{
	display:block;
	order:2;
}
/*nav:not(.burger-menu-list),*/
nav.main-nav
{
	display:none;
} 
nav.burger-menu-list .menu{
	flex-direction:column;
	align-items:center;
	margin-right:0;
	/* width: 100%; */
}
nav.burger-menu-list .menu .menu-item:not(:first-child){
	margin-left:0;
}

.section-title{
	font-size:24px;
}
.breadcrumbs-section{
	margin-bottom: 20px;
}



/* Базовые стили для мобильного меню */
.burger-menu-list .menu-item {
    /* border-bottom: 1px solid #ddd; */
    position: relative;
    /* display: block; */
    width: 100%;
}

.burger-menu-list .menu-item:last-child {
    border-bottom: none;
}

.burger-menu-list .menu-item a {
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s;
    position: relative;
}

/* Индикатор подменю */
.burger-menu-list .menu-item-has-children > a::after {
    content: "›";
    position: absolute;
    right: -15px;
    transform: rotate(90deg);
    transition: transform 0.3s;
}

.burger-menu-list .menu-item-has-children.active > a::after {
    transform: rotate(-90deg);
}

/* Скрытие подменю по умолчанию */
.burger-menu-list .sub-menu {
    display: none;
    list-style: none;
    padding-left: 20px;
    margin: 0;
    background-color: #f8fff8;
	border-radius:8px;
}

/* Активное состояние для текущих пунктов меню */
.burger-menu-list .current-menu-item > a,
.burger-menu-list .current-menu-ancestor > a {
    color: var(--primary-color);
    font-weight: bold;
}









.burger-checkbox {
	position: absolute;
	visibility: hidden;
}
.burger {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	position: relative;
	border: none;
	background: transparent;
	width: 26px;
	height: 23px;
}
.burger::before,
.burger::after {
	content: '';
	left: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	border-radius: 1px;
	background: var(--primary-color);
}
.burger::before {
	top: 0;
	box-shadow: 0 11px 0 var(--primary-color);
	transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
	bottom: 0;
	transition: bottom .3s .15s, transform .3s;
}
.burger-checkbox:checked + .burger::before {
	top: 11px;
	transform: rotate(45deg);
	box-shadow: 0 6px 0 rgba(0,0,0,0);
	transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.burger-checkbox:checked + .burger::after {
	bottom: 11px;
	transform: rotate(-45deg);
	transition: bottom .3s, transform .3s .15s;
}
header{
	position:relative;
}
.burger-menu-list {
	top: 100%;
	left: 0;
	width:100vw;
	height:0;
	opacity:0;
	position: absolute;
	display: flex;
	flex-direction:column;
	gap: 12px;
	padding: 0;
	background: #fff;
	transition: .3s;
	overflow:hidden;
	z-index:10;
	transition: all .5s ease-out;
	align-items: center;
}
.menu-item {
	display: block;
	padding: 8px;
	color: white;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
.menu-item:hover {
	background: rgba(255,255,255,.2)
}
.burger-button{
	border:1px solid var(--primary-color);
	width: 55px;
	height: 55px;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius: 10px;
	box-shadow: 4px 4px 4px rgba(0,0,0,.25);
}
.burger-button:has(.burger-checkbox:checked) ~ .burger-menu-list {
	opacity:1;
	min-height: 70vh;
	padding:20px;
	height: auto;
}

/* SECTION TITLE */
section.main-offer{
	/* aspect-ratio: auto; */
	padding-top:60px;
	padding-bottom:60px;
}
section.main-offer .form-block{
	margin-top:50px;
}
section.main-offer h1{
	font-size:40px;
}
section.main-offer .subtitle{
	font-size:18px;
}




.about-us-elem{
	max-width:370px;
	margin:0 auto;
}


.remont-okon-spb .card .section-title{
	font-size:16px;
}
.remont-okon-spb .card .textelem{
	font-size:14px;
}
.remont-okon-spb .card .textelem h3,
.remont-okon-spb .card .textelem .heading
{
	font-size:16px;		
}



footer{
	padding-top:40px;
	padding-bottom: 40px;
}



/* Слайдер с видео */
.video-slider-container,
.scan-slider-container
{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
.swiper-slide {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 20px 30px 20px;
}



/* Блок Акции */
.promo-list{
display: flex;
overflow-x: scroll;
flex-wrap: nowrap;
}
.promo-list .promo-block,
.promo-list .promo-block:first-child
{
	width: 340px;
	flex-shrink: 0;
}
.promo-list .promo-item{
	font-size:14px;
}
.promo-list .promo-item .wrapper{
	padding: 84px 10px 10px 10px;
}
.promo-list .promo-item .promo-title{
	margin-bottom:10px;
	font-size:16px;
}
.promo-list .promo-item .button{
	width: 100%;
}




/* БЛОГ */
.blog-container,
.work-container,
.team-container,
.uslugi-popular-container
{
	flex-wrap:nowrap;
	overflow-x:scroll;
	justify-content:initial;
}
.blog-container article,
.work-container .work-elem,
.team-container .team-elem,
.uslugi-popular-container .uslugi-popular-elem
{
	flex-shrink:0;
	flex: 1 0 60%;
}


/* ВОПРОС-ОТВЕТ */
.accordion-item{
	font-size:14px;
}
.accordion-button, 
.accordion-button:not(.collapsed)
{
	font-size: 18px;
	padding:20px 20px 10px 20px;
}
.accordion-body{
	padding:20px;
}



.sekcziya_quality .specialnavpills.nav-pills,
.sekcziya_uslugi .specialnavpills.nav-pills
{
	justify-content: flex-start;
}
.licenses-gallery-wrapper .license-text{
	font-size:16px;
}



.uslugi-popular-elem .buttons{
	flex-direction: column;
}

.uslugi-steklo-container .uslugi-steklo-elem-link{
	flex:calc(100% / 3 - 10px) 0 0;
}

.ustanovka-prodazha, .moskitniye-setki{
	padding: 0 10px 10px 10px;
}



.sekcziya_tseny .container .section-title:not(h3){
	font-size:16px;
	margin: 0 auto 20px auto;
}
.czeny_kartinka{
	margin-bottom: 30px;
}
.sekcziya_tseny .services-list .service-item{
	background:#F1F3F4;
	border-radius:8px;
	box-shadow:4px 4px 4px rgba(0,0,0,.25);
}	
.sekcziya_tseny .min-zakaz{
	text-align:center;
}



section.page-404 h1{
	font-size:38px;
}
section.page-404 .subtitle{
	font-size:18px;
	margin-bottom:30px;
}
section.page-404 .section-title{
	margin-bottom:20px;
}
section.page-404 .contacts{
	font-size:16px;
	margin: 0 auto 50px auto;
}


.sekcziya_contacts .data{
	font-size:16px;	
}
.sekcziya_contacts .contacts-pic,
.sekcziya_contacts a>img{
	margin-top:-7px;
	width: 21px;
	height: 21px;
}
.sekcziya_contacts .nashi_rekvizity{
	margin-bottom:30px;
}
.sekcziya_contacts .nashi_rekvizity h4,
.sekcziya_contacts .rekvizity_dlya_oplaty h4
{
	margin-bottom:10px;
}


.page-title
{
	margin: 0px auto 20px auto;
	/* display: block; */
	width: fit-content;
	font-size: 24px;
	 /*display: flex; */
}


.breadcrumbs-section{
	margin-bottom: 20px;
	margin-top: 10px;
}
.breadcrumbs-section span{
	display:block;
	white-space:nowrap;
}
.breadcrumbs-section .container>span{
	display:flex;
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    padding-bottom: 10px;
    gap: 10px;
}
.breadcrumbs-section .container>span::-webkit-scrollbar{
display:none;
}


.team-single .team-elem{
	padding:20px;
}
.team-single-image{
	flex: 80px 0 0;
	width:80px;
	height:80px;
}



.service-single .container.main{
	grid-template:
		"a . b" 
		"a . c"
		"a . e"
		"f f f"
;
	grid-template-columns: 200px 20px 1fr;
}

article.work .container{
	flex-direction: column;
}
article.work .custom-gallery{
	width:100%;
}

#archive-container article{
	max-width: calc(100% / 2 - 20px);
	display:flex
}
#serviceTabs.nav-pills,
#workTabs.nav-pills
{
	flex-wrap:nowrap
}

.post-swiper .swiper{
	width:100%;
}


.remont-okon-spb .card .textelem ul li,
.post-content ul li,
.remont-okon-spb .card .textelem ol li,
.post-content ol li{
	margin: 0 10px 14px
}

.team-elem .contacts{
	gap:10px;
}
/* HEADER */

header>.container{
    flex-wrap:wrap;
    padding-left:20px;
    padding-right:20px;
}
header .contact-rating{
    order: 1;
    width:100%;
    margin-bottom:20px;
}
header .logo{
    order: 2;
    flex-direction:column-reverse;
}
header .callback{
    order:2
}
header .burger-menu{
	display:block;
	order:2;
}
/*nav:not(.burger-menu-list),*/
nav.main-nav
{
	display:none;
} 
nav.burger-menu-list .menu{
	flex-direction:column;
	align-items:center;
	margin-right:0;
	/* width: 100%; */
}
nav.burger-menu-list .menu .menu-item:not(:first-child){
	margin-left:0;
}

.section-title{
	font-size:24px;
}
.breadcrumbs-section{
	margin-bottom: 20px;
}



/* Базовые стили для мобильного меню */
.burger-menu-list .menu-item {
    /* border-bottom: 1px solid #ddd; */
    position: relative;
    /* display: block; */
    width: 100%;
}

.burger-menu-list .menu-item:last-child {
    border-bottom: none;
}

.burger-menu-list .menu-item a {
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s;
    position: relative;
}

/* Индикатор подменю */
.burger-menu-list .menu-item-has-children > a::after {
    content: "❯";
    position: absolute;
    right: -15px;
    transform: rotate(90deg);
    transition: transform 0.3s;
}

.burger-menu-list .menu-item-has-children.active > a::after {
    transform: rotate(-90deg);
}

/* Скрытие подменю по умолчанию */
.burger-menu-list .sub-menu {
    display: none;
    list-style: none;
    padding-left: 20px;
    margin: 0;
    background-color: #f8fff8;
	border-radius:8px;
}

/* Активное состояние для текущих пунктов меню */
.burger-menu-list .current-menu-item > a,
.burger-menu-list .current-menu-ancestor > a {
    color: var(--primary-color);
    font-weight: bold;
}









.burger-checkbox {
	position: absolute;
	visibility: hidden;
}
.burger {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	position: relative;
	border: none;
	background: transparent;
	width: 26px;
	height: 23px;
}
.burger::before,
.burger::after {
	content: '';
	left: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	border-radius: 1px;
	background: var(--primary-color);
}
.burger::before {
	top: 0;
	box-shadow: 0 11px 0 var(--primary-color);
	transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
	bottom: 0;
	transition: bottom .3s .15s, transform .3s;
}
.burger-checkbox:checked + .burger::before {
	top: 11px;
	transform: rotate(45deg);
	box-shadow: 0 6px 0 rgba(0,0,0,0);
	transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.burger-checkbox:checked + .burger::after {
	bottom: 11px;
	transform: rotate(-45deg);
	transition: bottom .3s, transform .3s .15s;
}
header{
	position:relative;
}
.burger-menu-list {
	top: 100%;
	left: 0;
	width:100vw;
	height:0;
	opacity:0;
	position: absolute;
	display: flex;
	flex-direction:column;
	gap: 12px;
	padding: 0;
	background: #fff;
	transition: .3s;
	overflow:hidden;
	z-index:10;
	transition: all .5s ease-out;
	align-items: center;
}
.menu-item {
	display: block;
	padding: 8px;
	color: white;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
.menu-item:hover {
	background: rgba(255,255,255,.2)
}
.burger-button{
	border:1px solid var(--primary-color);
	width: 55px;
	height: 55px;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius: 10px;
	box-shadow: 4px 4px 4px rgba(0,0,0,.25);
}
.burger-button:has(.burger-checkbox:checked) ~ .burger-menu-list {
	opacity:1;
	min-height: 70vh;
	padding:20px;
	height: auto;
}

/* SECTION TITLE */
section.main-offer{
	/* aspect-ratio: auto; */
	padding-top:60px;
	padding-bottom:60px;
}
section.main-offer .form-block{
	margin-top:50px;
}
section.main-offer h1{
	font-size:40px;
}
section.main-offer .subtitle{
	font-size:18px;
}




.about-us-elem{
	max-width:370px;
	margin:0 auto;
}


.remont-okon-spb .card .section-title{
	font-size:16px;
}
.remont-okon-spb .card .textelem{
	font-size:14px;
}
.remont-okon-spb .card .textelem h3,
.remont-okon-spb .card .textelem .heading
{
	font-size:16px;		
}



footer{
	padding-top:40px;
	padding-bottom: 40px;
}



/* Слайдер с видео */
.video-slider-container,
.scan-slider-container
{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
.swiper-slide {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 20px 30px 20px;
}



/* Блок Акции */
.promo-list{
display: flex;
overflow-x: scroll;
flex-wrap: nowrap;
}
.promo-list .promo-block,
.promo-list .promo-block:first-child
{
	width: 340px;
	flex-shrink: 0;
}
.promo-list .promo-item{
	font-size:14px;
}
.promo-list .promo-item .wrapper{
	padding: 84px 10px 10px 10px;
}
.promo-list .promo-item .promo-title{
	margin-bottom:10px;
	font-size:16px;
}
.promo-list .promo-item .button{
	width: 100%;
}




/* БЛОГ */
.blog-container,
.work-container,
.team-container,
.uslugi-popular-container
{
	flex-wrap:nowrap;
	overflow-x:scroll;
	justify-content:initial;
}
.blog-container article,
.work-container .work-elem,
.team-container .team-elem,
.uslugi-popular-container .uslugi-popular-elem
{
	flex-shrink:0;
	flex: 1 0 60%;
}


/* ВОПРОС-ОТВЕТ */
.accordion-item{
	font-size:14px;
}
.accordion-button, 
.accordion-button:not(.collapsed)
{
	font-size: 18px;
	padding:20px 20px 10px 20px;
}
.accordion-body{
	padding:20px;
}



.sekcziya_quality .specialnavpills.nav-pills,
.sekcziya_uslugi .specialnavpills.nav-pills
{
	justify-content: flex-start;
}
.licenses-gallery-wrapper .license-text{
	font-size:16px;
}



.uslugi-popular-elem .buttons{
	flex-direction: column;
}

.uslugi-steklo-container .uslugi-steklo-elem-link{
	flex:calc(100% / 3 - 10px) 0 0;
}

.ustanovka-prodazha, .moskitniye-setki{
	padding: 0 10px 10px 10px;
}



.sekcziya_tseny .container .section-title:not(h3){
	font-size:16px;
	margin: 0 auto 20px auto;
}
.czeny_kartinka{
	margin-bottom: 30px;
}
.sekcziya_tseny .services-list .service-item{
	background:#F1F3F4;
	border-radius:8px;
	box-shadow:4px 4px 4px rgba(0,0,0,.25);
}	
.sekcziya_tseny .min-zakaz{
	text-align:center;
}



section.page-404 h1{
	font-size:38px;
}
section.page-404 .subtitle{
	font-size:18px;
	margin-bottom:30px;
}
section.page-404 .section-title{
	margin-bottom:20px;
}
section.page-404 .contacts{
	font-size:16px;
	margin: 0 auto 50px auto;
}


.sekcziya_contacts .data{
	font-size:16px;	
}
.sekcziya_contacts .contacts-pic,
.sekcziya_contacts a>img{
	margin-top:-7px;
	width: 21px;
	height: 21px;
}
.sekcziya_contacts .nashi_rekvizity{
	margin-bottom:30px;
}
.sekcziya_contacts .nashi_rekvizity h4,
.sekcziya_contacts .rekvizity_dlya_oplaty h4
{
	margin-bottom:10px;
}


.page-title
{
	margin: 0px auto 20px auto;
	/* display: block; */
	width: fit-content;
	font-size: 24px;
	 /*display: flex; */
}


.breadcrumbs-section{
	margin-bottom: 20px;
	margin-top: 10px;
}
.breadcrumbs-section span{
	display:block;
	white-space:nowrap;
}
.breadcrumbs-section .container>span{
	display:flex;
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    padding-bottom: 10px;
    gap: 10px;
}
.breadcrumbs-section .container>span::-webkit-scrollbar{
display:none;
}
.breadcrumbs-section .container>span span{
	display:inline-flex;
	align-items:center;
	flex-direction:row;
}

.team-single .team-elem{
	padding:20px;
}
.team-single-image{
	flex: 80px 0 0;
	width:80px;
	height:80px;
}



.service-single .container.main{
	grid-template:
		"a . b" 
		"a . c"
		"a . e"
		"f f f"
;
	grid-template-columns: 200px 20px 1fr;
}

article.work .container{
	flex-direction: column;
}
article.work .custom-gallery{
	width:100%;
}

#archive-container article{
	max-width: calc(100% / 2 - 20px);
	display:flex
}
#serviceTabs.nav-pills,
#workTabs.nav-pills
{
	flex-wrap:nowrap
}

.post-swiper .swiper{
	width:100%;
}


.remont-okon-spb .card .textelem ul li,
.post-content ul li,
.remont-okon-spb .card .textelem ol li,
.post-content ol li{
	margin: 0 10px 14px
}

.team-elem .contacts{
	gap:10px;
}
#primary.promo .container{
	flex-direction:column;
}


div#ez-toc-container ul li a{
	line-height: 2;
}
div#ez-toc-container nav>ul>li>a:before{
	height: fit-content;
}

.ustanovka-prodazha-elem-link{
	flex: 100% 0 0;
}

.swiper-no article,
.swiper-no .swiper-slide{
	max-width: 55%;
}