@charset "utf-8";


@font-face {
    font-family: 'Poiret One';
    src: url('/fileadmin/fonts/PoiretOne/PoiretOne-Regular.eot');
    src: url('/fileadmin/fonts/PoiretOne/PoiretOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fileadmin/fonts/PoiretOne/PoiretOne-Regular.woff2') format('woff2'),
        url('/fileadmin/fonts/PoiretOne/PoiretOne-Regular.woff') format('woff'),
		url('/fileadmin/fonts/PoiretOne/PoiretOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-BlackItalic.eot');
	src: local('Rubik Black Italic'), local('Rubik-BlackItalic'),
		url('/fileadmin/fonts/Rubik/Rubik-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-BlackItalic.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-BlackItalic.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-BoldItalic.eot');
	src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'),
		url('/fileadmin/fonts/Rubik/Rubik-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-BoldItalic.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-BoldItalic.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Light.eot');
	src: local('Rubik Light'), local('Rubik-Light'),
		url('/fileadmin/fonts/Rubik/Rubik-Light.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Light.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Light.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Medium.eot');
	src: local('Rubik Medium'), local('Rubik-Medium'),
		url('/fileadmin/fonts/Rubik/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Medium.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Medium.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Italic.eot');
	src: local('Rubik Italic'), local('Rubik-Italic'),
		url('/fileadmin/fonts/Rubik/Rubik-Italic.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Italic.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Italic.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Bold.eot');
	src: local('Rubik Bold'), local('Rubik-Bold'),
		url('/fileadmin/fonts/Rubik/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Bold.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Bold.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-LightItalic.eot');
	src: local('Rubik Light Italic'), local('Rubik-LightItalic'),
		url('/fileadmin/fonts/Rubik/Rubik-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-LightItalic.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-LightItalic.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Regular.eot');
	src: local('Rubik'), local('Rubik-Regular'),
		url('/fileadmin/fonts/Rubik/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Regular.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Regular.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-MediumItalic.eot');
	src: local('Rubik Medium Italic'), local('Rubik-MediumItalic'),
		url('/fileadmin/fonts/Rubik/Rubik-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-MediumItalic.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-MediumItalic.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}


@font-face {
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik/Rubik-Black.eot');
	src: local('Rubik Black'), local('Rubik-Black'),
		url('/fileadmin/fonts/Rubik/Rubik-Black.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/fonts/Rubik/Rubik-Black.woff2') format('woff2'),
		url('/fileadmin/fonts/Rubik/Rubik-Black.woff') format('woff'),
		url('/fileadmin/fonts/Rubik/Rubik-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}




body {
	font-family: "Rubik","Arial";
	font-size: 17px;
	font-weight: 400;
	margin: 0px;
	background-color: #f1f1f1;
	color: #000000;
	background-image: url(../img/bkg.gif);
	caret-color:transparent;
}

body input[type="text"], body input[type="password"], body textarea{
	caret-color:auto;
	width: 100%;
}

input, textarea,button{font-family: "Rubik","Arial";font-size: 15px;padding: 8px 6px;}


body, html{	
height: 100%;
}


#agreeText{padding-bottom: 10px;}

#politics{position: fixed;
    background-color: #ffe3b4;
    bottom: 4px;
    left: 2%;
    z-index: 10000;
    padding: 19px 24px;
    box-sizing: border-box;
    width: 96%;	
}

#agree{background-color: #0d0e0e;}


H1, H2, H3, H4, H5, H6{
	font-weight: 400;
	font-family: "Poiret One","Times New Roman";
	line-height: 1.3em;
	word-break: break-word;
	hyphens: auto;
}


#salons H1, #venzel_frame H1{
}
H1{
	font-size: 56px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 0px;
}

body.banner-invert h1, #priceAllWrap h2{color: #fff;}


H2{
	font-size: 41px;
	margin-top: 44px;
	margin-bottom: 21px;
}

/*
.price_header H2{
	font-size: 56px;
}

H3.lev_1{
	margin-bottom: 4px;
	margin-top: 26px;
	padding-bottom: 14px;
	cursor:
	pointer;
	font-size: 29px;
	border-radius: 4px;
	border-bottom: 4px solid;
	max-width: 900px;
}

#all_price H3.lev_1{font-size: 35px;}

#all_price H4.lev_2{font-size: 26px;}

H3.lev_1._hover{
	background-color: #f7f7f7;

}

H4.lev_2._hover{
	background-color: #878787;

}

H4.lev_2{
	padding-left: 48px;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #1e1e1e;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-right: 48px;
	cursor:
	pointer;
	font-size: 26px;
	max-width: 900px;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}


.sub_1, .sub_2{
	display: block;

}

.sub_1 table, .sub_2 table{width: 100%;font-size: 17px;line-height: 1.3em;}


.sub_2{
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	max-width: 900px;
}


tr:not(.size):hover td, tr:not(.size):hover th{
	background-color: #fff;
	color:#444
}




.sub_2 P{
	font-style: italic;
} 

.sub_1._act, .sub_2._act{
	display: block;
}
*/


H3{
	font-size: 29px;
	margin-top: 20px;
	margin-bottom: 16px;
}



H4{
	font-size: 23px;
	margin-top: 7px;
	margin-bottom: 0px;
}


H5{
	font-size: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.sub_2 H5{
	font-size:29px;
	margin-top: 24px;
}

H6, H6 A{
	font-size: 24px;
}

H6{
	margin-top: 0px;
	margin-bottom: 16px;
}


A{
	color: #25262c;
	outline:
	none;
	text-decoration: none;
}

p a {
    color: #9956bc;
}

p a:hover{
    color: #e91e63;
}

INS{
		text-decoration: none;
}


A IMG{
	border:none;
}

P, li{
	max-width: 960px;
	line-height: 1.4em;
	margin-bottom: 1em;
	margin-top: 0px;
}

li{
	margin-bottom: 8px;
}

A:hover, #menu .sub_1 A:hover, TABLE#uslugi TD A.u_head:hover, #instagram-links a:hover, #expander span:hover,  .menu_act A:hover, #prod_wrap A:hover, #footer A:hover, a.news-salon:hover, a.telLink:hover, #service-menu a:hover, body.banner-invert #nav a:hover, .price-block-head a:hover{
	color: #e91e63;
}


body.articles p img{
	width:100%;
	height:auto
}	

#salonContact{
    position: absolute;
    font-size: 14px;
    line-height: 1.3em;
    left: 36px;
    bottom: 64px;
    margin-right: 187px;
    font-weight: 400;
}

#salonsMenu{
    background-color: #ffffff;
    padding: 21px 24px 3px 24px;
    position: absolute;
    top: 42px;
    left: -1000px;
    z-index:-1;
    border-radius: 12px;
    box-shadow: 0px 24px 68px -18px rgba(0,0,0,0.8);
    text-align: left;
    font-size: 17px;
}

#salonsMenu a, #salonsMenu div._act, #salonsMenu .menu_act{display:block;line-height: 1.5em;margin-bottom: 16px;}

#salonsMenu div._act{color: #e91e63;}

#service-menu{
    background: rgb(28 28 28 / 80%);
    display: flex;
    padding: 79px 24px 28px 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 4px;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
}

#service-menu, #service-menu a{
	color: #fff;
}

#service-menu ._act{
	color: #e91e63;
}


#showService{
    position: absolute;
    cursor: pointer;
    right: 8px;
    top: 8px;
    border-radius: 2px;
    z-index: 100;
    font-weight: 400;
    font-size: 8px;
    text-align: center;
    width: 37px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    background: rgba(0,0,0,0.9);
    padding: 36px 8px 5px 8px;
    background-image: url(../img/ico-menu-white.svg);
    background-size: auto 33px;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid #aaa;
}

#showService._act{
	background-color: #e91e63;
}

#showService.fixed{
    position: fixed;
    top: 89px;
}




#salonsShow{
    width: 25px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    background-color: #ffffff;
    border-radius: 29%;
    width: 24px;
    height: 18px;
    border: 1px solid #b9b9b9;
    padding: 8px;
}

#salonsShow hr{
    border: 0px;
    height: 3px;
    background-color: #000000;
    margin: 0px 0px 4px 0px;
}

#salonsShow:hover hr, #salonsShow._act hr{
    background-color: #e91e63;
}


#bottom-nav{
    font-size: 14px;
    max-width: 980px;
    margin: auto;
    font-weight: 300;
    margin-top: 59px;
    margin-bottom: 35px;
}

#bottom-nav a, #bottom-nav div{
    color: #ffffff;
    display: inline-block;
    padding: 4px 8px;
    margin: 0px 0px 4px 4px;
    background-color: transparent;
    border-radius: 2px;
    background-color: #292c2e;
}

#bottom-nav a:hover{
    background-color: #222;
}


#bottom-nav div{
    color: #ffffff;
    background-color: #e91e63;
}

.price-block-head{
    font-size: 35px;
    border-bottom: 0px solid;
    display: block;
    margin-bottom: 30px;
    margin-top: 32px;
    font-family: "Poiret One","Yanone Kaffeesatz-","Noto Serif Display-", "Playfair Display";
    padding-bottom: 7px;
    line-height: 1.2em;
}

.service-title{
    font-size: 17px;
    display: block;
    margin-bottom: 13px;
    font-weight: 600;
    margin-top: 9px;
    text-align: center;
}

#service-menu .service-title{
    font-size: 14px;
    text-align: center;
}

.price-block-head a{
	color: #ffffff;
	border-bottom: 2px solid;
}

.service-title img{

margin-right: 12px;

width: 146px;

height: auto;
}


#priceAllWrap, #service-nav, body.banner-invert h1, body.banner-invert #nav, body.banner-invert #bottom-nav{
    margin-left: auto;
    margin-right: auto;
    max-width: 1030px;
    box-sizing: border-box;
    padding: 0px 28px;
}

.price-info{
    font-size: 17px;
    margin-top: 15px;
    margin-right: 105px;
}

.service-title span{}

.price-rows-wrap{
    margin-top: 25px;
    margin-bottom: 38px;
}
.price-rows-wrap.single{
}
.price-row.single{
    margin-bottom: 0px;
    position: relative;
    box-sizing: border-box;
    padding: 7px 12px 7px 12px;
    cursor: pointer;
    border-bottom: 1px solid #aaa;
}


.price-row{
	transition:background-color 0.3s;
}

.price-row.multi{padding: 8px 8px;border-bottom: 1px dotted #919191;cursor: pointer;}

.multi-head, .price-row{padding: 6px 12px;}


.multi-head .price-wrap{
	
margin-left: 65%;
}

#priceAllWrap .price-row:hover{
	background-color:rgba(0,0,0,0.6);
}

.service-time{
    padding: 3px 10px;
    font-size: 17px;
    display: inline-block;
    margin-top: 7px;
    background-image: url(../img/ico-time-white.svg);
    background-repeat: no-repeat;
    padding-left: 23px;
    background-position: left center;
    background-size: auto 18px;
}

.price-title{
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4em;
}

.single .price-title{
    margin-right: 100px;
}

.multi-head{
    font-size: 11px;
    margin-bottom: 10px;
}

.multi-head span{
    display: inline-block;
}

.multi-head.three span{
    width: 32%;
}

.multi-head.four span{
    width: 25%;
}
.multi-head.five span{
    width: 20%;
}

.price-title-wrap{}

.multi .price-title-wrap{

width: 60%;

display: inline-block;

vertical-align: top;

margin-right: 5%;
}

.price-comment{
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-top: 9px;
    margin-right: 111px;
    margin-bottom: 0px;
    line-height: 1.4em;
}

.single .price-wrap{position: absolute;right: 12px;top: 9px;}

.multi .price-wrap{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}




span.price{
    font-size: 14px;
    font-weight: 400;
}

span.price i{
    font-style: normal;
    font-weight: 300;
}

.multi span.price{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.multi.three span.price{
    width: 32%;
}

.multi.four span.price{
    width: 24%;
    margin-right: 1%;
}
.multi.five span.price{
    width: 20%;
}

.service-text{
    font-weight: 300;
}


#fixTop{
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    left: 0px;
    top: 0px;
    z-index: 10000;
    font-size: 17px;
    text-align: left;
    padding: 5px 10px;
    font-weight: 800;
}

#fixTop, #fixTop a{}

#logo{
	background-image: url(../img/logo-black.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 141px;
	width: 131px;
	position: absolute;
	bottom: 8px;
	right: 139px;
}

#fixTop #logo{
	background-image: url(../img/flower.png);
	height: 51px;
	width: 53px;
	margin-left: 123px;
	top: 1px;
	right: 2%;
}

body.banner-invert #logo{
	background-image: url(../img/logo-black.png);


}

#logo A{
	display:block;
	width: 100%;
	height: 100%;
}

#rootService{
    display: flex;
    margin: 0px 20px;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-evenly;
}


#header{
	max-width: 1400px;
}


body.banner-invert #header {

position: relative;

margin-top: 0px;
}

body.banner-invert .service-title a{
	color: #ffffff;
}

body.banner-invert .service-title a:hover{
	color: #f757dc;
}

body.banner-invert #content_wrap {

margin-left: 0%;

margin-right: 0%;

width: 100%;

padding: 0px;
}





body.narrow #content {
    max-width: 900px;
}

#content{
	margin-left: auto;
	margin-top: 20px;
	text-align: left;
	margin-right: auto;
	position: relative;
	overflow:hidden
}

#content_wrap, #right_wrap{
	margin-bottom: 603px;
}




#content_wrap{
	position:relative;
	z-index:200;
	padding-right: 56px;
	padding-left: 56px;
	box-sizing: border-box;
}

body.salonRoot #content_wrap{
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
}

BODY.gift #content_wrap{

}

BODY.gift #content{
	background-color: #fff;
	background-image: url(../img/lenta.png);
	background-repeat: no-repeat;
	background-position: right bottom, left top;
	box-shadow: 0px 5px 49px -20px #000;
	padding: 49px 46px 26px 46px;
	padding-bottom: 220px;
}

BODY.gift #header{
	margin-top:41px;
	margin-left:80px;
	margin-right:80px;
}

BODY.gift #header H1{
	color:#000;
}

BODY.gift #content P{
	font-size: 17px;
}


#right_wrap{
	position:relative;
	z-index:200;
	width:22%;
	margin-left:76%;
	margin-right:2%;
	font-style: italic;
}


#all_wrap{
	min-height:100%;
	position:relative;
	z-index: 500;
	width:100%;
	display:inline-block;
}



#menu{
	position: absolute;
	bottom: 51px;
	font-size: 14px;
	z-index: 100;
	font-weight: 400;
	right: 24px;
}

.news-salon{
	font-size: 14px;
	margin-top: 16px;
	background-image: url(../img/ico-location.svg);
	background-repeat: no-repeat;
	padding-left: 26px;
	background-position: left center;
	padding-top: 4px;
	padding-bottom: 4px;
	background-size: auto 22px;
	display: inline-block;
	word-break: break-word;
	hyphens: auto;
	font-weight: 700;
	color: #000000;
}


#newsCard .news-salon{
}

#menu a, #menu span{
	margin-bottom: 7px;
	display: block;
}

.menu_act, .menu_act A{color: #e91e63;}

#menu .menu_act{
	color: #e91e63;
}

#footer{
	height: 493px;
	margin-top: -493px;
	position: relative;
	z-index: 1300;
	background-color: #000;
	background-image: url(../img/bkg_main.jpg);
	background-size: 150px;
	color: #fff;
}

#footer.down{
	z-index: 100;

}

#footer p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#footer a{
}



.footer_1{
	z-index: 500;
	position: absolute;
	left: 16px;
	bottom: 12px;
	font-size: 14px;
}











.footer_brand{
	position: absolute;
	left: 326px;
	bottom: 16px;
	z-index: 10;
	margin-right: 32px;
}

.footer_brand IMG{
	width: auto;
	height: 59px;
}


#brands-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.brand-title{
    font-family: "Yeseva One";
    margin-bottom: 15px;
    font-size: 29px;
}

.brand-text{
    font-size: 14px;
}

.brand_item{
	margin-bottom: 38px;
	width: 30%;
}

.brand_item IMG{
	display: inline-block;
	height: auto;
	width: 100%;
	vertical-align: middle;
	max-width: 320px;
}

.brand-logo{

background-color: #222;

border-radius: 17px;

padding: 16px;

text-align: center;

margin-bottom: 14px;
}

.brand-logo-img{width: 90px;height: 90px;background-size: contain;background-repeat: no-repeat;background-position: center center;}

.brand_item H4, .brand_item P{}




.zal_teaser {
	margin-right: 12px;
	margin-bottom: 36px;
	text-align:center;
	width: 162px;
	display: inline-block;
	vertical-align:top;
	margin-left: 12px;
}

.zal_teaser a {

}

.zal_teaser:hover img {
	opacity:0.9
}


body.zal #master_block{
	float: left;
	width: 27%;
	margin-top:-16px
}



#salon-mark{
	width:100%;
	font-size: 17px;
	margin-bottom: 24px;

	margin-left: 75px;
}

#venzel_frame {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 53px;
	padding-bottom: 29px;
	background-attachment: fixed;
}


#venzel_frame h1{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	margin-left: 40%;
	text-align: left;
	margin-right: 58px;
	margin-bottom: 0px;
}

#zal_img {

}




#venzel_frame .frame_left {
    height: 386px;
    left: -41px;
    position: absolute;
    top: -32px;
    width: 287px;
    z-index: 100;
	background-repeat: no-repeat;
}


#venzel_frame .frame_right {
    height: 386px;
    position: absolute;
    right: -42px;
    top: -32px;
    width: 287px;
    z-index: 100;
	background-repeat: no-repeat;
}


#venzel_frame .frame_top {
    background-position: left center;
    background-repeat: repeat-x;
    height: 14px;
    left: 1px;
    position: absolute;
    top: -12px;
    width: 100%;
    z-index: 100;
}


#venzel_frame .frame_bot {
    background-position: right center;
    background-repeat: repeat-x;
    bottom: 51px;
    height: 13px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 100;
}



#venzel_frame.woman_hair{

	background-color: #5e5e5e;
}



#venzel_frame.woman_hair h1{color: #ffffff;}


#venzel_frame.woman_hair .frame_left{background-image: url(../img/venz_l_woman_hair.png);}

#venzel_frame.woman_hair .frame_right{background-image: url(../img/venz_r_woman_hair.png);}
#venzel_frame.woman_hair .frame_top{background-image: url(../img/venz_t_woman_hair.png);}
#venzel_frame.woman_hair .frame_bot{background-image: url(../img/venz_b_woman_hair.png);}


#venzel_frame.man_hair{background-image: url(../img/zal_man_hair_new.jpg);background-color: #000;}


#venzel_frame.man_hair h1{color: #ffffff;}


#venzel_frame.man_hair .frame_left{background-image: url(../img/venz_l_man_hair.png);}
#venzel_frame.man_hair .frame_right{background-image: url(../img/venz_r_man_hair.png);}
#venzel_frame.man_hair .frame_top{background-image: url(../img/venz_t_man_hair.png);}
#venzel_frame.man_hair .frame_bot{background-image: url(../img/venz_b_man_hair.png);}

#venzel_frame.kid_hair{background-image: url(../img/zal_kid_hair.jpg);}
#venzel_frame.kid_hair .frame_left{background-image: url(../img/venz_l_kid_hair.png);}
#venzel_frame.kid_hair .frame_right{background-image: url(../img/venz_r_kid_hair.png);}
#venzel_frame.kid_hair .frame_top{background-image: url(../img/venz_t_kid_hair.png);}
#venzel_frame.kid_hair .frame_bot{background-image: url(../img/venz_b_kid_hair.png);}

#venzel_frame.cosmo{background-image: url(../img/zal_cosmo_new.jpg);background-color: #c8d7dc;}
#venzel_frame.cosmo h1{color: #ffffff;}

#venzel_frame.cosmo .frame_left{background-image: url(../img/venz_l_cosmo.png);}

#venzel_frame.cosmo .frame_right{background-image: url(../img/venz_r_cosmo.png);}
#venzel_frame.cosmo .frame_top{background-image: url(../img/venz_t_cosmo.png);}


#venzel_frame.cosmo .frame_bot{background-image: url(../img/venz_b_cosmo.png);}

#venzel_frame.massage{background-image: url(../img/zal_massage_new.jpg);background-color: #acd579;}

#venzel_frame.massage h1{color: #000000;margin-left: 400px;}

#venzel_frame.massage .frame_left{background-image: url(../img/venz_l_massage.png);}
#venzel_frame.massage .frame_right{background-image: url(../img/venz_r_massage.png);}
#venzel_frame.massage .frame_top{background-image: url(../img/venz_t_massage.png);}
#venzel_frame.massage .frame_bot{background-image: url(../img/venz_b_massage.png);}

#venzel_frame.solar{
	background-image: url(../img/zal_solar_new.jpg);
	background-position: right top;
	background-color: #660808;
}
#venzel_frame.solar .frame_left{background-image: url(../img/venz_l_solar.png);}

#venzel_frame.solar h1{color: #ffffff;margin-left: 32px;margin-right: 338px;}

#venzel_frame.solar .frame_right{background-image: url(../img/venz_r_solar.png);}
#venzel_frame.solar .frame_top{background-image: url(../img/venz_t_solar.png);}
#venzel_frame.solar .frame_bot{background-image: url(../img/venz_b_solar.png);}

#venzel_frame.man_ped {background-image: url(../img/zal_man_ped_new.jpg);background-color: #ece1e9;}

#venzel_frame.man_ped h1{color: #79625c;}

#venzel_frame.man_ped .frame_left{background-image: url(../img/venz_l_man_ped.png);}
#venzel_frame.man_ped .frame_right{background-image: url(../img/venz_r_man_ped.png);}
#venzel_frame.man_ped .frame_top{background-image: url(../img/venz_t_man_ped.png);}
#venzel_frame.man_ped .frame_bot{background-image: url(../img/venz_b_man_ped.png);}

INPUT.subm_but{
	padding-top: 1px;
	padding-bottom: 2px;
}

#top_wrap{
	position: relative;
	z-index: 10000;
	background-color: #ffffff;
	box-sizing: border-box;
	height: 183px;
}

body.banner-invert #top_wrap, body.banner-invert #top_wrap a{
}


body.banner-invert #top_wrap .menu_act, body.banner-invert #top_wrap .menu_act A {
    color: #e91e63;
}


.soc_buttons{
	position: absolute;
	left: 50%;
	top: -50px;
	margin-left: -130px;
}

.soc_buttons A{
margin-right:8px}

#content DIV.odnokl_wrap, #content DIV.mail_wrap{
	width: 66px
}

DIV.odnokl_wrap, DIV.mail_wrap{
	width: 62px
}

DIV.vk_wrap{
	
	width: 145px	
}

TD.facebook{
padding-right: 12px;
}


TD.tweet DIV.tweet_wrap{
   width: 105px;
}



INPUT.subm_btn{
	font-size: 17px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 12px;
}


TABLE.likes{}

TABLE.likes TD{
	vertical-align: top;
} 


#soc{

right: 28px;

position: absolute;

top: 32px;

z-index: 1000;
}



#soc P{
   margin: 0;
}

#soc a {
	display: block;
	margin-bottom: 0px;
}

#soc br {
    display:none
}

#soc img{
    height: 32px;
    margin-left: 0px;
    margin-top: 0px;
    width: auto;
}

#soc img:hover{
    opacity:0.85
}


#salon_menu{font-weight: 400;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;font-size: 17px;position: absolute;bottom: 10px;left: 36px;}

#salon_menu a, #salon_menu span{margin-right: 25px;padding: 5px 0px;border-top: 5px solid #e3e3e3;}




#salon_menu .menu_act{border-color: #e91e63;}

#salons{
	position: relative;
	margin-right: 309px;
}

#bannerMenu{
    position: absolute;
    left: 2%;
    z-index: 100;
    top: 28px;
    width: 200px;
    font-weight: 300;
    font-size: 17px;
}

#bannerMenu.fixed{
    position: fixed;
    top: 145px;
}

#bannerMenu a, #bannerMenu span{

    margin-bottom: 15px;
    display: block;



    color: #ffffff;
    float: left;
    clear: both;
}

#bannerMenu ._act{
	
border-top: 0px solid;
	
color: #000000;
	
background-color: #ffc876;
	
padding: 5px 10px;
}

#bannerMenu img{
    display: none;
}


#fixTop #salons{
	padding-top: 0px;
	margin-right: 0px;
	left: 0%;
}


#salons DIV.adres SPAN{
	padding-bottom: 0;
	font-weight: bold;
}

DIV.salon_item_act DIV.adres A {
    color: #000;
}

DIV.salon_item_no, DIV.salon_item_act{
	float: left;
	margin-right: 28px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

DIV.salon_item_act{

	padding-right: 12px;
	padding-left: 12px;
}




DIV.salon_item_act DIV.adres{
	display:inline-block;
	cursor:default;
	margin-right: 4px;
	padding-right: 8px;
	border-right-width: 1px;
	border-right-style: dotted;
}

#salons DIV.salon_item_act DIV.adres SPAN{
border:none
}


DIV.salon_item_act SPAN.phones{
display:inline-block;
}



DIV.salon_item_act{
	background-color:#b7e668;
	color: #000;
	font-weight: bold;
	border-radius: 2px;
}

DIV.salon_item_no DIV.adres{
	cursor:pointer;
	padding-bottom: 8px;
}


DIV.salon_item_act SPAN.onLine{
    left: 0;
    top: 56px;
}

DIV.salon_sub  SPAN.onLine{
    right: 114px;
    top: 64px;
    background-color: #b7e668;
}

SPAN.onLine{
  border-radius: 28px;
  cursor: pointer;
  padding: 8px 13px;
  font-size: 14px;
  background-color: #1ac19e;
  color: #fff;
  text-align: center;
  display: inline-block;
}

SPAN.onLine:hover, DIV.salon_sub  SPAN.onLine:hover{
    background-color: #e91e63;
	color:#fff;

}




.sub_adres{
  margin-bottom: 8px;
    position: absolute;
    left: 200px;
    top: 15px;
}

DIV.salon_item_no._hover DIV.adres{
	color: #88DD22;
}

DIV.salon_item_no._hover DIV.salon_sub{
	visibility:visible;
}

#salons .menu_act{
	position: relative;
}

DIV.pipka{
	background-image: url(../img/pipka.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 17px;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	display: none;
}


#salons SPAN.menu_act SPAN.adres{
	border-right:1px dotted;
	margin-right: 8px;
	padding-right: 8px;
}

.salon_sub{
	background-image: url(../img/sub_bkg4.png);
	background-color:#eee;
	font-size: 14px;
	height: 466px;
	left: 0px;
	position: absolute;
	top: 45px;
	width: 380px;
	color: #222;
	box-shadow:0px 23px 46px -13px rgba(0,0,0,0.7);
	font-weight: bold;
	line-height: normal;
	visibility: hidden;
	z-index: 1000;
	padding-top: 20px;

	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.salon_sub .menu_no{margin-bottom: 15px;}

.sub_phones{
	border-bottom: 1px dotted #222;
	font-size: 17px;
	margin-bottom: 26px;
	padding-bottom: 28px;
	color: #A66FB3;
	font-weight: bold;
}

.sub_phones DIV{
	font-size: 13px;
	color: #999;
	margin-top: 8px;
}

.salon_sub .zal_teaser{
	width: 43%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 21px;
























}




DIV.sub_service{








	position: absolute;
	top: 139px;
	right: -23px;
	width: 298px;
}

.salon_sub .zal_teaser IMG{
	height: auto;
	width: 75px;	
}

.salon_sub .zal_teaser H4{
	font-size: 14px;
	font-weight: bold;
	margin-top:0px
}



.salon_sub A{
	color: #333;
	display: inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.salon_sub A:hover{
	color: #0CF;
}

.salon_sub._act{

	visibility: visible;
}


DIV.news_item P{
	margin-top: 2px;
	margin-bottom: 4px;
	font-size: 17px;
}

DIV.news_item a{

text-decoration: underline;
}

DIV.news_item H4{
	font-style: italic;

	margin-bottom: 6px;

}

IMG.news_img{
    margin-top: 0px;
    width: 100%;
    height: auto;
    max-width: 650px;

}

.news_date{
	margin-right: 12px;
	font-size: 14px;
}

.news_type{
	background-color: #e91e63;
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-left: 4px;
	border-radius: 21px;
}

#newsCard .news_type {
    margin-left: 16px;
}

#newsCard  .news_date {
    display:inline-block
}

#left_sub{
	font-size: 15px;
	margin-left: 24px;


	margin-top: 12px;
	margin-bottom: 32px;
}

#newsWrap{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-right: auto;
    margin-bottom: 32px;
}

#newsWrap{
    margin: 0px 0px;
}


#newsCard{
    background-color: #ffffff;
    padding: 17px 36px 67px 36px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
}


#newsBody{
    float: left;
    width: 100%;
}

#newsImg{width: 52%;float: left;}
#newsImg img{width: 100%;height: auto;border-radius: 16px;}

#newsText{
    width: 44%;
    float: right;
}

#newsDate{
    margin-bottom: 29px;
    text-align: center;
    font-weight: 600;
}






INS.zal_teaser IMG{
	height: auto;
	width: 140px;
}




body.banner-invert #content{
	
padding: 0px;
	
color: #fff;
	
background-size: cover;
	
background-attachment: fixed;
	
background-repeat: no-repeat;
	
background-color: #727264;
	
padding-bottom: 51px;
	
background-position: center center;
}


body.wide #content{
	
margin-top: 0px;
}


/*
#content TABLE TH{
	text-align: left;
	padding-right: 32px;
	width: 62%;
	font-weight: 400;
}
*/

.style-bkg{
background-size: cover;

background-attachment: fixed;

background-position: top center;
}


/*
#content TABLE TH, #content TABLE TH STRONG{
	line-height: 1.2em;
	font-weight: 600;
}
#content TABLE TH, #content TABLE TD{
	padding-top: 14px;
	padding-bottom: 14px;
	vertical-align: top;
	padding-left: 16px;
	padding-right: 28px;
	transition: background-color 0.3s;
	font-size: 17px;
	line-height: 1.2em;
	background: rgba(255,255,255,-5.2);
}



#content TABLE TD{
	text-align: left;
	font-size: 14px;
}

#content TABLE.banki TD{
	text-align: left;
}

#content TABLE.banki TD IMG{
	width:120px;
	height:auto;
	margin-right: 20px;
}

#content TABLE.hair TD{
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: middle;
}

#content TABLE TR.size TD{

font-size: 12px;

white-space: nowrap;
}

TABLE TH P {
	font-style: italic;
	margin-left: 24px;
	padding-left: 8px;

}
*/

dl.form, DIV#form1{
	padding: 38px 32px 16px 32px;
	border-radius: 16px;
	display: inline-block;
	width: 708px;
	background-color: #fff9f1;
	margin-top: 0px;
}

dl#adres{
	width: 100%;
	box-sizing: border-box;
	border-radius: 12px;
	background-color: #fcfcf7;
	padding: 38px 36px 16px 36px;
}
dl#adres dt{font-weight: 700;float: left;width: 176px;margin-bottom: 1em;clear: both;}
dl#adres dd{margin-left: 183px;}

dl#adres dd, dl#adres dt{margin-bottom: 1.5em;}

dl.form DD{
	margin: 0px;
	width: 65%;
}

dl.form DT,dl.form  DD{
	float: left;
	margin-bottom: 17px;
}


dl.form DT{
	clear: both;
	width: 236px;
	font-weight: 500;
}


LABEL{
	font-size: 17px;
}

SPAN.err{
	font-size: 17px;
	color: #ce3c77;
	display: block;
	margin-bottom: 4px;
}

DIV.input_comment{
	font-size: 17px;
	font-style: italic;
	margin-top: 6px;
}

INPUT#send_order{
	font-size: 23px;
}

#content TABLE.adres TD{
	border: none;
	padding-right: 32px;
}

#content TABLE.adres TD.border_l_r{
	border-right: 1px dotted;
	border-left: 1px dotted;
}

DIV.master_item{
	vertical-align: top;
	display: inline-block;
	width: 28%;
	margin-right: 4%;
	font-size: 16px;
	margin-bottom: 32px;
	text-align: center;
}

DIV.master_item IMG{
	height: auto;
	width: 80px;
}

DIV.master_item H4{
	margin-top: 4px;
	font-size: 26px;
}

DIV.master_item P{
	font-style: italic;
	margin-top: 4px;
}



#content TABLE.adres{
	margin-bottom: 28px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 46px;
}

#content TABLE.adres TD{
	padding-top: 0px;
	padding-right: 24px;

	padding-bottom: 0px;
	text-align: left;
}

#content TABLE.adres TD.a1{}


#content TABLE.adres span{
	display:block;
}


#content TABLE.adres TD.a2, #content TABLE.adres TD.a3{
	padding-left: 24px;
	border-left-width: 1px;
	border-left-style: solid;
}
#content TABLE.adres TD.a3{}


.service-root{
    width: 18%;
    text-align: center;
    word-break: break-word;
    hyphens: auto;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
}

.short .service-root {
    text-align: center;
}

.count-6 .service-root{
    width: 14%;
}

#service-menu .service-root{
}


.service-root img{
    width: 90%;
    height: auto;
    cursor: pointer;
    border-radius: 50%;
}

#service-menu .service-root img{
    width: 90%;
    border: 0px solid #c9c9c9;
}


.service-title{}
.service-sub{
    text-align: left;
    font-size: 14px;
    margin-top: 33px;
}
.service-sub-title{
    display: block;
    margin-bottom: 8px;
}

DIV._click{
	text-align: right;
	margin-bottom: 20px;
	font-size: 16px;
}

DIV._click SPAN{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor:pointer;
}


P.info{
	display: none;
}


P.info._act{
	display: block;
}

DIV.service_review{
	margin-bottom: 16px;
}

DIV.service_review IMG{
display:none}

IMG.interior{
	height: auto;
	width: 100%;





	background-color: #FFF;
	padding: 12px;

	margin-bottom: 20px;
}


.single-price-info{
    display: block;
    font-size: 11px;
    margin-top: 12px;
    font-weight: 300;
}

DIV.back{
    position: absolute;
    right: 0;
    top: 0px;
	font-size: 17px;
}

/*

DIV.price_header{
	display: inline-block;
	width: 100%;
	margin-bottom: 8px;
	border-radius: 4px;
}

DIV.price_header IMG{
  float: left;
  height: auto;
  margin: 8px 12px 8px 20px;
  width: 156px;
}

DIV.price_header H2{margin-top: 32px;}


DIV.price_header H2 A{

}
*/

IMG.master_photo{
	float: left;
	height: auto;
	width: 120px;
}

IMG.diplom{
	margin-right: 12px;
	margin-bottom: 8px;
}

DIV.master_info{
	margin-left: 160px;
}

#trustLink{

bottom: 52px;

position: absolute;

z-index: 10;

font-size: 14px;

left: 16px;

width: 200px;
}
	
#footer A{
	    color: #bc78d2;
}
#mobMenuShow{
	display: none;
}















#salonMenuShow{
	display: none;
	
}



#expander{
	text-align: right;
	margin-bottom: 24px;
	text-align: center;

}

#expander span{
	cursor:pointer;



	border-bottom:1px dotted;
	margin-left: 12px;
	margin-right: 12px;
}
#toTop {
	bottom: 77px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 36px;
	border-radius: 2px;
	line-height: 48px;
	height: 48px;
	position: fixed;
	right: 8px;
	text-align: center;
	width: 48px;
	z-index: 1000000;
	background-color: #7f7f86;
}

#toTop:hover{
    background-color: #9e52ad;	
}



#toTop._act {

}
#toTop._fix {
    bottom: 120px;
    position: absolute;
}


#salonRootMenu span{
	display:inline-block;
	margin-bottom:20px;	
	margin-right:20px;	
}

#mobileSwitch{
	position: absolute;
	width: 100%;
	left: 0px;
	top: -38px;
	text-align: center;
	display:none;
}

#mobileSwitch span{
	cursor:pointer;
	border-bottom:1px dashed;
}

#mobileSwitch.mode-1 {
    display:block;
}

a.telLink{

border-bottom: 0px dotted;

white-space: nowrap;

display: block;

font-size: 17px;

margin-bottom: 4px;

margin-top: 4px;
}

.find-adres a.telLink {
    display: inline-block;
}

.telLink i{
    font-style: normal;
}

.salon_item_act a.telLink{
	color:#222;
}

h3.newsRootHead{
	font-size: 32px;
	margin-top: 0px;

}

#newsDetail{
    font-size: 19px;
	margin-top: 16px;
}

#newsDetail p img{}

#newsDetail .news_date {
    margin-right: 24px;
   font-size: 22px;
}

#newsDetail h1{margin-top: 20px;}


#instagram-links{
	display: none;
	position: absolute;
	background-color: #fff;
	padding: 10px 20px;
	right: 0px;
	z-index: 100000;
	top: 91px;
	border: 1px solid #ababab;
}

#instagram-links a{
    color: #222;
    margin-top: 10px;
    margin-bottom: 20px;
}

#instagram-ico{
	cursor:pointer;	
}

a#all-salons{
    position: absolute;
    top: 10px;
    right: 3%;
    font-size: 14px;
    display: none;
}

#woman{
	left: -12px;
	background-image: url(../img/woman4.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: auto 111%;
	background-position: left bottom;
	top: 0px;
}

#service-bottom{
	margin-top: 10px;
	margin-bottom: 29px;
	font-size: 20px;
	display: flex;
	flex-wrap: wrap;

	align-items: stretch;
	justify-content: center;
	margin-left: 24px;
	margin-right: 24px;
}

#service-bottom.short{
	margin-top: 70px;


}

#service-bottom.short img{
	width: 70%;
}

#service-bottom.short .service-title {
    font-size: 17px;
}


#service-bottom a,#service-bottom span{
}

#service-bottom ._act{
	
color:#a7009a
}

#service-bottom img{
	
margin-bottom: 3px;
}

#premia{
    z-index: 10;
    position: absolute;
    top: 100px;
    right: 16px;
    font-size: 14px;
    width: 216px;
}
.sub_service2{text-align: center;margin-bottom: 20px;}


a.salon-name{
	font-size: 20px;
	display: block;
	margin-bottom: 12px;
}

div.salon-call{
    font-size: 17px;
}

#header-pano{
    position: relative;
    margin-bottom: 27px;
    text-align: center;
    width: 96%;
    padding-bottom: 350px;
    margin-left: 2%;
    margin-top: 16px;
    border-radius: 12px;
    overflow: hidden;
}

#header-pano h1{
    text-align: center;
    font-size: 49px;
    color: #fff;
    max-width: 900px;
    margin: 0px auto 8px auto;
}

#header-pano img{
    top: 0px;
    width: 100%;
    height: auto;
    display: block;
    max-width: 1400px;
    margin: auto;
}


.top-salon-title{

display: inline-block;

font-size: 17px;

vertical-align: middle;

background-image: url(../img/ico-menu.svg);

background-size: auto 31px;

background-repeat: no-repeat;

padding-left: 37px;

background-position: left center;

padding-top: 4px;

padding-bottom: 4px;

color: #000000;
}

#fixTop .top-salon-title{
	
width: 100%;
	
box-sizing: border-box;
	
white-space: nowrap;
	
overflow: hidden;
	
font-size: 14px;
}


.expanded .top-salon-title{

background-image: url(../img/ico-menu-act.svg);
color:#e91e63;

}

div.top-salon-phone, div.top-salon-time, div.top-salon-soc, div.top-salon-online{
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto 32px;
	background-position: left top;
	margin-right: 14px;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
}


#fixTop #salon_menu {
    border-top: 0px solid #d932bd;
}

#fixTop div.top-salon-title{
}

#fixTop div.top-salon-phone{margin-right: 0px;}

#salonRootMenu{
    text-align: center;

    margin-bottom: 16px;
}

#news-bottom{
    text-align: center;
    margin-top: 43px;
    margin-bottom: 23px;
}




 .news_item{
    display: inline-block;
    width: 32.333333%;
    padding: 42px 3% 20px 3%;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 32px;
    position: relative;
    background-color: #fff0eb;
    border-radius: 15px;
}

 .news_item.dummy{
    padding: 0px !important;
    background-color: transparent !important;
    height: 0px !important;
    visibility: hidden !important;
    margin: 0px !important;
}



 .news_item.link-true{
	cursor:pointer; 
 }





#news-bottom.in-salon .news_item{
}
#news-bottom.in-salon .news_item H5 {
    font-size: 16px;
}


#news-bottom.in-salon .news_type, #news-bottom.in-salon .news_date {

font-size: 14px;
}










#news-bottom.in-salon .news-img-link img {
}
#news-bottom.in-salon .news-img-link {

}
#news-bottom.in-salon .news-text {
}


#news-bottom.in-salon .news-title {
}



div.in-price{
    font-size: 32px;
    margin-bottom: 19px;
    margin-top: 49px;
    color: #ffffff;
    box-sizing: border-box;
    font-family: "Poiret One","Yeseva One","Yanone Kaffeesatz","Poiret One","playfair display";
}

.news_item H5 {
    font-size: 21px;
}

#service-nav{
	font-size: 14px;
	margin-bottom: 23px;
	margin-top: 23px;
	font-weight: 300;
}

#service-nav span, #service-nav a, #service-nav div{
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    margin: 9px 10px 0px 0px;
}


#service-nav span.scroll-action{
}

#service-nav div{
	background-color: #ddd;
	color:#000
}


#service-nav a:hover, #service-nav .scroll-action:hover{

	color:#e91e63
}

#service-nav ._act{
	background-color: #979797;
	color: #000000;
}

#adres-bottom{
	text-align: center;
	margin-top: 56px;
	margin-bottom: 0px;
	background-color: #fcfcf7;
	font-weight: 500;
	padding: 32px;
	color: #000;
}

#adres-bottom a{
	color: #000;
	display: inline-block;
	margin: 6px;
}

#adres-bottom SPAN.onLine {
    margin-left: 0px;
    margin-top:20px;
    display: inline-block;
    font-size: 17px;
}

#ab1{
    font-size: 20px;
    margin-bottom: 20px;
}
#ab2{
    font-size: 20px;
    margin-bottom: 2px;

}
#ab3{}

.news-img-link{
    display: block;
    width: 100%;
}
.news_item img{
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    border-radius: 10px;
}
.news-text{margin-top: 0px;}


.img-false .news-text {

}

#salon-expert{
	background-image: url(../img/salon-expert-loreal.gif);
	height: 107px;
	width: 87px;
	position: absolute;
	background-size: auto 100%;
	top: 100px;
	left: 320px;
	background-repeat: no-repeat;
	z-index: 10;
}


.news-title{
    margin-top: 12px;
    font-size: 23px;
    margin-bottom: 17px;
    word-break: break-word;
    hyphens: auto;
    line-height: 1.2em;
    font-weight: 300;
}

.article-title{
    font-size: 20px;
    font-weight: 400;
}



textarea[name="problem"] {width: 100%;}


#rootMenu #instagram-links {
    background-color: #f1f1f1;
    right: auto;
    left: 0px;
	top: 45px;
}

#license-show{text-align: center;margin-bottom: 38px;padding: 0px 20px;}

#license-show a{border-bottom: 1px dashed;
    cursor: pointer;}

#license{text-align: center;display:none}

#license img{}


.instaWrap{
    border-radius: 8px;
    text-align: center;
    background-color: #ffffff;
    padding: 11px 0px 20px 0px;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
    margin-bottom: 64px;
 }

.shader{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.5);
    display: none;
}


.insta-item{
	display: none;
	width: 24%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 24%;
	margin-bottom: 6px;
}

.insta-item img{
	width: 260px;
    height: auto;
}


.insta-item span.inText{
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 32px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    max-height: 82%;
    overflow: auto;
}


#inHead{
    padding: 6px 0px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin: 0px 24px;
    }

#inHead span{margin: 0px 12px;

    display: inline-block;
    vertical-align: middle;}
#inHead i{font-style: normal;
    font-weight: 500;}

a.inLink{
    font-size: 17px;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #3897f0;
    background-image: url(../img/instagram-64.png);
    background-repeat: no-repeat;
    background-size: auto 24px;
    padding-left: 30px;
    background-position: left center;
    padding-top: 4px;
    padding-bottom: 4px;
}

a.inLink.vkLink{
    background-image: url(../img/vk-logo.png);
}

a.inFollow{display: inline-block;
    vertical-align: middle;
    padding: 6px 10px;
    background-color: #3897f0;
    color: #fff;
    border-radius: 4px;
    margin-left: 18px;
    font-weight: 600;
    font-size: 15px;}


.inIcon{
    position: absolute;
    width: 28px;
    height: 28px;
    top: 2px;
    right: 4px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
    background-size: auto 27px;
}


.inVideo{
background-image: url(../img/in-video.png);	
}

.inGallery{
background-image: url(../img/in-gallery.png);	
}

#inNext{
margin-top: 16px;
    margin-bottom: 16px;	
}

#inNext span{
    display: inline-block;
    padding: 8px 16px;
    border: 2px solid;
    color: #3897f0;
    cursor: pointer;	
}

#inNext a{
    display: none;
}

.insta-item.tile-0{
	display: inline-block;
}





#post-source{
    text-align: center;
    font-size: 14px;
    color: #555;
    font-weight: 700;
    }

#post-source span{
    display: inline-block;
    margin: 2px 4px;
    cursor: pointer;
    padding: 10px 14px;
    border: 3px solid;
    border-radius: 32px;
    border-color: transparent;
    }

#post-source span._act{
    color: #e91e63;
    border-color: #e91e63;
    }
	
	
.instaWrap._hide{
	position:absolute;
	visibility:hidden;
	left: -200%;
}

.son-order-btn {
    display: block;
    width: 142px;
    height: 40px;
    background: #e31c00;
   border-radius: 6px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    position: relative;
    font: bold 10px/120% "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}  
.son-order-btn:hover {
    text-decoration: none;
}
.son-logo {
    display: block;
   width: 25px;
    height: 27px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%; left: 17px;

    margin-top: -14px;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
}
.son-logo_blue {
    background-image: url("http://sonline.su/i/son_blue.png");
}
.son-logo_grey {
    background-image: url("http://sonline.su/i/son_grey.png");
}
.son-logo_white {
   background-image: url("http://sonline.su/i/son_white.png");
}
.son-text {
    display: block;
    padding: 9px 0 0 54px;
}
.ya-score{z-index: 10000;bottom: 4px;left: 50%;position: absolute;margin-left: -75px;}

#adres-bottom .ya-score{
position: relative;
    bottom: 0px;
    left: 0px;
}

#nav{
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 400;
    line-height: 1.6em;
}


#top_wrap .salonsAll{
    font-size: 17px;
    font-weight: 400;
    position: absolute;
    left: 56px;
    bottom: 4px;
    margin-right: 200px;
    word-break: break-word;
    hyphens: auto;
}

#footer .salonsAll{
    position: absolute;
    top: 100px;
    left: 438px;
    font-size: 14px;
    z-index: 1000;
}

.salonsAll a{
    display: block;
    text-decoration: underline;
}

#top_wrap .salonsAll a{
    margin-bottom: 8px;
}
#footer .salonsAll a{
    margin-top: 6px;
}

#nav .navItem{
    display: inline-block;
}

#nav .separator{
    margin: 0px 7px;
}

body.banner-invert #nav, body.banner-invert #nav a{color:#fff}

body.banner-invert #nav{margin-top: 22px;margin-bottom: 1.2em;padding-right: 83px !important;}
.scroll-action{}

.scroll-action{
}

.scroll-action i{
    border-bottom: 1px dotted;
    font-style: normal;
}

.service-comment{

margin-bottom: 28px;

font-weight: 400;

font-size: 17px;

width: 100%;

margin-top: 17px;
}

.menu-sub-head{font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;margin-bottom: 17px;display: block;margin-top: 16px;}

.parent-title{
    font-weight: 300;
    text-align: right;
    font-size: 14px;
}

.root-page{font-weight: 800;text-transform: uppercase;letter-spacing: 0.12em;}

#adres-head, #adres-head a{
    color: #fff;
    font-size: 17px;
}

#root-head{
    position: absolute;
    width: 92%;
    left: 4%;
    bottom: 27px;
    z-index: 10;
    font-weight: 300;
    color: #fff;
    padding-bottom: 64px;
}

#salon-bkg{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#bkg-shade{
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgb(26 35 52));
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	}
	
#adres-head a.telLink {

display: inline-block;

margin: 9px;

font-size: 23px;
}

#fixTop #salonContact {

top: 0px;

position: relative;

bottom: auto;

left: 0px;

margin-right: 0px;
}

.soc-link{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: auto 17px;
    border-radius: 50%;
    background-position: center;
    margin: 0px 4px;
    background-color: #efefef;
}


#adres-bottom .soc-link {
    width: 42px;
    height: 42px;
    background-size: auto 24px;
    background-color: #e9e9e9;
}

.white .soc-link{background-color: #464646;border: 0px solid;}

.soc-link:hover{
	background-color:#e91e63
}



.soc-link.vk{background-image: url(../img/ico-vk.svg);}
.soc-link.instagram{background-image: url(../img/ico-instagram.svg);}
.soc-link.telegram{background-image: url(../img/ico-telegram.svg);}



#bottom_wrap{}

body#salons-layout #bottom_wrap{padding:0px 2%}

#bottom_wrap h2{
    text-align: center;
}

.salon-age{
    margin-bottom: 17px;
    font-style: italic;
    font-size: 14px;
}

.salon-age:before{
  content:'—';
  margin:0px 4px;
}
.salon-age:after{
 content:'—'; 
 margin:0px 4px;
}

.pseudo-head{
    font-size: 44px;
    margin-bottom: 0.6em;
    font-family: "Poiret One","Playfair Display-", "Noto Serif Display-","Yeseva One";
}

#messenger{
    position: fixed;
    right: 4px;
    bottom: 4px;
    z-index: 10000;
    text-align: center;
    background: rgba(255,255,255,0.96);
    padding: 4px 8px;
    border-radius: 4px;
}

#messenger div{

font-size: 11px;

font-weight: 600;

color: #07c19a;
}

#messenger a{
    display: inline-block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: auto 20px;
    margin: 4px 2px;
    background-color: rgb(24 199 162 / 95%);
    background-position: center;
    border-radius: 50%;
    transition: background-color 0.3s
}

#messenger a:hover{
	background-color: rgba(233, 30, 99, 90%);
}

#messenger #tme{background-image: url(../img/ico-telegram-white.svg);}
#messenger #wame{background-image: url(../img/ico-whatsapp-white.svg);}
#messenger #email{background-image: url(../img/ico-email-white.svg);}

.period{
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 11px;
    color: #e91e63;
}

.salon-time{
    font-size: 14px;
    margin-right: 12px;
    display: inline-block;
}


.salon-soc{ margin-top: 16px;}

#yearMenu{
    margin-bottom: 20px;
    margin-top: 34px;
    font-weight: 400;
}

#yearMenu span, #yearMenu a{
    display: inline-block;
    margin: 0px 14px 7px 0px;
}

#yearMenu span{}


#showSearch{background-image: url(../img/ico-search.svg);background-repeat: no-repeat;position: absolute;right: 36px;display: inline-block;height: 30px;cursor: pointer;background-size: auto 26px;bottom: 9px;padding-left: 30px;font-size: 17px;background-position: left top;}

#showSearch:hover, #showSearch.expanded{background-image: url(../img/ico-search-act.svg);}

#searchForm{
    position: absolute;
    background-color: #222222;
    width: 100%;
    padding: 20px 20px;
    display: none;
    border-radius: 4px;
    margin-bottom: 12px;
    border: 0px solid #9c27b0;
    box-sizing: border-box;
    top: 0px;
    z-index: 1000;
    left: 0%;
    box-shadow: 0px 19px 30px -10px rgba(0,0,0,0.6);
}
#searchForm.page{
    display: block;
    position: relative;
    box-shadow: none;
}


#goSearch{
    position: absolute;
    font-size: 17px;
    cursor: pointer;
    right: 0px;
}

.sword-mark{
	color: #e91e63;
    font-style: normal;
}


#findMenu{
    margin: 16px 0px;
}

#findMenu span{
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dashed;
    margin: 0px 11px 10px 0px;
}

#findMenu span._act{
    border-bottom: 4px solid;
    color:#e91e63;
    font-weight: 500;
    padding-bottom: 4px;
}

.find-path{
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 41px;
    color: #000;
    font-style: italic;
}
.find-salon{
    font-size: 32px;
    background-image: url(../img/ico-location.svg);
    background-repeat: no-repeat;
    padding-left: 31px;
    background-position: left center;
    background-size: auto 26px;
    margin-bottom: 13px;
    font-weight: 400;
}
.find-page{
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000000;
    font-family: "Poiret One";
}

.find-block{
    margin-bottom: 36px;
    margin-top: 17px;
}

.find-block .price-row{
    background-color: #fff;
}

#inputPanel{
    position: relative;
    padding-right: 97px;
}

input#sword{
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
}

#yaMap{margin-top:32px}

#newsCard h1{
    font-size: 50px;
    color: #161616;
}

#salonPopup{
    margin-bottom: 8px;
    cursor: pointer;
}

#salonConnect{}

#fixTop #salonConnect{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
}

#fixTop div.top-salon-time, #fixTop div.top-salon-soc {
	display:none;	
}

#fixTop  a.telLink {
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
}
#fixTop #salonPopup{margin-bottom: 0px;display: inline-block;vertical-align: middle;margin-right: 16px;}

#fixTop #nav{
	
margin-top: 3px;

	
margin-bottom: 0px;
	
padding: 0px;
}

#fixTop #nav a, #fixTop #nav{
	color:#000 !important;
}

.row-one{
    margin-bottom: 8px;
}

.find-adres a.telLink{
    margin-right: 12px;
}

.find-adres .onLine{
    margin-left: 10px;
}

div.err{
    margin-top: 9px;
    color: #f44336;
}

input[type="submit"], button{
	
border-radius: 32px;
	
border: 0px solid #fff;
	
background-color: #1ac19e;
	
padding: 10px 18px;
	
color: #fff;
	
cursor: pointer;
}

dl.image-left{
    float: left;
    width: 100%;
    margin: 0px;
    margin-bottom: 1em;
}

dl.image-left dt{
    float: left;
    width: 170px;
}

dl.image-left dd{
    margin-left: 180px;
}

dl.image-left img{
    width: 150px;
    height: auto;
}

.image-block{}

.image-block img{
    margin-right: 20px;
}

.posts-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 9px 16px 4px 16px;
}

.footer-header{
font-size:14px;	
}

#salonWarning {
    background-color: #ffe3b4;
    text-align: center;
    font-size: 85%;
    padding: 12px 12px;
}