@import url(css-1.css);
@import url(css.css);

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

a {
    text-decoration: none
}

li {
    list-style: none
}

body, input {
    font-family: 'Open Sans', arial, sans-serif
}

body {
    min-width: 1000px;
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: 0 0 20px #cacaca;
    background: #fff
}

.width {
    width: 985px;
    margin: 0 auto;
    position: relative
}

.order {
    color: #c00;
    cursor: pointer;
    font: 900 19px/25px sans-serif;
    padding: 10px 30px
}

.new-logo {
    position: relative;
    display: table;
    margin-left: auto;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 57px;
    font-weight: 300;
    color: #fa4863;
    letter-spacing: -5px;
    text-transform: uppercase;
    -webkit-background-size: 100% 4px;
    -moz-background-size: 100% 4px;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-image: -moz-linear-gradient(left, #63a703 15%, #fa4862 85%), -moz-linear-gradient(left, #63a703 15%, #fa4862 85%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #63a703), color-stop(85%, #fa4862)), -webkit-gradient(linear, left top, right top, color-stop(15%, #63a703), color-stop(85%, #fa4862));
    background-image: -webkit-linear-gradient(left, #63a703 15%, #fa4862 85%), -webkit-linear-gradient(left, #63a703 15%, #fa4862 85%);
    background-image: -o-linear-gradient(left, #63a703 15%, #fa4862 85%), -o-linear-gradient(left, #63a703 15%, #fa4862 85%);
    background-image: -ms-linear-gradient(left, #63a703 15%, #fa4862 85%), -ms-linear-gradient(left, #63a703 15%, #fa4862 85%);
    background-image: linear-gradient(to right, #63a703 15%, #fa4862 85%), linear-gradient(to right, #63a703 15%, #fa4862 85%);
    background-position: 0 0, 0 100%;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    border-radius: 65px;
    padding: 0 30px 15px;
    line-height: 70px
}

#description .banka_mob {
    display: none
}

.new-logo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15%;
    height: 100%;
    -webkit-border-radius: 65px 0 0 65px;
    -moz-border-radius: 65px 0 0 65px;
    border-radius: 65px 0 0 65px;
    border: 4px solid #64a703;
    border-right: none;
    box-sizing: border-box
}

.new-logo b {
    color: #64a703;
    font-weight: 700
}

.new-logo:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    -webkit-border-radius: 0 65px 65px 0;
    -moz-border-radius: 0 65px 65px 0;
    border-radius: 0 65px 65px 0;
    border: 4px solid #fa4863;
    border-left: none
}

#header {
    height: 935px;
    background: url(../img/top.jpg) no-repeat center 0;
    background: #8ecdde;
    position: relative;
    overflow: hidden
}

#header .width {
    height: 935px
}

#header .logo {
    width: 445px;
    margin-left: auto;
    margin-right: 80px;
    padding-top: 40px;
    position: relative;
    z-index: 111
}

#header .tonus1 {
    font-size: 30px;
    line-height: 59px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-shadow: 3px 3px 2px #969696;
    margin: 0 0 0 490px;
    padding: 0 100px 0 0;
    text-align: center;
    position: relative;
    z-index: 1111
}

#header .tonus {
    font-size: 40px;
    line-height: 49px;
    text-transform: uppercase;
    font-weight: 700;
    color: #282828;
    margin: 0 0 0 490px;
    padding: 5px 100px 0 0;
    text-align: center;
    position: relative;
    z-index: 111
}

#header .tonus div {
    border-top: 1px solid #70a0ad;
    border-bottom: 1px solid #70a0ad;
    display: inline-block;
    padding: 14px 0 18px
}

#header .price {
    margin: 0 0 0 490px
}

#header .price_old {
    color: #282828;
    font-size: 26px;
    line-height: 18px;
    margin: 23px 0 9px 239px;
    position: relative
}

#header .price_old div {
    background: url(../img/price_old.png) no-repeat 0 0;
    width: 74px;
    height: 28px;
    position: absolute;
    top: -6px;
    left: -2px
}

#header .price_new {
    color: #a70515;
    font-size: 48px;
    line-height: 38px;
    position: relative;
    z-index: 1
}

#header .navigation {
    padding: 49px 0 0 613px
}

#header .navigation ul li {
    background: url(../img/nav_t.png) no-repeat 0 15px;
    padding: 0 0 10px 53px;
    line-height: 28px
}

#header .navigation ul li div {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #282828
}

#header .button a:hover {
    background-position: 0 bottom;
    transform: scale(1.1);
    cursor: pointer
}

#header .button a {
    background: url(../img/button.png) no-repeat 0 0;
    background-size: 100%;
    width: 391px;
    height: 93px;
    line-height: 88px;
    display: block;
    position: absolute;
    right: 40px;
    bottom: 49px;
    text-transform: uppercase;
    font-size: 48px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 66px;
    box-shadow: 0 0 100px 5px #f0f8ff
}

.bg {
    position: absolute;
    top: 0;
    height: 100%;
    transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1)
}

.bg-1 {
    opacity: .5
}

.bg-2 {
    left: -436px;
    z-index: 11
}

.bgbg-1 {
    position: absolute;
    top: 117px;
    left: -215px;
    height: 100%;
    width: 810px
}

.bgbg-1:before {
    content: '';
    background: #8ecdde;
    background: -moz-linear-gradient(top, #8ecdde 0, rgba(231, 56, 39, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #8ecdde), color-stop(100%, rgba(231, 56, 39, 0)));
    background: -webkit-linear-gradient(top, #8ecdde 0, rgba(231, 56, 39, 0) 100%);
    background: -o-linear-gradient(top, #8ecdde 0, rgba(231, 56, 39, 0) 100%);
    background: -ms-linear-gradient(top, #8ecdde 0, rgba(231, 56, 39, 0) 100%);
    background: linear-gradient(to bottom, #8ecdde 0, rgba(231, 56, 39, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 11
}

.sale {
    opacity: .9;
    border: 22px solid #6fb0c2;
    float: left;
    width: 180px;
    height: 180px;
    padding-top: 20px;
    color: #6fb0c2;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 14px
}

.internal_circle {
    text-align: center;
    background-color: #3e8ea9;
    border: 2px solid #fff;
    font-size: 22px;
    line-height: 75px;
    color: #fff;
    width: 240px;
    height: 240px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sale div div {
    font-size: 92px;
    line-height: 6px;
    padding: 0;
    color: #fff;
    font-weight: 700
}

.sale div span {
    font-size: 43px;
    padding: 0;
    line-height: 40px
}

#header .sale {
    position: absolute;
    left: 106px;
    top: 563px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    z-index: 1111;
    border: 0
}

#header .sale > div:nth-child(1) {
    position: absolute;
    height: 194px;
    width: 194px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 22px solid #6fb0c2;
    z-index: 11;
    box-sizing: border-box;
    padding-top: 10px
}

#header .sale .circ {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 50%
}

#header .sale .circ-1 {
    width: 240px;
    height: 240px;
    background: rgba(0, 0, 0, .5)
}

#header .sale .circ-2 {
    width: 240px;
    height: 240px;
    border: 2px solid #fff;
    opacity: .8
}

#header .sale .circ-3 {
    width: 240px;
    height: 240px;
    border: 20px solid #000;
    opacity: .3
}

#description {
    background: url(../img/description.jpg) no-repeat center 0;
    height: 294px;
    position: relative;
    z-index: 12
}

#description .text {
    font-family: Roboto, arial, sans-serif;
    font-size: 32px;
    color: #4aac31;
    padding: 70px 0 0 324px;
    text-transform: uppercase
}

#description .text .d1 {
    font-size: 50px
}

#description .text .d2 {
    font-size: 48px
}

#description .text p {
    padding: 0 0 22px
}

#description .banka {
    background: url(../img/banka.png) no-repeat 0 0;
    width: 224px;
    height: 343px;
    position: absolute;
    top: -54px;
    left: 67px;
    background-size: contain
}

#pluses {
    background: url(../img/pluses2.jpg) no-repeat center 0;
    height: 805px;
    position: relative
}

.pluses_bg {
    position: absolute;
    width: 550px;
    bottom: 149px;
    right: calc(50% + 19px)
}

#pluses .title {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #282828;
    padding: 110px 0 77px
}

#pluses .left-box {
    float: left;
    width: 490px
}

#pluses .left-box .text {
    padding: 0 55px 0 0;
    color: #282828
}

#pluses .right-box {
    float: right;
    width: 490px
}

#pluses .right-box div {
    color: #282828;
    padding: 0 0 20px
}

#pluses .right-box div span {
    display: block;
    font-size: 24px;
    font-weight: 700
}

#pluses .button a {
    background: url(../img/button.png) no-repeat 0 0;
    background-size: 100%;
    width: 411px;
    height: 99px;
    line-height: 91px;
    display: block;
    position: absolute;
    left: 1px;
    top: 643px;
    text-transform: uppercase;
    font-size: 43px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    z-index: 11
}

#doctor {
    background: url(../img/people.jpg) no-repeat center 0;
    height: 431px;
    color: #282828
}

#doctor .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 102px
}

#doctor .text {
    width: 498px;
    height: 223px;
    padding: 25px 0 0
}

#doctor .name {
    width: 531px;
    text-align: right;
    padding: 16px 0 0
}

#what-do {
    background: url(../img/what-do.jpg) no-repeat center 0;
    height: 981px;
    position: relative;
    overflow: hidden
}

#what-do .width {
    position: relative;
    z-index: 11
}

#what-do .bg3 {
    position: absolute;
    top: -3px;
    right: calc(50% + 280px);
    height: 100%;
    transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1)
}

#what-do .title {
    text-align: center;
    color: #282828;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 71px 0 0
}

#what-do .first-box, #what-do .second-box, #what-do .third-box {
    background: #fff;
    border-radius: 10px;
    padding-bottom: 10px
}

#what-do .first-box {
    position: absolute;
    left: 287px;
    top: 143px;
    width: 475px
}

#what-do .name {
    background: #be1617;
    background: linear-gradient(to right, #be1617, #fb000a);
    background: -moz-linear-gradient(right, #be1617, #fb000a);
    background: -webkit-linear-gradient(to right, #be1617, #fb000a);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#what-do .first-box .name {
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 58px
}

#what-do .first-box .message {
    padding: 41px 0 0 27px
}

#what-do .first-box .message div {
    padding: 0 0 16px
}

#what-do .first-box .message span {
    color: #282828;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    display: block
}

#what-do .second-box {
    position: absolute;
    top: 620px;
    width: 475px
}

#what-do .second-box .name {
    padding: 0 0 0 27px;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 58px
}

#what-do .second-box .message {
    padding: 5px 25px 0 27px;
    color: #282828;
    font-size: 15px
}

#what-do .third-box {
    position: absolute;
    right: 0;
    width: 455px;
    top: 529px
}

#what-do .third-box .name {
    padding: 0 0 0 27px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 58px
}

#what-do .third-box .message {
    padding: 14px 25px 0 27px;
    color: #282828
}

#what-do .composition {
    position: absolute;
    left: 533px;
    top: 724px;
    width: 455px
}

#what-do .composition .name {
    color: #a70515;
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 12px;
    background: 0 0;
    border-radius: 0
}

#what-do .composition ul {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

#what-do .composition ul li {
    background: url(../img/nav_t.png) no-repeat left center;
    background-size: contain;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    color: #282828;
    padding: 0 0 0 40px;
    margin: 5px 0;
    background-size: 30px
}

#what-do .composition ul li div {
    font-size: 16px;
    font-weight: 400;
    padding: 9px 0 0
}

#reviews {
    background: url(../img/reviews.jpg) no-repeat center 0;
    height: 968px;
    position: relative;
    overflow: hidden
}

#reviews .width {
    z-index: 11
}

#reviews .bg4 {
    position: absolute;
    top: 112px;
    right: -266px;
    height: calc(100% - 112px)
}

#reviews .warning {
    padding: 5px 82px 0 84px;
    color: #fff;
    height: 101px;
    line-height: 20px
}

#reviews .title {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 46px;
    padding: 52px 0 27px;
    text-align: center
}

#reviews .review {
    background: url(../img/review.png) no-repeat 0 0;
    width: 755px;
    height: 191px;
    padding: 26px 0 0;
    color: #282828;
    margin: 0 0 14px 30px
}

#reviews .review .photo img {
    height: 100%
}

#reviews .review.second {
    margin: 0 0 14px 59px
}

#reviews .review.third {
    margin: 0 0 14px 138px
}

#reviews .review .minus {
    padding: 6px 0 0 140px;
    color: #a70515;
    font-size: 21px;
    font-weight: 700
}

#reviews .review .message {
    padding: 30px 0 0 18px;
    width: 455px;
    font-size: 13px;
    line-height: 18px
}

#reviews .review .mes2 {
    padding: 60px 0 0 18px
}

#reviews .review .name {
    font-weight: 700;
    padding: 10px 0 0 27px
}

#reviews .review .photo {
    float: right;
    padding: 10px 0 0
}

#reviews .review .photo .after, #reviews .review .photo .before {
    float: left;
    margin: 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: 100%
}

#reviews .review .photo .before div {
    bottom: 7px;
    font-size: 12px
}

#reviews .review .photo .after div {
    bottom: 4px;
    font-size: 24px
}

#footer {
    min-height: 686px;
    padding-bottom: 40px
}

#footer:after {
    clear: both;
    content: "";
    display: block
}

#footer .left-box {
    float: left;
    padding: 0 0 0 6px;
    width: 451px
}

#footer .left-box .alert {
    text-align: center;
    font-weight: 700;
    color: #a70515;
    font-size: 24px;
    padding: 48px 0 40px
}

#footer .left-box .banka {
    background: url(../img/banka.png) no-repeat 0 33px;
    height: 373px;
    padding: 0 0 0 62px;
    margin-left: 50px;
    background-size: contain;
    padding-bottom: 60px
}

#footer .left-box .banka .sale {
    margin-left: 176px;
    margin-top: 98px
}

#footer .price {
    color: #a70515;
    font-size: 48px;
    line-height: 38px;
    padding: 0 0 0 104px;
    margin: -10px 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(../img/price_old.png) no-repeat 0 0;
    width: 74px;
    height: 28px;
    position: absolute;
    top: -6px;
    left: -2px
}

#footer .price_new {
    color: #a70515;
    font-size: 48px;
    line-height: 38px;
    padding: 22px 0 0
}

#footer .right-box {
    float: right;
    width: 528px;
    padding: 45px 0 0
}

#footer .right-box .title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #282828;
    font-size: 30px;
    line-height: 50px;
    padding: 0
}

#footer .right-box .title div {
    color: #a80b1a;
    font-size: 48px
}

#footer .time {
    background: url(../img/timer.png) no-repeat 0 14px;
    padding: 0 0 33px;
    width: 360px;
    margin: 0 auto
}

#footer .time .name-t {
    font-weight: 700;
    color: #fff;
    padding: 0 0 14px;
    color: #3e8eaa;
    font-size: 18px;
    text-align: center;
    background: #fff
}

#footer .time #timer {
    padding: 0 0 0 19px
}

#footer .time #timer div {
    position: relative;
    background: url(../img/timer-btn.png) no-repeat 0 0;
    width: 86px;
    height: 73px;
    line-height: 73px;
    padding: 0;
    display: inline-block;
    margin: 0 10px;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

#footer .time p {
    position: absolute;
    width: 73px;
    text-align: center;
    left: 50%;
    margin-left: -35px;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    line-height: 12px;
    font-weight: 700;
    top: 91px;
    color: #3e8eaa
}

#footer .time .hours span {
    margin: 0 0 0 -38px
}

#footer .time .dots {
    background: url(../img/dots.png) no-repeat center center;
    display: inline-block;
    height: 73px;
    vertical-align: top;
    font-size: 32px;
    width: 28px
}

#footer form {
    padding: 20px 84px 0
}

#footer select {
    width: 300px;
    height: 48px;
    line-height: 48px;
    display: block;
    font-size: 16px;
    padding: 0 1px 0 9px;
    margin: 0 auto 10px;
    -webkit-box-shadow: inset 0 0 17px -3px #c2c2c2;
    -moz-box-shadow: inset 0 0 17px -3px #c2c2c2;
    box-shadow: inset 0 0 16px -3px #c2c2c2;
    border-radius: 5px;
    border: 1px solid #c8c8c8
}

#footer input {
    width: 300px;
    height: 40px;
    line-height: 48px;
    display: block;
    font-size: 16px;
    padding: 0 15px 0 45px;
    margin: 0 auto 10px
}

#footer input[name=name] {
    background: url(../img/inputs.png) no-repeat 0 0;
    background-size: cover
}

#footer input[name=phone] {
    background: url(../img/inputs.png) no-repeat 0 bottom;
    background-size: cover
}

#footer input:focus {
    font-size: 18px
}

#footer button {
    background: url(../img/button-s.png) no-repeat 0 0;
    cursor: pointer;
    width: 361px;
    height: 87px;
    line-height: 87px;
    display: block;
    text-transform: uppercase;
    font-size: 38px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin: 0 auto
}

#footer button:hover {
    background-position: 0 bottom
}

#footer .errField {
    display: none;
    font-size: 14px;
    background: red;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px
}

#bottom {
    text-align: center;
    font-size: 14px;
    padding: 0 0 10px;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
    color: #6c6e6f;
    border-top: 3px solid #99d2e3
}

#bottom p {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0
}

#bottom br {
    display: none
}

#bottom img {
    margin: 10px auto !important
}

#bottom a {
    color: #6c6e6f;
    text-decoration: none
}

#bottom a:hover {
    color: #ff0069;
    text-decoration: none
}

@media screen and (max-width: 1000px) {
    #pluses .title {
        padding: 20px 0 37px
    }

    #header .button a:hover {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    body {
        min-width: 0
    }

    .width {
        max-width: 985px;
        width: 100%
    }

    #header .sale, #reviews .bg4, #what-do .bg3, .bg, .pluses_bg {
        display: none
    }

    #header .logo {
        width: 100%;
        text-align: center
    }

    .new-logo {
        display: inline-block
    }

    #header .tonus, #header .tonus1 {
        width: 100%;
        margin: 0 auto;
        z-index: 111;
        position: relative
    }

    #header .tonus div {
        display: block
    }

    #header .price {
        margin: 0 auto;
        max-width: 365px
    }

    #header .navigation {
        padding: 39px 0 0 0;
        width: 50%;
        margin-left: auto
    }

    #description .banka {
        top: -464px;
        left: calc(50% - 250px)
    }

    #header .button a {
        left: 50%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 111
    }

    #description .text {
        padding: 10px 0 0 0;
        text-align: center
    }

    #description {
        height: 219px
    }

    #pluses {
        background: #fefbec;
        background: -moz-linear-gradient(-45deg, #fefbec 0, #d8e3d2 60%, #6a9c9d 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fefbec), color-stop(60%, #d8e3d2), color-stop(100%, #6a9c9d));
        background: -webkit-linear-gradient(-45deg, #fefbec 0, #d8e3d2 60%, #6a9c9d 100%);
        background: -o-linear-gradient(-45deg, #fefbec 0, #d8e3d2 60%, #6a9c9d 100%);
        background: -ms-linear-gradient(-45deg, #fefbec 0, #d8e3d2 60%, #6a9c9d 100%);
        background: linear-gradient(135deg, #fefbec 0, #d8e3d2 60%, #6a9c9d 100%)
    }

    #pluses .right-box {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 490px;
        width: 100%
    }

    #pluses .button a {
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #what-do {
        height: inherit;
        background-size: 3690px
    }

    #what-do .width {
        max-width: 610px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }

    #what-do .title {
        margin-bottom: 30px;
        padding: 46px 0 0
    }

    #what-do .first-box, #what-do .second-box, #what-do .third-box {
        position: static !important;
        width: 100% !important;
        margin-bottom: 30px
    }

    #what-do .composition {
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 37px;
        max-width: 455px;
        width: 100%
    }

    #reviews {
        height: inherit;
        background-size: cover
    }

    #reviews .warning {
        padding-left: 15px;
        padding-right: 15px
    }

    #reviews .warning {
        padding-left: 15px;
        padding-right: 15px;
        background-color: #4a9eb6;
        height: inherit;
        padding-bottom: 15px;
        padding-top: 12px;
        margin-left: -15px;
        margin-right: -15px
    }

    #reviews .width {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }

    #reviews .review {
        width: 100%;
        height: inherit;
        padding: 15px 0 15px;
        margin: 15px 0 !important;
        background: #fff;
        border-radius: 10px
    }

    #reviews .review .photo {
        margin-left: 15px;
        padding-top: 0
    }

    #reviews .review .message {
        padding-top: 0
    }

    #reviews .review:after {
        content: '';
        clear: both;
        display: block
    }

    #reviews .review .mes2 {
        padding-top: 0
    }

    #footer .left-box {
        float: none;
        padding: 0 15px 0 15px;
        width: 100%;
        box-sizing: border-box
    }

    #footer .left-box .banka {
        padding: 0;
        margin-left: 0
    }

    #footer .left-box .banka .sale {
        display: none
    }

    #footer .left-box .banka {
        background: url(../img/banka.png) no-repeat center;
        background-size: contain
    }

    #footer .price {
        padding-left: 0;
        padding-right: 0;
        width: 299px;
        margin-left: auto;
        margin-right: auto
    }

    #footer .right-box {
        float: none;
        padding: 45px 0 0;
        max-width: 528px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #footer form {
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width: 626px) {
    #pluses .button a {
        top: 674px
    }
}

@media screen and (max-width: 570px) {
    #reviews .review .message {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        padding-top: 10px
    }

    #reviews .review .photo {
        float: none;
        display: block;
        text-align: center;
        margin-left: 0
    }

    #reviews .review .photo .after, #reviews .review .photo .before {
        float: none;
        display: inline-block;
        margin: 0 2px 0 2px
    }
}

@media screen and (max-width: 530px) {
    .new-logo {
        font-size: 60px
    }

    #header .tonus {
        font-size: 35px;
        line-height: 40px
    }

    #header .price_new {
        font-size: 41px
    }

    #header .price_old {
        margin-left: 207px
    }

    #header .navigation {
        width: 63%;
        z-index: 1111;
        position: relative;
        max-width: 220px
    }

    #header .navigation ul li div {
        font-size: 15px
    }

    #description .banka {
        top: -441px;
        left: calc(50% - 210px)
    }

    #header .button {
        text-align: center;
        margin-top: 74px
    }

    #header {
        padding-bottom: 50px
    }

    #header .button a {
        position: relative;
        z-index: 1111;
        background-size: cover;
        width: 320px;
        height: 77px;
        line-height: 61px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 0;
        left: 160px;
        display: inline-block;
        font-size: 43px;
        box-sizing: border-box
    }

    #header, #header .width {
        height: inherit
    }
}

@media screen and (max-width: 480px) {
    #footer .time #timer div {
        margin: 0 3px
    }

    #description .banka_mob {
        display: block;
        margin: 45px auto 0;
        text-align: center
    }

    #description .banka {
        display: none
    }

    #header .navigation {
        width: 100%;
        margin: 0 auto
    }

    #footer .time {
        width: 320px;
        background-size: contain;
        background: 0 0
    }

    .new-logo {
        font-size: 35px;
        padding: 0 30px 0;
        letter-spacing: 0
    }

    #footer .time p {
        top: 77px;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        color: #3e8eaa;
        background: #fff;
        left: 92%
    }

    #what-do .composition {
        font-size: 0
    }

    #what-do .composition ul {
        width: 100%
    }

    #footer input, #footer select {
        width: 100%;
        height: 38px;
        line-height: 43px;
        box-sizing: border-box;
        background-size: cover;
        margin-left: 15px;
        width: calc(100% - 30px)
    }

    #footer .price {
        text-align: center;
        width: 100%
    }

    form {
        max-width: 320px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #footer input[type=submit] {
        background-size: cover;
        width: 320px;
        height: 77px;
        line-height: 77px
    }

    #pluses {
        height: inherit;
        padding-bottom: 40px
    }

    #pluses .button {
        text-align: center
    }

    #pluses .button a {
        left: 50%;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        position: static;
        display: inline-block;
        width: 320px;
        height: 77px;
        line-height: 60px;
        background-size: cover;
        box-sizing: border-box
    }

    #description .text, #description .text .d1, #description .text .d2 {
        font-size: 20px
    }

    #description {
        height: inherit
    }

    #pluses .title {
        font-size: 36px;
        padding-top: 50px
    }

    #pluses .width {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }

    #what-do .name {
        padding: 0 15px 0 15px !important;
        line-height: 22px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 16px !important
    }

    #what-do .message {
        padding: 23px 15px !important
    }

    #what-do .message span {
        font-size: 17px !important;
        margin-bottom: 10px !important
    }

    #what-do .first-box, #what-do .second-box, #what-do .third-box {
        padding-bottom: 0 !important
    }

    #footer .right-box .title div {
        font-size: 31px
    }

    #footer .right-box .title {
        line-height: 36px;
        margin-bottom: 26px
    }
}

@media screen and (max-width: 350px) {
    #pluses .button a {
        margin-left: -15px
    }

    .new-logo {
        font-size: 32px
    }

    #header .button {
        margin-top: 0
    }

    #what-do {
        background: #bfe3ed
    }

    #footer .left-box .banka {
        height: 353px
    }

    #footer .left-box .alert {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1023px) {
    .inner-block__description-text {
        padding-bottom: 100px !important;
        bottom: -45px !important
    }

    .inner-block__description-title {
        line-height: 60px !important
    }
}

select {
    -moz-appearance: none;
    appearance: none;
    padding-left: 41px !important;
    color: gray;
    -webkit-box-shadow: inset 0 10px 5px -8px #c2c2c2 !important;
    -moz-box-shadow: inset 0 10px 5px -8px #c2c2c2 !important;
    box-shadow: inset 0 10px 5px -8px #c2c2c2 !important
}

input {
    color: gray !important
}

@media (max-width: 480px) {
    #footer button, .button a {
        height: 58px !important;
        line-height: 40px !important;
        font-size: 34px !important;
        width: 240px !important;
        background-size: cover
    }

    #header .button a {
        left: 117px
    }
}

footer {
    text-align: center;
    padding: 15px;
    font-size: 12px
}

#description .banka_mob img {
    width: 90%
}