:root {
	--section-padding: 20px;
	--section-bottom-margin: 40px;
	--subsection-padding: 20px;
	--left-col-1: 50%;
	--fs-base: 14px !important;
	--section-decor-width: 20px;
	--section-decor-height: 5px;

	--fs-menu: round(calc(var(--fs-base) * 2), 1px );
	--fs-menu-number: round(calc(var(--fs-base) * 1.3), 1px );
	
	--fs-about-title: round(calc(var(--fs-base) * 2), 1px );
	--fs-service-title: round(calc(var(--fs-base) * 2.5), 1px );
	--fs-service-subtitle: round(calc(var(--fs-base) * 1.1), 1px);
  --fs-service-list: round(calc(var(--fs-base) * 1.1), 1px);
	--fs-projects-morelink: round(calc(var(--fs-base) * 1.1), 1px);
	--fs-projects-slider-title: round(calc(var(--fs-base) * 1.1), 1px );
	--fs-contacts-phone: round(calc(var(--fs-base) * 1.3), 1px );
	--fs-cases-title: round(calc(var(--fs-base) * 2.5), 1px );
	--fs-cases-subtitle: round(calc(var(--fs-base) * 1.1), 1px);
	--fs-cases-number: var(--fs-section-number);

}
body {background-repeat:repeat-y;background-position:right top;padding-top:60px;}

body.mobmenu {overflow:hidden;width:100vw;height:100vh;}
body.mobmenu .b-mobmenu {display:block;position:fixed;left:0;top:0;width:100vw;height:100vh;background:white;padding:40px;box-sizing:border-box;z-index:4000}
body.mobmenu .b-header .b-menu {display:block;z-index:450000;position:absolute;left:right:var(--section-padding);top:60px;transform:none;}
body.mobmenu .b-header .b-menu__list {gap:20px;top:auto;transform:none;flex-direction: column;}
body.mobmenu .b-header .b-socials {display:flex;z-index:450000;position:absolute;left:right:var(--section-padding);top:360px;transform:none;}

.b-header {height:60px;}
.b-header .b-menu {display:none;}
.b-header .b-socials {display:none;}


.b-socials {line-height:60px;gap:10px;}

.b-logo {background-position:left center;background-size:130px;}

.b-burger {display:block;position:absolute;right:var(--section-padding);top:50%;transform:translateY(-50%);width:24px;height:24px;background:url(../images/header.burger.png) center center no-repeat;background-size:contain;z-index:500000;}


.b-about__data {--left-col-1:75%;width:75%;max-width:270px;top:calc(100% - 20px);transform:translateY(-100%)}
.b-about__subtitle {width:90%;max-width:270px;}
.b-about__number {width:45px;height:45px;line-height:45px;}

.b-service__list {padding:0;margin-top:40px;font-weight:500;}
.b-service__list li {margin-bottom:10px}
.b-service__number {margin-bottom: 20px;}
.b-service__item {padding-bottom:30px;}
.b-service__itemleft {width:50%;}
.b-service__item:first-child .b-service__itemleft:after {left: 100%;height:15px;}
.b-service__item:nth-child(n+2) {flex-wrap:wrap}
.b-service__item:nth-child(n+2) .b-service__subtitle {margin-bottom:10px;}
.b-service__item:nth-child(n+2) .b-service__subtitle:after {left: 100%;top:5px;}
.b-service__item:nth-child(n+2) .b-service__itemright {flex-basis:100%;flex-shrink:0;flex-grow:0;}

.b-projects__number {margin-bottom: 20px;}
.b-projects__item {padding-bottom:20px;}
.b-projects__itemleft {width: var(--left-col-1) !important;}
.b-projects__itemleft:after {left: 100%;height:15px;}
.b-projects__itemleft:before {height: 80px;}
.b-projects__morelink {bottom: 0px;white-space:nowrap;}
.b-projects__morelink span:first-child {display:inline-block;width:105px;white-space:normal;width:75px;line-height:1.1;}
.b-projects__morelink span:last-child {width: 30px;height: 30px;line-height: 32px;margin-left:0;}

.b-projects-slider__item {flex-direction:column;}
.b-projects-slider__data {order:2;padding:20px;background:var(--color-gray);}
.b-projects-slider__image {order:1;aspect-ratio:1;}
.b-projects-slider__title {margin-bottom:10px;}
.b-projects-slider__prev {top:25%;left:-40px;width:51px;height:24px;background-size:contain;opacity:1}
.b-projects-slider__next {top:25%;right:-40px;width:51px;height:24px;background-size:contain;opacity:1}

.b-contacts__number {margin-bottom: 20px;}
.b-contacts__item:first-child .b-contacts__itemleft:after {height:15px;}
.b-contacts__item:first-child .b-contacts__itemright {display:none}

.b-contacts__item {flex-direction:column;padding-bottom:30px;}
.b-contacts:before{height: 795px;z-index:200000}
.b-contacts__item:last-child .b-contacts__itemleft {padding-bottom:30px;}
.b-contacts__item:last-child {padding-bottom:0;--left-col-1:100%}
.b-contacts__itemleft {width: var(--left-col-1) !important;}
.b-contacts__item:first-child .b-contacts__itemleft:after {left:100%}
.b-contacts__itemright {padding-right:0;}
.b-contacts__phone {white-space:nowrap;}
.b-contacts__phone + .b-socials {margin:10px 0;}
.b-contacts__phone:before {left: calc(-1 * var(--subsection-padding) - 7px);top: 10px;}
.b-contacts__map:before {left: calc(-1 * var(--subsection-padding) - 7px);top: 10px;}
.b-contacts__map:after {width: 33px;background-size: contain;}
.b-contacts__mail {white-space:nowrap}
.b-contacts__mail:before {left: calc(-1 * var(--subsection-padding) - 7px);top: 10px;}
.b-contacts-form {padding:30px 20px 20px;}
.b-contacts-form:after {position: absolute;right: 100%;top: 0;bottom: 0;width: calc(var(--section-padding) + var(--subsection-padding));background: var(--color-gray);content: '';}

.b-section-header {flex-wrap:wrap;justify-content:space-between;padding-top:30px;padding-bottom:30px;}
.b-section-header__title {flex-basis:60%;order:1;}
.b-section-header__subtitle {flex-basis:100%;order:3;border:none;padding: var(--section-decor-height) var(--section-decor-width) 0 0 ;}	
.b-section-header__number {flex-basis:25%;box-sizing:border-box;order:2;text-align:right;}

.b-cases__description {min-height: auto;}
.b-cases__list {gap:30px;flex-wrap:wrap;}
.b-cases__item {flex-basis:100%;}
.b-cases__title {margin:0 0 var(--fs-base);}


.b-episodes__list {gap:30px;flex-wrap:wrap;}
.b-episodes__item {flex-basis:100%;}

.b-footer {padding-top:30px;padding-bottom:30px}

.b-navsection {display:block;padding-top:calc(60px + 40px);margin-top:calc(-1 * (60px + 40px));height:0;overflow:hidden;}