body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}q{quotes:none}img{border:none}table{border-collapse:collapse;border-spacing:0}textarea{font-family:sans-serif}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}textarea{overflow:auto;vertical-align:top}

@font-face {
    font-family: 'Intro';
    src: url('http://xn--54-6kcae2flt.xn--p1ai/fonts/Intro.eot');
    src: url('http://xn--54-6kcae2flt.xn--p1ai/fonts/Intro.eot') format('embedded-opentype'),
         url('../fonts/Intro.woff2') format('woff2'),
         url('../fonts/Intro.woff') format('woff'),
         url('../fonts/Intro.ttf') format('truetype'),
         url('http://xn--54-6kcae2flt.xn--p1ai/fonts/Intro.svg') format('svg');
}

html {font-size:100%; background:#b3b6b2; min-width: 1024px;}
body {color: #656565; font: 21px/1.2 'Roboto Slab', sans-serif;background: white; }
a {color:#bdb9ba; text-decoration:none;}
a:hover {text-decoration: underline;}
a:focus {}
a:hover, a:active {}

h1 {font-size:2em; margin:0.67em 0;}
h2 {font-size:1.5em; margin:0.83em 0;}
h3 {font-size:1.17em; margin:1em 0;}
h4 {font-size:1em; margin:1.33em 0;}
h5 {font-size:0.83em; margin:1.67em 0;}
h6 {font-size:0.75em; margin:2.33em 0;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, pre:first-child {margin-top: 0;}

p, pre {margin:1em 0; line-height: 18px;}

.bov {overflow: hidden;}
.clearfix {clear: both;}

.wrapper {
	width: 1024px; margin: 0 auto; 
	/*-webkit-box-shadow: 10px 0 0 0 #a3a6a2;
	-moz-box-shadow: 10px 0 0 0 #a3a6a2;
	box-shadow: 10px 0 0 0 #a3a6a2;*/
}
.bg-00 {background: url('../img/bg-00.jpg') 0 0 no-repeat; height: 932px;}
.bg-01 {background: url('../images/bg-01.jpg') 0 0 no-repeat; height: 1130px;}
.bg-02 {background: url('../images/bg-02.jpg') 0 0 no-repeat; height: 1426px;}
.bg-03 {background: url('../images/bg-03.jpg') 0 0 no-repeat; height: 1002px; position: relative;}
.bg-04 {background: url('../images/bg-04.gif') 0 0 no-repeat; height: 1108px;}
.bg-05 {background: url('../images/bg-05.jpg') 0 0 no-repeat; height: 960px;}
.bg-06 {background: url('../img/bg-06.jpg') 0 0 no-repeat; height: 1111px;}
.bg-07 {background: url('../img/bg-07.jpg') 0 0 no-repeat; height: 1681px; position: relative;}


.header-phone {padding: 0; text-align: center; font-size: 24px; color: #ffe5c1; margin-bottom: 115px;}
.header-phone div {margin: 5px 0 10px 0;}
.header-phone div a {line-height: 1; font-size: 42px; color: #fff; font-weight: bold;}
.header-phone div a:hover {text-decoration: none;}
.header-phone-01 {color: #fff; text-decoration: none; display: inline-block; border-bottom: 1px dotted #ffe5c1;}
.header-phone-01:hover {border-bottom-color: transparent;}

.box-l-massage {position: absolute; left: 162px; top: 780px; text-align: center; line-height: 28px; width: 535px; color: #710000;}
.box-l-massage a {display: inline-block; color: #d35858; text-decoration: underline;}
.box-l-massage a:hover {text-decoration: none;}
.box-l-massage div {margin-bottom: 15px;}

.link-salons {padding: 390px 0 0 49px;}
.link-salons a {display: block; float: left; width: 176px; height: 236px; background: url('http://xn--54-6kcae2flt.xn--p1ai/img/salons.png') 0 0 no-repeat;}
.link-salons a:hover {background-position: 0 -236px;}
.link-salons a + a {width: 172px; margin-left: 10px; background-position: -186px 0;}
.link-salons a + a:hover {background-position: -186px -236px;}
.link-salons a + a + a {width: 176px; margin-left: 13px; background-position: -371px 0;}
.link-salons a + a + a:hover {background-position: -371px -236px;}
.link-salons a + a + a + a {width: 174px; margin-left: 10px; background-position: -557px 0;}
.link-salons a + a + a + a:hover {background-position: -557px -236px;}
.link-salons a + a + a + a + a {width: 172px; margin-left: 11px; background-position: -742px 0;}
.link-salons a + a + a + a + a:hover {background-position: -742px -236px;}

.box-text-about {position: absolute; left: 50px; top: 320px; text-align: center; color: #141211; line-height: 28px; width: 609px;}
.box-text-about div {margin-bottom: 20px;}
.box-text-about a {display: inline-block; line-height: 1; font-size: 36px; font-weight: bold; color: #710000;}
.box-text-about a:hover {text-decoration: none;}

.form {position: absolute; left: 195px; top: 715px; width: 590px;}
.form table {width: 100%; font-size: 21px; color: #710000;}
.form td {padding: 0 5px 10px 5px; line-height: 1;}
.form td span {font-size: 14px; line-height: 1;}
.tar {text-align: right;}

form input[type="submit"] {width: 271px; height: 46px; border: none; display: block; margin: 10px 0 0 190px; background: url('../img/btn-submit.png') 0 0 no-repeat;}
form input[type="submit"]:hover {background-position: 0 -46px;}

.input {
	background-color: #fff; font-size: 21px; font-family: 'Roboto Slab'; color: #710000; padding: 0 14px;
	-webkit-box-shadow: 1px 1px 1px #898989 inset;
	-moz-box-shadow: 1px 1px 1px #898989 inset;
	box-shadow: 1px 1px 1px #898989 inset;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.input input[type="text"], .input input[type="tel"], .input input[type="email"], .input textarea {font-size: 21px; font-family: 'Roboto Slab'; color: #710000; width: 100%; outline: none; resize: none; background: none; border: none; padding: 5px 0;}


.customfile-wrap {position: relative; overflow: hidden; font-size: 21px; font-family: 'Roboto Slab'; color: #710000; width: 444px;}
.customfile-upload {float: right; width: 113px; height: 39px; background: url('../img/btn-input-file.png') 0 0 no-repeat; border: none; margin-left: 19px; outline: none;}
.customfile-wrap:hover .customfile-upload, .customfile-upload:focus {background-position: 0 -39px;}
.customfile-upload i {margin-top: 4px;}
.customfile-filename {
	display: block; border: none; float: left; background-color: #fff; font-size: 21px; font-family: 'Roboto Slab'; color: #710000; padding: 0 14px; height: 38px; line-height: 38px; width: 284px; outline: none;
	-webkit-box-shadow: 1px 1px 1px #898989 inset;
	-moz-box-shadow: 1px 1px 1px #898989 inset;
	box-shadow: 1px 1px 1px #898989 inset;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.file_upload input[type='file'] {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(20); letter-spacing: 10em;  -ms-transform: scale(20); opacity: 0; cursor: pointer}


.header-title {
	font-size: 70px; color: #49423d; font-family: 'Intro'; text-align: center; line-height: 1; padding: 45px 0 25px 0;
}

.header-about {font-size: 26px; text-align: center; color: #49423d; line-height: 38px;}
.header-about span {font-size: 32px; text-transform: uppercase;}
.header-about div {color: #226549; font-size: 19px;}

.header-name {text-align: center; color: #710000; font-size: 24px;}
.header-name div {
	color: #e5210c; font-size: 75px;  font-family: 'Intro';
}

.header-list {
	margin: 90px auto 15px auto; width: 450px; font-size: 20px; color: #fff; line-height: 1;
}
.header-list > div {
	margin-top: 20px; position: relative; padding-left: 35px;
}
.header-list > div:first-child {
	margin-top: 0;
}
.header-list img {
	position: absolute; left: 0; top: 0;
}
.header-list ul{
	list-style: none;
	font-size: 10pt;
	margin: 20px 0 0 0;
	padding: 0;
}

.header-list ul li{
	margin: 8px 0;
}
