/*
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Thin'), local('clearsans-Thin'), url('../fonts/clearsansthin.woff2') format('woff2'), url('../fonts/clearsansthin.woff') format('woff'), url('../fonts/clearsansthin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Light'), local('clearsans-Light'), url('../fonts/clearsanslight.woff2') format('woff2'), url('../fonts/clearsanslight.woff') format('woff'), url('../fonts/clearsanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans'), local('clearsans'), url('../fonts/clearsans.woff2') format('woff2'), url('../fonts/clearsans.woff') format('woff'), url('../fonts/clearsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Italic'), local('clearsans-Italic'), url('../fonts/clearsansitalic.woff2') format('woff2'), url('../fonts/clearsansitalic.woff') format('woff'), url('../fonts/clearsansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium'), local('clearsans-Medium'), url('../fonts/clearsansmedium.woff2') format('woff2'), url('../fonts/clearsansmedium.woff') format('woff'), url('../fonts/clearsansmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium Italic'), local('clearsans-MediumItalic'), url('../fonts/clearsansmediumitalic.woff2') format('woff2'), url('../fonts/clearsansmediumitalic.woff') format('woff'), url('../fonts/clearsansmediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold'), local('clearsans-Bold'), url('../fonts/clearsansbold.woff2') format('woff2'), url('../fonts/clearsansbold.woff') format('woff'), url('../fonts/clearsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold Italic'), local('clearsans-BoldItalic'), url('../fonts/clearsansbolditalic.woff2') format('woff2'), url('../fonts/clearsansbolditalic.woff') format('woff'), url('../fonts/clearsansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


@font-face {
font-family: 'Myriad Pro Light';
src: url('../fonts/MyriadPro-Light.eot');
src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Light.woff') format('woff'),
url('../fonts/MyriadPro-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Myriad Pro Light Italic';
src: url('../fonts/MyriadPro-LightIt.eot');
src: url('../fonts/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightIt.woff') format('woff'),
url('../fonts/MyriadPro-LightIt.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

*/

@font-face {
font-family: 'Myriad Pro Regular';
src: url('../fonts/MyriadPro-Regular.eot');
src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Regular.woff') format('woff'),
url('../fonts/MyriadPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Myriad Pro Italic';
src: url('../fonts/MyriadPro-It.eot');
src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-It.woff') format('woff'),
url('../fonts/MyriadPro-It.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



body {
	margin: 0;
	background: #525252;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	font-size: 16px;
	color: #909090;
}


.clear {
	clear: both;
}


.header {
	background: #7a5a83;
 	padding: 10px 0 44px;
    height: 100px;
    box-sizing: border-box;
	position: fixed;
	z-index: 1000;
}

.header .logo{
	float: left;
	margin: 18px 0 0 60px;

}

.header .logo img{
	width: 373px;
}

.header .logo .logo-telephone{
	margin: 0px 0 0 0px;
	display: none;
}

.header .logo .logo-telephone .icon{
	background-image: url(../img/telephone_icon3.png);
	background-repeat: no-repeat;
	padding: 6px 0 0 42px;
    height: 30px;
    display: block;
}

.header .logo-text{
	float: left;
	margin: 30px 0 0 30px;
}

.header .logo-text img{
	width: 300px;
}

.header .phone{
	float: left;
	margin: 20px 0 0 40px;
	height: 34px;
	color: #fff;
}

.header .categories-icon{
	float: left;
	margin: 22px 0 0 40px;
	height: 34px;
}

.header .socials{
	float: left;
	margin: 22px 0 0 40px;
	height: 31px;
}

.header .socials img{
	float: left;
	padding: 0px 5px;

}

.header .language{
	float: left;
	margin: 26px 0 0 20px;

}

.header .language a, .header .language1 a{
	color: #422b4d;
    font-weight: bold;
    text-decoration: none;
}

.header .language a:hover, .header .language1 a:hover{
    text-decoration: underline;
}

.header .language a:first-child, .header .language1 a:first-child{
	padding: 0 1px 0 0;

}


.header .language a.active, .header .language1 a.active{
	color: #b1c903;

}

.header .phone .icon{
	background-image: url(../img/telephone_icon3.png);
	background-repeat: no-repeat;
	padding: 6px 0 0 42px;
    height: 30px;
    display: block;
}

.header .to_mobile {
	display: none;
}

#content {
	padding-top: 100px;
}

#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	margin: 0;
	padding: 0;
}
#nav li{
	float:left;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
}
#nav li a:hover{

}

/*--- ÂÛÏÀÄÀÞÙÈÅ ÏÓÍÊÒÛ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Ñêðûâàåì çà ýêðàíîì, êîãäà íå íóæíî (äàííûé ìåòîä ëó÷øå, ÷åì display:none;) */
	opacity:0; /* Óñòíàâëèâàåì íà÷àëüíîå ñîñòîÿíèå ïðîçðà÷íîñòè */
	-webkit-transition:0.25s linear opacity; /* Â Webkit âûïàäàþùèå ïóíêòû áóäóò ïðîÿâëÿòüñÿ */
	margin: 0px 0 0 0;
	padding: 40px 70px 40px 40px;
	background: #3c3b3b;

}
#nav ul li{
	padding-top:1px; /* Ââîäèì îòñòóï ìåæäó li ÷òîáû ñîçäàòü èëëþçèþ ðàçäåëåííûõ ïóíêòîâ ìåíþ */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Îñòàíàâëèâàåì ïåðåíîñ òåêñòà è ñîçäàåì ìíîãîñòðî÷íûé âûïàäàþùèé ïóíêò */
	display:block;
}
#nav li:hover ul{ /* Âûâîäèì âûïàäàþùèé ïóíêò ïðè íàâåäåíèè êóðñîðà */
	left:0; /* Ïðèíîñèì åãî îáðàòíî íà ýêðàí, êîãäà íóæíî */
	opacity:1; /* Äåëàåì íåïðîçðà÷íûì */
}
#nav li:hover a{ /* Óñòàíàâëèâàåì ñòèëè äëÿ âåðõíåãî óðîâíÿ, êîãäà âûâîäèòñÿ âûïàäàþùèé ñïèñîê */

}
#nav li:hover ul a{ /* Èçìåíÿåì íåêîòîðûå ñòèëè âåðõíåãî óðîâíÿ ïðè âûâîäå âûïàäàþùåãî ïóíêòà */
	color: #fff;
	font-size: 18px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: normal;
}

#nav li:hover ul li {
	padding: 10px 0;
}

#nav li:hover ul li a:hover{ /* Óñòàíàâëèâàåì ñòèëè äëÿ âûïàäàþùèõ ïóíêòîâ, êîãäà êóðñîð íàâîäèòñÿ íà êîíêðåòíûé ïóíêò */
    color: #b0cb1f;
}

.hide_it2_link {
	font-size: 12px !important;
}

.hr {
	background: #ebecec;
	width: 100%;
	height: 1px;
}

#maniqure-0 {
	background: #fff;
	width: 100%;
	padding: 120px 100px;
	box-sizing: border-box;
}

#maniqure-0 .h1_title {
	font-size: 26pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 50px 0;
	color: #5a4860;
	text-align: center;
}

#maniqure-0 .h2_title {
	font-size: 14pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 60px 0;
	color: #5a4860;
	text-align: center;
}

#maniqure-0 .content {
	float: left;
	width: 100%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0;
    text-align: justify;
    color: #333;
}

#maniqure-0 .content .advantages {
	float: left;
	width: 100%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0;
}

#maniqure-0 .content .advantage {
	float: left;
	width: 33%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0 30px;
}

#maniqure-0 .content .advantage_1 {
	float: left;
	width: 25%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0 30px;
}

#maniqure-0 .content .advantage .logo, #maniqure-0 .content .advantage_1 .logo {
	text-align: center;
}

#maniqure-0 .content .advantage .title, #maniqure-0 .content .advantage_1 .title {
	text-align: center;
	font-size: 20px;
	color: #5a4860;
    text-transform: uppercase;
	font-weight: 600;
	padding: 5px 0;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
}

#maniqure-0 .content .advantage .text, #maniqure-0 .content .advantage_1 .text {
	text-align: center;
	font-size: 12px;
	color: #5a4860;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
}








#maniqure-1, #maniqure-4 {
	background: #ebecec;
	width: 100%;
	padding: 60px 100px;
	box-sizing: border-box;
}

#cosmetology-1 {
	background: #ebecec;
	width: 100%;
	padding: 60px 0px;
	box-sizing: border-box;
}

#maniqure-1 .h1_title, #maniqure-4 .h1_title, #cosmetology-1 .h1_title, #maniqure-4 .h1_title {
	font-size: 26pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 100px 10px 100px;
	color: #5a4860;
	text-align: center;
}

#maniqure-1 .h2_title, #maniqure-4 .h2_title, #cosmetology-1 .h2_title, #maniqure-4 .h2_title {
	font-size: 14pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 100px 60px 100px;
	color: #5a4860;
	text-align: center;
}

#maniqure-1 .content .fotogalery_maniqure .foto, #maniqure-4 .content .fotogalery_maniqure .foto, #maniqure-3 .content .fotogalery_maniqure .foto, #cosmetology-1 .content .fotogalery_maniqure .foto  {
	width: calc(33.33% - 10px);
	height: 260px;
	float: left;
	margin: 0 5px;
	box-sizing: border-box;
}

#maniqure-3 .content .logo-list .foto {
	margin: 0 5px;
}

#maniqure-2 {
	background: #fff;
	width: 100%;
	padding: 60px 100px 60px;
	box-sizing: border-box;
}

#maniqure-2 .h1_title {
	font-size: 26pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
	color: #5a4860;
	text-align: center;
}

#maniqure-2 .h2_title {
	font-size: 14pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 60px 0;
	color: #5a4860;
	text-align: center;
}


#maniqure-2 .services {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 26px;
	padding: 0 100px;
}

#maniqure-2 .services a {
	font-size: 18px;
	//text-transform: uppercase;
	text-decoration: underline;
}

#maniqure-2 .services a:hover {
	text-decoration: none;
}



#maniqure-2 .services .service-block {
	background-image: url(../img/dot2.jpg);
	background-repeat: repeat-x;
	background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
	color: #555;
}

#maniqure-2 .services .service-block1 {
	//background-image: url(../img/dot2.jpg);
	//background-repeat: repeat-x;
	//background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
}

#maniqure-2 .services .service-block .service {

	text-transform:uppercase;
	float: left;
	max-width: calc(100% - 180px);
}

#maniqure-2 .services .service-block1 .service {

	text-transform:uppercase;
	float: left;
	font-weight: bold;
	max-width: calc(100% - 120px);
}

#maniqure-2 .services .service-block .service span{
	display: inline;
	background-color: #fff;

}

#maniqure-2 .services .service-block .service span h3{
	display: inline;
	background-color: #fff;
	font-size: 18px;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
}

#maniqure-2 .services .service-block1 .service span{
	display: inline;
	background-color: #fff;
}

#maniqure-2 .services .service-block .price {
	background: #fff;
	float: right;
	/*width: 160px;*/
	position:absolute;
	bottom:0;
	right:0;
	text-align: right;
}

#maniqure-2 .clear {
	clear: both;
}

#maniqure-3 {
	background: #fff;
	width: 100%;
	padding: 60px 100px 120px;
	box-sizing: border-box;
}

#maniqure-3 .h1_title {
	font-size: 26pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
	color: #5a4860;
	text-align: center;
}

#maniqure-3 .h2_title {
	font-size: 14pt;
    text-transform: uppercase;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0 0 60px 0;
	color: #5a4860;
	text-align: center;
}

#maniqure-3 .content {
	float: left;
	width: 100%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0 50px;
    text-align: justify;
    color: #333;
}






#maniqure-0 .services {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 26px;
	padding: 60px 100px 60px;
	text-align: left;
}

#maniqure-0 .services a {
	font-size: 18px;
	//text-transform: uppercase;
	text-decoration: underline;
}

#maniqure-0 .services a:hover {
	text-decoration: none;
}



#maniqure-0 .services .service-block {
	background-image: url(../img/dot2.jpg);
	background-repeat: repeat-x;
	background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
	color: #555;
}

#maniqure-0 .services .service-block1 {
	//background-image: url(../img/dot2.jpg);
	//background-repeat: repeat-x;
	//background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
}

#maniqure-0 .services .service-block .service {

	text-transform:uppercase;
	float: left;
	max-width: calc(100% - 180px);
}

#maniqure-0 .services .service-block1 .service {

	text-transform:uppercase;
	float: left;
	font-weight: bold;
	max-width: calc(100% - 120px);
}

#maniqure-0 .services .service-block .service span{
	display: inline;
	background-color: #fff;

}

#maniqure-0 .services .service-block .service span h3{
	display: inline;
	background-color: #fff;
	font-size: 18px;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
}

#maniqure-0 .services .service-block1 .service span{
	display: inline;
	background-color: #fff;
}

#maniqure-0 .services .service-block .price {
	background: #fff;
	float: right;
	/*width: 160px;*/
	position:absolute;
	bottom:0;
	right:0;
	text-align: right;
}



/*

#maniqure-3 .content {
	float: left;
	width: 60%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0 50px;
    text-align: justify;
    color: #333;
}

#maniqure-3 .foto_block {
	float: right;
	width: 40%;
	box-sizing: border-box;
    font-size: 20px;
    padding: 0 30px;
}

*/

#section-cosmetology0 {
	background: #484848;
	background-image: url(../img/actions/cosmetology1_1.jpg);
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 36.51%;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}


#section-maniqure0 {
	background: #484848;
	background-image: url(../img/actions/maniqure1.jpg);
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 36.51%;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}



#section0 {
	background: #484848;
	background-image: url(../img/actions/5.jpg);
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 36.51%;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}

#section1 {
	padding: 100px 0;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

#section1 .text-box h1 {
	font-size: 18px;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
	margin: 0;
}

.order_button {
	background: #fff;
    padding: 0px;
    text-align: center;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 40px;
}

#order_button {
	background: #fff;
    padding: 0px;
    text-align: center;
    border: 0;
    cursor: pointer;
    margin: 0 0 0 40px;
}

button,
button:active,
button:focus {
    outline: none;
}

#section1 .text-box {
	float: left;
	width: 60%;
	box-sizing: border-box;
	color: #2c2c2c;
	font-size: 18px;
	padding: 0 100px;
	//text-align: justify;
}

#section1 .telephones {
	float: left;
	width: 40%;
	box-sizing: border-box;
	font-size: 26px;
	padding: 0 50px;
}

#section1 .telephones .icon{
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 42px;
    //height: 34px;
    display: block;
}

#section1 .telephones .phone1, #section1 .telephones .phone2, #section1 .telephones .phone3 {
	height: 50px;
}

#section1 .telephones .phone1 .icon{
	background-image: url(../img/mts-icon.png);
}

#section1 .telephones .phone2 .icon{
	background-image: url(../img/kievstar-icon.png);
}

#section1 .telephones .phone3 .icon{
	background-image: url(../img/cityphone-icon.png);
}

#section2, #section4, #section6, #section8, #section10, #section10-1, #section10-2, #section10-3, #section10-4, #section10-5, #section10-6 {
	height: 460px;
	padding: 0;
	margin: 0;
}

#section2 {
	background-image: url(../img/wemen1.jpg);
}

.hide{
	width: 600px;
	float: right;
	height: 460px;
}

#section2 .hide, #section6 .hide, #section10 .hide, #section10-2 .hide, #section10-4 .hide, #section10-6 .hide {
	background: #c3d162;
}

.hide h2.text{
	box-sizing: border-box;
	font-size: 32pt;
	padding: 140px 70px 0;
	display: block;
	color: #ffffff;
	text-transform:uppercase;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
    font-weight: 100;
}
/*
.hide h2.text {
	font-size: 18px;
	font-weight: 100;

	margin: 0;
}
*/


#section3, #section5, #section7, #section9, #section11, #section11-1, #section11-2, #section11-3, #section11-4, #section11-5, #section11-6  {
	padding: 100px 0;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	color: #2c2c2c;
}

.text-box {
	float: left;
	width: 60%;
	box-sizing: border-box;
	color: #2c2c2c;
	font-size: 18px;
	padding: 0 100px;
	//text-align: justify;
}

.services {
	float: left;
	width: 40%;
	box-sizing: border-box;
	font-size: 26px;
	padding: 0 50px;
}

.services a {
	font-size: 18px;
	//text-transform: uppercase;
	text-decoration: underline;
}

.services a:hover {
	text-decoration: none;
}



.services .service-block {
	background-image: url(../img/dot2.jpg);
	background-repeat: repeat-x;
	background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
}

.services .service-block1 {
	//background-image: url(../img/dot2.jpg);
	//background-repeat: repeat-x;
	//background-position: left 7px bottom 6px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 18px;
	position:relative;
}

.services .service-block .service {

	text-transform:uppercase;
	float: left;
	max-width: calc(100% - 180px);
}

.services .service-block1 .service {

	text-transform:uppercase;
	float: left;
	font-weight: bold;
	max-width: calc(100% - 120px);
}


.services .service-block .service span{
	display: inline;
	background-color: #fff;
}


.services .service-block .service span h3{
	display: inline;
	background-color: #fff;
	font-size: 18px;
	font-weight: 100;
	font-family: 'Myriad Pro Regular', 'Clear Sans', sans-serif;
}



.services .service-block1 .service span{
	display: inline;
	background-color: #fff;
}

.services .service-block .price {
	background: #fff;
	float: right;
	/*width: 160px;*/
	position:absolute;
	bottom:0;
	right:0;
	text-align: right;
}

.allservicebutton {
	background-image: url(../img/buttons/all_services.jpg);
	width: 200px;
	height: 40px;
	margin: 30px auto;
}

.allservicebutton:hover {
	background-image: url(../img/buttons/all_services_active.jpg);
}

.moreinfobutton {
	background-image: url(../img/buttons/more_info.jpg);
	width: 200px;
	height: 40px;
	margin: 10px auto;
}

.moreinfobutton:hover {
	background-image: url(../img/buttons/more_info_active.jpg);
}

.allservicebutton_ukr {
	background-image: url(../img/buttons/all_services_ukr.jpg);
	width: 200px;
	height: 31px;
	margin: 30px auto;
}

.allservicebutton_ukr:hover {
	background-image: url(../img/buttons/all_services_active_ukr.jpg);
}


#section4 {
	background-image: url(../img/men.jpg);
}

#section4 .hide, #section8 .hide, #section10-1 .hide, #section10-3 .hide,  #section10-5 .hide,  #section10-6 .hide {
	background: #5a4860;
	opacity: 1;
}

#section6 {
	background-image: url(../img/kid.jpg);
}

#section8 {
	background-image: url(../img/manikur.jpg);
}

#section10 {
	background-image: url(../img/kosmet.jpg);
}

#section10-1 {
	background-image: url(../img/massage.jpg);
}

#section10-2 {
	background-image: url(../img/depil.jpg);
}

/* îáíîâëåíèå 31-01-2017 */

#section10-3 {
	background-image: url(../img/sell_kosm.jpg);
}

#section10-4 {
	background-image: url(../img/massage.jpg);
}

#section10-5 {
	background-image: url(../img/depil.jpg);
}

#section10-6 {
	background-image: url(../img/brovi.jpg);
}

/* êîíåö îáíîâëåíèå 31-01-2017 */

#section12 {
	margin: 0 auto;
	padding: 0 0 135px;
	margin: 0;
	width: 100%;
	background: #ebecec;
}

#section12 .fotogalery-header {
	width: 600px;
	padding: 30px 0;
	box-sizing: border-box;
	font-size: 32pt;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	background: #5a4860;
	margin: 0 auto;
	position: relative;
	top: -55px;
	text-align: center;
}

#section12 .fotogalery-links {
	padding: 10px 0 30px;
	box-sizing: border-box;
	font-size: 12pt;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
}

#section12 .fotogalery-links a, #section12 .fotogalery-links a:visited{
	padding: 0 15px;
	color: #939393;

}

#section12 .fotogalery-links a:hover, #section12 .fotogalery-links a.active{
	color: #5c4b62;
	font-weight: bold;

}

#section12 .fotogalery_barbershop {

}

#section12 .fotogalery_maniqure {
	/*display: none; */

}

#section12 .fotogalery_cosmetology {
	/*display: none; */

}

#section12 .fotogalery, #section12 .fotogalery_barbershop, #section12 .fotogalery_maniqure, #section12 .fotogalery_cosmetology, #section12 .fotogalery_eyebrow {
	width: calc(100% - 200px);
	padding: 25px 0 0;
	box-sizing: border-box;
	margin: 0 auto;
}

#section12 .fotogalery .fotos, #section12 .fotogalery_barbershop .fotos, #section12 .fotogalery_maniqure .fotos, #section12 .fotogalery_cosmetology .fotos, #section12 .fotogalery_eyebrow .fotos {
	width: calc(100% - 380px);
	float: left;
}

#section12 .fotogalery .foto, #section12 .fotogalery_barbershop .foto, #section12 .fotogalery_maniqure .foto, #section12 .fotogalery_cosmetology .foto, #section12 .fotogalery_eyebrow .foto {
	width: calc(33.33% - 10px);
	height: 260px;
	float: left;
	margin: 0 5px;
	box-sizing: border-box;
}

#section12 .fotogalery .left-arrow, #section12 .fotogalery_barbershop .left-arrow, #section12 .fotogalery_maniqure .left-arrow, #section12 .fotogalery_cosmetology .left-arrow, #section12 .fotogalery_eyebrow .left-arrow {
	width: 100px;
	height: 150px;
	float: left;
	margin: 70px 20px 0 70px;
	box-sizing: border-box;
}

#section12 .fotogalery .right-arrow, #section12 .fotogalery_barbershop .right-arrow, #section12 .fotogalery_maniqure .right-arrow, #section12 .fotogalery_cosmetology .right-arrow, #section12 .fotogalery_eyebrow .right-arrow {
	width: 100px;
	height: 150px;
	float: right;
	margin: 70px 20px 0 20px;
	box-sizing: border-box;
}




#section14 {
	margin: 0 auto;
	padding: 0 0 135px;
	margin: 0;
	width: 100%;
	background: #ebecec;
}

#section14 .certificate-header, #cosmetology-1 .certificate-header {
	width: 600px;
	padding: 30px 0;
	box-sizing: border-box;
	font-size: 32pt;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	background: #c3d162;
	margin: 0 auto;
	position: relative;
	top: -55px;
	text-align: center;
}

#section14 .certificate-links, #cosmetology-1 .certificate-links {
	padding: 10px 0 30px;
	box-sizing: border-box;
	font-size: 12pt;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
}

#section14 .certificate-links a, #section14 .certificate-links a:visited, #cosmetology-1 .certificate-links a, #cosmetology-1 .certificate-links a:visited{
	padding: 0 15px;
	color: #939393;

}

#section14 .certificate-links a:hover, #section14 .fotogalery-links a.active, #cosmetology-1 .certificate-links a:hover, #cosmetology-1 .fotogalery-links a.active{
	color: #5c4b62;
	font-weight: bold;

}

#section14 .certificate, #cosmetology-1 .certificate {
	width: calc(100% - 200px);
	padding: 25px 0 0;
	box-sizing: border-box;
	margin: 0 auto;
}

#section14 .certificate .fotos, #cosmetology-1 .certificate .fotos {
	width: calc(100% - 380px);
	float: left;
}

#section14 .certificate .foto, #cosmetology-1 .certificate .foto {
	width: calc(33.33% - 10px);
	/*height: 260px;*/
	float: left;
	margin: 0 5px;
	box-sizing: border-box;
}

#section14 .certificate .left-arrow, #cosmetology-1 .certificate .left-arrow {
	width: 100px;
	height: 150px;
	float: left;
	margin: 70px 20px 0 70px;
	box-sizing: border-box;
}

#section14 .certificate .right-arrow, #cosmetology-1 .certificate .right-arrow {
	width: 100px;
	height: 150px;
	float: right;
	margin: 70px 20px 0 20px;
	box-sizing: border-box;
}




#section14 .certificate-list-header-block, #cosmetology-1 .certificate-list-header-block  {
    border-top: 3px #c3d162 solid;
    margin: 0 110px;
}


#section14 .certificate-list-header, #cosmetology-1 .certificate-list-header{
	width: 500px;
	padding: 30px 0;
	box-sizing: border-box;
	font-size: 24pt;
	display: block;
	color: #4f5146;
	text-transform: uppercase;
	background: #ebecec;
	margin: 0 auto;
	position: relative;
	top: -55px;
	text-align: center;
}


#section14 .certificate-list, #cosmetology-1 .certificate-list {
	width: calc(100% - 200px);
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

#section14 .certificate-list .fotos, #cosmetology-1 .certificate-list .fotos {
	width: calc(100% - 380px);
	float: left;
}

#section14 .certificate-list .foto, #cosmetology-1 .certificate-list .foto {
	width: calc(33.33% - 10px);
	height: 130px;
	float: left;
	margin: 0 15px;
	box-sizing: border-box;
}

#section14 .certificate-list .left-arrow, #cosmetology-1 .certificate-list .left-arrow {
	width: 100px;
	height: 150px;
	float: left;
	margin: 70px 20px 0 70px;
	box-sizing: border-box;
}

#section14 .certificate-list .right-arrow, #cosmetology-1 .certificate-list .right-arrow {
	width: 100px;
	height: 150px;
	float: right;
	margin: 70px 20px 0 20px;
	box-sizing: border-box;
}





#section13 {
	margin: 0 auto;
	padding: 0 0 135px;
	margin: 0;
	width: 100%;
	min-height: 400px;
	background: #a1a1a1;
}

#section13 .map-header-container {
	position: relative;
}

#section13 .map-header {
	width: 600px;
	padding: 30px 0;
	box-sizing: border-box;
	font-size: 32pt;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	background: #cedb6c;
	margin: 0 auto;
    position: absolute;
	top: -55px;
	text-align: center;
    z-index: 2;
    left: 50%;
    margin-left: -300px;
}


.footer {
	width: 100%;
	background: #434242;
	box-sizing: border-box;
}

.footer .card {
	float: left;
	width: 80%;
	box-sizing: border-box;
}

.footer .card .address-and-socials{
	padding: 60px 60px 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 14pt;
}

.footer .card .address-and-socials a{
	text-decoration: none;
	color: #fff;

}

.footer .card .address-and-socials .address, .footer .card .address-and-socials .facebook, .footer .card .address-and-socials .instagram{
    float: left;
}

.footer .card .address-and-socials .address .icon, .footer .card .address-and-socials .facebook .icon, .footer .card .address-and-socials .instagram .icon{
	background-image: url(../img/geo.png);
	background-repeat: no-repeat;
	padding: 4px 42px 0 42px;
    min-height: 50px;
    display: block;
    box-sizing: border-box;
}

.footer .card .address-and-socials .address .icon{
	background-image: url(../img/geo.png);
}

.footer .card .address-and-socials .facebook .icon{
	background-image: url(../img/facebook_footer.png);
}

.footer .card .address-and-socials .instagram .icon{
	background-image: url(../img/instagram_footer.png);
}

.footer .card .telephones-footer{
	padding: 15px 60px 0px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14pt;
}

.footer .card .telephones-footer .telephone1, .footer .card .telephones-footer .telephone2, .footer .card .telephones-footer .telephone3{
	float: left;
}


.footer .card .telephones-footer .icon{
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 9px 42px 0 42px;
    display: block;
    height: 32px;
}

.footer .card .telephones-footer .telephone1, .footer .card .telephones-footer .telephone2, .footer .card .telephones-footer .telephone3 {
	height: 50px;
}

.footer .card .telephones-footer .telephone1 .icon{
	background-image: url(../img/mts_footer.png);
}

.footer .card .telephones-footer .telephone2 .icon{
	background-image: url(../img/kievstar_footer.png);
}

.footer .card .telephones-footer .telephone3 .icon{
	background-image: url(../img/city_footer1.png);
}

.footer .card .mail_and_worktime {
	padding: 15px 0px 60px;
}


.footer .card .mail{
	padding: 0px 0 0 60px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14pt;
    float: left;
}

.footer .card .mail .icon{
	background-image: url(../img/mail_footer.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 9px 42px 0 42px;
    display: block;
    height: 32px;
}

.footer .card .time{
	padding: 0px 0 0 60px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14pt;
    float: left;
}

.footer .card .time .icon{
	background-image: url(../img/time_footer.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 9px 42px 0 42px;
    display: block;
    height: 32px;
}



.footer .logo {
	float: left;
	width: 20%;
	text-align: center;
	padding: 105px 0 0;
	box-sizing: border-box;
}



/* Ññûëêè è îá¸ðòêà äëÿ êàðòèíîê */
.img-link {
  display: inline-block;
  position: relative;
  /*width: 300px;
  height: 130px;*/
}

.img-link .img {

}

/* Îáùèå ñòèëè äëÿ ïåðåêðûâàþùèõ ýëåìåíòîâ */
.img-link .cover-bg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.img-link .cover-title {
	display: none;
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 20px;
	right: 0;
}

.img-link .cover-status {
	display: none;
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 20px;
	right: 0;
}

.img-link .cover-text {
  display: none;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Îòîáðàæàåì ïåðåêðûâàþùèå ýëåìåíòû ïðè íàâåäåíèè íà áëîê ñ êàðòèíêîé */
.img-link:hover .cover-bg,
.img-link:hover .cover-title,
.img-link:hover .cover-status,
.img-link:hover .cover-text {
  display: block;
}

/* Ïîëóïðîçðà÷íûé ïåðåêðûâàþùèé ãîëóáîé ôîí */
.img-link .cover-bg {
  background: #ffffff;
  -khtml-opacity: .9;
	-moz-opacity: .9;
		 opacity: .9;
}

/* Ïåðåêðûâàþùèé òåêñò */
.img-link .cover-title {
  color: #4f3b58;
  font-size: 18pt;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;

}

.img-link .cover-status {
  color: #6e8707;
  font-size: 16pt;
  text-align: left;

}

.img-link .cover-text {
  color: #000;
  font-size: 120%;
  text-align: left;
  text-transform: uppercase;
}