* {margin:0;padding:0;border:0;outline:none;}
a {text-decoration:none;}
li {list-style:none;}
body,input {font-family:'PT Sans',arial,sans-serif;}
.wrapper {width:640px;margin:0 auto;}

/* Шапка сайта */
#header {background:url(top-3.jpg) no-repeat center 0;height:554px;position:relative;}
#header .tonus {font-size:32px;line-height:38px;text-transform:uppercase;font-weight:700;color:#282828;margin:0 0 0 320px;padding:150px 0 0 0;}
#header .tonus div {border-top:1px solid #70a0ad;border-bottom:1px solid #70a0ad;display:inline-block;padding:3px 0 3px 0;}
#header .price {margin:0 0 0 320px;}
#header .price_old {color:#282828;font-size:16px;line-height:12px;margin:12px 0 7px 144px;position:relative;}
#header .price_old div {background:url(price_old.png) no-repeat 0 0;width:48px;height:19px;position:absolute;top:-4px;left:-2px;}
#header .price_new {color:#a70515;font-size:30px;line-height:24px;}
#header .navigation {padding:15px 0 0 458px;}
#header .navigation ul li {background:url(nav_t.png) no-repeat 0 7px;padding:0 0 9px 36px;line-height:17px;font-size:14px;}
#header .navigation ul li div {font-size:15px;font-weight:700;text-transform:uppercase;color:#282828;}
#header .sale {width:179px;height:140px;padding:39px 0 0 0 ;position:absolute;left:46px;top:289px;color:#fff;font-weight:700;text-align:center;font-size:16px;line-height:12px;text-transform:uppercase;}
#header .sale div {font-size:70px;line-height:50px;padding:10px 0 8px 0;}
#header .sale div span {font-size:48px;}
#header .button a {background:url(button.png) no-repeat 0 0;width:284px;height:69px;line-height:69px;display:block;position:absolute;right:37px;bottom:30px;text-transform:uppercase;font-size:30px;color:#fff;text-align:center;font-weight:700;}
#header .button a:hover {background-position:0 bottom;}

/* Описание */
#description {background:url(description.jpg) no-repeat center 0;height:214px;position:relative;}
#description .text {font-family:'Roboto',arial,sans-serif;font-size:18px;color:#282828;padding:50px 100px 0 246px;}
#description .text p {padding:0 0 22px 0;}
#description .banka {width:229px;height:387px;position:absolute;z-index:2;top:30px;left:0;}


/* Плюсы */
#pluses {background:url(pluses.jpg) no-repeat center 0;height:805px;position:relative;}
#pluses .title {font-size:32px;line-height:46px;font-weight:700;text-transform:uppercase;color:#282828;padding:30px 0 0px 245px;}
#pluses .title div {font-size:48px;color:#a81625;}
#pluses .text {padding:37px 24px 0 34px;color:#282828;}
#pluses .list {padding:12px 0 0 34px;}
#pluses .list div {color:#282828;padding:0 0 16px 0;}
#pluses .list div span {display:block;font-size:24px;font-weight:700;}
#pluses .button a {background:url(button-b.png) no-repeat 0 0;width:451px;height:109px;line-height:109px;display:block;position:absolute;left:95px;bottom:41px;text-transform:uppercase;font-size:48px;color:#fff;text-align:center;font-weight:700;}



/* Доктор */
#doctor {background:url(doctor.jpg) no-repeat center 0;height:492px;color:#282828;}
#doctor .title {font-size:32px;font-weight:700;line-height:70px;padding:0 0 0 65px;}
#doctor .text {width:310px;height:337px;padding:18px 0 0 65px;}
#doctor .name {width:386px;text-align:right;padding:14px 0 0 0;}


/* Блок с текстом */
#what-do {background:url(what-do-3.jpg) no-repeat center 0;height:1589px;position:relative;}
#what-do .title {text-align:center;color:#282828;font-size:24px;font-weight:700;text-transform:uppercase;padding:13px 50px 13px 50px;}
#what-do .box {width:475px;margin:0 auto 20px auto;}
#what-do .box .name {background:url(title-wd.png) no-repeat 0 0;padding:0 0 0 27px;color:#fff;font-size:24px;text-transform:uppercase;font-weight:700;line-height:58px;}
#what-do .box .message {padding:11px 15px 29px 27px;background:#fff;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
#what-do .box .message div {padding:0 0 16px 0;}
#what-do .box .message span {color:#282828;font-size:24px;font-weight:700;text-transform:uppercase;display:block;}
#what-do .box .message div>div {padding:0;display:block;}
#what-do .composition {padding:0 0 0 378px;}
#what-do .composition .name {color:#a70515;font-size:32px;line-height:24px;font-weight:700;padding:15px 0 20px 0;}
#what-do .composition ul {}
#what-do .composition ul li {background:url(nav_t-b.png) no-repeat 0 0;font-size:20px;font-weight:700;color:#282828;min-height:34px;padding:6px 0 12px 55px;}
#what-do .composition ul li div {font-size:16px;font-weight:400;padding:9px 0 0 0;}
#what-do .guar {padding:19px 20px 0 308px;color:#fff;height:144px;position:absolute;bottom:0;}


/* Отзывы */
#reviews {background:url(reviews.jpg) no-repeat center 0;height:779px;}
#reviews .title {font-size:50px;color:#fff;text-transform:uppercase;font-weight:700;line-height:36px;text-align:center;padding:27px 0 5px 0;}
#reviews .review {background:url(review.png) no-repeat 0 0;width:620px;height:212px;color:#282828;margin:0 auto 20px auto;}
#reviews .review .minus {padding:17px 0 0 22px;color:#a70515;font-size:32px;font-weight:700;line-height:24px;}
#reviews .review .message {padding:10px 0 0 22px;}
#reviews .review .name {font-weight:700;padding:0px 0 0 22px;height:21px;line-height:12px;}
#reviews .review .photo {float:right;padding:31px 0 0 0;}
#reviews .review .photo .after,#reviews .review .photo .before {float:left;padding:0 10px 0 0;height:171px;position:relative;}
#reviews .review .photo .after div,#reviews .review .photo .before div {position:absolute;text-align:center;font-weight:700;color:#fff;width:125px;}
#reviews .review .photo .before div {bottom:7px;font-size:14px;}
#reviews .review .photo .after div {bottom:4px;font-size:24px;}


/* Низ сайта */
#footer {height:725px;}
#footer .title {text-align:center;font-weight:700;text-transform:uppercase;color:#282828;font-size:32px;line-height:50px;padding:20px 0 0 0;}
#footer .title div {color:#a80b1a;font-size:48px;}
#footer .left-box {float:left;padding:35px 0 0 37px;width:283px;}
#footer .left-box .banka {height:382px;padding:0px 0 0 108px; position: relative;}
/*
#footer .left-box .sale {background:url(sale.jpg) no-repeat 0 0;width:149px;height:117px;padding:32px 0 0 0;color:#fff;font-weight:700;text-align:center;font-size:14px;line-height:9px;text-transform:uppercase;}
#footer .sale div {font-size:58px;line-height:45px;padding:6px 0 4px 0;}
#footer .sale div span {font-size:40px;}
*/

#footer .left-box .sale {
    background: #6DB5C3;
    width: 146px;
    height: 145px;
    padding: 0 0 0 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    line-height: 9px;
    text-transform: uppercase;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
}
#footer .left-box .sale-wrap{
    position: absolute;
    background-color: #8ECDDE;
    width: 126px;
    height: 126px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
    padding: 25px 0 0 0;
}
#footer .sale .sale-wrap div {font-size:58px;line-height:45px;padding:6px 0 4px 0;}
#footer .sale .sale-wrap div span {font-size:40px;}

#footer .price {color:#a70515;font-size:32px;line-height:24px;padding:0 0 0 3px;margin:-10px 0 0 0;}
#footer .price_old {color:#282828;font-size:26px;line-height:18px;position:relative;display:inline-block;margin:0 0 0 9px;}
#footer .price_old div {background:url(price_old_f.png) no-repeat 0 0;width:74px;height:28px;position:absolute;top:-6px;left:-2px;}
#footer .price_new {color:#a70515;font-size:25px;line-height:24px;padding:22px 0 0 0;}
#footer .price_new b {font-size:48px;display:inline-block;}
#footer .right-box {float:right;width:320px;padding:30px 0 0 0;}
#footer .right-box .alert2 {display:none;}
#footer .right-box .alert {text-align:center;font-weight:700;color:#a70515;font-size:24px;padding:0px 0 7px 0;}
#footer .time {background:url(timer.png) no-repeat 0 11px;padding:0 0 46px 0;width:280px;}
#footer .time .name-t {font-weight:700;color:#fff;padding:0 0 14px 0;color:#3e8eaa;font-size:14px;}
#footer .time #timer {padding:0 0 0 19px;}
#footer .time #timer div {position:relative;background:url(timer-btn.png) no-repeat 0 0;width:68px;height:56px;line-height:56px;padding:0 0 0 0;display:inline-block;margin:0 1px 0 0;font-size:40px;font-weight:700;text-align:center;color:#fff;}
#footer .time span {position: absolute;width: 68px;text-align: center;left: 50%;margin-left: -37px;font-weight:300;color:#fff;font-size:14px;line-height:10px;font-weight:400;top:67px;color:#3e8eaa;}
#footer .time .hours span {margin:0 0 0 -38px;}
#footer .time .dots {background:url(dots.png) no-repeat center center;display:inline-block;height:56px;vertical-align:top;font-size:32px;width:21px;}
#footer input[type="text"] {width:280px;height:48px;line-height:48px;display:block;font-size:16px;padding:0 10px 0 40px;margin:0 0 25px 0;}
#footer input[name="name"] {background:url(inputs.png) no-repeat 0 0;}
#footer input[name="phone"] {background:url(inputs.png) no-repeat 0 bottom;}
#footer input[type="text"]:focus {font-size:18px;}
#footer input[type="submit"] {background:url(button.png) no-repeat 0 0;cursor:pointer;width:284px;height:69px;line-height:69px;display:block;text-transform:uppercase;font-size:30px;color:#fff;text-align:center;font-weight:700;margin:0;}
#footer input[type="submit"]:hover {background-position:0 bottom;}

#bottom {background:url(reviews.png);text-align:center;padding:15px;}
#bottom a {color:#000;}

@media screen and (max-width: 320px) {
    .wrapper {width:320px;}
    /* Шапка сайта */
    #header {background:url(top-3.jpg) no-repeat center 0;height:637px;position:relative;}
    #header .tonus {font-size:25px;line-height:38px;text-transform:uppercase;font-weight:700;color:#282828;margin:0 0 0 16px;padding:158px 0 0 0;}
    #header .tonus div {border-top:1px solid #70a0ad;border-bottom:1px solid #70a0ad;display:inline-block;padding:8px 0 12px 0;}
    #header .price {margin:0 0 0 17px;}
    #header .price_old {color:#282828;font-size:16px;line-height:12px;margin:14px 0 7px 90px;position:relative;}
    #header .price_old div {background:url(price_old.png) no-repeat 0 0;width:48px;height:19px;position:absolute;top:-4px;left:-2px;}
    #header .price_new {color:#a70515;font-size:30px;line-height:24px;}
    #header .navigation {padding:24px 0 0 160px;}
    #header .navigation ul li {background:url(nav_t.png) no-repeat 0 7px;padding:0 0 14px 36px;line-height:17px;font-size:14px;}
    #header .navigation ul li div {font-size:15px;font-weight:700;text-transform:uppercase;color:#282828;}
    #header .sale {width:114px;height:88px;padding:26px 0 0 0 ;position:absolute;left: 16px;top: 488px;color:#fff;font-weight:700;text-align:center;font-size:10px;line-height:8px;text-transform:uppercase;}
    #header .sale div {font-size:37px;line-height:30px;padding:7px 0 7px 0;}
    #header .sale div span {font-size:30px;}
    #header .button a {background:url(button.png) no-repeat 0 0;width:284px;height:69px;line-height:69px;display:block;position:absolute;z-index:2;left:0;right:0;margin:0 auto;bottom:-91px;text-transform:uppercase;font-size:30px;color:#fff;text-align:center;font-weight:700;}
    #header .button a:hover {background-position:0 bottom;}

    /* Описание */
    #description {background:url(description.jpg) no-repeat center 0;height:346px;position:relative;}
    #description .text {font-family:'Roboto',arial,sans-serif;line-height:18px;font-size:15px;color:#282828;padding:117px 36px 0 166px;}
    #description .text p {padding:0 0 20px 0;}
    #description .banka {background:url(banka_new.png) no-repeat 0 0;width:189px;height:320px;position:absolute;z-index:2;top:113px;left:-20px;}


    /* Плюсы */
    #pluses {background:url(pluses.jpg) no-repeat center 0;height:1114px;position:relative;}
    #pluses .title {font-size:32px;line-height:46px;font-weight:700;text-transform:uppercase;color:#282828;padding:105px 0 0px 13px;}
    #pluses .title div {font-size:48px;color:#a81625;}
    #pluses .text {padding:0px 0px 0 13px;color:#282828;}
    #pluses .list {padding:290px 15px 0 10px;}
    #pluses .list div {color:#282828;padding:0 0 14px 0;}
    #pluses .list div span {display:block;font-size:20px;font-weight:700;}
    #pluses .button a {background:url(button.png) no-repeat 0 0;width:284px;height:69px;line-height:69px;display:block;position:absolute;left:0;right:0;margin:0 auto;bottom:23px;text-transform:uppercase;font-size:30px;color:#fff;text-align:center;font-weight:700;}


    /* Доктор */
    #doctor {background:url(doctor.jpg) no-repeat center 0;height:501px;color:#282828;}
    #doctor .title {font-size:28px;font-weight:700;line-height:60px;text-align:center;padding:0;}
    #doctor .text {height:360px;padding:10px 22px 0 21px;width:auto;line-height:19px;}
    #doctor .name {padding:15px 0 0 21px;width:auto;text-align:left;}



    /* Блок с текстом */
    #what-do {background:url(what-do-3.jpg) no-repeat center 0;position:relative;height:auto;}
    #what-do .title {text-align:center;color:#282828;font-size:15px;font-weight:700;text-transform:uppercase;padding:15px 0 21px 0;}
    #what-do .box {margin:0 11px 20px 11px;width:298px;}
    #what-do .box .name {background:url(title-wd.png) no-repeat 0 0;padding:0 0 0 27px;color:#fff;font-size:20px;text-transform:uppercase;font-weight:700;line-height:48px;}
    #what-do .box .message {padding:11px 15px 16px 13px;background:#fff;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
    #what-do .box .message.pluser {padding:11px 5px 16px 13px;}
    #what-do .box .message div {padding:0 0 16px 0;}
    #what-do .box .message div:last-child {padding:0;}
    #what-do .box .message span {color:#282828;font-size:20px;font-weight:700;text-transform:uppercase;display:block;}
    #what-do .box .message div>div {padding:0;display:inline;}
    #what-do .composition {padding:570px 0 0 20px;}
    #what-do .composition .name {color:#a70515;font-size:32px;line-height:24px;font-weight:700;padding:15px 0 20px 0;}
    #what-do .composition ul {}
    #what-do .composition ul li {background:url(nav_t-b.png) no-repeat 0 0;font-size:24px;font-weight:700;color:#282828;min-height:34px;padding:6px 0 12px 55px;}
    #what-do .composition ul li div {font-size:14px;font-weight:400;padding:9px 0 0 0;}
    #what-do .guar {background:#4a9eb5 url(guar.jpg) no-repeat 0 0;padding:40px 0px 15px 15px;color:#fff;height:auto;position:static;line-height:19px;}


    /* Отзывы */
    #reviews {background:url(reviews.png);height:auto;padding:0 0 1px 0;}
    #reviews .title {font-size:50px;color:#fff;text-transform:uppercase;font-weight:700;line-height:36px;text-align:center;padding:28px 0 20px 0;}
    #reviews .review {background:#fff;border-radius:5px;-moz-border-radius:5px;width:auto;height:auto;position:relative;padding:0 18px 20px 19px;color:#282828;margin:21px 10px 41px 10px;}
    #reviews .review .minus {padding:17px 0 0 0;color:#a70515;font-size:32px;font-weight:700;line-height:24px;}
    #reviews .review .message {padding:10px 0 0 0;width:auto;}
    #reviews .review .name {background:url(review.png) no-repeat right 0;font-weight:700;padding:0px 0 0 10px;width:165px;height:21px;line-height:12px;position:absolute;top:-21px;left:0;}
    #reviews .review .photo {float:none;padding:31px 0 0 0;overflow:hidden;position:absolute;bottom:29px;left:19px;}
    #reviews .review .photo .after,#reviews .review .photo .before {float:left;padding:0 10px 0 0;height:171px;position:relative;}
    #reviews .review .photo .after div,#reviews .review .photo .before div {position:absolute;text-align:center;font-weight:700;color:#fff;width:125px;}
    #reviews .review .photo .before div {bottom:7px;font-size:14px;}
    #reviews .review .photo .after div {bottom:4px;font-size:24px;}
    #reviews .review.last {margin:21px 10px 29px 10px;}


    /* Низ сайта */
    #footer {height:auto;}
    #footer .title {text-align:center;font-weight:700;text-transform:uppercase;color:#282828;font-size:20px;line-height:28px;padding:22px 0 0 0;}
    #footer .title div {color:#a80b1a;font-size:32px;padding:0 0 7px 0;}
    #footer .left-box {float:none;padding:15px 0 0 27px;width:283px;}
    #footer .left-box .banka {background:url(banka_new.png) no-repeat 0 17px;height:382px;padding:0px 0 0 108px;}

    #footer .sale div {font-size:18px;line-height:5px;padding:6px 0 4px 0;}
    #footer .sale div span {font-size:20px;}

    #footer .price {color:#a70515;font-size:32px;line-height:24px;padding:0 0 0 18px;margin:-10px 0 0 0;}
    #footer .price_old {color:#282828;font-size:26px;line-height:18px;position:relative;display:inline-block;margin:0 0 0 9px;}
    #footer .price_old div {background:url(price_old_f.png) no-repeat 0 0;width:74px;height:28px;position:absolute;top:-6px;left:-2px;}
    #footer .price_new {color:#a70515;font-size:32px;line-height:24px;padding:22px 0 0 0;}
    #footer .price_new b {font-size:48px;display:inline-block;}
    #footer .right-box {float:none;width:320px;padding:32px 0 0 0;}
    #footer .right-box .alert {display:none;}
    #footer .right-box .alert2 {display:block;text-align:center;font-weight:700;color:#a70515;font-size:20px;padding:15px 0 17px 0;}
    #footer .time {background:url(timer.png) no-repeat 0 11px;padding:0 0 46px 0;width:280px;margin:0 auto;}
    #footer .time .name-t {font-weight:700;color:#fff;padding:0 0 14px 0;color:#3e8eaa;font-size:14px;}
    #footer .time #timer {padding:0 0 0 19px;}
    #footer .time #timer div {position:relative;background:url(timer-btn.png) no-repeat 0 0;width:68px;height:56px;line-height:56px;padding:0 0 0 0;display:inline-block;margin:0 1px 0 0;font-size:40px;font-weight:700;text-align:center;color:#fff;}
    #footer .time span {position: absolute;width: 68px;text-align: center;left: 50%;margin-left: -37px;font-weight:300;color:#fff;font-size:14px;line-height:10px;font-weight:400;top:67px;color:#3e8eaa;}
    #footer .time .hours span {margin:0 0 0 -38px;}
    #footer .time .dots {background:url(dots.png) no-repeat center center;display:inline-block;height:56px;vertical-align:top;font-size:32px;width:21px;}
    #footer input[type="text"] {width:280px;height:48px;line-height:48px;display:block;font-size:16px;padding:0 10px 0 40px;margin:0 auto 25px auto;}
    #footer input[name="name"] {background:url(inputs.png) no-repeat 0 0;}
    #footer input[name="phone"] {background:url(inputs.png) no-repeat 0 bottom;}
    #footer input[type="text"]:focus {font-size:18px;}
    #footer input[type="submit"] {background:url(button.png) no-repeat 0 0;cursor:pointer;width:284px;height:69px;line-height:69px;display:block;text-transform:uppercase;font-size:30px;color:#fff;text-align:center;font-weight:700;margin:0 auto;}
    #footer input[type="submit"]:hover {background-position:0 bottom;}

}
.price_old {
    text-decoration: line-through;
}
.pack2 {
    left: 0;
    position: absolute;
}