/* Makeup Baurg!art (http://burgarts.ru/) */
html,body,div,span,iframe,h1,h2,h3,p,a,img,q,s,strike,strong,tt,dl,dt,dd,ol,ul,li,form,label {border:0;outline:0;font-weight:inherit;font-style:inherit;margin:0;padding:0}
:focus {outline:0}
ol,ul,li {list-style:none}
table {border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
button::-moz-focus-inner, input::-moz-focus-inner {border:none;padding:0;margin:0}
@font-face {
font-family:'PF Bulletin Sans Pro';
src:url(fonts/pfbulletinsanspro-regular.eot);
src:url(fonts/pfbulletinsanspro-regular.eot?#iefix) format('embedded-opentype'),
url(fonts/pfbulletinsanspro-regular.woff) format('woff'),
url(fonts/pfbulletinsanspro-regular.ttf) format('truetype'),
url(fonts/pfbulletinsanspro-regular.svg#pf_bulletin_sans_proregular) format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:'PF Bulletin Sans Pro';
src:url(fonts/pfbulletinsanspro-medium.eot);
src:url(fonts/pfbulletinsanspro-medium.eot?#iefix) format('embedded-opentype'),
url(fonts/pfbulletinsanspro-medium.woff) format('woff'),
url(fonts/pfbulletinsanspro-medium.ttf) format('truetype'),
url(fonts/pfbulletinsanspro-medium.svg#pf_bulletin_sans_promedium) format('svg');
font-weight:600;
font-style:normal
}
body {-webkit-text-size-adjust:100%;position:relative;font-family:'PF Bulletin Sans Pro',sans-serif;color:#66626b;font-size:18px;font-weight:400;line-height:1;background:#f1f1f1}
input,textarea,button {font-size:18px;font-weight:400;font-family:'PF Bulletin Sans Pro',sans-serif;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button {cursor:pointer;border:none}
a {color:#ffc104;text-decoration:none}
a:hover {color:#ba86eb}
b, strong {font-weight:600}
.clear {clear:both}
.clr:after {content:'';display:block;clear:both}
/* Общее */
.wrap {margin:0 auto;padding:0 10px;max-width:980px;position: relative;}
.title {margin-bottom:40px;line-height:32px;color:#3e354b;font-size:28px;font-weight:600;text-align:center;}
.add-title {margin:-20px 0 40px;line-height:25px;color:#6a6275;font-size:23px;font-weight:600;text-align:center}
.button, .button-yel, .button-grey {display:table;margin:30px auto 0;padding:18px 25px 15px;font-size:24px;font-weight:600;text-align:center;text-transform:uppercase;border:none;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.button {color:#fff;border-bottom:4px #b11c19 solid;box-shadow:0 0 50px rgba(204,27,24,.4);background:#e83c38;background:-o-linear-gradient(top, #f13a36, #d23836);background:-moz-linear-gradient(top, #f13a36, #d23836);background:-webkit-linear-gradient(top, #f13a36, #d23836);background:-ms-linear-gradient(top, #f13a36, #d23836)}
.button:hover {color:#fff;border-bottom:4px #950704 solid;box-shadow:0 0 50px rgba(204,27,24,.6);background:#d63834;background:-o-linear-gradient(top, #f92924, #c4100c);background:-moz-linear-gradient(top, #f92924, #c4100c);background:-webkit-linear-gradient(top, #f92924, #c4100c);background:-ms-linear-gradient(top, #f92924, #c4100c)}
.button-yel {position:relative;z-index:2;margin:0 auto;width:auto;color:#98380a;border-bottom:4px #d65d14 solid;box-shadow:0 0 50px rgba(236,122,0,.4);background:#ffaa1b;background:-o-linear-gradient(top, #ffc104, #ff9036);background:-moz-linear-gradient(top, #ffc104, #ff9036);background:-webkit-linear-gradient(top, #ffc104, #ff9036);background:-ms-linear-gradient(top, #ffc104, #ff9036)}
.button-yel:hover {color:#995803;border-bottom:4px #d68214 solid;box-shadow:0 0 50px rgba(236,122,0,.6);background:#ffc21c;background:-o-linear-gradient(top, #ffd904, #ffac34);background:-moz-linear-gradient(top, #ffd904, #ffac34);background:-webkit-linear-gradient(top, #ffd904, #ffac34);background:-ms-linear-gradient(top, #ffd904, #ffac34)}
.button-grey {padding-right:15px;padding-left:15px;color:#7c8690;font-size:20px;border-bottom:4px #a9b4c0 solid;background:#d2dae2;background:-o-linear-gradient(top, #d8dfe7, #cdd5de);background:-moz-linear-gradient(top, #d8dfe7, #cdd5de);background:-webkit-linear-gradient(top, #d8dfe7, #cdd5de);background:-ms-linear-gradient(top, #d8dfe7, #cdd5de)}
.button-grey:hover {color:#606a74;border-bottom:4px #929da8 solid;background:#d2dae2;background:-o-linear-gradient(top, #cad2d9, #b2bbc4);background:-moz-linear-gradient(top, #cad2d9, #b2bbc4);background:-webkit-linear-gradient(top, #cad2d9, #b2bbc4);background:-ms-linear-gradient(top, #cad2d9, #b2bbc4)}
.play {display:inline-block;margin-bottom:15px;padding:12px 0 0 60px;height:33px;color:#8f63b9;font-size:19px;font-weight:600;background:url(/images/main3/play.png) 0 -45px no-repeat}
.play:hover {color:#f9b103;background-position:0 -90px}
/* Шапка */
#head {position:relative;padding:25px 0 0;background:#4f4e9c url(/images/main3/head.jpg) center bottom -92px no-repeat;}
#head .wrap {position:relative;z-index:4;}
#logo {float:left;width:193px;height:58px;color:#eae4f2;background:url(/images/main3/logo2.png) no-repeat}
#presentation {position:absolute;display:table;top:7px;left:50%;margin-left:-100px;padding-left:60px;height:45px;color:#fff;font-size:14px;background:url(/images/main3/play.png) no-repeat}
#presentation2 {display:none;margin:15px auto 0;padding-left:60px;height:45px;color:#fff;font-size:14px;background:url(/images/main3/play.png) no-repeat}
#presentation p, #presentation2 p {padding-top:7px}
#presentation span, #presentation2 span {display:block;font-size:19px;font-weight:600}
#presentation:hover, #presentation2:hover {color:#f9b103;background-position:0 -90px}
#login {float:right;margin-top:20px}
#login a {float:left;color:#fff;font-size:21px}
#login a:hover {color:#f9b103}
#login a:last-child {position:relative;margin-left:35px}
#login a:last-child:before {content:'';position:absolute;top:-2px;left:-18px;width:2px;height:24px;background:#9492da}
#head h1 {clear:both;margin:0 auto;padding:50px 8px 0;line-height:50px;max-width:820px;color:#fff;font-size:42px;font-weight:600;text-transform:uppercase;text-align:center}
#head h1 span {color:#ffb80d;}
#main-text {margin:15px auto 90px;max-width:750px;line-height:26px;color:#fff;font-size:23px;text-align:center}
#arrow {position:absolute;z-index:1;bottom:30px;right:80px;width:240px;height:90px;background:url(/images/main3/arrow.png) right center no-repeat}
#number {margin-top:35px;line-height:26px;color:#fff;font-size:19px;text-align:center}
/* 2 экран */
#screen2 {position:relative;}
#screen2-body {position:relative;z-index:2;padding:120px 0 100px;background:url(/images/main3/bg-two.jpg) center 92px no-repeat}
#screen2:before {content:'';position:absolute;top:0;left:0;width:100%;height:92px;background:url(/images/main3/head.jpg) center bottom no-repeat;}
#screen2:after {content:'';position:absolute;z-index:3;bottom:0;left:0;width:100%;height:80px;background:url(/images/main3/bg-three-t.png) center top no-repeat}
/* Отзыв */
.review-people {float:right;position:relative;z-index:2;width:250px;text-align:center}
.review-people p {line-height:19px;font-size:17px}
.rp-img {overflow:hidden;margin:0 auto 20px;width:140px;height:140px;border:3px #fff solid;border-radius:50%;box-shadow:0 8px 15px rgba(0,0,0,.15)}
.rp-img img {display:block;width:100%;height:100%}
.review-text-wrap {float:left;position:relative;z-index:1;width:100%;margin-right:-280px}
.review-text {position:relative;margin-right:280px;padding:25px 30px;line-height:22px;color:#56505b;font-size:19px;background:#fff;border-radius:4px;box-shadow:-1px 3px 3px rgba(0,0,0,.1)}
.review-text:before {content:'';position:absolute;top:-12px;left:30px;width:34px;height:26px;background:url(/images/main3/quote.png) no-repeat}
.review-text:after {content:'';position:absolute;top:50px;right:-65px;width:65px;height:55px;background:url(/images/main3/comment.png) no-repeat}
.review-text p {margin-bottom:20px}
.review-text p:last-child {margin-bottom:0}
/* 3 экран */
#screen3 {position:relative;margin-top:-80px;padding:120px 0 60px;background:#e0e2e6 url(/images/main3/bg-three.jpg)}
.it-looks {color:#5e636b;font-size:22px;text-align:center}
#three-pic {margin:30px auto 0;width:795px;height:308px;background:url(/images/main3/three.png) center top no-repeat}
/* 4 экран */
#screen4 {padding:60px 0;background:#e9e9eb url(/images/main3/bg-four.jpg)}
#four-pic {margin:30px auto 0;width:795px;height:695px;background:url(/images/main3/four-p.png) center top no-repeat}
#screen4 .review {margin-top:50px}
/* 5 экран */
#screen5 {position:relative;z-index:2;padding:60px 0;background:#33144b;background:radial-gradient(ellipse at top, #581450 0%, #33144b 60%)}
#screen5 .title {color:#fff}
#screen5 .review-people p {color:#fff}
#screen5 .button {margin-top:50px}
#chamomile {position:relative;margin:50px auto;width:640px;height:640px}
.petal-center {position:absolute;display:table;z-index:3;top:50%;left:50%;margin:-132px 0 0 -132px;width:256px;height:256px;color:#494255;font-size:28px;font-weight:600;text-align:center;border:4px solid #eba73e;border-radius:50%;background:#fff;background:radial-gradient(ellipse at top, #fdfdfd 0%, #e5e5e5 60%);box-shadow:0 0 30px rgba(198,102,9,.6)}
.petal-center p {display:table-cell;vertical-align:middle}
.petal {position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,193,4,.8)}
.petal p {width:220px;height:220px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(255,130,54,.6) 0%, rgba(255,193,4,.6) 100%)}
.petal-name {position:absolute;z-index:1;display:table;width:220px;height:220px}
.petal-name p {display:table-cell;vertical-align:middle;width:220px;height:220px;color:#fff;text-align:center;font-size:20px;font-weight:600;text-shadow:1px 1px 0 rgba(175,96,12,.75)}
.ptl1 {top:0;left:50%;margin-left:-110px}
.ptl2 {top:25%;right:25%;margin:-110px -110px 0 0}
.ptl3 {top:50%;right:0;margin-top:-110px}
.ptl4 {bottom:25%;right:25%;margin:0 -110px -110px 0}
.ptl5 {bottom:0;left:50%;margin-left:-110px}
.ptl6 {bottom:25%;left:25%;margin:0 0 -110px -110px}
.ptl7 {top:50%;left:0;margin-top:-110px}
.ptl8 {top:25%;left:25%;margin:-110px 0 0 -110px}
.petal-name.ptl3 p {padding-left:20px}
.petal-name.ptl7 p {padding-right:20px}
/* 6 экран */
#screen6 {padding:60px 0;background:#ebedf1 url(/images/main3/bg-six.jpg)}
#screen6 .review {margin-top:60px}
#beauty-page {position:relative;margin:0 10px 80px}
#beauty-page:before, #beauty-page:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;box-shadow:0 0 15px rgba(67,69,71,.1)}
#beauty-page:before {z-index:2;transform:rotate(1deg)}
#beauty-page:after {z-index:1;transform:rotate(-1deg)}
#beauty-content {position:relative;z-index:3;padding:50px 30px 0;background:#fff;box-shadow:0 0 15px rgba(67,69,71,.1)}
#beauty-content .title {font-size:25px}
.advantages li {position:relative;float:left;margin-bottom:50px;padding:0 3%;width:44%;text-align:center}
.advantages li:nth-child(2n+3) {clear:both}
.advantages li p {margin-top:15px;line-height:23px;font-size:19px}
.advantages li p span {font-weight:600}
.do-img {height:120px;background-position:center center;background-repeat:no-repeat}
.do-first .do-img {height:50px}
.do1 .do-img {background-image:url(/images/main3/do-1.png)}
.do2 .do-img {background-image:url(/images/main3/do-2-1.png)}
.do3 .do-img {background-image:url(/images/main3/do-3.png)}
.do4 .do-img {background-image:url(/images/main3/do-4.png)}
.do5 .do-img {background-image:url(/images/main3/do-5.png)}
.do6 .do-img {background-image:url(/images/main3/do-6.png)}
.do7 .do-img {background-image:url(/images/main3/do-7.png)}
.do8 .do-img {background-image:url(/images/main3/do-8.png)}
/* 7 экран */
#screen7 {padding:60px 0;background:#34315c url(/images/main3/bg-seven.jpg) center bottom no-repeat}
#screen7 .title {color:#fff}
.breview {padding:40px 50px}
.breview-people {float:left;width:148px;height:100%;text-align:center}
.breview-photo {overflow:hidden;width:140px;height:140px;border:4px solid #ffc104;border-radius:50%}
.breview-photo img {display:block;width:100%;height:auto}
.breview-logo {margin-top:15px}
.breview-logo img {display:block;margin-left:5%;width:90%;height:auto}
.breview-text-wrap {float:right;width:100%;margin-left:-190px}
.breview-text {margin-left:190px}
.breview-name {margin-bottom:10px;color:#565181;font-size:20px;font-weight:600}
.breview-text p {margin-bottom:20px;line-height:22px;color:#56505b;font-size:19px}
.breview-text p:last-child {margin-bottom:0}
.breview-text .play {margin-bottom:0}
/* 8 экран */
#screen8 {padding:60px 0;background:#fff url(/images/main3/bg-eight.png)}
#screen8 .button {margin-top:0;box-shadow:none}
.all-logos li {float:left;margin:10px 0;width:25%;text-align:center}
.all-logos li p {margin:0 auto;width:200px}
.all-logos li img {display:block;width:100%;height:auto}
#triangle {position:relative;margin:40px 0 50px;padding:25px 20px 20px;color:#6d2705;font-size:22px;font-weight:600;text-align:center;background:#ffc104}
#triangle:before {content:'';position:absolute;top:100%;left:0;width:100%;height:20px;background:url(/images/main3/triangle.png) center bottom no-repeat}
#now {margin-bottom:30px;color:#3e354b;font-size:22px;font-weight:600;text-align:center}
/* 9 экран */
#screen9 {padding:60px 0;box-shadow:inset 0 1px 15px rgba(0,0,0,.1);background:#f5f5f5 url(/images/main3/bg-two.jpg) center bottom no-repeat}
#screen9 .title {margin-bottom:20px;font-size:25px}
#nine-left {float:left;width:400px}
#nine-right {float:right;width:300px}
#course {display:table;margin-top:55px;height:120px;line-height:22px;color:#3e354b;font-size:18px;text-align:center;background:url(/images/main3/course.png) center center no-repeat}
#course p {display:table-cell;vertical-align:middle}
.vk-300px {position:absolute;top:-3000px;left:0;overflow:hidden;height:10px}
/* Подвал */
#foot {padding:40px 0 35px;font-size:16px;background:#32323b}
#foot a {color:#d8d8da;text-decoration:underline}
#foot a:hover {color:#ffc104}
.foot-col {float:left;width:25%}
.foot-col p {margin-bottom:6px;color:#fff}
.foot-col li {margin-bottom:6px}
.foot-title {margin-bottom:12px;color:#ababb1;font-size:16px;font-weight:600;text-transform:uppercase}
#foot .foot-col p.phone a {text-decoration: none;color:#fff}
.footerLastLi {position: absolute; top: calc(100% + 58px)}
/* Соц. кнопки */
#social {padding:15px 0;background:#282830}
#social .wrap {display:table;margin:0 auto}
#social p {float:left;margin-right:10px;padding-top:8px;color:#ababb1;font-size:16px;font-weight:600;text-transform:uppercase}
#social-link {float:left}
#social-link a {float:left;margin-left:15px;width:30px;height:30px;background-color:#c3c3c3;background-image:url(/images/main3/social.png);background-repeat:no-repeat;border-radius:3px}
#social-link a:hover {background-color:#fff}
.vk {background-position:0 0}
.fb {background-position:-30px 0}
.tw {background-position:-60px 0}
.yt {background-position:-90px 0}
.rss {background-position:-120px 0}
/* Модальные окна */
.arcticmodal-overlay {background:rgba(39,35,42,.8)}
.arcticmodal-overlay, .arcticmodal-container {position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0}
.arcticmodal-container {overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}
*:first-child+html .arcticmodal-container {height:100%}
.arcticmodal-container_i {margin:0 auto;height:100%}
.arcticmodal-container_i2 {margin:0;padding:5px;border:0;vertical-align:middle}
.popup-wrap {display:none}
.popup-win {position:relative;width:660px}
.popup-win .button {margin-top:25px;font-size:21px}
.arcticmodal-close {position:absolute;top:-25px;right:0;padding-left:18px;color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;border:0}
.arcticmodal-close:before {content:'';position:absolute;top:2px;left:0;width:11px;height:11px;background:url(/images/main3/close.png) no-repeat}
.arcticmodal-close:hover {color:#ffc104}
.arcticmodal-close:hover:before {background-position:0 -11px}
.video-iframe {position:relative;padding-bottom:55.6%;height:0;border:4px solid #ffc104}
.video-iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%}
/* Media queries - only min 760px */
@media screen and (min-width:760px){
.review-left .review-people {float:left}
.review-left .review-text-wrap {float:right;margin-right:0;margin-left:-300px}
.review-left .review-text {margin-right:0;margin-left:300px}
.review-left .review-text:after {left:-65px;right:auto;background:url(/images/main3/comment-left.png) no-repeat}
}
/* For HiDPI */
@media only screen and (-Webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5){
.play {background-image:url(/images/main3/play@2x.png);background-size:45px 135px}
#head {background-image:url(/images/main3/head@2x.jpg);background-size:1920px 786px}
#logo {background-image:url(/images/main3/logo2@2x.png);background-size:193px 58px}
#presentation {background-image:url(/images/main3/play@2x.png);background-size:45px 135px}
#presentation2 {background-image:url(/images/main3/play@2x.png);background-size:45px 135px}
#arrow {background-image:url(/images/main3/arrow@2x.png);background-size:240px 90px}
#screen2-body {background-image:url(/images/main3/bg-two@2x.jpg);background-size:1920px 575px}
#screen2:before {background-image:url(/images/main3/head@2x.jpg);background-size:1920px 786px}
#screen2:after {background-image:url(/images/main3/bg-three-t@2x.png);background-size:1920px 100px}
.review-text:before {background-image:url(/images/main3/quote@2x.png);background-size:34px 26px}
.review-text:after {background-image:url(/images/main3/comment@2x.png);background-size:65px 55px}
#screen3 {background-image:url(/images/main3/bg-three@2x.jpg);background-size:100px 100px}
#three-pic {background-image:url(/images/main3/three@2x.png);background-size:795px 308px}
#screen4 {background-image:url(/images/main3/bg-four@2x.jpg);background-size:100px 100px}
#four-pic {background-image:url(/images/main3/four-p@2x.png);background-size:795px 650px}
#screen6 {background-image:url(/images/main3/bg-six@2x.jpg);background-size:476px 476px}
.do1 .do-img {background-image:url(/images/main3/do-1@2x.png);background-size:320px 50px}
.do2 .do-img {background-image:url(/images/main3/do-2-1@2x.png);background-size:320px 50px}
.do3 .do-img {background-image:url(/images/main3/do-3@2x.png);background-size:170px 120px}
.do4 .do-img {background-image:url(/images/main3/do-4@2x.png);background-size:170px 120px}
.do5 .do-img {background-image:url(/images/main3/do-5@2x.png);background-size:170px 120px}
.do6 .do-img {background-image:url(/images/main3/do-6@2x.png);background-size:170px 120px}
.do7 .do-img {background-image:url(/images/main3/do-7@2x.png);background-size:170px 120px}
.do8 .do-img {background-image:url(/images/main3/do-8@2x.png);background-size:170px 120px}
#screen7 {background-image:url(/images/main3/bg-seven@2x.jpg);background-size:1920px 1000px}
#screen8 {background-image:url(/images/main3/bg-eight@2x.png);background-size:12px 12px}
#triangle:before {background-image:url(/images/main3/triangle@2x.png);background-size:956px 20px}
#screen9 {background-image:url(/images/main3/bg-two@2x.jpg);background-size:1920px 575px}
#course {background-image:url(/images/main3/course@2x.png);background-size:101px 117px}
#social-link a {background-image:url(/images/main3/social@2x.png);background-size:150px 30px}
.arcticmodal-close:before {background-image:url(/images/main3/close@2x.png);background-size:11px 22px}
}
/* Media queries */
@media screen and (max-width:1020px), screen and (max-device-width:1020px){
/* Шапка */
#arrow {right:40px}
}
@media screen and (max-width:920px), screen and (max-device-width:920px){
.footerLastLi {position: absolute; top: calc(100% - 5px)}
/* Общее */
.title {margin-bottom:30px;line-height:30px;font-size:26px}
.add-title {margin:-20px 0 30px;line-height:24px;font-size:21px}
.button, .button-yel, .button-grey {font-size:20px}
.popup-win .button {font-size:19px}
/* Шапка */
#head {background-size:1500px 614px}
#head h1 {line-height:40px;font-size:36px}
#main-text {margin-bottom:40px;line-height:22px;font-size:20px}
#arrow {right:10px;width:180px}
/* 2 экран */
#screen2:before {background-size:1500px 614px}
/* Отзыв */
.review-text {padding:20px;line-height:20px;font-size:17px}
.review-text p {margin-bottom:15px}
/* 3 экран */
#three-pic {margin:20px auto 0;width:640px;height:248px;background-size:640px 248px}
/* 4 экран */
#four-pic {margin:20px auto 0;width:640px;height:523px;background-size:640px 523px}
/* 5 экран */
#chamomile {margin:30px auto 50px;width:500px;height:500px}
.petal-center {margin:-99px 0 0 -99px;width:190px;height:190px;font-size:22px}
.petal {width:180px;height:180px}
.petal p {width:180px;height:180px}
.petal-name, .petal-name p {width:180px;height:180px;font-size:17px}
.ptl1 {margin-left:-90px}
.ptl2 {margin:-90px -90px 0 0}
.ptl3 {margin-top:-90px}
.ptl4 {margin:0 -90px -90px 0}
.ptl5 {margin-left:-90px}
.ptl6 {margin:0 0 -90px -90px}
.ptl7 {margin-top:-90px}
.ptl8 {margin:-90px 0 0 -90px}
/* 7 экран */
.breview-text p {margin-bottom:15px;line-height:20px;font-size:17px}
.breview-name {font-size:18px}
/* 8 экран */
.all-logos li p {width:180px}
}
@media screen and (max-width:840px), screen and (max-device-width:840px){
/* 6 экран */
.advantages li p {margin-top:5px;line-height:22px;font-size:18px}
.do1 .do-img, .do2 .do-img {height:40px;background-size:240px 37px}
.do3 .do-img, .do3 .do-img, .do4 .do-img, .do5 .do-img, .do6 .do-img, .do7 .do-img, .do8 .do-img {height:95px;background-size:130px 92px}
/* Подвал */
#foot {padding:20px 0 15px}
.foot-col {margin-bottom:25px;width:33.33%}
.foot-col:last-child {clear:both;float:none;margin-bottom:0;width:100%;text-align:center}
.foot-col:last-child br {display:none}
}
@media screen and (max-width:760px), screen and (max-device-width:760px){
/* Шапка */
#head {padding-top:15px;background-position:center bottom -62px;}
#login a {font-size:19px}
#head h1 {padding-top:40px;line-height:36px;font-size:30px}
#main-text {margin-bottom:30px;line-height:20px;font-size:18px}
#arrow {display:none}
#number {margin-top:15px;line-height:22px;font-size:17px}
/* 2 экран */
#screen2 {margin-top:-30px;}
#screen2-body {padding:90px 0 50px;}
/* Отзыв */
.review-people {float:none;display:table;margin-bottom:30px;width:auto;height:96px;text-align:left}
.rp-img {float:left;margin:0;width:90px;height:90px}
.review-people p {display:table-cell;vertical-align:middle;padding-left:15px;font-size:16px}
.review-text-wrap {clear:both;float:none;width:100%;margin-right:0}
.review-text {position:relative;margin-right:0}
.review-text p {margin-bottom:10px}
.review-text:before {top:-8px;left:20px;width:24px;height:18px;background-size:24px 18px}
.review-text:after {top:-35px;right:auto;left:85px;width:48px;height:40px;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);background-size:48px 40px}
/* 3 экран */
#screen3 {margin-top:0;padding:0 0 30px}
.it-looks {font-size:21px}
/* 4 экран */
#screen4 {padding:30px 0}
/* 5 экран */
#screen5 {padding:30px 0}
#screen5 .button {margin-top:30px}
/* 6 экран */
#screen6 {padding:30px 0 10px}
/* 7 экран */
#screen7 {padding:30px 0 10px}
#screen7 .title {margin-bottom:20px}
.lSSlideOuter .lSPager.lSGallery {display:none}
/* 8 экран */
#screen8 {padding:30px 0}
#screen8 .title {margin-bottom:10px}
.all-logos li {width:33.33%}
/* 9 экран */
#screen9 {padding:30px 0}
#nine-left {width:300px}
#nine-right {width:280px}
.vk-400px {display:none}
.vk-300px {position:static;overflow:visible;height:auto}
#course {font-size:17px;height:auto;background-size:70px 82px}
}
@media screen and (max-width:700px), screen and (max-device-width:700px){
/* Общее */
.title {line-height:26px;font-size:22px}
.add-title {margin:-20px 0 20px;line-height:21px;font-size:18px}
.button, .button-yel, .button-grey {padding:12px 10px 8px;border-width:2px !important}
/* Шапка */
#head h1 {padding-top:30px;line-height:30px;font-size:25px}
#presentation {display:none}
#presentation2 {display:table}
/* 3 экран */
.it-looks {font-size:18px}
/* 4 экран */
#screen4 .review {margin-top:30px}
/* 6 экран */
#beauty-content .title {font-size:22px}
#beauty-page {margin:-15px 0 30px}
#beauty-page:before, #beauty-page:after {display:none}
#screen6 .review {margin-top:30px}
#beauty-content {padding:20px 20px 0}
.advantages li p {line-height:21px;font-size:17px}
/* 7 экран */
.breview {padding:20px 40px}
/* 8 экран */
#triangle {margin:15px 0 40px;padding:15px 10px 5px;font-size:20px}
#now {margin-bottom:20px;font-size:20px}
/* 9 экран */
#screen9 .title {margin-bottom:10px;font-size:22px}
/* Модальные окна */
.popup-win {width:500px}
}
@media screen and (max-width:680px), screen and (max-device-width:680px){
/* 3 экран */
#three-pic {margin:10px auto 0;width:500px;height:194px;background-size:500px 194px}
/* 4 экран */
#four-pic {margin:10px auto 0;width:500px;height:408px;background-size:500px 408px}
}
@media screen and (max-width:620px), screen and (max-device-width:620px){
/* 6 экран */
.advantages li {margin-bottom:30px;padding:0 2%;width:96%}
.advantages li p br {display:none}
/* 7 экран */
.breview {padding:20px 30px}
.breview-people {float:none;display:table;margin:0 auto 15px;height:auto}
.breview-photo {float:none;margin:0 auto;width:120px;height:120px}
.breview-logo {float:none;margin-top:8px}
.breview-text-wrap {float:none;clear:both;margin-left:0}
.breview-text {margin-left:0}
/* 8 экран */
.all-logos li {width:50%}
/* 9 экран */
#screen9 {padding:40px 0}
#nine-left {float:none;display:table;margin:0 auto}
#nine-right {float:none;display:table;margin:50px auto 0;width:300px}
#course {margin:0;padding:10px 0}
}
@media screen and (max-width:540px), screen and (max-device-width:540px){
/* 3 экран */
#three-pic {width:360px;height:139px;background-size:360px 139px}
/* 4 экран */
#four-pic {margin:10px auto 0;width:360px;height:294px;background-size:360px 294px}
/* 7 экран */
.lSSlideOuter .lSPager.lSGallery li {margin-top:15px}
.lSSlideOuter .lSPager.lSGallery li .lS-photo {width:76px;height:76px}
.lSSlideOuter .lSPager.lSGallery li p {padding:10px 6px 0;font-size:15px}
/* 8 экран */
#triangle {margin:15px 0 35px;padding:10px 8px 0;font-size:18px}
#now {margin-bottom:15px;font-size:18px}
/* Подвал */
#foot .wrap {padding:0 5px}
.foot-col {float:none;margin-bottom:35px;width:100%;text-align:center;}
.foot-col:last-child {width:100%}
.foot-col:last-child br {display:block}
.foot-title {margin-bottom:5px;}
.foot-col li {margin-bottom:4px;}
/* Соц. кнопки */
#social p {float:none;margin:0 0 10px;padding:0;text-align:center}
#social-link a:first-child {margin-left:0}
/* Модальные окна */
.popup-win {width:400px}
.popup-win .button {margin-top:15px}
}
@media screen and (max-width:520px), screen and (max-device-width:520px){
/* 5 экран */
#chamomile {margin-bottom:30px;width:300px;height:580px}
.petal-center {top:0;margin:0 0 0 -84px;width:160px;height:160px}
.petal {width:160px;height:160px}
.petal p {width:160px;height:160px}
.petal-name, .petal-name p {width:160px;height:160px;font-size:16px;font-weight:400}
.ptl1, .ptl2, .ptl3, .ptl4, .ptl5, .ptl6, .ptl7, .ptl8 {margin:0}
.ptl1 {top:120px;left:0}
.ptl2 {top:120px;right:0}
.ptl3 {top:220px;left:0}
.ptl4 {top:220px;right:0}
.ptl5 {top:320px;left:0}
.ptl6 {top:320px;right:0;left:auto}
.ptl7 {top:420px;left:0}
.ptl8 {top:420px;right:0;left:auto}
.petal-name.ptl3 p, .petal-name.ptl7 p {padding:0}
}
@media screen and (max-width:460px), screen and (max-device-width:460px){
/* Общее */
.title {line-height:24px;font-size:20px}
.title br {display:none}
.add-title {margin:-25px 0 20px;line-height:19px;font-size:18px}
.add-title br {display:none}
.button, .button-yel, .button-grey {line-height:21px;font-size:18px}
/* Шапка */
#presentation {padding:0;width:45px}
#presentation p {display:none}
#login a:last-child:before {top:0;height:18px}
#head h1 {padding-top:15px;line-height:25px;font-size:20px}
#main-text {margin-top:10px;margin-bottom:20px;line-height:18px;font-size:16px}
/* 2 экран */
#screen2-body {padding-bottom:40px;}
/* 6 экран */
#beauty-content .title {font-size:20px}
/* Отзыв */
.review-people {height:76px}
.rp-img {width:70px;height:70px}
.review-text {padding:15px;line-height:19px;font-size:16px}
.review-text:after {left:60px}
.play {font-size:17px}
/* 8 экран */
.all-logos li p {width:140px}
/* 9 экран */
#screen9 .title {font-size:20px}
}
@media screen and (max-width:420px), screen and (max-device-width:420px){
/* Шапка */
#logo {width:142px;height:44px;background-size:130px 40px}
#login {margin-top:12px}
#login a {font-size:17px}
#login a:last-child {margin-left:25px}
#login a:last-child:before {left:-13px}
/* Модальные окна */
.popup-win {width:310px}
}
@media screen and (max-width:380px), screen and (max-device-width:380px){
/* 3 экран */
#three-pic {width:350px;height:136px;background-size:350px 136px}
/* 4 экран */
#four-pic {width:350px;height:286px;background-size:350px 286px}
}
@media screen and (max-width:360px), screen and (max-device-width:360px){
/* 3 экран */
#three-pic {width:320px;height:124px;background-size:320px 124px}
/* 4 экран */
#four-pic {width:320px;height:262px;background-size:320px 262px}
}