*{padding:0; margin:0; font-family:'PT Sans',sans-serif;}
:root {
	--border-color: rgba(0, 0, 0, .1);
	--main-color: #121a2f;
	--main-color-hover: #9d59e2;
	--main-bg-color: #F5F4F2;
	--main-bg-color-hover: #EBEAE8;
	--text-color: #21201F;
	--text-color-light: rgba(33, 32, 31, 0.5);
	--success: #6DC33A;
	--warn: #d6c20e;
	--grey: #CBCAC8;
	--border-radius: 20px;
	--light-grey: #F5F4F2;
}
body{background-color:#fefefe;}
h2{font-weight:normal;}
p{margin-bottom:20px;}
#header_container{height:114px; width:100%; background-color:#121a2f;}
#header{max-width:1024px; height:114px; margin:0 auto; border-top:solid 1px #121a2f;}
#content_container{max-width:964px; min-height: 535px; margin:0 auto; padding:30px; background-color:#fefefe;}
#content{margin-right:255px; min-height:500px;}
#upper_site_title{display:block; margin-left:49px; margin-top:7px; color:#737373; font:12px 'PT Sans',sans-serif; text-transform:uppercase;}
#logo {width:150px; margin-top:3px; margin-left:30px; display:block; text-decoration:none;}
#logo_img{display:block; margin-left:180px; margin-top:-77px;}
#first_word{color:#9359e2; font:30px 'PT Sans',sans-serif; font-weight:bold; text-transform:uppercase; line-height:1.0; letter-spacing:2px;}
#second_word{display:block; color:white; font:18px 'PT Sans',sans-serif; font-weight:bold; text-transform:uppercase; line-height:1.1;}
#third_word{color:#9359e2; font:22px 'PT Sans',sans-serif; font-weight:bold; text-transform:uppercase; line-height:1.0; letter-spacing:4px;}
#menu{display:block; margin-top:-48px; margin-left:335px;}
#menu a{margin-left:20px; font:18px 'PT Sans',sans-serif; color:#9d59e2; font-weight:bold; text-decoration:none;}
#menu a:hover{color:white;}
#menu a.selected{color:white;}
#city{display:block; margin:0 auto; width:138px; text-align:center; margin-top:-67px; margin-right:20px; color:white; font:15px 'PT Sans',sans-serif; font-weight:bold;}
#city:hover{color:#9d59e2;}
#notice{display:block; padding:11px 5px; margin:0 auto; margin-top:8px; margin-right:30px; width:100px; background-color:#523465; text-align:center; font:15px 'PT Sans',sans-serif; color:#ebdff3;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3+, Chrome */
	-khtml-border-radius:5px; /* old Konqueror browsers */
	border-radius:5px; /* Opera 10.5+, IE 9 */}
#notice span{font-weight:bold;}

#sidebar{margin-left:20px; float:right; width:220px; text-align:center; background-color:#fcfcfc;}
.sidebar-margin{margin-top:27px;}
.announce {display:block;
	position:relative;
	width:133px;
	height:133px;
	margin:20px 0px 15px 55px;
	text-decoration:none;
}
.announce img {width:133px; height:133px;}
.announce .announce_text {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	padding:17px 10px 8px 10px;
	background: url('../images/opacity.png');
	background-repeat:repeat-x;
	text-align:center;
}
a .announce_text {font-size:16px; line-height:1.0; color:white; text-decoration:none; letter-spacing:0.02em;}
a:hover .announce_text{color:#a950ee;}
h3#random{margin-top:28px; margin-bottom:0px; color:#555; font-size:22px; font-weight:normal;}

a#add_salon{display:block; margin-top:15px; color:#7f27c3;}
a#add_salon:hover{color:#1a1a1a;}

#footer_container{width:100%; min-height:80px; background-color:#121a2f; }
#footer{max-width:990px; min-height:65px; font-size:14px; margin:0 auto; padding-left:35px; padding-top:15px; line-height:1.5; color:white;}
#footer a{color:#9d59e2; margin-left:4px; margin-right:4px;}
#footer a:hover{color:white;}
#age_restriction{margin-top:-4px; margin-right:35px; float:left; font-size:34px; color:white; font-weight:bold;}

h1 {font:26px 'PT Sans',sans-serif; color:#1a1a1a; font-weight:bold;}
h1 span{display:inline-block; color:#7f27c3;}

a#put_here{display:block; width:170px; margin:0 auto; text-align:center; font:14px 'PT Sans',sans-serif; padding-bottom:10px; margin-top:18px; margin-bottom:12px;
	background: url('../images/first.png') no-repeat; background-position:0 0; padding-left:16px; color:#523465;
}
a#put_here:hover{color:#70408e;}

#citypad{display:block; padding:15px 25px; background-color:white; margin-bottom:20px; overflow:auto;}
.citylist{width:45%; float:left; margin-left:10px; margin-bottom:23px; font-size:16px;line-height:1.3; overflow:hidden;}
.citylist a{color:#7f27c3; font-size:14px; background:url('../images/site.png') no-repeat; background-position:0 2px; padding-left:25px;}
.citylist a:hover{text-decoration:none;}
.char {clear:both; background-color:#f9f4fc; padding:4px 10px; margin-top:18px; margin-bottom:15px; font-size:18px;}

.list{display:block; padding:15px; background-color:white; margin-bottom:20px; box-shadow:0 1px 9px rgba(19, 16, 69, 0.38);}
.list a{text-decoration:none; font-family:'PT Sans',sans-serif;}
.list a:hover{text-decoration:underline;}
.list a.name{float:left; color:#1a1a1a; font-size:22px;}
.list .time{float:left; margin-top:3px; margin-left:25px; padding-left:20px; font:16px 'PT Sans',sans-serif; background: url('../images/clock.png') no-repeat; background-position:0 4px;}
.list .price{float:right; margin-top:3px; margin-right:15px; font:17px 'PT Sans',sans-serif;}
.list .credit_card{background: url('../images/credit_card.png') no-repeat; background-position:0 4px; padding-left:35px;}
.list .preview{color:#707070; width:75%; margin-top:5px; margin-bottom:15px; font:14px 'PT Sans',sans-serif;}
.list .preview.very_short{float:left; min-height:30px;}
.list .main_pic{float:left;}
.list .main_pic img{max-height:140px;}
.list .girl {display:inline-block; margin-left:8px; text-align:center; color:#1a1a1a; font-size:14px; line-height:1.0;}
.list .more {float:right; width:100px; margin-right:10px; margin-top:20px; margin-bottom:20px; text-align:center; background-color:#523465; color:white; padding:11px;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3+, Chrome */
	-khtml-border-radius:5px; /* old Konqueror browsers */
	border-radius:5px; /* Opera 10.5+, IE 9 */}
.list .more.short{padding:7px; margin-top:10px; margin-bottom:5px;}
.list .more:hover{text-decoration:none; background-color:#70408e;}
.list .addr {display:block; color:#1a1a1a; font-size:17px; margin-top:12px; background: url('../images/house.png') no-repeat; background-position:0 1px; padding-left:30px;}
.list .tel{float:right; font:20px 'PT Sans', sans-serif; margin-top:-28px; margin-right:10px; font-weight:bold; background:url('../images/tel.png') no-repeat; background-position:0 4px; padding-left:23px;}
.clr{clear:both;}
.clr_left{clear:left;}
.text{background-color:white; font:15px 'PT Sans',sans-serif; color:#1a1a1a; padding:15px;}
.text a{color:#9d59e2;}
.text a:hover{text-decoration:none;}
.text.main{padding:30px;}
.text p{margin-top:25px;}
.parlors_header{background-color:#fefefe; padding:10px; text-align:center;}
.parlors_header h1{line-height:1.2;}
#breadcrumb {color:#999; font-size:13px; margin-left:25px; margin-top:-5px; margin-bottom:15px;}
#breadcrumb a{color:#999;}
#breadcrumb a:hover{color:#555;}
#salon{display:block; padding:15px 25px; background-color:white; margin-bottom:20px;}
#salon h1 {font-size:26px; color:#1a1a1a; font-weight:normal; line-height:1.0;}
#salon h1 b{font:28px 'PT Sans',sans-serif; color:#7f27c3; font-weight:bold; line-height:1.0;}
#salon  h2{font-size:24px; color:#1a1a1a; margin-top:30px; margin-bottom:10px;}
#salon  h2 span{color:#7f27c3;}
#salon_menu{margin-top:8px; margin-bottom:20px; text-align:center;}
#salon_menu a{display:inline-block; font-size:15px; margin-left:7px; margin-right:7px; text-decoration:none; line-height:1.1; color:#aaa; border-bottom:dashed 1px #aaa;}
#salon_menu a:hover{color:gray;}
#salon_menu a span{color:#7f27c3;}
#salon .main_pic{float:left;}
#salon .main_pic img#first_pic{margin:0; margin-right:10px; display:block; width:100%; height:auto;}
#salon .main_pic img.thumb{float:left; width:44px; height:44px; cursor:pointer; border:solid 2px white; margin-top:4px; margin-right:3px;}
#salon .main_pic img.thumb.active{border:solid 2px #7f27c3;}
#salon .main_pic img.thumb:hover{border:solid 2px #7f27c3;}
#salon #info{display:block; width:50%; float:right; font-size:14px; color:#1a1a1a;}
#salon #info.only{float:none; width:100%;}
#salon #price{margin-top:3px; font:17px 'PT Sans',sans-serif;}
#salon #price.credit_card{background: url('../images/credit_card.png') no-repeat; background-position:0 4px; padding-left:35px;}
#salon #time{padding-left:30px; margin-top:10px; font-size:16px; background: url('../images/clock.png') no-repeat; background-position:2px 4px;}
#salon  #addr{color:#1a1a1a; font-size:16px; margin-top:10px; background: url('../images/house.png') no-repeat; background-position:0 1px; padding-left:30px;}
#salon #tel{font-size:18px; margin-top:10px; font-weight:bold; background:url('../images/tel.png') no-repeat; background-position:0 4px; padding-left:30px;}
#salon .tel_mess{display:block; padding-left:30px; font-size:12px; font-weight:normal; color:#1a1a1a; line-height:1.2;}
#salon a#site{display:block; font-size:14px; color:#555; margin-top:10px; background:url('../images/site.png') no-repeat; background-position:0 2px; padding-left:30px;}
#salon a#site:hover{color:#7f27c3;}
#salon #about{font-size:15px;}
#salon .girl{display:inline-block; vertical-align:top; text-align:center; color:#1a1a1a; font-size:16px; line-height:1.0; margin-right:10px; margin-bottom:15px; line-height:1.3;}
#salon .girl img {width:121px; height:121px; border:solid 3px white;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3+, Chrome */
	-khtml-border-radius:5px; /* old Konqueror browsers */
	border-radius:5px; /* Opera 10.5+, IE 9 */}
#salon .girl_thumb{
	display:inline-block;
	width: 8px;
	height: 8px;
	border:solid 1px #7f27c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	margin-right:3px;
	cursor:pointer;
}
#salon .girl_thumb:hover {background-color:#7f27c3;}
#salon .girl_thumb.active {background-color:#7f27c3; cursor:auto;}
#salon .pic_block {display:none;}
#salon .pic_block.active {display:block;}
#salon .girl span {font-size:17px; font-weight:bold; color:#7f27c3;}
#salon .girl a{text-decoration:none;}
#salon .girl a.src img:hover{border:solid 3px #7f27c3;}
#salon .girl a:hover {text-decoration:underline;}
#salon .programm{border:solid 1px #ccc; background-color:#fafafa; color:black; padding:12px; margin-bottom:15px; line-height:1.3; font-size:15px;}
#salon .programm h3{color:#7f27c3;}
#salon .programm .price{float:right; margin-top:5px; margin-right:5px; font-weight:bold; color:#7f27c3;}
#salon .promo{border:solid 1px #ccc; background-color:#fafafa; color:black; padding:12px; margin-bottom:15px; line-height:1.3; font-size:15px;}
#salon .promo h3{color:#e55e36;}
#salon .promo .date{float:right; margin-top:5px; margin-right:5px; font-weight:bold; color:#e55e36;}
#salon .comments{border:solid 1px #ccc; background-color:#fafafa; color:black; padding:12px; margin-bottom:15px; line-height:1.3; font-size:15px;}
#salon .comments .name{color:#7f27c3;}
#salon .comments .date{float:right; margin-top:5px; margin-right:5px; color:#7f27c3;}
#mappp{width:100%; height:270px;}

#promo{display:block; padding:15px 25px; background-color:white; margin-bottom:20px;}
#promo h1 {font-size:26px; color:#1a1a1a; font-weight:normal;}
#promo .block{border:solid 1px #ccc; background-color:#fafafa; color:black; padding:12px; margin-bottom:15px; line-height:1.4; font-size:15px;}
#promo .block h2{display:inline-block; color:#e55e36; font-size:20px; font-weight:bold;}
#promo .block .date{float:right; font-weight:bold; margin-top:5px;}
#promo .block a{color:black;}
#promo .block a:hover{color:#e55e36;}
#promo .block p{margin-top:15px;}

#top_b{display:block; width:100%; margin-top:28px; margin-bottom:30px;}
#top_b img{width:100%; height:auto; margin:0 auto;}
.top_b{display:block; width:100%; margin-top:28px; margin-bottom:30px;}
.top_b img{width:100%; height:auto; margin:0 auto;}

#pr_main {display:block;}
#pr_mob {display:none;}

#vacancy{display:block; padding:15px 25px; background-color:white; margin-bottom:20px;}
#vacancy h1 {font-size:26px; color:#1a1a1a; font-weight:normal;}
#vacancy .block{border:solid 1px #ccc; background-color:#fafafa; color:black; padding:12px; margin-bottom:15px; line-height:1.4; font-size:15px;}
#vacancy .block h2{display:inline-block; color:#7f27c3; font-size:20px; font-weight:normak;}
#vacancy .block .date{float:right; font-weight:bold; margin-top:5px;}
#vacancy .block a{font-size:18px; color:black;}
#vacancy .block a:hover{color:#7f27c3;}
#vacancy .block p{margin-top:15px;}

#avt{display:block; padding:15px 25px; background-color:white; margin-bottom:20px;}
#avt h1{font-size:28px;}
#avt h2{font-size:22px; margin-bottom:7px; color:#7f27c3;}

#map_cont{width:100%; margin-top:20px; margin-bottom:25px; position: relative; overflow:hidden; border:solid 1px #eee; box-shadow: 0 1px 3px rgba(24, 80, 121, .6);}
#map_cont.inactive{height:100px; cursor:pointer;}
#map_cont.active{height:330px;}
#map_{width:100%; height:330px;}
#inner {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100px;
	z-index: 2;
	text-align: center;
	line-height: 100px;
	cursor: pointer;
	background-image: -webkit-radial-gradient(circle, hsla(0, 0%, 100%, .5) 55%, hsla(0, 0%, 100%, .8) 94%);
	background-image: radial-gradient(circle, hsla(0, 0%, 100%, .5) 55%, hsla(0, 0%, 100%, .8) 94%);
}
#inner span{font-size:18px; font-weight:bold; color: #444; font-family:'PT Sans',sans-serif; border-bottom: 1px dashed rgba(0, 0, 0, .6);}
#inner:hover{background-image:none;}
#inner:hover span{}

#counter{float:right; margin-right:25px; margin-top:-10px;}

a[href^=tel]{
	color: #1a1a1a;
}

@media screen and (max-width:1000px) {
	#header{}
	#salon .main_pic{width:46%;}
	#salon #info{width:46%;}
}
@media screen and (max-width:900px) {
	#header{}
	#notice{display:none;}
	#city{margin-top:-67px; margin-right:auto; margin-left:185px;}
	.list .more {margin-top:0;}
	.list .tel{float:none; margin-top:10px;}
	.list .preview.very_short{min-height:0;}
}

@media screen and (max-width:760px) {
	#header{}
	#menu{margin-top:-65px;}
	#city{margin-top:-78px;}
	#sidebar{display:none;}
	#content{margin-right:0;}
}

@media screen and (max-width:550px) {
	#header{height:130px;}
	#header_container{height:130px;}
	#menu{margin-top:-88px; margin-left:300px;}
	#menu a{display:block;}
	#upper_site_title{margin-left:34px;}
	#logo{margin-left:15px;}
	#logo_img{margin-left:160px; margin-top:-75px;}
	#city{margin-top:-114px; margin-left:167px;}
	#content_container{padding:20px 15px;}
	.list{padding-top:10px; padding-bottom:10px;}
	.list a.name{float:none;}
	.list .time{float:none; margin-left:0;}
	.list .price{float:none;}
	.list .girl{display:none;}
	.list .more {margin-top:0;}
	#salon{display:block; padding:10px 15px;}

	#pr_main {display:none;}
	#pr_mob {display:block;}
}

@media screen and (max-width:450px) {
	#header{}
	#logo_img{width:120px; height:auto; margin-top:-68px;}
	#menu{margin-left:277px; margin-top:-83px;}
	#city{margin-top:-111px; margin-left:150px;}
	.list .more{display:none;}
}

@media screen and (max-width:400px) {
	#header{height:120px;}
	#header_container{height:120px;}
	#citypad{padding:10px 10px;}
	#menu{display:none;}
	#logo_img{width:auto; height:auto; margin-left:168px; margin-top:-73px;}
	#city{margin-top:-92px; margin-left:175px;}
	.citylist{width:100%;}
}

/* adv  */
.adv-true {
	border: 4px orange solid;
	background: #fffcf6;
}

.adv-true h2 > a:before {
	content: url('../images/crown.png');
	margin-right: 7px;
	vertical-align: top;
}
/* new footer */
.footer {
	border-top: 1px solid var(--border-color);
	padding: 15px 0;
	font-size: max(12px, 1.4rem);
	position: sticky;
	bottom: 0;
	background: #fff;
	z-index: 3;
}
.footer .container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
.footer .footer__body {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid var(--border-color);
	z-index: 20;
}
.footer a {
	color: var(--text-color);
	text-decoration: none;
	font: 16px 'PT Sans', sans-serif;
}
.footer a:hover {
	color: var(--main-color-hover);
}
.footer__main {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 0 10px;
}
.footer__main .h3 {
	margin-bottom: 1.5rem;
}
.footer__main__bottom {
	padding-bottom: 10px;
}
.footer__bottom__right .link {
	position: relative;
	display: inline-block;
	white-space: nowrap;
}
.footer__bottom__right .link::after {
	content: "";
	width: 10px;
	height: 10px;
	background: url("../images/select-arrow.svg") center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
}
.footer.open .footer__bottom__right .link::after {
	transform: rotate(180deg);
}

.store-links {
	margin-top: 2rem;
}
.store-links a {
	display: inline-block;
}
.store-links a:not(:last-child) {
	margin-right: 1rem;
}
.store-links a:hover {
	opacity: 0.8;
}
.footer__bottom__left {
	font: 16px 'PT Sans', sans-serif;
}
.footer__bottom__left br {
	display: none;
}
.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.flex-column {
	flex-direction: column;
}

.icon {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	color: var(--text-color);
	flex: none;
}
.icon svg {
	width: 100%;
	height: 100%;
}
.icon--lg {
	width: 3rem;
	height: 3rem;
}
.icon--sm {
	width: 1.4rem;
	height: 1.4rem;
}
.container {
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	padding: 0 15px;
}
.container--full {
	max-width: none;
}
@media (max-width: 767px) {
	.footer {
		position: relative;
	}

	.footer__bottom__left {
		font-size: 12px;
		color: rgba(26, 24, 31, 0.5);
		padding-right: 0;
	}

	.footer__bottom__left br {
		display: block;
	}

	.footer__bottom__left a {
		margin-right: 10px;
		white-space: nowrap;
	}

	.footer__bottom__right {
		display: none;
	}

	.footer .footer__body {
		display: block;
		position: static;
		border-top: none;
	}

	.footer__main {
		flex-direction: column;
		padding: 15px 0 20px;
	}

	.footer__main__item:last-child {
		order: -1;
	}
}
/* new footer */