:root
{
	--button-hover-alt:#EEEDEC;
	--second-font:'Raleway', sans-serif;
	--gray:#7E7E7E;
	--black:#2B2B2B;
	--transition-one:all .25s cubic-bezier(0.42, 0.08, 0.7, 0.7);
}
html
{
	scroll-behavior: smooth;
}
body
{
	font-family: 'PT Sans', sans-serif;
	overflow-x: hidden;
}
section
{
	position: relative;
}
a
{
	transition: all 0.3s ease;
	text-decoration: none;
	color:var(--gray);
}
input:focus, select:focus, textarea:focus, button:focus
{
	outline: none;
}
.container
{
	width: 1300px;
	margin: 0 auto;
}
.col, .container
{
	/*border: 1px dashed rgba(0, 0, 0, 0.329);*/
}
h2
{
	font-family:var(--second-font);
	color:var(--gray);
	font-size: 19px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
h1
{
	font-family:var(--second-font);
	color:var(--black);
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.no-image
{
	padding-top: 100%;
	background-color: #F4F4F4;
	background-image: url("data:image/svg+xml,%3Csvg width='54' height='47' viewBox='0 0 54 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M26.9998 14.2905C20.1255 14.2905 14.5352 19.7883 14.5352 26.5486C14.5352 33.309 20.1255 38.8067 26.9998 38.8067C33.874 38.8067 39.4644 33.309 39.4644 26.5486C39.4644 19.7883 33.874 14.2905 26.9998 14.2905ZM26.9998 36.7637C21.2723 36.7637 16.6126 32.1812 16.6126 26.5486C16.6126 20.916 21.2723 16.3335 26.9998 16.3335C32.7273 16.3335 37.387 20.916 37.387 26.5486C37.387 32.1812 32.7273 36.7637 26.9998 36.7637Z' fill='%232B2B2B'/%3E%3Cpath d='M48.813 8.16133H38.7416C36.9986 3.31325 32.2787 -0.0107422 26.9999 -0.0107422C21.7211 -0.0107422 17.0012 3.31325 15.2561 8.16133H5.18677C2.32405 8.16133 -0.00683594 10.4536 -0.00683594 13.2689V41.8711C-0.00683594 44.6864 2.32405 46.9787 5.18677 46.9787H48.813C51.6757 46.9787 54.0066 44.6864 54.0066 41.8711V13.2689C54.0066 10.4536 51.6757 8.16133 48.813 8.16133ZM51.9292 41.8711C51.9292 43.5607 50.5311 44.9357 48.813 44.9357H5.18677C3.46872 44.9357 2.0706 43.5607 2.0706 41.8711V13.2689C2.0706 11.5793 3.46872 10.2043 5.18677 10.2043H16.0144C16.4797 10.2043 16.8869 9.90198 17.0136 9.46069C18.2746 5.08659 22.3817 2.03228 26.9999 2.03228C31.618 2.03228 35.7251 5.08659 36.9861 9.46069C37.1129 9.90198 37.52 10.2043 37.9854 10.2043H48.813C50.5311 10.2043 51.9292 11.5793 51.9292 13.2689V41.8711Z' fill='%232B2B2B'/%3E%3Cpath d='M46.7359 14.2905H40.5036C39.9323 14.2905 39.4648 14.7482 39.4648 15.312C39.4648 15.8759 39.9323 16.3335 40.5036 16.3335H46.7359C47.3072 16.3335 47.7746 15.8759 47.7746 15.312C47.7746 14.7482 47.3072 14.2905 46.7359 14.2905Z' fill='%232B2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='54' height='47' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
}
/*grid*/
.row-2-cols
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 50px;
}
/*header*/
.logos-and-menu
{
	position: relative;
	height: 65px;
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	z-index: 30;
	margin-bottom: 100px;
}
.main-logo
{
	align-self: end;
	position: relative;
}
.white-menu #topsalon-logo path
{
	fill:white;
}
.white-menu .logos-and-menu
{
	margin-bottom: 0;
}
header #topsalon-big-logo
{
	position: absolute;
	top: -30px;
}
/*menu*/
.main-menu
{
	align-self: end;
	justify-self: right;
}
.main-menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
.main-menu li
{
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-family:var(--second-font);
	font-size: 16px;
	letter-spacing: 0.04em;
	font-weight: 300;
}
.main-menu li:not(:last-child)
{
	margin-right: 40px;
}
.main-menu a
{
	color:var(--black);
}
.main-menu .select-selected:after
{
	display: none;
}
.main-menu .select-selected
{
	color:var(--black);
	padding: 0;
}
.main-menu .select-items
{
	right: auto;
	left: -15px;
}
.menu-item:after, .main-menu .select-selected:after
{
	background-color:var(--gray);
	height: 1px;
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: left;
	transition: all 0.3s ease;
}
.menu-item:hover:after, .main-menu .select-selected:hover:after
{
	transform: scaleX(1);
}
.white-menu .main-menu a
{
	color: white;
}
.white-menu .menu-item:after
{
	background-color: white;
}
.white-menu .main-menu .select-selected
{
	color: white;
}
/*search*/
.search
{
	position: relative;
}
.toggle-search
{
	cursor: pointer;
	position: relative;
	opacity: 0;
	transition: all 0.2s ease;
}
.search-block
{
	display: inline-grid;
	position: absolute;
	right: 30px;
	overflow: hidden;
	width: 320px;
	height: 33px;
	opacity: 1;
	visibility: visible;
	transition: all 0.2s cubic-bezier(0.42, 0.08, 0.7, 0.7) !important;
	border-bottom:1px solid var(--gray);
	transform: translate(30px);
}
.search.hide-form .search-block
{
	width: 0;
	opacity: 0;
	visibility: hidden;
}
.search-block .input
{
	font-family:var(--second-font);
	width: 100%;
	background-color: transparent;
	border: none;
	padding: 4px 0 0 40px;
	color:var(--black);
}
.search-block .input::placeholder
{
	color:var(--black);
}
.search-block .submit
{
	position: absolute;
	top: 1px;
	left: 0;
	background-color: transparent;
}
.search-button
{
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: 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='M18.884 18.3243L13.1029 12.5432C14.3037 11.2099 15.0417 9.45209 15.0417 7.52081C15.0417 3.37387 11.6678 0 7.52085 0C3.37387 0 0 3.37387 0 7.52085C0 11.6678 3.37387 15.0417 7.52085 15.0417C9.45213 15.0417 11.2099 14.3037 12.5432 13.1029L18.3243 18.884C18.4016 18.9613 18.5029 19 18.6042 19C18.7055 19 18.8067 18.9613 18.8841 18.884C19.0387 18.7294 19.0387 18.4789 18.884 18.3243ZM7.52085 14.25C3.81069 14.25 0.791691 11.2314 0.791691 7.52085C0.791691 3.81032 3.81069 0.791654 7.52085 0.791654C11.231 0.791654 14.25 3.81028 14.25 7.52085C14.25 11.2314 11.231 14.25 7.52085 14.25Z' fill='%237E7E7E'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transform: translateY(4px);
	border: none;
}
.search.hide-form .toggle-search
{
	opacity: 1;
}
.white-menu .search-block
{
	border-bottom: 1px solid #FFFFFF;
}
.white-menu .search-button
{
	background-image: 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='M18.884 18.3243L13.1029 12.5432C14.3037 11.2099 15.0417 9.45209 15.0417 7.52081C15.0417 3.37387 11.6678 0 7.52085 0C3.37387 0 0 3.37387 0 7.52085C0 11.6678 3.37387 15.0417 7.52085 15.0417C9.45213 15.0417 11.2099 14.3037 12.5432 13.1029L18.3243 18.884C18.4016 18.9613 18.5029 19 18.6042 19C18.7055 19 18.8067 18.9613 18.8841 18.884C19.0387 18.7294 19.0387 18.4789 18.884 18.3243ZM7.52085 14.25C3.81069 14.25 0.791691 11.2314 0.791691 7.52085C0.791691 3.81032 3.81069 0.791654 7.52085 0.791654C11.231 0.791654 14.25 3.81028 14.25 7.52085C14.25 11.2314 11.231 14.25 7.52085 14.25Z' fill='white'/%3E%3C/svg%3E");
}
.white-menu .search-block .input, .white-menu .search-block .input::placeholder
{
	color: #FFFFFF;
}
/*custom select*/
.custom-select
{
	position: relative;
}
.custom-select select
{
	display: none;
	/*hide original SELECT element:*/
}
.select-selected
{
	background-color: transparent;
}
.select-selected:after
{
	position: absolute;
	content: "";
	top: 14px;
	right: 0;
	width: 20px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='6' viewBox='0 0 14 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 5.5L13 1' stroke='%237E7E7E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s ease;
}
.select-selected.select-arrow-active:after
{
	top: 14px;
	transform: rotate(180deg);
}
.select-items div, .select-selected
{
	color:var(--black);
	padding: 5px 15px;
	cursor: pointer;
	user-select: none;
}
.select-items
{
	position: absolute;
	background-color: white;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	box-shadow: 2px 2px 5px 1px rgba(137, 137, 137, 0.25);
	max-height: 30vh;
	overflow-y: auto;
	opacity: 1;
	visibility: visible;
	transition: all 0.2s ease;
}
.select-items::-webkit-scrollbar
{
	width: 8px;
}
.select-items::-webkit-scrollbar-track
{
	background: #DDD;
}
.select-items::-webkit-scrollbar-thumb
{
	background: #666;
}
.select-hide
{
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
	/*max-height: 0vh;*/
}
.select-items div:hover, .same-as-selected
{
	background-color: rgba(0, 0, 0, 0.1);
}
/*forms*/
.form div[class^="row-"]
{
	grid-row-gap: 25px;
	margin-bottom: 25px;
}
.form textarea
{
	min-height: 80px;
}
.form .input
{
	position: relative;
}
.form .custom-input
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	/*+border-radius: 0;*/
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	padding: 7px 0;
	width: 100% !important;
	border-bottom:1px solid var(--gray);
}
.form .custom-input::placeholder
{
	color: transparent;
}
.input label
{
	position: absolute;
	left: 0;
	top: 7px;
	pointer-events: none;
	transition: all 0.2s ease;
	color:var(--gray);
}
.form .custom-input:not(:placeholder-shown) ~ label, .form .custom-input:-webkit-autofill ~ label
{
	font-size: 12px;
	color:var(--gray);
	top: -8px;
}
input:-internal-autofill-selected
{
	background-color: rgba(255, 255, 255, 0) !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active
{
	background-color: rgba(255, 255, 255, 0) !important;
	transition: background-color 5000s ease-in-out 0s;
	/*-webkit-text-fill-color: #fff !important;*/
}
INPUT:focus:invalid, INPUT:user-invalid, INPUT:-moz-ui-invalid
{
	border-bottom: 1px solid red !important;
}
.custom-checkbox
{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-checkbox + label
{
	display: inline-block;
	align-items: center;
	user-select: none;
}
.custom-checkbox + label::before
{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border:1px solid var(--black);
	border-radius: 0.25em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	transform: translateY(2px);
	cursor: pointer;
}
.custom-checkbox:checked + label::before
{
	border-color:var(--black);
	background-color:var(--black);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.main-form .select-selected
{
	padding-left: 0;
	border-bottom:1px solid var(--gray);
	color:var(--black);
}
.main-form .select-selected.default
{
	color:var(--gray);
}
.form label a
{
	text-decoration: underline;
}
.form-spacer
{
	height: 40px;
}
.button-send
{
	background-color: transparent;
	border:1px solid var(--black);
	color:var(--black);
	border-radius: 2px;
	height: 46px;
	width: 220px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.button-send:disabled
{
	opacity: 0.6;
}
.form-error
{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23E20000'%3E%3Cpath d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E") no-repeat;
	padding-left: 35px;
	margin-bottom: 30px;
	color: #E20000;
}
/*files*/
.button-attach
{
	display: grid;
	place-content: center;
	width: 175px;
	height: 46px;
	border:1px dashed var(--gray);
	box-sizing: border-box;
	border-radius: 2px;
}
.icon-attach
{
	display: inline-block;
	background-image: 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='M18.456 7.06933C18.312 6.92541 18.0794 6.92541 17.9355 7.06933L7.88907 17.1158C7.14849 17.8563 6.16019 18.2638 5.10527 18.2638C4.04998 18.2638 3.06131 17.8563 2.3211 17.1158C1.58089 16.3752 1.17305 15.3869 1.17305 14.3316C1.17305 13.2767 1.58052 12.288 2.3211 11.5478L12.3671 1.50099C13.4335 0.43503 15.1075 0.500181 16.2611 1.65301C17.4143 2.80621 17.4798 4.48061 16.4135 5.54695L6.97586 14.9849C6.4484 15.5124 5.5893 15.5128 5.06073 14.9849C4.5329 14.4567 4.5329 13.5976 5.06073 13.0698L11.4539 6.67659C11.5979 6.53267 11.5979 6.30004 11.4539 6.15612C11.31 6.0122 11.0774 6.0122 10.9335 6.15612L4.54026 12.549C3.72533 13.3639 3.72533 14.6897 4.54026 15.505C5.35593 16.3207 6.68213 16.3192 7.49633 15.505L16.9343 6.06705C18.2973 4.70367 18.2318 2.58205 16.7819 1.13218C15.3324 -0.317329 13.2104 -0.383215 11.8471 0.980159L1.80027 11.0269C0.920551 11.9063 0.436523 13.0797 0.436523 14.3316C0.436523 15.5834 0.920551 16.7572 1.80027 17.6366C2.67961 18.5163 3.85306 19.0003 5.10527 19.0003C6.35675 19.0003 7.53056 18.5163 8.40991 17.6366L18.456 7.5898C18.5999 7.44588 18.5999 7.21288 18.456 7.06933Z' fill='%237E7E7E'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
}
.files-area label
{
	pointer-events: none;
	display: inline-block;
	color:var(--gray);
	margin-bottom: 5px;
}
.files-thumbs
{
	margin-top: 15px;
}
.file-line
{
	border-radius: 2px;
	display: inline-block;
	position: relative;
	margin-right: 15px;
}
.file-line .thumb
{
	display: block;
	height: 100px;
	width: 100px;
}
.file-line .filename
{
	display: none;
}
.file-line .remove
{
	position: absolute;
	display: grid;
	place-content: center;
	width: 20px;
	height: 20px;
	top: 0;
	right: 0;
	z-index: 30;
	color: #000000;
	font-size: 22px;
	cursor: pointer;
	background-color: #FFFFFF;
}
.upload-progress
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.upload-progress.success
{
	display: none;
}
/*swiper*/
.swiper-container
{
	width: 100%;
	height: 100%;
}
.swiper-button-disabled
{
	opacity: 0.3;
	outline: none;
}
.swiper-arrows
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 120px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 30;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.swiper-right
{
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='9' viewBox='0 0 52 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5V3.5ZM51.3536 4.35355C51.5488 4.15829 51.5488 3.84171 51.3536 3.64645L48.1716 0.464466C47.9763 0.269204 47.6597 0.269204 47.4645 0.464466C47.2692 0.659728 47.2692 0.976311 47.4645 1.17157L50.2929 4L47.4645 6.82843C47.2692 7.02369 47.2692 7.34027 47.4645 7.53553C47.6597 7.7308 47.9763 7.7308 48.1716 7.53553L51.3536 4.35355ZM1 4.5H51V3.5H1V4.5Z' fill='%237E7E7E'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center right;
}
.swiper-left
{
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='9' viewBox='0 0 52 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51 4.5C51.2761 4.5 51.5 4.27614 51.5 4C51.5 3.72386 51.2761 3.5 51 3.5L51 4.5ZM0.646446 3.64645C0.451183 3.84171 0.451183 4.1583 0.646446 4.35356L3.82843 7.53554C4.02369 7.7308 4.34027 7.7308 4.53553 7.53554C4.7308 7.34028 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17158C4.7308 0.976315 4.7308 0.659732 4.53553 0.46447C4.34027 0.269208 4.02369 0.269208 3.82843 0.46447L0.646446 3.64645ZM51 3.5L1 3.5L1 4.5L51 4.5L51 3.5Z' fill='%237E7E7E'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center left;
}
/*sliders*/
.block-slider
{
	margin-top: 150px;
	display: grid;
	grid-template-columns: 0.2fr 1fr;
	position: relative;
}
.block-slider-content
{
	overflow: hidden;
	margin-right: -170px;
}
.stairs-slide:nth-child(3n+2)
{
	padding-top: 60px;
}
.stairs-slide:nth-child(3n+3)
{
	padding-top: 30px;
}
.see-all
{
	background-color: #EFEFEF;
	display: block;
	position: relative;
	place-content: center;
	padding-top: 100%;
}
.see-all:hover
{
	background-color: #DCDCDC;
}
.see-all-text
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	display: grid;
	place-content: center;
}
/*salons*/
.slide-salon-cover
{
	margin-bottom: 12px;
	display: block;
	overflow: hidden;
}
.slide-salon-cover img
{
	transition:var(--transition-one);
}
.slide-salon-cover:hover img
{
	transform: scale(1.015);
}
.slide-salon-title
{
	font-family:var(--second-font);
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	margin-bottom: 10px;
}
.slide-salon-location
{
	font-size: 15px;
	line-height: 120%;
	color:var(--gray);
}
/*footer*/
footer
{
	background-color: #19294A;
	padding: 50px 0 10px;
}
footer a
{
	color: white;
}
.footer
{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.footer-navigation
{
	justify-self: right;
}
.footer-navigation ul
{
	list-style: none;
	padding: 0;
}
.footer-navigation li
{
	position: relative;
	display: inline-block;
	font-family:var(--second-font);
	letter-spacing: 0.04em;
	font-size: 16px;
	font-weight: 300;
}
.footer-navigation li:not(:last-child)
{
	margin-right: 40px;
}
.footer-navigation a
{
	text-transform: uppercase;
}
.copyright, .social
{
	color: white;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-family:var(--second-font);
	margin-bottom: 5px;
}
footer .social a
{
	padding-left: 5px;
	padding-right: 5px;
}
/* lightbox*/
.fslightbox-container
{
	background: rgba(255, 255, 255, 0.85) !important;
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.fslightbox-slide-btn
{
	background: transparent !important;
}
.fslightbox-slide-number-container
{
	color:var(--gray) !important;
}
.fslightbox-slash
{
	background:var(--gray) !important;
}
.fslightbox-toolbar
{
	background: transparent !important;
}
.fslightbox-svg-path
{
	fill:var(--black) !important;
}
.fslightbox-toolbar-button:nth-child(1)
{
	display: none;
}
@media (max-width: 1280px)
{
	.container
	{
		width: calc(100% - 40px);
	}
	/*search*/
	.search-block
	{
		width: 205px;
	}
}
@media (min-width: 990px)
{
	html
	{
		overflow-x: hidden;
	}
	body
	{
		min-height: 100vh;
	}
	.desktop-hide
	{
		display: none !important;
	}
	.mobile-menu
	{
		display: none;
	}
	.bw-filter
	{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: filter 0.7s ease;
	}
	.bw-filter:hover
	{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
	.margin-from-top
	{
		margin-top: 150px;
	}
}
@media (max-width: 990px)
{
	.mobile-hide
	{
		display: none !important;
	}
	.margin-from-top
	{
		margin-top: 75px;
	}
	h2
	{
		font-size: 19px;
		margin-bottom: 25px;
	}
	/*grid*/
	.row-xs-1-cols
	{
		display: grid;
		grid-template-columns: 1fr;
		gap: 0 50px;
	}
	/*header*/
	header
	{
		position: relative;
	}
	.mobile-search
	{
		position: absolute;
		z-index: 30;
		left: 20px;
		bottom: -20px;
		width: calc(100% - 40px);
		height: 0;
		opacity: 1;
		transition: all 0.2s cubic-bezier(0.42, 0.08, 0.7, 0.7) !important;
	}
	.mobile-search.hide
	{
		opacity: 0;
	}
	.mobile-search .search-block
	{
		width: 100%;
	}
	.mobile-search .input
	{
		padding-top: 0;
		padding-left: 35px;
	}
	/*menu*/
	.logos-and-menu
	{
		height: 50px;
		margin-bottom: 50px;
	}
	.logos-and-menu #topsalon-logo
	{
		width: 160px;
	}
	.white-menu .burger-menu svg line
	{
		stroke:white;
	}
	.mobile-buttons
	{
		justify-self: right;
		align-self: end;
	}
	.search-button
	{
		width: 30px;
		height: 20px;
		background-position: center;
		background-size: contain;
		transform: translateY(0px);
		margin-right: 10px;
	}
	/*mobile menu*/
	body.menu-opened
	{
		overflow: hidden;
	}
	.mobile-menu
	{
		padding: 24px 0 0;
		position: fixed;
		z-index: 50;
		left: -100%;
		top: 0;
		background-color: #FFFFFF;
		width: 100%;
		height: 100vh;
		height: var(--app-height);
		will-change:left;
		transition: all 0.2s cubic-bezier(0.42, 0.08, 0.7, 0.7);
	}
	.mobile-menu.opened
	{
		left: 0;
	}
	.mobile-menu #topsalon-big-logo
	{
		width: 95px;
		height: auto;
	}
	.mobile-menu-content
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 65px auto 50px;
		height: 100%;
	}
	.mobile-menu-close
	{
		justify-self: right;
	}
	.mobile-menu-navigation
	{
		grid-area: 2 / 1 / 3 / 3;
		margin-top: 110px;
	}
	.mobile-menu-footer
	{
		grid-area: 3 / 1 / 4 / 3;
		justify-self: center;
	}
	.mobile-menu-navigation ul
	{
		font-family:var(--second-font);
		color:var(--gray);
		list-style: none;
		padding-left: 0;
		font-size: 20px;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
	.mobile-menu-navigation li:not(:last-child)
	{
		margin-bottom: 28px;
	}
	.mobile-menu-navigation a
	{
		display: inline-block;
		width: 100%;
	}
	.mobile-menu .select-selected
	{
		padding-left: 0;
		color:var(--gray);
	}
	.mobile-menu .select-selected:after
	{
		display: none;
	}
	.mobile-menu-footer a
	{
		font-family:var(--second-font);
		color:var(--black);
		font-size: 14px;
		margin-right: 10px;
	}
	/*forms*/
	.button-send
	{
		width: 100%;
	}
	.agree label
	{
		font-size: 14px;
	}
	/*files*/
	.button-attach
	{
		width: 100%;
	}
	.file-line
	{
		margin-right: 0;
	}
	.files-thumbs
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 10px 10px;
	}
	.file-line .thumb
	{
		width: 100%;
		overflow: hidden;
	}
	.file-line canvas
	{
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	/*swiper*/
	.swiper-arrows
	{
		top: 2px;
		width: 110px;
		gap: 0 10px;
	}
	/*sliders*/
	.block-slider
	{
		margin-top: 57px;
		grid-template-columns: 1fr;
	}
	.block-slider-content
	{
		overflow: hidden;
		margin-right: 0;
	}
	.stairs-slide:nth-child(3n+2)
	{
		padding-top: 0;
	}
	.stairs-slide:nth-child(3n+3)
	{
		padding-top: 0;
	}
	/*footer*/
	footer
	{
		font-weight: 300;
	}
	.footer
	{
		display: grid;
		grid-template-columns: 1fr;
	}
	.footer-logo
	{
		margin-bottom: 27px;
	}
	.footer-logo svg
	{
		width: 95px;
		height: auto;
	}
	.footer-navigation
	{
		justify-self: left;
		margin-bottom: 20px;
	}
	.footer-navigation li
	{
		display: block;
		font-size: 14px;
		margin: 0 0 29px 0;
	}
	.copyright, .social
	{
		font-size: 13px;
	}
}