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('../fonts/Intro.eot');
    src: url('../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('../fonts/Intro.svg#Intro') format('svg');
}

html {font-size:100%; background:#b3b6b2;}
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: 640px; margin: 0 auto; 
    overflow-x:hidden;
    background-color: #fdf5f2;
	/*-webkit-box-shadow: 10px 0 0 0 #a3a6a2;
	-moz-box-shadow: 10px 0 0 0 #a3a6a2;
	box-shadow: 10px 0 0 0 #a3a6a2;*/
}
.bg-01 {background: url('../img/Rabota_massazh_mob_1.png') 0 0 no-repeat; height: 580px;}
.bg-02 {background: url('../img/Rabota_massazh_mob_2.png') 0 0 no-repeat; height: 1036px;}
.bg-03 {background: url('../img/Rabota_massazh_mob_3.png') 0 0 no-repeat; height: 390px;}
.bg-04 {background: url('../img/Rabota_massazh_mob_4.png') 0 0 no-repeat; height: 1020px;}
.bg-05 {background: url('../img/Rabota_massazh_mob_5.png') 0 0 no-repeat; height: 1252px;}
.bg-06 {background: url('../img/Rabota_massazh_mob_6.png') 0 0 no-repeat; height: 610px;}
.bg-07 {background: url('../img/Rabota_massazh_mob_7.png') 0 0 no-repeat; height: 1151px;}
.bg-07-2 {background: url('../img/Rabota_massazh_mob_7_2.png') 0 0 no-repeat; height: 901px;}
.bg-08 {background: url('../img/Rabota_massazh_mob_8.png') 0 0 no-repeat; height: 1175px;}
.bg-09 {background: url('../img/Rabota_massazh_mob_9.png') 0 0 no-repeat; height: 1180px;}
.bg-10 {background: url('../img/Rabota_massazh_mob_10.png') 0 0 no-repeat; height: 1220px;}
.bg-11 {background: url('../img/Rabota_massazh_mob_11.png') 0 0 no-repeat; height: 2709px;}

.header-phone {    
    padding: 0;
    text-align: center;
    font-size: 36px;
    color: #ffe5c1;
    margin-top: 64px;
    margin-left: 5px;
    font-weight: bold;}
.header-phone div {margin: 8px 13px 50px 0;}
.header-phone div.whatsup {
    font-size: 26px;
    margin-left: 20px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;}
.header-phone span {
    margin: 0px 17px 0px 0;
    color: #fff9c0;
    font-size: 26px;
    font-weight: normal;}
.header-phone div a, .header-phone-02{line-height: 1; font-size: 54px; color: #fff; font-weight: bold;}
.header-phone div a:hover, .header-phone-02:hover {text-decoration: none;}
.header-phone-02 {
    color:#710000;
}


.box-l-massage {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;}

.lera{color:#1a3c9e;}
.ksu{color:#710000;}
.message{    
    text-align: center;
    position: relative;
    float: left;}
    
.bg-04 .message{display:none;}
.bg-05 .message{display:none;}
.bg-06 .message{display:none;}
.bg-07 .message{display:none;}
.bg-07-2 .message{display:none;}
.bg-08 .message{display:none;}
.bg-09 .message{display:none;}
.bg-10 .message{display:none;}

.bg-04 .message.ksu.one{    
    top: 57px;
    left: 14px;
    width: 200px;
    line-height: 25px;}
.bg-04 .message.lera.one{    
    top: 45px;
    left: 90px;
    width: 240px;
    line-height: 25px;}
.bg-04 .message.ksu.two{    
    top: 682px;
    left: 113px;
    width: 230px;
    line-height: 27px;}
.bg-04 .message.lera.two{    
    top: 498px;
    left: 391px;
    width: 240px;
    line-height: 27px;}
    
.bg-05 .message.ksu.one{    
    top: 131px;
    left: 87px;
    width: 480px;
    line-height: 33px;
    font-size: 27px;
    letter-spacing: -0.1px;}
.bg-05 .message.ksu.one span{
    font-size:34px;
    font-weight:bold;
}
.bg-05 .message.ksu.two{    
    top: 160px;
    left: 260px;
    width: 230px;
    line-height: 29px;
    text-align: left;
    color: #c24040;
    font-size: 24px;
    font-weight: bold;}
.bg-05 .message.ksu.thr{
    top: 585px;
    left: 61px;
    width: 510px;
    line-height: 27px;
    font-size: 21px;}
.bg-05 .message.ksu.fou{
    top: 593px;
    left: 66px;
    width: 510px;
    line-height: 33px;
    font-size: 23px;
    font-weight: bold;
    color: #c24040;}
.bg-05 .message.ksu.fiv{
    top: 818px;
    left: 47px;
    width: 180px;
    line-height: 26px;
    font-size: 20px;
    color: #c24040;}
.bg-05 .message.ksu.six{
    top: 830px;
    left: 55px;
    width: 180px;
    line-height: 26px;
    font-size: 20px;
    color: #c24040;}
.bg-05 .message.ksu.sev{
    top: 830px;
    left: 95px;
    width: 110px;
    line-height: 26px;
    font-size: 20px;
    color: #c24040;}

.bg-06 .message.ksu.one{    
    top: 73px;
    left: 141px;
    width: 480px;
    line-height: 25px;
    font-size: 21px;}
    
.bg-07 .message.lera.one{    
    top: 56px;
    left: 127px;
    width: 220px;
    line-height: 22px;
    font-size: 21px;}
.bg-07 .message.lera.two{    
    top: 91px;
    left: -93px;
    width: 220px;
    line-height: 25px;
    font-size: 21px;}
.bg-07 .message.ksu.one{    
    top: 206px;
    left: 76px;
    width: 220px;
    line-height: 25px;
    font-size: 21px;}
.bg-07 .message.ksu.one-half{    
    top: 297px;
    left: -144px;
    width: 220px;
    font-size: 21px;}
.bg-07 .message.ksu.two{    
    top: 321px;
    left: 77px;
    width: 510px;
    line-height: 28px;
    font-size: 21px;
    letter-spacing: -0.05px;}
.bg-07 .message.ksu.thr{    
    top: 636px;
    left: 328px;
    width: 260px;
    line-height: 28px;
    font-size: 21px;}
    
.bg-07-2 .message.ksu.one{    
    top: 57px;
    left: 336px;
    width: 220px;
    line-height: 25px;
    font-size: 21px;}
.bg-07-2 .message.ksu.two{    
    top: 70px;
    left: 191px;
    width: 510px;
    line-height: 28px;
    font-size: 21px;
    letter-spacing: -0.05px;}
.bg-07-2 .message.ksu.thr{    
    top: 82px;
    left: 316px;
    width: 260px;
    line-height: 28px;
    font-size: 21px;}
    
.bg-08 .message.ksu.one{    
    top: 77px;
    left: 44px;
    width: 350px;
    line-height: 28px;
    font-size: 21px;}
.bg-08 .message.ksu.one a{color:#710000; font-weight:bold; text-decoration:underline; }
.bg-08 .message.ksu.two{
    top: 89px;
    left: -38px;
    width: 510px;
    line-height: 28px;
    font-size: 21px;}

.bg-09 .message.lera.one{    
    top: 145px;
    left: 346px;
    width: 220px;
    line-height: 25px;
    font-size: 21px;}
.bg-09 .message.ksu.one{    
    top: 240px;
    left: 83px;
    width: 490px;
    line-height: 28px;}
.bg-09 .message.ksu.two{    
    top: 252px;
    left: 86px;
    width: 490px;
    line-height: 28px;}
.bg-09 .message.ksu.thr{
    top: 702px;
    left: 7px;
    width: 490px;
    line-height: 28px;}
.bg-09 .message.ksu.fou{
    top: 714px;
    left: 10px;
    width: 490px;
    line-height: 28px;}
.bg-09 .message.ksu.fiv{
    top: 726px;
    left: 10px;
    width: 490px;
    line-height: 28px;}

.bg-10 .message.ksu.one{    
    top: 111px;
    left: 78px;
    width: 490px;
    line-height: 35px;
    font-size: 31px;
    letter-spacing: 0.7px;}
.bg-10 .message.ksu.one span{font-weight:bold;}
.bg-10 .message.ksu.two{    
    top: 176px;
    left: 238px;
    width: 490px;
    text-align: left;
    font-size: 22px;
    letter-spacing: -0.1px;
    line-height: 24px;}
.bg-10 .message.ksu.thr{
    top: 219px;
    left: 238px;
    width: 490px;
    text-align: left;
    font-size: 22px;
    letter-spacing: -0.1px;
    line-height: 29px;}
.bg-10 .message.ksu.fou{
    top: 266px;
    left: 237px;
    width: 490px;
    text-align: left;
    font-size: 22px;
    letter-spacing: -0.1px;
    line-height: 26px;}
.bg-10 .message.ksu.fiv{
    top: 341px;
    left: 238px;
    text-align: left;
    font-size: 22px;
    letter-spacing: -0.1px;}

.bg-11 .message.lera.one{    
    top: 52px;
    left: 191px;
    width: 220px;
    line-height: 22px;
    font-size: 21px;
    display:none;}
.bg-11 .message.lera.two{    
    top: 87px;
    left: 4px;
    line-height: 25px;
    font-size: 21px;
    display:none;}
.bg-11 .message.ksu.one{    
    top: 330px;
    left: 97px;}
.bg-11 .message.ksu.two a{font-weight:bold;font-size:36px;}
.bg-11 .message.ksu.two{    
    top: 346px;
    left: 165px;
    line-height: 33px;}
.bg-11 .message.ksu.thr{
    top: 360px;
    left: 90px;}

.link-salons {padding: 390px 0 0 49px;}
.link-salons a {display: block; float: left; width: 176px; height: 236px; background: url('../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;}

.spicepromo {position: absolute; right: 42px; bottom: 44px; width: 165px; height: 30px; background: url('../img/spicepromo.png') 0 0 no-repeat;}

.box-text-about {position: absolute; left: 50px; top: 320px; text-align: center; color: #710000; 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 {    
    width: 480px;
    padding-top: 788px;
    padding-left: 90px;}
.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;}
.tal {text-align: left;}
.label{
    font-size: 27px;
    padding-bottom: 9px;
    color:#710000;
}
.input{
    height: 60px;
    width: 440px;
}
.name .input{
    margin-left: 1px;
}

.email{
    margin-top: 25px;
}

.tel .input{
    width:280px;
}
.tel{
    margin-top: 25px;
}
.attr{
    margin-top: 29px;
}
.attr .clear{clear:both;}
.attr .label{
    padding-bottom: 7px;
}
.attr>div:nth-child(2){
    margin-left:53px;
}
.attr>div:nth-child(3){
    margin-left:66px;
}
.attr>div{
    float:left;
}
.attr .input {
    width:90px;
}
.bio{
    margin-top:160px;
}
.bio .input{
    height: 210px;
}
.photo{
    margin-top: 28px;
}

.photo>div.label:nth-child(3){margin-top: 25px;}
.photo>div.label:nth-child(5){margin-top: 22px;}

form input[type="submit"] {
    width: 393px;
    height: 72px;
    border: none;
    display: block;
    margin: 44px 0 0 46px;
    background: url(../img/Rabota_massazh_button_2.svg) 0 0 no-repeat;
}
form input[type="submit"]:disabled{
    background: url(../img/Rabota_massazh_button_2.svg) 0 0 no-repeat;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.input input::placeholder, .input textarea::placeholder {
    color:#a0a0a0;
}
 input#phone::placeholder {color:#710000;}
.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 select, .input input[type="text"], .input input[type="tel"], .input input[type="email"], .input textarea {font-size: 26px; font-family: 'Roboto Slab'; color: #710000; width: 100%; outline: none; resize: none; background: none; border: none; padding: 14px 0 0 4px;}


.customfile-wrap {position: relative; overflow: hidden; font-size: 21px; font-family: 'Roboto Slab'; color: #710000;}
.customfile-upload {    
    float: right;
    width: 165px;
    height: 62px;
    background: url(../img/Rabota_massazh_button_1.svg) 0 -6px no-repeat;
    border: none;
    outline: none;
    padding: 0;}
.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: 60px; 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: #1f563f; font-family: 'Intro'; text-align: center; line-height: 1; padding: 45px 0 25px 0;
}

.header-about {    
    font-size: 29px;
    text-align: center;
    color: #b10000;
    line-height: 38px;
    padding: 446px 1px 25px 0;
}
.header-about span {font-size: 34px; text-transform: uppercase;font-weight:bold;}
.header-about div {color: #226549; font-size: 19px;}

.header-name {    
    color: #000;
    font-size: 24px;
    margin: 311px 0px 0px 61px;
    width: 539px;
    text-align: left;
    letter-spacing: -0.7px;
    line-height: 1.5;}
.header-name div {
	color: #e5210c; font-size: 75px;  font-family: 'Intro';
}
.header-name a {
	color:#f96746;
    text-decoration: underline;
}
.header-list {    
    margin: 92px 103px 35px auto;
    width: 350px;
    font-size: 34px;
    color: #fff;
    line-height: 0.9;
    font-family: 'Intro';
    color:#fff9c0;
}
.header-list > div {margin-top: 66px; position: relative; padding-left: 35px;}
.header-list > div:first-child > span {font-size:47px;}
.header-list > div:first-child {margin-top: 96px;}
.header-list > div:nth-child(2) {margin-top: 63px; position: relative; padding-left: 33px;line-height: 1;color:#ffc300;}
.header-list > div:nth-child(3) {margin-top: 70px; position: relative; padding-left: 35px;line-height: 1.2;}
.header-list > div:nth-child(4) {margin-top: 66px; position: relative; padding-left: 35px;line-height: 1;}
.header-list > div:nth-child(5) {margin-top: 71px; position: relative; padding-left: 33px;line-height: 1.2;}

.header-list img {position: absolute; left: 0; top: 0;}

#success{margin-top: 13px;float: right;}
#progress{margin-top: 13px;}
#progress>div{
    float:right;
}
#progress>div.tar{
    float:left;
}
.header-list img {position: absolute; left: 0; top: 0;}
.tai_soc_button{position: fixed;width:100%;height:100px;bottom:0;background: #4EA4F6;}
.tai_soc_button a{width:100%;height:100%;display:block;}
.tai_soc_button a span{line-height: 100px;font-size: 30pt;text-transform: uppercase;margin-left: 110px;color: #fff;font-family: sans-serif;text-decoration: none;}
.wh_button a {background: transparent url(/img/whatsapp-svgrepo-com.svg) no-repeat;}
.tg_button a {background: transparent url(/img/telegram-new-2019-simple.svg) no-repeat;}