:root {
	--blue-color: #4e9bc3;
	--blue-text-color:#005071;
	--blue-background: #ecfbfe;
	--text-color: #333;
	--red-color: #822755;
	--login-icon: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L7 6.5L2 11' stroke='%23333333' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	--submit-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%237F8F81'/%3E%3Crect width='47' height='47' rx='5' fill='%239FB9A3'/%3E%3Cg filter='url(%23filter0_d_47_21)'%3E%3Cpath d='M23.5 9L37.784 23.284L23.5 37.5681V26H9.21594V21H23.5V9Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_47_21' x='9.21594' y='8' width='32.5681' height='32.5681' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_47_21'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_47_21' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	--letter-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%23316E8D'/%3E%3Crect width='47' height='47' rx='5' fill='%234E9BC3'/%3E%3Cpath d='M31.9378 17.3883L12 29.7553L23.8549 38L38 13L12 21.9096L15.0984 25.633' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
	--gift-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%23603355'/%3E%3Crect width='47' height='47' rx='5' fill='%23854776'/%3E%3Crect x='11' y='17' width='10.8333' height='10.8333' fill='white'/%3E%3Crect x='26.1666' y='17' width='10.8333' height='10.8333' fill='white'/%3E%3Crect x='11' y='31.0833' width='10.8333' height='10.8333' fill='white'/%3E%3Crect x='26.1666' y='31.0833' width='10.8333' height='10.8333' fill='white'/%3E%3Cpath d='M23.3082 14.6466C15.6136 11.9272 9.30431 11.8841 8.6591 9.48737C7.48217 5.11541 18.0633 0.878719 23.3082 14.6466Z' fill='white'/%3E%3Cpath d='M26 13.988C32.1055 14.2136 33.6204 11.2013 32.791 9.75304C32.0026 8.37624 29.0956 8.41281 26 13.988Z' fill='white'/%3E%3C/svg%3E%0A");
	--basket-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%23603355'/%3E%3Crect width='47' height='47' rx='5' fill='%23854776'/%3E%3Ccircle cx='22.5' cy='38.5' r='2.5' fill='white'/%3E%3Ccircle cx='32.5' cy='38.5' r='2.5' fill='white'/%3E%3Cpath d='M19.5 20.5H35' stroke='white' stroke-width='2'/%3E%3Cpath d='M21 26H33.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M24 29.5L24 17' stroke='white' stroke-width='2'/%3E%3Cpath d='M30 29.5L30 17' stroke='white' stroke-width='2'/%3E%3Cpath d='M5 15.5H14.5L18.5 32H35.5L39.5 18' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	--basket-full-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%23603355'/%3E%3Crect width='47' height='47' rx='5' fill='%23f00'/%3E%3Ccircle cx='22.5' cy='38.5' r='2.5' fill='white'/%3E%3Ccircle cx='32.5' cy='38.5' r='2.5' fill='white'/%3E%3Cpath d='M19.5 20.5H35' stroke='white' stroke-width='2'/%3E%3Cpath d='M21 26H33.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M24 29.5L24 17' stroke='white' stroke-width='2'/%3E%3Cpath d='M30 29.5L30 17' stroke='white' stroke-width='2'/%3E%3Cpath d='M5 15.5H14.5L18.5 32H35.5L39.5 18' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	--down-icon: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='47' height='47' rx='5' fill='%231C2B38'/%3E%3Crect width='47' height='47' rx='5' fill='%233B5C78'/%3E%3Cpath d='M38 16L24.5 31L11 16' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	--addbasket-icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 149 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M108.12 26.0386L104.632 25.6026L103.041 28.7374L93.3647 47.8059L13 40.5L18 63L83.1546 76.2198L81.3699 85.5H28C25.2386 85.5 23 87.7386 23 90.5C23 93.2614 25.2386 95.5 28 95.5H85.5C87.8973 95.5 89.9573 93.7984 90.41 91.4442L95.2772 66.1352L110.368 36.3974L134.88 39.4614C137.62 39.8039 140.119 37.8603 140.461 35.1202C140.804 32.3801 138.86 29.8811 136.12 29.5386L108.12 26.0386ZM95 114.5C95 119.194 91.1944 123 86.5 123C81.8056 123 78 119.194 78 114.5C78 109.806 81.8056 106 86.5 106C91.1944 106 95 109.806 95 114.5ZM40.5 123C45.1944 123 49 119.194 49 114.5C49 109.806 45.1944 106 40.5 106C35.8056 106 32 109.806 32 114.5C32 119.194 35.8056 123 40.5 123Z' fill='%23E67919'/%3E%3C/svg%3E%0A");
	--icon-user: url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='112' height='112' rx='21' fill='%23854776'/%3E%3Cpath d='M74 38C74 47.9411 65.9411 56 56 56C46.0589 56 38 47.9411 38 38C38 28.0589 46.0589 20 56 20C65.9411 20 74 28.0589 74 38Z' fill='white'/%3E%3Cpath d='M95 92C95 73.7746 77.763 59 56.5 59C35.237 59 18 73.7746 18 92H95Z' fill='white'/%3E%3C/svg%3E%0A");
	--icon-check: url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='112' height='112' rx='21' fill='%23854776'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50 64.5L33.5 49.5L46 79.5L74 57.6695V82H30V39H73.6786L50 64.5ZM81.1071 31H74H30H22V39V82V90H30H74H82V82V51.4322L105 33.5L89 22.5L81.1071 31Z' fill='white'/%3E%3C/svg%3E%0A");
	--icon-remember: url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='112' height='112' rx='21' fill='%23854776'/%3E%3Cpath d='M26.1948 34.0284H26V93.0284H86V92.6909L78 84.8437V85.0284H34V42.0284H34.3506L26.1948 34.0284Z' fill='white'/%3E%3Cpath d='M57.4659 58.4574V57.5398C57.4839 54.3911 57.7628 51.8812 58.3025 50.0099C58.8603 48.1387 59.67 46.6274 60.7315 45.4759C61.7931 44.3243 63.0705 43.2808 64.5639 42.3452C65.6794 41.6255 66.678 40.8788 67.5596 40.1051C68.4413 39.3314 69.143 38.4768 69.6647 37.5412C70.1865 36.5876 70.4474 35.526 70.4474 34.3565C70.4474 33.1151 70.1505 32.0265 69.5568 31.0909C68.963 30.1553 68.1624 29.4356 67.1548 28.9318C66.1652 28.428 65.0677 28.1761 63.8622 28.1761C62.6927 28.1761 61.5861 28.437 60.5426 28.9588C59.499 29.4626 58.6444 30.2183 57.9787 31.2259C57.3129 32.2154 56.9531 33.4479 56.8991 34.9233H45.8878C45.9777 31.3248 46.8414 28.3561 48.4787 26.017C50.116 23.66 52.2841 21.9058 54.9829 20.7543C57.6818 19.5848 60.6595 19 63.9162 19C67.4967 19 70.6633 19.5938 73.4162 20.7812C76.169 21.9508 78.3281 23.651 79.8934 25.8821C81.4588 28.1132 82.2415 30.803 82.2415 33.9517C82.2415 36.0568 81.8906 37.928 81.1889 39.5653C80.5052 41.1847 79.5426 42.6241 78.3011 43.8835C77.0596 45.125 75.5933 46.2495 73.902 47.2571C72.4806 48.1027 71.3111 48.9844 70.3934 49.902C69.4938 50.8196 68.8191 51.8812 68.3693 53.0866C67.9375 54.2921 67.7126 55.7765 67.6946 57.5398V58.4574H57.4659ZM62.8096 75.7301C61.0104 75.7301 59.472 75.1004 58.1946 73.8409C56.9351 72.5634 56.3144 71.0341 56.3324 69.2528C56.3144 67.4896 56.9351 65.9782 58.1946 64.7188C59.472 63.4593 61.0104 62.8295 62.8096 62.8295C64.5189 62.8295 66.0213 63.4593 67.3167 64.7188C68.6122 65.9782 69.2689 67.4896 69.2869 69.2528C69.2689 70.4403 68.954 71.5289 68.3423 72.5185C67.7486 73.4901 66.9659 74.2727 65.9943 74.8665C65.0227 75.4422 63.9611 75.7301 62.8096 75.7301Z' fill='white'/%3E%3C/svg%3E%0A");
	--icon-phone: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' rx='13.5' stroke='white'/%3E%3Cpath d='M18.2559 16.0319L15.3446 16.596C13.3781 15.609 12.1634 14.4752 11.4565 12.7079L12.0008 9.78823L10.9719 7.05249H8.32028C7.52318 7.05249 6.89549 7.71119 7.01454 8.49934C7.31174 10.4669 8.18803 14.0345 10.7496 16.596C13.4396 19.286 17.3139 20.4533 19.4462 20.9172C20.2696 21.0964 21 20.4541 21 19.6114V17.0776L18.2559 16.0319Z' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	
}

@font-face {
  font-family: 'Lena';
  src: local('Lena'),
	   url('/css/fonts/Lena.svg') format('svg'),
	   url('/css/fonts/Lena.woff') format('woff'),
	   url('/css/fonts/Lena.ttf') format('ttf'),
	   url('/css/fonts/Lena.eot') format('eot');
}


body, html {
	padding:0;
	margin:0;
	background:var(--blue-background);
	font:normal normal normal 16px/1.4 Lena, sans-serif;
	color:var(--text-color);
}
html {
	height:100%;
}
body {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	min-height:100%;
}
* {
	box-sizing:border-box;
}
h1, .h1 {
	color:var(--blue-text-color);
	font-size: 2rem;
}
h2, .h2 { font-size: 1.5rem;}
h3, .h3 { font-size: 1.1875rem;}
h4, .h4 { font-size: 1rem;}
h5, .h5 { font-size: 0.875rem;}
h6, .h6 { font-size: 0.75rem; }
p {
	font:lighter 1.3rem Lena;
	color:#58585a;
}
img { border:none; }
a {
	color:var(--blue-text-color);
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="phone"],
textarea {
	font-size:1.2rem;
	padding:.2em .5em;
	font-family:Lena, sans-serif;
}

a:visited {
	color:#004061;
}
a:hover {
	color:#ff7700;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.text-center {
	 text-align:center;
}
.container {
	width:1400px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
@media (max-width:1460px) {
	.container {
		padding-left:1rem;
		padding-right:1rem;
	}
}
header {
	background:linear-gradient(to right, var(--blue-color), var(--blue-color) 50%, #b76496 50%, #b76496);
	display:flex;
	padding:0;
	margin:0;
}
header .container {
	display:flex;
	align-items:stretch;
	min-height:110px;
}
header .container .logo-block {
	flex:  1 1 auto;
	background:var(--blue-color);
	display:flex;
	align-items:center;
	gap:1em;
}
header .container .logo-block .image,
header .container .logo-block .image a {
	flex: 0 0 auto;
	display:flex;
	align-items:center;
	gap:1em;
}
header .container .logo-block .image .title {
	display:none;
	flex: 0 0 auto;
	color:#fff;
	padding-left:1rem;
	text-transform:uppercase;
	line-height:1.2;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing: 0.1em;
	text-shadow:2px 2px 2px rgba(0,0,0,.7);	
}
header .container .central-block {
	flex:  1 1 auto;
	display:inline-flex;
	flex-direction:column;
	align-items:flex-end;
	background: var(--blue-color);
	justify-content: center;
	@media (max-width: 900px) {
		display:none;
	}
}
header .container .central-block .phone a[href^="tel:"] {
	color:#fff;
	font-size:24px;
	text-decoration:none;
	white-space:nowrap;
	display:inline-flex;
	align-items:center;
	gap:8px;
	line-height:1;
}
header .container .central-block .phone a[href^="tel:"]:before {
	flex: 0 0 auto;
	content:"";
	background: var(--icon-phone) center/cover no-repeat;
	width: 1em;
    height: 1em;
    position: relative;
    top: -2px;
}

@media (max-width: 900px) {
	header .container {
		padding-left:68px;
	}
}
@media (max-width: 680px) {
	header .container {
		min-height: 68px;
	}	
	header .container .logo-block {
	    flex: 0 1 auto;
	}
	header .container .logo-block .image {
	    flex: 1 1 auto;
	}
	header .container .logo-block .image img {
		max-width:100%;
		width:100%;
		height:48px;
	}
}

header .container .logo-block .slogan {
	flex: 0 0 auto;
	color:#fff;
	position:relative;
	padding-left:1rem;
	text-transform:uppercase;
	line-height:1.2;
	font-size:.8rem;
	font-weight:bold;
	letter-spacing: 0.1em;
	text-shadow:1px 1px 2px rgba(0,0,0,.3);
}
@media (max-width: 480px) {
	header .container .logo-block .slogan {
		display:none;
	}
}
header .container .logo-block .slogan:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:1px;
	background-color:#fff;
}

header .container .personal-block {
	flex:  0 0 auto;
	position:relative;
	overflow:hidden;
	padding-left:97px;
	background:linear-gradient(to right, #6A8CB6, transparent);
	display:flex;
	align-items:center;
}
@media (max-width:680px) {
	header{
		background-color:var(--blue-color);
		background-image:none;
	}
	header .container .personal-block {
		display:none;
	}
}

header .container .personal-block:before {
	content:"";
	position:absolute;
	z-index:0;
	width:100px;
	height:100px;
	background:var(--blue-color);
	transform:translate(-50%, -50%) rotate(45deg) ;
	transform-origin:center;
	top:50%;
	left:0;
}

.regform {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:5px;
}
.regform.user-info {
	gap:1px;
}
.regform .title {
	text-transform:uppercase;
	color:#fff;
}
.regform .input-block {
	display:flex;
	gap:5px;
	align-items:stretch;
}
.regform input.text {
	width:10em;
	border:1px solid #fff;
	border-radius: 3px;
	padding:.1em .5em;
	font:1rem Lena;
	outline:none !important;
}
.regform, .regform  a {
	font-size: .8rem;
	color:#fafafa;
}
.regform  a:hover {
	color:#ff0;
}
.regform .reglink {
	display:flex;
	gap:1em;
}
.regform .reglink a {
	text-transform:uppercase;
	font:bold .8rem;
	color:#fff;
	text-decoration:none;
}
.regform .reglink a:hover {
	text-decoration:underline;
}
.regform .submit {
	width:24px;
	border:none;
	border-radius: 3px;
	padding:0;
	margin:0;
	background: #fff var(--login-icon) center no-repeat;
	cursor:pointer;
}

.topmenu {
	padding:0;
	margin:0 0 2px 0;
	border-top:1px solid #edeeed;
	border-bottom:2px solid #d8d9da;
	background:#f3f4f5;
}
@media (max-width:900px) {
	.topmenu {
		display:none;
	}
}
.topmenu ul {
	list-style:none;
	padding:.3em 0;
	margin:0;
	background:#f3f4f5;
	border-top:1px solid #fff;
	border-bottom:1px solid #ececec;
	text-align:center;
}
.topmenu > ul {	
	width:1400px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:space-between;
}
@media (max-width:1460px) {
	.topmenu > ul {	
		padding-left:30px;
		padding-right:30px;
	}
}

.topmenu ul li {
	font-weight:bold;
	font-size:1.2rem;
	text-transform:uppercase;
	color:var(--blue-text-color);
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #dedede;
	padding:5px 0 3px 0;
	margin:0;
	position:relative;
}
.topmenu > ul > li {
	flex: 1 1 auto;
	display:inline-flex;
	justify-content:center;
}
.topmenu > ul > li > a {
	display:inline-flex;
	align-items:center;
	gap:.5em;
}
.topmenu ul  li:first-child {
	border-left:none;
}
.topmenu ul li.basket {
	border-right:none;
}
.mobile-user-block .basket span.icon, 
.topmenu ul li.basket span{
	flex: 0 0 auto;
	display:inline-flex;
	width:23px;
	height:23px;
	background:var(--basket-icon) center/cover no-repeat;
	position:relative;
}
.mobile-user-block .basket span:not([data-n-goods="0"]):before,
.topmenu ul li.basket span:not([data-n-goods="0"]):before{
	content:attr(data-n-goods);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	font-size:.8rem;
	border-radius:50%;
	width:1.5em;
	height:1.5em;
	background-color:#fff;
	color: var(--blue-text-color);
	right:-.75em;
	top:-.75em;
}
.topmenu ul li.basket span
.topmenu ul li a{	
	color:var(--blue-text-color);
	text-decoration:none;
}
.topmenu ul li a:hover{
	text-decoration:underline;
}
.topmenu ul  li.basket a{
	color:#9c9e9f;
}
.topmenu .submenu {
	position:absolute;
	top:100%;
	left:0;
	display:none;
	z-index:100;
	box-shadow:2px 2px 4px rgba(0,0,0,0.5);
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
.topmenu li:not(:hover) .submenu {
	display:none;
}
.topmenu .submenu li {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.topmenu .submenu li:hover {
	background:#fff;
}

.main_content,
.main_catmenu_slider {
	flex: 1 1 auto;
	margin:1rem auto;
	display:flex;
	align-items:stretch;
	gap:1rem;
}
..main_content aside {
	flex: 0 0 auto;
	width: 20rem; 
	max-width:100%;
}
.catmenu {
	width:20rem;
	max-width:100%;
	background: url("data:image/svg+xml,%3Csvg width='500' height='1080' viewBox='0 0 500 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 0H0V1080H484L500 1064V0Z' fill='white'/%3E%3Cpath d='M500 1064H484V1080L500 1064Z' fill='%23A9A9A9'/%3E%3Cline x1='499.5' y1='2.18557e-08' x2='499.5' y2='1064' stroke='%23A9A9A9'/%3E%3Cline x1='484' y1='1079.5' x2='4.37114e-08' y2='1079.5' stroke='%23A9A9A9'/%3E%3C/svg%3E%0A") right bottom no-repeat;
}

.main_content main {
	flex: 1 1 auto;
	display: flex;
    flex-direction: column;	
}

@media (max-width:1200px) {
	.main_content.container, 
	.main_catmenu_slider.container {
		padding-left:0;
		padding-right:0;
	}
	.catmenu {
		display:none;
	}
	.main_content aside .catmenu {
		display:block;
	}
}
@media (max-width:1020px) {
	.main_content {
		flex-direction:column-reverse;
	}
	.main_content aside {
		padding:0 1rem;
		display:none;
	}
}
@media (max-width:900px) {
	.main_catmenu_slider {
		margin-top:0;
	}
}
.catmenu ul.supergroups {
	margin:0;
	list-style:none;
	padding:0;
}
.catmenu ul.supergroups  > li {
	display:block;
	font-weight:bold;
	font-size:1.2rem;
	text-transform:uppercase;
	color:var(--blue-text-color);
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
	padding:15px 0px 13px 25px;
	margin:0;
	position:relative;
}

.catmenu ul.supergroups > li > a {
	color:var(--blue-text-color);
	text-decoration:none;
}
.catmenu ul.supergroups > li.current > a {
	color:#822755;
}
.catmenu ul.supergroups > li > a:hover{
	text-decoration:underline;
}
.catmenu ul.supergroups > li:first-child {
	border-top:none;
	height:49px;
	padding:0;
}

.left_menu .catmenu ul.supergroups > li:first-child {
	height:32px;
}


.catmenu ul.supergroups > li:last-child {
	border-bottom:none;
	padding-top:29px;
	padding-left:15px;
}

.catmenu ul.supergroups > li:last-child > span{
	display:inline-block;
	width:24px;
	height:24px;
	background:var(--gift-icon) center/cover no-repeat;
	vertical-align:middle;
	margin-right:10px;
}

.catmenu ul.supergroups > li:last-child > a{
	color:#822755;
}
.catmenu ul.supergroups > li ul {
	display:none;
}
.catmenu ul.supergroups > li.current ul {
	display:block;
}
.catmenu ul.supergroups > li:not(.current):hover ul {
	position:absolute;
	left:100%;
	top:-15px;
	display:block;
	z-index:6;
	background: var(--blue-background);
}
.catmenu ul.supergroups > li:not(.current):hover ul li {
	white-space:nowrap;
	padding: 7px 14px;
	min-width:10em;
}
/* groups */

.catmenu ul.groups {
	margin:13px 0 0 -25px;
	list-style:none;
	padding:0;
	border-top:1px solid #dedede;
}
.catmenu ul.groups  > li {
	display:block;
	font-weight:bold ;
	font-size:90%;
	text-transform:uppercase;
	color:var(--blue-text-color);
	text-align:left;
	padding:14px 0px 0px 25px;
	margin:0;
}

.catmenu ul.groups > li > a {
	/*color:#aaa;*/
	color:#777;
	text-decoration:none;
}
.catmenu ul.groups > li.current > a {
	color:var(--blue-text-color);
}
.catmenu ul.groups > li > a:hover{
	text-decoration:underline;
}

#slider {
	flex: 1 1 auto;
	position:relative;
	height:480px;
	overflow:hidden;
	max-height:calc(100vh - 100px)
}

#sliders {
	height:100%;
	width:100%;
	overflow:hidden;
	display:flex;
}
#slider_prev {
	position:absolute;
	left:20px;
	top:50%;
	z-index:5;
	transform:translate(0, -50%);
}
#slider_prev  a {
	width:21px;
	height:20px;
	display:block;
	background:url(/imgs/icons.png) -1px -36px no-repeat;
}
#slider_next {
	position:absolute;
	right:20px;
	top:50%;
	z-index:5;
	transform:translate(0, -50%);
}
#slider_next  a {
	width:21px;
	height:20px;
	display:block;
	background:url(/imgs/icons.png) -1px -58px no-repeat;
}
.slide {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.slide img{
	object-fit:cover;
	height:100%;
	width:100%;
}
@media (min-width:991px) {
	.slide img.mobile {
		display:none
	}
}
@media (max-width:990px) {
	.slide img.desktop {
		display:none
	}
}
.slide .info {
	width:186px;
	height:192px;
	position:absolute;
	left:60px;
	top:60px;
	background:rgba(255,255,255, 0.5);
	border-radius:20px;
}
.slide .title {
	position:absolute;
	left:5px;
	top:20px;
	width:176px;
	height:60px;
	overflow:hidden;
	text-align:center;
	font:normal  15px Lena;
	color:var(--blue-text-color);
	text-transform:uppercase;
}

.slide .price {
	position:absolute;
	left:5px;
	top:80px;
	width:176px;
	height:60px;
	overflow:hidden;
	text-align:center;
	font:normal 41px Lena;
	color:#974477;
	text-transform:uppercase;
}
.slide .price span {
	font-size:24px;
	position:relative;
	top:5px;
	margin-left:3px;
}
.slide .note {
	position:absolute;
	left:5px;
	top:150px;
	width:176px;
	height:60px;
	overflow:hidden;
	text-align:center;
	font:normal 10px Lena;
	color:var(--blue-text-color);
}
.slide .note a {
	color:#974477;
	text-decoration:none;
}
.slide .note a:hover {
	text-decoration:underline;
}

.main_cont {
	background:#fff;
	padding:1rem;
}

.main_cont .main-block {
	width:100%;
	display:flex;
	gap:1em;
}
.main_cont .main-block > *{
	padding-top: 1rem;
}

.main_cont .main-block h1 {
	font-size: 1.5rem;
	text-transform:uppercase;
    margin-top: 0.67em;
    margin-bottom: 0.67em;	
}
.main_cont .main-block .page-content {
	flex: 1 1 auto;
	padding-right:1em;
}

.main_cont .main-block .page-news {
	flex: 0 0 auto;
    max-width: 100%;
    width: 648px;	
}
.main_cont .main-block .page-news h2 {
	font-size: 1.5rem;
	color:#822755;
	text-transform:uppercase;
    margin-top: 0.67em;
    margin-bottom: 0.67em;	
}
.main-block .news-list {
	display:flex;
	flex-wrap:wrap;
	gap:.5em;
	width:calc(320px * 2 + .5em);
}
@media (max-width:1400px) {
	.main_cont .main-block {
		flex-direction:column;
		align-items:stretch;
	}
	.main-block .news-list {
		width:100%;
	}
}
@media (max-width:1200px) {
	.main-block .news-list {
		flex-wrap:nowrap;
		overflow:auto;
	}
	.main-block .news {
		flex:0 0 auto;
	}
}
.main-block .news {
	padding:.5em;
	display:inline-flex;
	gap:.5em;
	align-items:stretch;
	background:#f1f7ff;
	width:320px;	
}
.main-block .news .image {
	flex: 0 0 auto;
	width:160px;
	height:100%;
}
.main-block .news .image img {
	width:100%;
	height:100%;
	object-fit:cover
}
.main-block .news .info {
	flex: 1 1 auto;
	border:2px solid #9dcadf;
	padding:.5em;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
.main-block .news .price {
	text-align:center;
	color: #822755;
}

.main-block .news .info .title {
	text-align:center;
	color:var(--blue-text-color);
	text-transform:uppercase;
}
.main-block .news .info p {
	text-align:center;
	font:normal normal normal 12px Lena;
	color:#707173;
	margin:2px 0;
}
.main-block .news .info .more {
	display:inline-flex;
	align-items:center;
	gap:.3em;
	font-size:.8em;
	margin-top:auto;
	text-align:left;
	color:#707173;
	text-transform:uppercase;
}
.main-block .news .info .more:before {
	content:"";
	width:16px;
	height:16px;
	background:#f1f7ff url(/imgs/icons.png) -1px -19px no-repeat;
}
.main-block .news .info .more a {
	text-decoration:none;
	color:#707173;
}
.main-block .news .info .more a:hover {
	text-decoration:underline;
}

.offer-block {
	margin:0;
	width:100%;
	display:flex;
	flex-direction:column;
	gap:1em;
}
.offer-block h2 {
	text-transform:uppercase;
	color:var(--red-color);
}
.offer-list {
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	width:100%;
	max-width:100%;
}
.offer {
	flex: 0 0 auto;
	display:inline-flex;
	width:calc(20% - 4em / 5);
	height:260px;
	overflow:hidden;
	position:relative;
	border:1px solid #eee;
}

.offer img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.offer .title {
	width:100%;
	height:auto;
	position:absolute;
	text-align:center;
	font-size:1rem;
	text-transform:uppercase;
	top:-50%;
	left:0;
	width:100%;
	background:rgba(0,0,0,.5);
	color:#fff;
	padding:.5em;
	text-align-last:center;
	transition: top 0.5s ease 0s;
}
.offer:hover .title {
	top:0;
}

.offer .title a {
	text-decoration:none;
	color:var(--blue-text-color);
}
.offer .title a:hover {
	text-decoration:underline;
}
.offer .price {
	position:absolute;
	width:100%;
	bottom:0px;
	left:0;
	text-align:center;
	font-size: 1.3rem;
	color:#974477;
	padding-bottom:.2em;
	background:rgba(0,0,0,0);
	color: #974477;
	padding:.5rem;
	transition: all .35s ease;
	text-shadow:0 0 4px #fff;
}
.offer .price span {
	position:relative;
	top:5px;
	font-size:.8em;
}

.offer:hover .price {
	color:#fff;
	background:rgba(0,0,0,.5);
	text-shadow:none;
}
.offer .price s {
	font-size:70%;
	color:#555;
}
.offer:hover .price s{
	color:#fff;
}
.offer .price b {
	display:inline-flex;
	background:rgba(255,255,255,.7);
	border-radius:5px;
	padding:0 .5em;
	border:1px solid #ddd;
}
.offer:hover .price b{
	background:rgba(255,255,255,0);
	border:1px solid transparent;
}
.offer-block + .main_news-block {
	margin-top:1rem;
}
/* есть тачскин */
@media (pointer:coarse) {
	.offer .title {
		top:0;
	}
	.offer .price {
		color:#fff;
		background:rgba(0,0,0,.5);
		text-shadow:none;
	}
	.offer .price b{
		background:rgba(255,255,255,0);
		border:1px solid transparent;
	}
}

@media (max-width:1200px) {
	.offer-list {
		flex-wrap:nowrap;
		overflow:auto;
	}
	.offer  {
		width:260px;
	}
}


.main_table h2,
.main_news-block h2 {
	text-transform:uppercase;
	color: var(--red-color);
}

.footer {
	background:linear-gradient(to top, #73b7d8, #3181b0 5%, #429bc8 8%, #3d96c3 87%, #4a9eca 93%, #347dac 97%, #398dba);
	color:#fff;
	display:flex;
	justify-content:center;
	padding: .3em 1em;
}
.footer_block {
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: baseline;
	justify-content:center;
	gap:.3em 1em;
}
.footer_block ul {
	list-style:none;
	display:flex;
	padding:0;
	margin:0;
}
@media (max-width:680px) {
	.footer {
		background-image:none;
		background-color:var(--blue-color);
	}
	.footer_block {
		flex-direction:column;
		align-items:center;
		padding:1em;
	}
	.footer_block ul {
		flex-direction:column;
		align-items:center;
		display:none;
	}
}
.footer_block ul li{
	margin:0;
	border-left:2px solid #49a6d5;
	border-right:1px solid #347dac;
	padding:.4em 2em;
	text-transform:uppercase;
	white-space:nowrap;
}
.footer_block ul li:first-child{
	border-left:none;
}
.footer_block ul li:last-child{
	border-right:none;
}
.footer a{
	color:#fff;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}

.footer_block .contacts {
	display:flex;
	align-items: baseline;
	gap:.5em;
}
.footer_block .contacts span {
	margin-right:10px;
	vertical-align:middle;
	white-space:nowrap;
}
.footer_block .contacts span.small_logo {
	display:inline-block;
	width:19px;
	height:19px;
	background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.45636C1 2.54746 2.54746 1 4.45636 1H15.5436C17.4525 1 19 2.54746 19 4.45636V15.5436C19 17.4525 17.4525 19 15.5436 19H4.45636C2.54746 19 1 17.4525 1 15.5436V4.45636Z' fill='%231373A2'/%3E%3Cpath d='M0 3.45636C0 1.54746 1.54746 0 3.45636 0H14.5436C16.4525 0 18 1.54746 18 3.45636V14.5436C18 16.4525 16.4525 18 14.5436 18H3.45636C1.54746 18 0 16.4525 0 14.5436V3.45636Z' fill='white'/%3E%3Cpath d='M7.31891 12.7129L8.06498 11.2208L8.18187 11.4545L7.43074 12.9568C7.38622 13.0458 7.3305 13.1288 7.26494 13.2037L6.5455 13.9091C6.5455 13.9853 6.56612 14.0616 6.6173 14.1181C6.76534 14.2814 6.97671 14.3766 7.2007 14.3766H7.31842C7.501 14.3766 7.68016 14.4262 7.83672 14.5202L8.18187 14.7273L8.63637 14.9545C8.79867 15.0357 8.97763 15.0779 9.15909 15.0779H9.81823L9.38296 15.3391C9.28407 15.3984 9.17695 15.4428 9.06508 15.4707L8.56644 15.5954C8.3904 15.6394 8.20653 15.6418 8.0294 15.6025L7.47903 15.4802C7.32578 15.4461 7.18097 15.3815 7.05322 15.2903L6.80474 15.1128C6.5631 14.9402 6.39621 14.6821 6.33797 14.3909L6.31174 14.2597L5.67464 15.2154C5.63194 15.2794 5.58303 15.3391 5.5286 15.3935L5.21083 15.7113C4.97406 15.948 4.59895 15.9116 4.26679 15.8693L4.07373 15.8447C4.09741 15.7737 4.1222 15.7417 4.17056 15.6837L4.5693 15.2052C4.63965 15.1208 4.72181 15.047 4.81324 14.986L5.95825 14.2227C6.03776 14.1696 6.11048 14.1071 6.17476 14.0364L7.13834 12.9764C7.21031 12.8973 7.27106 12.8086 7.31891 12.7129Z' fill='%232F9443'/%3E%3Cpath d='M3.65774 6.33772C4.29523 5.63572 5.46064 5.01393 7.94814 6.77925V7.59743L5.60497 8.4566C4.91003 8.71141 4.13 8.49359 3.66761 7.9156C3.31384 7.47339 3.27702 6.75696 3.65774 6.33772Z' fill='%232F90DA'/%3E%3Cpath d='M7.36181 2.33136C8.08291 2.52575 9.07234 3.24914 8.76629 5.961L8.18188 6.42853L6.19487 4.90905C5.65097 4.40702 5.54099 3.59725 5.84422 2.92203C6.07622 2.40543 6.81502 2.18395 7.36181 2.33136Z' fill='%23911E79'/%3E%3Cpath d='M7.36181 2.33136C8.08291 2.52575 9.07234 3.24914 8.76629 5.961L8.18188 6.42853L6.19487 4.90905C5.65097 4.40702 5.54099 3.59725 5.84422 2.92203C6.07622 2.40543 6.81502 2.18395 7.36181 2.33136Z' fill='%23911E79'/%3E%3Cpath d='M12.3786 2.4084C12.7672 3.04613 12.632 4.17155 10.5417 5.92612L9.75679 5.69518L9.75679 3.47337C9.7568 2.71951 10.1867 2.07131 10.8717 1.79087C11.3958 1.5763 12.0838 1.92483 12.3786 2.4084Z' fill='%23E67919'/%3E%3Cpath d='M12.3786 2.4084C12.7672 3.04613 12.632 4.17155 10.5417 5.92612L9.75679 5.69518L9.75679 3.47337C9.7568 2.71951 10.1867 2.07131 10.8717 1.79087C11.3958 1.5763 12.0838 1.92483 12.3786 2.4084Z' fill='%23E67919'/%3E%3Cpath d='M15.4285 6.07793C15.2255 6.79664 14.3765 7.48052 11.2207 7.12987L10.9869 6.31169L12.5064 4.90909C13.059 4.39628 14.2597 3.97403 14.9609 4.44156C15.4321 4.75569 15.5824 5.53294 15.4285 6.07793Z' fill='%23361770'/%3E%3Cpath d='M15.4285 6.07793C15.2255 6.79664 14.3765 7.48052 11.2207 7.12987L10.9869 6.31169L12.5064 4.90909C13.059 4.39628 14.2597 3.97403 14.9609 4.44156C15.4321 4.75569 15.5824 5.53294 15.4285 6.07793Z' fill='%23361770'/%3E%3Cpath d='M4.57346 10.4508C4.55881 9.70414 5.06042 8.88051 8.18192 8.2987L8.88322 9V9C8.3387 10.0891 7.84054 11.3729 6.71571 11.8391C6.2974 12.0125 5.89453 12.0008 5.49646 11.8806C4.95429 11.717 4.58457 11.017 4.57346 10.4508Z' fill='%23DA261E'/%3E%3Cpath d='M4.57346 10.4508C4.55881 9.70414 5.06042 8.88051 8.18192 8.2987L8.88322 9V9C8.3387 10.0891 7.84054 11.3729 6.71571 11.8391C6.2974 12.0125 5.89453 12.0008 5.49646 11.8806C4.95429 11.717 4.58457 11.017 4.57346 10.4508Z' fill='%23DA261E'/%3E%3Cpath d='M9.7013 12.9741C9.07953 12.5603 8.64935 11.9221 9.58441 9.00003L10.7087 8.75732L11.5864 10.3625C12.039 11.3377 11.9978 12.45 11.3377 12.9741C10.8941 13.3262 10.1728 13.2878 9.7013 12.9741Z' fill='%232F9443'/%3E%3Cpath d='M9.7013 12.9741C9.07953 12.5603 8.64935 11.9221 9.58441 9.00003L10.7087 8.75732L11.5864 10.3625C12.039 11.3377 11.9978 12.45 11.3377 12.9741C10.8941 13.3262 10.1728 13.2878 9.7013 12.9741Z' fill='%232F9443'/%3E%3Cpath d='M14.1374 11.9207C14.9928 12.2508 15.9633 11.9493 16.2467 11.5714C17.0649 10.6364 17.0649 8.76623 14.4935 8.2987C12.4994 7.93614 11.6659 7.85988 11.3922 7.84391C11.3177 7.83956 11.2308 7.82115 11.178 7.87391V7.87391C11.1354 7.91645 11.1307 7.9838 11.1668 8.03193L12.1558 9.35065L13.1955 10.9969C13.4362 11.3779 13.717 11.7584 14.1374 11.9207Z' fill='%23F5B5D2'/%3E%3Cpath d='M10.7532 7.33845C10.7532 7.98398 10.2299 8.50728 9.58436 8.50728C8.93883 8.50728 8.41553 7.98398 8.41553 7.33845C8.41553 6.69292 8.93883 6.16962 9.58436 6.16962C10.2299 6.16962 10.7532 6.69292 10.7532 7.33845Z' fill='%23FCF423'/%3E%3C/svg%3E%0A") center no-repeat;
	align-self: center;
}
@media (max-width:600px) {
	.footer_block .contacts {
		flex-wrap:wrap;
		justify-content:center;
	}
	.footer_block .contacts span:nth-child(3), .footer_block .contacts span:nth-child(4) {
		display:none;
	}
}


main .path {
	background: url("data:image/svg+xml,%3Csvg width='1064' height='69' viewBox='0 0 1064 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='859.945' width='204.055' height='68.0183' fill='url(%23paint0_linear_31_7)'/%3E%3Cpath d='M0 0H864.156L893.954 34.0091L864.156 68.0183H0V0Z' fill='url(%23paint1_linear_31_7)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_31_7' x1='1064' y1='34.0091' x2='859.945' y2='34.0091' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C3AAC3'/%3E%3Cstop offset='1' stop-color='%23C3AAC3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_31_7' x1='864.156' y1='34.0091' x2='0' y2='34.0091' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B9ABC4'/%3E%3Cstop offset='0.311129' stop-color='%237FA6C3'/%3E%3Cstop offset='1' stop-color='%236FA5C3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") center / 100% no-repeat;
	padding:.5rem 1rem;
	color:#fff;
	text-transform:uppercase;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	overflow:hidden;
}
@media (max-width:1064px) {
	main .path {
		background-size:cover;
	}
}
main .path  a,
main .path  h1 {
	font-weight:bold;
	font-size:1.6rem;
	color:#fff;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	text-decoration:none;
	margin:0;
}
main .path  a {
	margin:0 .5em 0 0;
	display:inline-block;
}
main .path  a:hover {
	text-decoration:underline;
}
main .path  h1 {
	text-align:center;
}
main .path  a + h1 {
	display:inline;
	margin-left:.5em;
}

@media (max-width: 500px) {
	main .path a, main .path h1 {
		font-size: 1.2rem;
	}
}

main .content {
	flex: 1 1 auto;
	position:relative;
	width:calc(100% - 2rem);
	background:#fff;
	margin:0 auto;
	font-size:1.2rem;
	padding:1em;
}
@media (max-width:500px) {
	main .content {
		width:100%;
		padding: 1rem;
	}
	main .content:before,  main .content:after{
		display:none;
	}
}

main .content.no-padding {
	padding:0;
}
main .content:before,
main .content:after {
	position:absolute;
	content:"";
	width:1rem;
	height:.4rem; 
	top:0;
	background: url("data:image/svg+xml,%3Csvg width='5' height='2' viewBox='0 0 5 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0H0V2L5 0Z' fill='%23324A69'/%3E%3C/svg%3E%0A") center/cover no-repeat;;
}
main .content:before {
	left:-1rem;
	transform: scale(-1, 1);
}
main .content:after {
	right:-1rem;
}

.sql_debug {
	padding:10px;
	margin:10px 0;
	border:1px solid #ccc;
	background:#fff;
}

.back {
	font-size:1rem;
	color:#555;
	display:flex;
	align-items:center;
	gap:10px;
}
.back img {
	flex: 0 0 auto;
}
.back a{
	font-weight:bold;
	color:var(--blue-text-color);
}

.salon-list { 
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:2em 1em;
	padding:1em;
}
.salon-list_item {
	flex: 0 0 auto;
	width:calc(50% - 0.5em);
	color:#777;
	display:flex;
	align-items: flex-start;
	gap:1em;
}
@media (max-width:900px) {
	.salon-list_item {
		width:100%;
	}
}
.salon-list_item .image {
	flex: 0 0 auto;
	border:1px solid #eee;
	border-radius:4px;
	display:inline-flex;
}
@media (max-width:450px) {
	.salon-list_item .image {
		display:none;
	}
}
.salon-list_item .image a {
	display:inline-flex;
}
.salon-list_item .info {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:.5em;
}
.salon-list_item .title {
	font-weight:bold;
	color:var(--blue-text-color);
	text-transform:uppercase;
}
.salon-list_item .title a {
	text-decoration:none;
}
.salon-list_item .title a:hover {
	text-decoration:underline;
}
.salon-list_item .scheme {
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	margin-top:auto;
}
.salon-list_item .scheme span {
	background:#b9cfdb;
	border-radius:3px;
	box-shadow:1px 1px 2px black;
	padding:4px 10px; 
	display:inline-flex;
}
.salon-list_item .scheme a {
	display:inline-flex;
	text-decoration:none;
	color:#fff;
}
.salon-list_item .scheme a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------*/
/*	3. CAROUSEL
/*-----------------------------------------------------------------------------------*/

#salon_bar {
	list-style:none;
	display:flex;
	gap:1em;
}
#salon_bar li {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
}
#salon_bar li img {
	width:152px;
	height:122px;
}
.jcarousel-container-horizontal {
	width: 940px;
	margin: 10px auto;
	position:relative;
	height:140px;
	display: block;

}
.jcarousel-clip-horizontal {
	width:770px;
	height:140px;
	margin-left:85px;
	overflow:hidden;
}

.jcarousel-list-horizontal {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	width:770px;
	height:140px;
	overflow: hidden;
}

.jcarousel-list-horizontal li {
	display:inline-block;
	background-color: #FFF;
	padding: 0px;
	margin:0 13px;
	width: 130px;
	height:140px;
}
.jcarousel-list-horizontal li img {
	max-height:100px;
	max-width:130px;
}
.jcarousel-list-horizontal li div {
	text-align:center;
	font:normal normal bold 10.5px Lena;
	text-transform:uppercase;
}

.jcarousel-prev-horizontal {
	width:21px;
	height:20px;
	display:block;
	background:url(/imgs/icons.png) -1px -36px no-repeat;
	position:absolute;
	left:20px;
	top:45px;
	cursor: pointer;
}
.jcarousel-prev-disabled-horizontal {
	background:url(/imgs/icons.png) -24px -36px no-repeat;
	cursor: auto;
}

.jcarousel-next-horizontal {
	width:21px;
	height:20px;
	display:block;
	background:url(/imgs/icons.png) -2px -58px no-repeat;
	position:absolute;
	right:20px;
	top:45px;
	cursor: pointer;
}
.jcarousel-next-disabled-horizontal {
	background:url(/imgs/icons.png) -25px -58px no-repeat;
	cursor: auto;
}

.thick_line {
	border:none;
	height:2px;
	background:#69b4c3;
	padding:0;
	margin:2px 0;
}
.bold_line {
	border:none;
	height:4px;
	background:#69b4c3;
	padding:0;
	margin:2px 0;
}

/* FEEDBACK FORM */
.feedback-form {
	margin:2em 0 3em 0;
	display:flex;
	align-items:flex-end;
	gap:1em;
	font-size:1.2rem;
	max-width:100%;
}
.feedback-form .form-body,
.feedback-form .form-foot {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:1em;
}
.feedback-form .form-body {
	width:40em;
	max-width:100%;
}
.feedback-form .form-body .h2 {
	display:flex;
	align-items:center;
	gap:.5em;
	line-height:1;
}
.feedback-form .form-body .h2:before {
	content:"";
	width:36px;
	height:36px;
	background:var(--letter-icon) center/cover no-repeat;
}
.feedback-form .row {
	display:flex;
	gap:1em;
}
.feedback-form .row .input {
	flex:  1 1 auto;
	display:inline-flex;
}
.feedback-form .row .input[data-error] {
	position:relative;
}
.feedback-form .row .input[data-error].error:before {
	content:attr(data-error);
	position:absolute;
	left:0;
	top:-1.4em;
	font-size:1rem;
	color:red;
	text-shadow:1px 1px 2px white;
	white-space:nowrap;
}
	
.feedback-form input,
.feedback-form textarea {
	font-size:1.2rem;
	font-family:Lena;
	font-weight:bold;
	width:100%;
	max-width:100%;
	border:none;
	background:#fff;
	box-shadow:1px 1px 2px black;
	border-radius:3px;
	padding:.5em .5em;
}
.feedback-form input::placeholder,
.feedback-form textarea::placeholder {
	color:#aaa;
}
.feedback-form textarea {
	height:6em;
	min-height:5em;
	resize:vertical;
}
.feedback-form [type="submit"] {
	width:2rem;
	height:2rem;
	border:none;
	border-radius: 3px;
	padding:0;
	margin:0;
	background:var(--submit-icon) center/cover no-repeat;
	cursor: pointer;
	font-size:0;
	color:transparent;
}
.feedback-form [type="submit"]:disabled {
	opacity:.5;
	cursor:not-allowed;
}
.feedback-form .form-notify {
	color:#f00;
	padding:.3em .5em;
	background-color:rgba(255,255,255, .8);
	border-radius:4px;
}
.feedback-form .form-notify.process {
	color:blue;
}
.feedback-form .form-notify.ok {
	color:darkgreen;
	font-weight:bold;
}
.feedback-form .form-notify:empty {
	display:none;
}

@media (max-width:1050px) {
	.feedback-form {
		flex-direction:column;
		align-items: flex-start;
	}
	.feedback-form [type="submit"] {
		width:auto;
		height:auto;
		background:none;
		font-size:1.2rem;
		color:inherit;
		display:inline-flex;
		align-items:center;
		gap:.5em;
	}
	.feedback-form [type="submit"]:before  {
		content:"";
		width:2rem;
		height:2rem;
		background:var(--submit-icon) center/cover no-repeat;
	}
}
@media (max-width:520px) {
	.feedback-form .row {
		flex-wrap:wrap;
	}
	.feedback-form .row .input {
		flex: 0 0 auto;
		width:100%;
	}
}

.offer_column {
	margin: 10px 0 10px 19px;
}
.offer_column div {
	margin:3px 0;
}
.offer_column div img{
	max-width:211px;
}

.salons-client-note {
	font-weight:bold;
	padding:1em;
	background:#eee;
	margin-bottom:1em;
	border-radius:.3em;
}
.salons-client-note_title {
	text-align:center;
	font-weight:bold;
}
.salons-client-note table {
	margin:0 auto;
	border-spacing:0;
}
.salons-client-note table td {
	width:50%;
}
.salons-client-note b {
	font: normal normal bold 12px Lena;
    color: var(--blue-text-color);
    text-transform: uppercase;
    margin-bottom: 5px;
}
.salons-client-note ul {
/*	list-style:none;*/	
/*	padding:0;
	margin:0;
*/	
}
.salons-client-note ul li {
	margin:.1em 0;
}
/*
.salons-client-note a {
	color:red;
}
*/
.subfooter {
	background:var(--blue-background);
	display:flex;
	padding:.5em 0;
}
.subfooter .container {
	padding:0 1em;
	display:flex;
	gap:1em;
}
.subfooter .container .copyright {
	margin-left:auto;
}

@media (max-width:600px) {
	.subfooter .container .emails {
		display:none;
	}
	.subfooter .container .copyright {
		margin-right:auto;
	}
}


/* delivery-table*/
.delivery-table {
	margin: 1em auto;
	border-spacing:0;
}
.delivery-table th, .delivery-table td {
	padding:.5em;
}

.delivery-table th {
	font-size:120%;
	text-align:left;
	border-bottom:2px solid #555;
}
.delivery-table_grp-cmt {
}
.delivery-table_item-name {
	border-bottom:1px dotted #ccc;
}
.delivery-table_item-name__cmt {
}
.delivery-table_item-price {
	border-bottom:1px dotted #ccc;
	text-align:right;
	vertical-align:bottom;
}

.main_news-block {
	display:flex;
	flex-direction:column;
	gap:1rem;
}
.main_news-block h2 a {
	margin:0;
	color: #822755;
	text-decoration:none;
}
.main_news-block h2 a:hover {
	text-decoration:underline;
}
.main_news-block .list {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}
.main_news-block .news {
	font-size:1rem;
	display:inline-block;
	width:313px;
	height:313px;
	vertical-align:top;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.main_news-block .list.limit-3 .news {
	width:calc(33.333% - 2rem / 3);
}
.main_news-block .news .title {
	box-sizing: border-box;
	position:absolute;
	left:0;
	top:calc(100% - 2rem * 2);
	padding:.5em;	
	background:rgba(0,0,0,.5);
	color:#fff;
	width:100%;
	height:calc(2rem * 2);
	transition: top .5s ease 0s;
	z-index:1;
	font-size:1.6rem;
}
.main_news-block .news:hover .title {
	top:0;
	background:rgba(0,0,0,.7);
}
.main_news-block .news .info {
	box-sizing: border-box;
	position:absolute;
	left:100%;
	height:calc(100% -  2rem * 2);
	top:calc(2rem * 2);
	padding: calc(.5em + 31px) .5em .5em .5em;
	background:rgba(0,0,0,.5);
	color:#fff;
	width:100%;
	transition: left .5s ease 0s;
	font-size:1.2rem;
}
.main_news-block .news .info p {
	color:#fff;
	font-size:1.2rem;
}
.main_news-block .news:hover .info {
	left:0;
}
.main_news-block .news .info .more {
	text-align:right;
	box-sizing: border-box;
	position:absolute;
	left:0;
	bottom:0;
	padding:.5em;
	color:#fff;
	width:100%;
	background:rgba(0,0,0,.7);
}
.main_news-block .news .info .more:hover {
	text-decoration:underline;
}


@media (max-width:900px) {
	.main_news-block .list {
		max-width:100%;
		flex-wrap:nowrap;
		overflow:auto;
	}
	.main_news-block .list.limit-3 .news {
		flex: 0 0 auto;
		width:320px;
		max-width:calc(100vw - 2rem - 2rem / 3);
	}
	.main_news-block .news .title {
		top:auto;
		bottom:0;
		height:auto;
	}
}

.full-login-form  {
	margin:1em 0 5em;
}
.full-login-form  table {
	margin:1em auto;
	white-space:0;
}
.full-login-form  table td {
	padding:5px;
}

.full-login-form  table td input {
	background:#fff;
	border:1px solid #ccc;
	padding:5px 10px;
}
.full-login-form  table td input[type="submit"] {
	background:#eee;
	width:100%;
	cursor:pointer;
}
.full-login-form  table td input[type="submit"]:hover {
	box-shadow:0 0 4px rgba(0,0,0,.3);
	border:1px solid #aaa;
}


/* mobile-menu */
.mobile-menu-burger {
	position:fixed;
	left:0;
	top:calc((100px - 48px) / 2);
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:6;
	background-color:rgba(255, 255, 255, .5);
	border:1px solid #4e9bc344;
	line-height:0;
}
@media (max-width: 680px)  {
	.mobile-menu-burger {
		top:10px;
	}
}
.mobile-menu-burger:before {
	content:"\2261";
	font-size:48px;
	line-height:1;
	margin-top: 10px;
}

.mobile-menu {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	z-index:7;
	transform:translate(-100%, 0);
	transition:all .35s ease;
	background-color:rgba(0,0,0,.5);
}
.mobile-menu.opened {
	transform:translate(0, 0)
}
.mobile-menu-close {
	position:absolute;
	right:0;
	top:0;
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
}
.mobile-menu-close:before {
	content:"\0d7";
	font-size:48px;	
}
.mobile-menu-content {
	background-color:var(--blue-background);
	width:calc(100% - 48px);
	height:100%;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
.mobile-menu-header {
	flex: 0 0 auto;
	padding:.5rem 1rem;
	display:flex;
	align-items:center;
	background-color:var(--blue-color);
	color:#fff;
}
.mobile-menu-header .image {
	height:48px;
	display:inline-flex;
}
	/*
@media (max-width:360px) {
	.mobile-menu-header .image {
			width: 48px;
		overflow: hidden;
	}
}
	*/
.mobile-menu-header .image img {
	height:100%;
	width:auto;
}
.mobile-menu-header .contacts {
	margin-left:auto;
	display:inline-flex;
	flex-direction:column;
}
@media (max-width:400px) {
	.mobile-menu-header {
		gap:10px;
	}
	.mobile-menu-header .image {
		flex: 1 1 auto;
		height:auto;
	}
	.mobile-menu-header .image img {
		height: auto;
		width: 100%;
	}
	.mobile-menu-header .contacts {
		flex: 0 0 auto;
	}
}

.mobile-menu-body {
	flex: 1 1 auto;
	padding:.5rem 1rem;
	background-color:#fff;
	overflow:auto;
	display: flex;
    flex-direction: column;
	gap:.5rem;
}

@media (max-width:500px) {
	.mobile-menu-body {
		padding:.5rem;
	}
}
.mobile-menu-footer {
	flex: 0 0 auto;
	padding:.5rem 1rem;
	background-color:var(--blue-background);
}
.mobile-menu-nav {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	font-size:1.3rem;
}
.mobile-menu-nav li {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	border-bottom: 1px solid #eee;
}
.mobile-menu-nav li > span,
.mobile-menu-nav li a {
	flex: 1 1 auto;
	display:flex;
	align-items:center;
	padding:.3em .5em;
	text-decoration:none;
	color:var(--text-color);
	gap:.3em;
}
@media (max-width:500px) {
	.mobile-menu-nav li > span, .mobile-menu-nav li a {
		padding: .3em 0;
	}
}
.mobile-menu-nav li [data-n-goods]:not([data-n-goods=""]):not([data-n-goods="0"]):before {
	content:"(" attr(data-n-goods) ")";
}
.mobile-menu-nav li span.title {
	font-weight:bold;
}
.mobile-menu-nav li .icon {
    flex: 0 0 auto;
    display: inline-flex;
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.mobile-menu-nav li .icon.personal {
    background-image: var(--icon-user);
}
@media (max-width: 900px) {
	html.mobile-menu-opened {
		overflow:hidden;
	}
}

@media (min-width: 901px) {
	.mobile-menu-burger {
		display:none;
	}
	.mobile-menu {
		display:none !important;
	}
}

.mobile-dropdown-checkbox {
	display:none;
}
.mobile-dropdown-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 1em;
}
.mobile-menu-nav li .mobile-dropdown-item a {
	flex: 0 0 auto;
}
.mobile-dropdown-item label {
	flex: 1 1 auto;
	width:32px;
	height:32px;
	background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.31706 5.84212C4.91865 6.40671 4.08135 6.40671 3.68294 5.84212L0.849359 1.82656C0.381916 1.16413 0.855667 0.25 1.66642 0.25L7.33358 0.249999C8.14433 0.249999 8.61808 1.16413 8.15064 1.82656L5.31706 5.84212Z' fill='%23191C1D'/%3E%3C/svg%3E%0A") top 50% right 12px no-repeat;	
}
.mobile-dropdown-menu {
	flex-direction:column;
	align-items:stretch;
	display:none;
	visibility:hidden;
	opacity:0;
	/* overflow:hidden; */
	/* max-height:0; */
	transition: all .35s ease;
	
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0;
    font-size: 1.2rem;
	background-color:rgba(78, 155, 195, .1);
}
.mobile-dropdown-checkbox:checked + .mobile-dropdown-menu {
	display:flex;
	visibility:visible;
	opacity:1;
	/* max-height:none; */
}

.mobile-menu-body .emails {
	text-align:center;
	border-top:1px solid var(--blue-background);
	padding: .5em 0;
    margin-top: auto;
}

.pagination {
	display:flex;
	/* flex-wrap:wrap; */
	align-items:center;
	justify-content:center;
	font-size:1.2rem;
	gap:1em;
	margin:1rem 0;
	overflow:auto;
}
.pagination .title {
	font-weight:bold;
}
.pagination .pages {
	display:flex;
	/* flex-wrap:wrap; */
	gap:.2em;
}
.pagination .pages > * {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:2em;
	height:2em;
	padding:.1em;
	border: 1px solid #eee;
}
.pagination .pages > .current {
	font-weight: bold;
    border: 1px solid var(--blue-text-color);
    border-radius: 4px;
}

@media (max-width:600px) {
	.pagination .title {
		display:none;
	}
}
div.table {
	max-width:100%;
	overflow:auto;
}

.captcha-block {
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:5px;
}
.captcha-block [type="text"] {
	width:4em;
}

.mobile-user-block {
	display:none;
}
@media (max-width: 900px) {
	.mobile-user-block {
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		justify-content:center;
		gap: 1em;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		max-width:100%;
		padding:.5em 1em;
		font-size:1.2rem;
		background-color:rgba(255,255,255, .9);
		z-index:4;
		overflow:auto;
	}
	.mobile-user-block .item {
		display:inline-flex;
		align-items:center;
		gap:.5em;
		color: var(--blue-text-color);
	}
	.mobile-user-block .item > a {
		display:inline-flex;
		align-items:center;
		gap:.5em;
	}
	.mobile-user-block .item > a:visited {
		color: var(--blue-text-color);
	}
	.mobile-user-block a {
		text-decoration:none;
	}
	.mobile-user-block .item .icon {
		flex: 0 0 auto;
		display:inline-flex;
		width:23px;
		height:23px;
		background-position: center;
		background-size:cover;
		background-repeat:no-repeat;
		position:relative;
	}
	.mobile-user-block .item.basket {
		margin-left:auto;
	}
	.mobile-user-block .item.enter .icon {
		background-image:var(--icon-user);
	}
	.mobile-user-block .item.register .icon {
		background-image:var(--icon-check);
	}
	.mobile-user-block .item.remember .icon {
		background-image:var(--icon-remember);
	}
	.mobile-user-block .login-form {
		flex: 1 1 auto;
		width:100%;
		max-width:100%;
		display:inline-flex;
		align-items:stretch;
		justify-content:center;
		gap:.5em;
		display:none;
	}
	.mobile-user-block .login-form.showed {
		display:inline-flex;
	}
	.mobile-user-block .login-form input[type="text"], 
	.mobile-user-block .login-form input[type="password"] {
		flex:  0 1 auto;
		width:auto;
		min-width:5em;
		font-size:1rem;
		padding:.1em .5em;
	}
	.mobile-user-block .login-form .submit {
		width: 24px;
		border: none;
		border-radius: 3px;
		padding: 0;
		margin: 0;
		background: #fff var(--login-icon) center no-repeat;
		cursor: pointer;
	}
	.mobile-user-block .user-name {
		flex: 1 1 auto;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow: hidden;
	}
}
@media (max-width: 600px) {
	.mobile-user-block .item .text {
		display:none;
	}		
	.mobile-user-block .item .icon,
	.mobile-user-block .basket span.icon {
		width:32px;
		height:32px;
	}
}
@media (max-width: 380px) {
	.mobile-user-block .login-form .title {
		display:none;
	}
}
.holydays body {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}
.holydays h1 {
	text-align:center;
}
.holydays iframe {
	margin:0 auto;
	border:none;
	max-width:100%;
}

.fancybox-content {
	max-width:100%;
}
@media (max-width: 462px) {
	.fancybox-content {
		width:100% !important;
	}
}


.alert {
	padding:1em;
	background-color:#fff;
	border-radius:4px;
	border:1px solid #eee;
	
}
.alert.alert-information {
	background-color:#e0f3ff;
	color:var(--blue-text-color);
	border:1px solid #7ac8e8;
}

.d-flex {
	display:flex;
}

.d-flex-wrap-wrap {
	flex-wrap:wrap;
}
.d-flex-wrap-nowrap {
	flex-wrap:nowrap;
}
.d-flex-direction-column {
	flex-direction:column;
}
.d-flex-gap-10px {
	gap:10px;
}

.d-flex-gap-15px {
	gap:10px;
}

.d-flex-gap-20px {
	gap:10px;
}

.d-flex-gap-30px {
	gap:10px;
}


.salons-client-note-variants {
	display:flex;
	flex-wrap:wrap;
	gap:0 20px;
	padding:1em 0;
}
.salons-client-note-variants > * {
	flex: 0 0 auto;
	width: calc(50% - 10px);
	margin:0;
}
@media (max-width:1200px) {
	.salons-client-note-variants > * {
		width:100%;
	}
}
