/* Styles extracted from betonebarber.local: main.css, branch-new/style.css, template_styles.css. Load after existing page styles. */@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueThin.otf") format('opentype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueThinItalic.otf") format('opentype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueUltraLight.otf") format('opentype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueUltraLightItalic.otf") format('opentype');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueLight.otf") format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueLightItalic.otf") format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueRoman.otf") format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueItalic.ttf") format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueMedium.otf") format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueMediumItalic.otf") format('opentype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueBold.otf") format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueBoldItalic.otf") format('opentype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueHeavy.otf") format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueHeavyItalic.otf") format('opentype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueBlack.otf") format('opentype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}@font-face {
	font-family: 'Helvetica Neue';
	src: url("../../dist/fonts/helvetica/HelveticaNeueBlackItalic.otf") format('opentype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}.tabs-images {
	--font-default: 'Helvetica Neue', Arial, sans-serif;
	--line-height: 1.4;
	--color-body: #333333;
	--color-green: #F28024;
	--color-white: #fff;
	--color-gray10: #3c3e3c;
	--transition3: cubic-bezier(0.715,-0.235,0.120,1.300);
	--color-whiteRGBA10: hsla(0,0%,100%,.1);
}.tabs-images { font-family: var(--font-default); font-size: 16px; font-weight: 400; font-style: normal; line-height: var(--line-height); color: var(--color-body); -webkit-font-smoothing: antialiased; }.tabs-images, .tabs-images *, .tabs-images *::before, .tabs-images *::after { box-sizing: border-box; }:where(.tabs-images) .service-section{display:none}:where(.tabs-images) .service-section.show{display:block}:where(.tabs-images) .service-el-header{
	display:flex;
	justify-content:space-between;
	margin-bottom: 36px;
}@media screen and (max-width:1200px){:where(.tabs-images) .service-el-header{margin-bottom:10px}}:where(.tabs-images) .service-el-header .service-el-header__left{width:calc(100% - 440px)}@media screen and (max-width:1200px){:where(.tabs-images) .service-el-header .service-el-header__left{width:calc(100% - 360px)}}@media screen and (max-width:670px){:where(.tabs-images) .service-el-header .service-el-header__left{width:calc(100% - 200px)}}:where(.tabs-images) .service-el-header .service-el-header__prices{display:flex;justify-content:space-between;width:440px}@media screen and (max-width:1200px){:where(.tabs-images) .service-el-header .service-el-header__prices{width:360px}}@media screen and (max-width:670px){:where(.tabs-images) .service-el-header .service-el-header__prices{width:200px}}@media screen and (max-width:480px){:where(.tabs-images) .service-el-header .service-el-header__prices{width:160px}}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price{
	color: #F28024;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	white-space: normal;
	width: 33.3333333333%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price span {
	max-width: 104px;
	text-align: left;
}@media screen and (max-width:670px){:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price{font-size:8px}}@media screen and (max-width:480px){:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price{line-height:1.2;white-space:normal}}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .title-price__val_hint{
	background: var(--color-green);
	border-radius: 50%;
	color: var(--color-white);
	cursor: pointer;
	font-size: 17px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	top: -23px;
	width: 25px;
	z-index: 10;
}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .title-price__val_hint:hover .hint-popup{opacity:1;pointer-events:all;top:calc(100% + 2px);transform:scale(1);visibility:visible}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .hint-popup{background:var(--color-gray10);border-radius:16px;font-size:16px;left:50%;line-height:1.6;margin-left:-200px;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:left;text-transform:none;top:calc(100% + 10px);transform:scale(.7);transition:all .4s var(--transition3);visibility:hidden;white-space:normal;width:400px}@media screen and (max-width:992px){:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .hint-popup{font-size:13px;left:auto;padding:15px 10px;right:0;width:200px}}:where(.tabs-images) .service-el .service-el__line{
	display:flex;
	justify-content:space-between;
	padding:16px 0;
	border-bottom: 1px solid #5656561c;
}@media screen and (max-width:1300px){:where(.tabs-images) .service-el .service-el__line{padding:5px 0}}@media screen and (max-width:480px){:where(.tabs-images) .service-el .service-el__line{padding:10px 0}}:where(.tabs-images) .service-el .service-el__line .service-el__name{
	padding-right:25px;
	transition:all .3s ease-in-out;
	width:calc(100% - 440px);
	font-size: 28px;
}@media screen and (max-width:1300px){:where(.tabs-images) .service-el .service-el__line .service-el__name{font-size:24px;line-height:1.4}}@media screen and (max-width:1200px){:where(.tabs-images) .service-el .service-el__line .service-el__name{width:calc(100% - 360px)}}@media screen and (max-width:670px){:where(.tabs-images) .service-el .service-el__line .service-el__name{font-size:12px;padding-right:10px;width:calc(100% - 200px)}}:where(.tabs-images) .service-el .service-el__line .service-el__prices{
	display:flex;
	justify-content:space-between;
	width:440px
}@media screen and (max-width:1200px){:where(.tabs-images) .service-el .service-el__line .service-el__prices{width:360px}}@media screen and (max-width:670px){:where(.tabs-images) .service-el .service-el__line .service-el__prices{width:200px}}:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price{
	font-size:28px;
	font-weight:400;
	line-height:30px;
	text-align:center;
	white-space:nowrap;
	width:33.3333333333%
}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price:last-child .hint-popup {
	margin-left: 0;
	left: auto;
	right: 0;
}@media screen and (max-width:670px){:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price{font-size:10px;line-height:1.4; white-space:normal;}}:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price .service-el__price-name{display:none}:where(.tabs-images) .service-el .service-el__desc{display:none;font-size:14px;font-weight:400;line-height:16px;padding-bottom:20px;padding-top:10px}:where(.tabs-images) .service-el.service-el__desc .service-el__line{cursor:pointer;transition:border .3s ease-in-out}:where(.tabs-images) .service-el.service-el__desc .service-el__line:hover{color:#F28024}:where(.tabs-images) .service-el.service-el__desc .service-el__line:hover .service-el__price{color:#F28024}@media screen and (max-width:480px){:where(.tabs-images) .service-el.service-el__desc .service-el__line:hover .service-el__price{color:#F28024}}:where(.tabs-images) .service-el._slide .service-el__line{border-bottom:1px solid var(--color-whiteRGBA10);}@media (max-width: 1500px) {
	:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .hint-popup{
		left: -176px;
	}
}@media (max-width: 1250px) {
	:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price{
		font-size: 22px;
	}
}@media screen and (max-width:480px){
	:where(.tabs-images) .service-el-header .service-el-header__prices,
	:where(.tabs-images) .service-el .service-el__line .service-el__prices{
		width: 230px;
	}
	:where(.tabs-images) .service-el-header .service-el-header__left,
	:where(.tabs-images) .service-el .service-el__line .service-el__name {
		width: calc(100% - 240px);
	}
	:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price {
		font-size: 13px;
		padding-left: 5px;
		text-align: start;
	}
	:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: 10px;
		font-family: 'Helvetica Neue', Arial, sans-serif;
	}
	:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price .title-price__val_hint{
		font-size: 14px;
		height: 20px;
		line-height: 19px;
		width: 20px;
	}
}.tabs-images {
	position: relative;
}.tabs-images img{
	display: block;
	max-width: 100%;
}.tabs-images__tabs {
	display: flex;
	gap: 20px;
	padding: 0 40px;
	align-items: flex-start;
}.tabs-images .service-el .service-el__line{
	padding: 10px 0;
}.tabs-images .service-el .service-el__line .service-el__name{
	font-size: 16px;
	text-transform: lowercase;
	line-height: 1;
}.tabs-images .service-el .service-el__line .service-el__prices .service-el__price{
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}.tabs-images .service-el-header{
	margin-bottom: 3px;
}.tabs-images .service-el-header .service-el-header__prices .service-el-header__price{
	color: #535353;
	font-weight: 700;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}.tabs-images .service-el-header .service-el-header__prices .service-el-header__price span{
	max-width: max-content;
}.tabs-images .service-el-header .service-el-header__prices .service-el-header__price .title-price__val_hint{
	background-color: #F95D09;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'><path d='M5.88867 2.13184C5.88867 2.39551 5.84473 2.62826 5.75684 2.83008C5.6722 3.02865 5.55827 3.20443 5.41504 3.35742C5.27507 3.50716 5.11393 3.63411 4.93164 3.73828C4.74935 3.84245 4.56055 3.93197 4.36523 4.00684C4.16992 4.07845 3.97461 4.13704 3.7793 4.18262C3.58724 4.22493 3.41146 4.26074 3.25195 4.29004V4.79785H1.49902V3.2793C1.71712 3.27279 1.93197 3.25977 2.14355 3.24023C2.35514 3.21745 2.55534 3.18815 2.74414 3.15234C2.93294 3.11654 3.1071 3.07259 3.2666 3.02051C3.42936 2.96517 3.56934 2.90169 3.68652 2.83008C3.80371 2.75846 3.89486 2.67871 3.95996 2.59082C4.02507 2.49967 4.05762 2.39876 4.05762 2.28809C4.05762 2.19694 4.03809 2.11068 3.99902 2.0293C3.95996 1.94466 3.88997 1.87142 3.78906 1.80957C3.68815 1.74447 3.55143 1.69401 3.37891 1.6582C3.20638 1.61914 2.98665 1.59961 2.71973 1.59961C2.52767 1.59961 2.32747 1.61589 2.11914 1.64844C1.91081 1.67773 1.70736 1.71842 1.50879 1.77051C1.31348 1.81934 1.12793 1.8763 0.952148 1.94141C0.776367 2.00651 0.625 2.07324 0.498047 2.1416V0.481445C0.615234 0.442383 0.763346 0.404948 0.942383 0.369141C1.12142 0.330078 1.3151 0.295898 1.52344 0.266602C1.73177 0.237305 1.94499 0.214518 2.16309 0.198242C2.38444 0.178711 2.59603 0.168945 2.79785 0.168945C3.2373 0.168945 3.64421 0.20638 4.01855 0.28125C4.39616 0.352865 4.72331 0.468424 5 0.62793C5.27669 0.787435 5.49316 0.990885 5.64941 1.23828C5.80892 1.48568 5.88867 1.78353 5.88867 2.13184ZM1.49902 7V5.44238H3.25195V7H1.49902Z' fill='white'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	height: 15px;
	line-height: 15px;
	top: -12px;
	width: 15px;
	z-index: 10;
}.tabs-images .service-el-header .service-el-header__prices .service-el-header__price:nth-child(2) .title-price__val_hint{
	right: 10px;
}.tabs-images .service-el-header .service-el-header__prices .service-el-header__price:nth-child(1) .title-price__val_hint{
	right: 30px;
}.tabs-images__content__title{
	font-weight: 500;
	font-size: 26px;
	line-height: 100%;
	text-transform: uppercase;
}.tabs-images__button{
	cursor: pointer;
}:where(.tabs-images) .service-el.service-el__desc .service-el__line{
	position: relative;
	padding-left: 36px;
}:where(.tabs-images) .service-el.service-el__desc .service-el__line:after,
:where(.tabs-images) .service-el.service-el__desc .service-el__line:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 16px;
	height: 2px;
	background-color: #646464;
	border-radius: 2px;
	transition: all .2s linear;
}:where(.tabs-images) .service-el.service-el__desc .service-el__line:after{
	transform: rotate(90deg);
}:where(.tabs-images) .service-el.service-el__desc._slide .service-el__line:after{
	transform: rotate(0);
}.tabs-images__content{
	position: absolute;
	right: 22px;
	top: 430px;
}.tabs-images__button.active img {
	height: 541px;
	object-fit: cover;
}.tabs-images__button.active {
	flex: 0 0 19vw;
}.tabs-images__button__image {
	margin: 10px 0 20px;
}.tabs-images__button__name {
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
}.tabs-images__button_count {
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
}:where(.tabs-images) .service-el-header .service-el-header__prices .service-el-header__price:last-child .hint-popup {
	margin-left: 0;
	left: auto;
	right: 0;
}@media (max-width: 1230px) {
	.tabs-images__content__title{
		display: none;
	}
	.tabs-images__content {
		position: static;
		width: 100% !important;
		margin: 30px 0 0;
		padding: 0 40px;
	}
	.tabs-images__button__image,
	.tabs-images__button_count{
		display: none;
	}
	.tabs-images__button.active{
		flex: 0 0 auto;
	}
	.tabs-images__button__name{
		display: flex;
		align-items: center;
	}
	.tabs-images__button__name:before{
		content: '[ ';
	}
	.tabs-images__button__name:after{
		content: ' ]';
	}
}@media (max-width: 930px) {
	.tabs-images__tabs{
		justify-content: center;
		flex-wrap: wrap;
	}
	.tabs-images__content__title{
		text-align: center;
		margin-bottom: 30px;
	}
}@media (max-width: 670px) {
	.tabs-images .service-el-header .service-el-header__prices .service-el-header__price:nth-child(1) .title-price__val_hint {
		right: 10px;
	}

	:where(.tabs-images) .service-el.service-el__desc .service-el__line{
		padding-left: 17px;
	}
	:where(.tabs-images) .service-el.service-el__desc .service-el__line:after,
	:where(.tabs-images) .service-el.service-el__desc .service-el__line:before{
		width: 10px;
		height: 1px;
		bottom: auto;
		top: 10px;
	}

	.tabs-images__tabs{
		gap: 12px 16px;
		padding: 0 16px;
	}
	.tabs-images__button.active .tabs-images__button__name{
		color: #000;
	}
	.tabs-images__button__name{
		font-size: 16px;
		color: #646464;
	}
	.tabs-images .service-el-header .service-el-header__prices .service-el-header__price:nth-child(1) .title-price__val_hint {
		right: 10px;
	}
	:where(.tabs-images) .service-el .service-el__line .service-el__name {
		font-size: 14px !important;
		padding-right: 10px;
		width: calc(100% - 200px);
	}
	:where(.tabs-images) .service-el .service-el__desc{
		font-size: 12px;
	}
	:where(.tabs-images) .service-el .service-el__line .service-el__prices {
		width: 200px;
	}
	:where(.tabs-images) .service-el .service-el__line .service-el__prices .service-el__price {
		font-size: 13px !important;
		padding-left: 5px;
		text-align: start;
	}
	:where(.tabs-images) .service-el-header .service-el-header__prices {
		width: 200px;
	}
	.tabs-images__content{
		padding: 0 16px;
	}
}@media (min-width: 671px) {
	:where(.tabs-images) .service-el .service-el__desc{
		width: calc(100% - 440px);
	}
}@media (max-width: 670px) {
	.tabs-images .hint-popup, .tabs-images .hint-popup {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		transform: translateY(100%);
		transition: all .2s linear;
		background: var(--color-gray10);
		border-radius: 16px 16px 0 0;
		font-size: 14px;
		line-height: 1.6;
		padding: 20px;
		color: #fff;
		z-index: 1200;
	}
	.tabs-images .hint-popup.active, .tabs-images .hint-popup.active {
		transform: translateY(0);
	}
}
