sup {
    font-size: 60%;
    vertical-align: top;
    line-height: 100%
}

footer,
header,
section {
    width: 100%;
    margin: 0 auto;
    min-width: 460px
}

.wrap {
    max-width: 1200px;
    min-width: 460px;
    width: 96%;
    margin: 0 auto;
    position: relative
}

.pink {
    color: #ff3aae
}

.blue {
	color: #ed3b00;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 0.9em;
    letter-spacing: 0px;
    text-shadow: 8px 8px 15px #ffffff;
}

.blue2 {
    color: #00b4d2
}

.bir {
    color: #00aab7
}

.bir2 {
    color: #00d1e1
}

.black {
    color: #282828
}

.white {
	color: #b50c0c;
    font-size: 97px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 0.9em;
    letter-spacing: 0px;
    text-shadow: 8px 8px 15px #ffffff;
}

.orange {
    color: #ff7324
}

.grey {
    color: #99b0b1
}

.dgrey {
    color: #464449
}

.green {
    color: #70a300
}

.lgreen {
    color: #99bd23
}

.red {
    color: #ee432d
}

.yellow {
    color: #fff296
}


.button {
    display: block;
    background: #ff7324;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

.button:hover {
    background: #ff4800
}

.button img {
    padding-left: 10px
}

.zvezda {
    font-size: 60%;
    line-height: 100%;
    vertical-align: top
}

#hidden-content {
    width: 100%;
    max-width: 680px;
    padding: calc(30px + 3%) 5%;
    background-color: #34be52;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    background-color: #f54528;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmY3NzJkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYjEyMjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff772d), color-stop(1, #eb1222));
    background-image: -webkit-linear-gradient(top, #ff772d 0, #eb1222 100%);
    background-image: linear-gradient(to bottom, #ff772d 0, #eb1222 100%);
    background-image: -ms-linear-gradient(top, #ff772d 0, #eb1222 100%)
}

#hidden-content .desc {
    padding-bottom: 30px
}

#hidden-content .forma {
    width: 100%
}

.fancybox-slide>* {
    padding: 0
}

#hidden-content input {
    background: #fff
}

#hidden-content .btn {
    display: block;
    width: 100%;
    color: #fff;
    max-width: 400px;
    text-align: center;
    transition: filter .2s;
    width: 100%;
    border-radius: 40px;
    box-shadow: 0 7px 0 #55ae3b;
    border: 0;
    margin: 10px auto 0;
    line-height: 72px;
    height: 72px;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: filter .2s;
    background-color: #96e033;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYmFmZjVkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MmMxMDkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #baff5d), color-stop(1, #72c109));
    background-image: -webkit-linear-gradient(top, #baff5d 0, #72c109 100%);
    background-image: linear-gradient(to bottom, #baff5d 0, #72c109 100%);
    background-image: -ms-linear-gradient(top, #baff5d 0, #72c109 100%)
}

#hidden-content .btn:hover {
    -webkit-filter: contrast(1.15);
    filter: contrast(1.15)
}

button {
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 58px;
    padding: 10px 0;
    outline: 0
}

header {
    background: #fff;
    padding: 25px 0
}

header a {
    color: #363e42;
    transition: all .2s
}

header a:hover {
    color: #ff7324
}

header .btn {
    display: block;
    border: 2px solid #363e42;
    padding: 4px 20px;
    border-radius: 6px;
    transition: all .2s
}

header .btn:hover {
    border: 2px solid #ff7324;
    background: #ff7324;
    color: #fff
}

.block1 {
    background: url(../images/bg1.jpg) 50% 0 no-repeat;
    background-size: cover;
    padding: 0;
    min-height: 797px
}

.block1 .arr {
    position: absolute;
    right: -80px;
    top: 80px
}

.block1 .wood {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/wood.png) no-repeat 50% 110%
}

.block1 .title {
    width: 100%
}

.block1 .box {
    position: relative;
    max-width: 900px;
    width: 100%;
    padding-top: 50px
}

.block1 form {
    margin-top: 30px;
    max-width: 430px;
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    box-shadow: -20px 20px 50px rgba(0, 0, 0, .4)
}

.block1 form .pack {
    padding-top: 10px
}

.block1 .shtamp {
    position: absolute;
    width: 100%;
    max-width: 432px;
    left: 0;
    top: 220px
}

.block1 .shtamp img {
    width: 100%
}

.block1 .box2 {
    position: absolute;
    width: 100%;
    max-width: 750px;
    left: -400px;
    bottom: -80px
}

.block1 .box2 img {
    width: 100%
}

.block1 .sticker {
    position: absolute;
    top: 60px;
    right: -120px;
    transform: rotate(-15deg);
    width: 190px;
    height: 190px;
    border: 0;
    border-radius: 50%;
    background-color: #ff4e51;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff2a7c), color-stop(1, #ff7126));
    background-image: -webkit-linear-gradient(top, #ff2a7c 0, #ff7126 100%);
    background-image: linear-gradient(to bottom, #ff2a7c 0, #ff7126 100%);
    background-image: -ms-linear-gradient(top, #ff2a7c 0, #ff7126 100%)
}

.block1 .uslovie {
    position: absolute;
    bottom: -30px;
    margin-left: -30px;
    color: #fff;
    width: 100%
}

.block2 {
    padding: 50px 0;
    background-color: #00becd;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBiMWJmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGMwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGMwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00b1bf), color-stop(.305, #00c0cf), color-stop(1, #00c0cf));
    background-image: -webkit-repeating-linear-gradient(top, #00b1bf 0, #00c0cf 30.5%, #00c0cf 100%);
    background-image: repeating-linear-gradient(to bottom, #00b1bf 0, #00c0cf 30.5%, #00c0cf 100%);
    background-image: -ms-repeating-linear-gradient(top, #00b1bf 0, #00c0cf 30.5%, #00c0cf 100%)
}

.block2 .box {
    background: rgba(255, 255, 255, .17);
    padding: 20px 40px;
    margin-bottom: calc(30px + 3%)
}

.block2 .box .txt {
    width: calc(100% - 140px - 3%)
}

.block2 .box .los {
    padding: 20px 0 10px
}

.block2 .box ul li {
    background: url(../images/check3.png) no-repeat 0 50%;
    padding: 10px 0 10px 50px
}

.block2 .formula div:nth-child(1) {
    width: 25%
}

.block2 .formula div:nth-child(2) {
    width: 50%;
    max-width: 544px;
    margin-left: -80px
}

.block2 .formula div:nth-child(2) img {
    width: 100%
}

.block2 .formula div:nth-child(3) {
    width: calc(25% + 50px);
    margin-left: -50px
}

.block2 .formula ul li {
    margin-top: 20px;
    padding: 5px 0 5px 20px;
    background: url(../images/li.png) no-repeat 0 9px
}

.block3 {
    background: #fff url(../images/bg3.jpg) no-repeat 50% 50%;
    padding: calc(30px + 3%) 0
}

.block3 .title {
    padding-bottom: calc(15px + 3%)
}

.block3 .desc {
    padding: 4%
}

.block3 .flex div {
    width: 48%
}

.block3 .img img {
    width: 100%
}

.block3 .txt p {
    padding: 10px 0
}

.block3 .txt ul li {
    margin: 3% 0;
    background: url(../images/li3.png) no-repeat 0 50%;
    padding: 10px 0 0 60px
}

.block3 .button {
    max-width: 380px;
    margin: calc(30px + 3%) auto 0;
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0
}

.block4 {
    background: url(../images/bg4.jpg) 50% 50%;
    padding: calc(15px + 3%) 0;
    background-size: cover;
    min-height: 583px
}

.block4 .title {
    padding-bottom: calc(15px + 3%)
}

.block4 .img {
    width: 22%
}

.block4 .img img {
    width: 100%;
    max-width: 225px
}

.block4 .txt {
    width: 78%
}

.block4 .refresh {
    padding-left: 60px;
    max-width: 570px;
    line-height: 120%;
    background: url(../images/refresh.png) no-repeat 0 50%
}

.block4 ul {
    margin-left: 15px
}

.block4 ul li {
    background: url(../images/li2.png) no-repeat 0 7px;
    padding: 5px 0 5px 25px;
    margin-bottom: 10px
}

.block4 .desc {
    padding: 30px 0 15px
}

.block4 .info {
    max-width: 540px;
    padding-bottom: 30px
}

.block4 .sticker {
    position: absolute;
    color: #fff;
    bottom: 10px;
    right: 230px;
    width: 200px;
    height: 200px;
    border: 0;
    border-radius: 50%;
    background-color: #ff4e51;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff2a7c), color-stop(1, #ff7126));
    background-image: -webkit-linear-gradient(top, #ff2a7c 0, #ff7126 100%);
    background-image: linear-gradient(to bottom, #ff2a7c 0, #ff7126 100%);
    background-image: -ms-linear-gradient(top, #ff2a7c 0, #ff7126 100%)
}

.linebg {
    padding: calc(10px + 2%) 0;
    background: url(../images/bg6.jpg) no-repeat 50% 50%;
    background-size: cover
}

.block5 {
    background: url(../images/bg5.jpg) 50% 50%;
    padding: calc(15px + 3%) 0;
    background-size: cover;
    min-height: 498px
}

.block5 .title {
    padding-bottom: calc(15px + 3%)
}

.block5 .img {
    width: 22%
}

.block5 .img img {
    width: 100%;
    max-width: 225px
}

.block5 .txt {
    width: 78%
}

.block5 .refresh {
    padding-left: 60px;
    max-width: 620px;
    line-height: 120%;
    background: url(../images/refresh.png) no-repeat 0 50%
}

.block5 ul li {
    background: url(../images/li2.png) no-repeat 0 7px;
    padding: 5px 0 5px 20px;
    margin-bottom: 10px
}

.block5 .desc {
    padding: 30px 0 15px
}

.block5 .info {
    max-width: 700px;
    padding-bottom: 30px
}

.block5 .sticker {
    position: absolute;
    color: #fff;
    bottom: -35px;
    right: 215px;
    width: 180px;
    height: 180px;
    border: 0;
    border-radius: 50%;
    background-color: #ff4e51;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff2a7c), color-stop(1, #ff7126));
    background-image: -webkit-linear-gradient(top, #ff2a7c 0, #ff7126 100%);
    background-image: linear-gradient(to bottom, #ff2a7c 0, #ff7126 100%);
    background-image: -ms-linear-gradient(top, #ff2a7c 0, #ff7126 100%)
}

.block5 .proverka {
    position: absolute;
    width: 160px;
    text-align: right;
    right: 50px;
    bottom: 125px
}

.block5 .proverka:before {
    content: '';
    position: absolute;
    width: 55px;
    height: 51px;
    background: url(../images/arr.png) no-repeat;
    margin: 25px 0 0 -30px
}

.block6 {
    background: #fff;
    padding: calc(30px + 3%) 0;
    overflow: hidden
}

.block6 ul.list2 .title {
    padding-bottom: 30px
}

.block6 ul.list {
    padding: 50px 0
}

.block6 ul.list li {
    width: 23%
}

.block6 ul.list li img {
    padding-bottom: 15px
}

.block6 ul.list2 li:nth-child(1) {
    max-width: 571px;
    width: 49%
}

.block6 ul.list2 li:nth-child(1) img {
    width: 100%
}

.block6 ul.list2 li:nth-child(2) {
    width: 49%
}

.block6 ul.list2 .hr {
    width: 60px;
    height: 2px;
    background: #363e42
}

.block6 ul.list2 .txt {
    padding-top: 35px;
    width: 90%
}

.block6 .title2 {
    padding-top: 30px
}

.block7 {
    background: url(../images/bg6.jpg) 50% 50%;
    padding: 30px 0;
    background-size: cover
}

.block7 .block {
    background: #fff;
    padding: 30px
}

.block7 .block .txt {
    width: calc(100% - 200px)
}

.block7 .block .txt .title {
    margin-bottom: 20px;
    padding: 5px 0 5px 50px;
    background: url(../images/check.png) no-repeat 0 50%
}

.block7 .block .ico {
    width: 183px
}

.block8 {
    background: #fff;
    padding: 50px 0;
    overflow: hidden
}

.block8 .block {
    margin-top: 50px;
    border: 3px dashed #ff7324;
    border-radius: 10px;
    padding: 30px
}

.block8 .arr {
    text-align: center;
    margin: 30px auto 28px
}

.block8 .flag {
    background: #f6f7f8;
    border: 1px solid #e7e9f0;
    padding: 28px;
    max-width: 1040px;
    margin: 0 auto
}

.block8 .flag p {
    width: calc(98% - 300px)
}

.block8 .ingr {
    margin-top: 50px;
    position: relative
}

.block8 .ingr .name {
    margin-bottom: 30px
}

.block8 .ingr ul li {
    padding: 10px 0 10px 40px;
    background: url(../images/check2.png) no-repeat 0 50%
}

.block8 .ingr ul {
    width: 48%;
    background: rgba(255, 255, 255, .8);
    min-width: 440px
}

.block8 .ingr .box img {
    width: 100%
}

.block8 .shtamp {
    width: 161px;
    height: 132px;
    background: url(../images/shtamp2.png) no-repeat;
    position: absolute
}

.block8 .ingr.i1 {
    padding-bottom: 80px
}

.block8 .ingr.i1 .txt {
    max-width: 700px
}

.block8 .ingr.i1 .shtamp {
    right: 80px;
    top: 20px
}

.block8 .ingr.i1 ul {
    width: 100%;
    max-width: 600px;
    margin-left: 150px
}

.block8 .ingr.i1 .box {
    position: absolute;
    z-index: 0;
    width: 640px;
    left: -50px;
    top: 50px
}

.block8 .ingr.i1 .box .num {
    position: absolute;
    left: 0;
    top: 0
}

.block8 .ingr.i2 {
    padding-bottom: 120px
}

.block8 .ingr.i2 .txt {
    max-width: 760px
}

.block8 .ingr.i2 .shtamp {
    right: -160px;
    top: 30px
}

.block8 .ingr.i2 ul {
    width: 100%;
    max-width: 400px;
    padding-left: 6%
}

.block8 .ingr.i2 .box {
    position: absolute;
    z-index: 0;
    width: 531px;
    right: -50px;
    bottom: 25px
}

.block8 .ingr.i2 .box .num {
    position: absolute;
    right: 0;
    top: 50px
}

.block8 .ingr.i3 {
    margin-top: 0;
    padding-bottom: 80px
}

.block8 .ingr.i3 .txt {
    max-width: 700px
}

.block8 .ingr.i3 .shtamp {
    right: 0;
    top: -30px
}

.block8 .ingr.i3 ul {
    width: 100%;
    max-width: 540px;
    margin-left: 150px
}

.block8 .ingr.i3 .box {
    position: absolute;
    z-index: 0;
    width: 547px;
    left: 0;
    bottom: 0
}

.block8 .ingr.i3 .box .num {
    position: absolute;
    left: 0;
    top: 30px
}

.block8 .ingr.i4 {
    padding-bottom: 40px
}

.block8 .ingr.i4 .txt {
    max-width: 720px
}

.block8 .ingr.i4 .shtamp {
    right: -50px;
    top: 20px
}

.block8 .ingr.i4 ul {
    width: 100%;
    max-width: 600px;
    padding-left: 6%
}

.block8 .ingr.i4 .box {
    position: absolute;
    z-index: 0;
    width: 470px;
    right: -50px;
    top: 0
}

.block8 .ingr.i4 .box .num {
    position: absolute;
    right: 0;
    top: 0
}

.block8 .ingr.i5 {
    padding-bottom: 30px
}

.block8 .ingr.i5 .txt {
    max-width: 700px
}

.block8 .ingr.i5 .shtamp {
    right: 0;
    top: -30px
}

.block8 .ingr.i5 ul {
    width: 100%;
    max-width: 500px;
    padding-left: 6%
}

.block8 .ingr.i5 .shtamp {
    right: -135px;
    top: 0
}

.block8 .ingr.i5 .box {
    position: absolute;
    z-index: 0;
    width: 589px;
    right: 0;
    top: 40px
}

.block8 .ingr.i5 .box .num {
    position: absolute;
    right: 0;
    top: -20px
}

.block8 .title2 {
    padding-top: 50px
}

.block8 .desc2 {
    padding: 20px 0 30px
}

.block8 .button {
    max-width: 380px;
    margin: 0 auto;
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0
}

.block10 {
    background: url(../images/bg7.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 50px 0;
    overflow: hidden
}

.block10 .title {
    padding-bottom: 30px
}

.block10 .p1 {
    padding-bottom: 5%
}

.block10 .rull {
    width: 40%
}

.block10 .rull img {
    width: 100%;
    max-width: 393px
}

.block10 .text {
    width: 60%
}

.block10 .text p {
    padding: 6px 0
}

.block10 .txt {
    width: 50%;
    background: #fff;
    padding: 25px
}

.block10 .txt p {
    padding-bottom: 10px
}

.block10 .img {
    width: 48%
}

.block10 .sticker {
    position: absolute;
    color: #fff;
    top: 100px;
    right: 0;
    width: 160px;
    height: 160px;
    border: 0;
    border-radius: 50%;
    background-color: #ff4e51;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff2a7c), color-stop(1, #ff7126));
    background-image: -webkit-linear-gradient(top, #ff2a7c 0, #ff7126 100%);
    background-image: linear-gradient(to bottom, #ff2a7c 0, #ff7126 100%);
    background-image: -ms-linear-gradient(top, #ff2a7c 0, #ff7126 100%)
}

.block10 .info {
    padding: 20px 0 30px
}

.block10 .button {
    max-width: 380px;
    margin: 0 auto;
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0
}

.block11 {
    background: url(../images/bg6.jpg) 50% 50%;
    padding: 40px 0
}

.block11 ul li {
    width: 160px
}

.block11 ul li img {
    padding-bottom: 10px
}

.block12 {
    background: url(../images/bg8.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 50px 0
}

.block12 .title {
    padding: 10px 0 50px
}

.block12 .box {
    background: #fff;
    padding: 3%
}

.block12 .ava {
    width: 30%
}

.block12 .ava img {
    width: 100%;
    max-width: 380px;
    border-radius: 50%
}

.block12 .txt {
    width: 64%
}

.block12 .txt p {
    padding-bottom: 15px
}

.block12 .quote {
    text-indent: 50px;
    margin-top: 30px
}

.block12 .quote img:first-child {
    padding-right: 10px
}

.block12 .quote img:last-child {
    vertical-align: top;
    padding: 15px 0 0 10px
}

.block12 .sign {
    margin: 0 30px 0 0
}

.block12 .name {
    margin-bottom: 20px
}

.block12 .video2 {
    position: relative;
    width: 100%;
    max-width: 680px;
    margin: 20px auto
}

.block12 .thumb-wrap2 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.block12 .thumb-wrap2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.block13 {
    background: url(../images/bg6.jpg) 50% 50%;
    padding: 40px 0
}

.block13 ul li {
    width: 19%
}

.block13 ul li img {
    padding-bottom: 10px
}

.block14 {
    background: url(../images/bg9.jpg) no-repeat 50% 0 #fff;
    background-size: cover;
    padding: 50px 0
}

.block14 .title {
    padding-bottom: 50px
}

.block14 .hr {
    width: 50px;
    height: 2px;
    background: #ff7324;
    margin: 10px auto
}

.block14 ul.sled li {
    width: 20%
}

.block14 ul.sled li .upp {
    padding: 15px 0 8px
}

.block14 .box1 {
    margin: 60px auto 0;
    box-shadow: -20px 20px 60px rgba(0, 0, 0, .1);
    min-height: 278px;
    background: url(../images/pic1.jpg) no-repeat 0 50%;
    background-size: cover
}

.block14 .box2 {
    margin: 50px auto 0;
    box-shadow: -20px 20px 60px rgba(0, 0, 0, .1);
    min-height: 278px;
    background: url(../images/pic2.jpg) no-repeat 0 50%;
    background-size: cover
}

.block14 ul.list li {
    padding: 10px 0 10px 40px;
    background: url(../images/check2.png) no-repeat 0 50%
}

.block14 .pack {
    width: 50%
}

.block14 .pack .h1 {
    padding-bottom: 30px
}

.block14 .box2 .pack {
    padding-left: 5%
}

.block14 .box1 .shtamp {
    position: absolute;
    background: url(../images/shtamp3.png) no-repeat;
    background-size: 100%;
    width: 210px;
    height: 96px;
    right: 40px;
    top: 80px
}

.block14 .box2 .shtamp {
    position: absolute;
    background: url(../images/shtamp4.png) no-repeat;
    background-size: 100%;
    width: 224px;
    height: 101px;
    right: -160px;
    top: 100px
}

.block15 {
    background: url(../images/bg10.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 579px;
    padding: 50px 0
}

.block15 .title {
    padding-bottom: 30px
}

.block15 .box {
    background: #fff;
    padding: 30px;
    max-width: 800px
}

.block15 .box p {
    padding-bottom: 20px
}

.block15 .box .shtamp {
    position: absolute;
    right: 60px;
    bottom: 20px;
    background: url(../images/shtamp5.png) no-repeat;
    height: 160px;
    width: 160px;
    background-size: 100%
}

.block15 .girl {
    position: absolute;
    right: 60px;
    bottom: -60px;
    background: url(../images/girl.png) no-repeat;
    height: 539px;
    width: 371px;
    z-index: 100
}

.block15 .button {
    max-width: 380px;
    margin: 30px 0 0;
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0
}

.block16 {
    background: #fff url(../images/bg11.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 1048px;
    padding: 60px 0 20px
}

.block16 .title {
    padding-bottom: 50px
}

.block16 .slider .rev {
    background: #f3f4f6;
    padding: 50px 25px 40px 50px;
    width: calc(100% - 300px)
}

.block16 .slider .rev p.h1 {
    padding-bottom: 25px
}

.block16 .slider .rev .name {
    padding: 25px 0
}

.block16 .slider .rev:before {
    content: '';
    position: absolute;
    background: url(../images/quote.png) no-repeat;
    width: 54px;
    height: 42px;
    top: -20px;
    left: 25px
}

.block16 .slider .rev:after {
    content: '';
    position: absolute;
    background: url(../images/quote2.png) no-repeat;
    width: 54px;
    height: 42px;
    bottom: -20px;
    right: 25px
}

.block16 .slider .rev .arr {
    position: absolute;
    background: url(../images/rev-arrow.png) no-repeat;
    width: 30px;
    height: 70px;
    right: -30px;
    top: 10%
}

.block16 .slider .img {
    width: 290px
}

.block16 .slider .img img {
    display: block
}

.block16 .slider .img img:first-child {
    margin-bottom: 8px
}

.block16 .desc {
    max-width: 800px;
    margin: 40px auto 0
}

.block17 {
    background: url(../img/kilo-layt-1.jpg) 50% 0 no-repeat;
    min-height: 683px;
    background-size: cover
}

.block17 .arr {
    position: absolute;
    right: -80px;
    top: 80px
}

.block17 .wood {
    position: absolute;
    width: 100%;
    height: 100%;
}

.block17 .block-left {
    width: 50%
}

.block17 .box {
    position: relative;
    max-width: 980px;
    width: 100%;
    padding: 100px 0 0
}

.block17 form {
    max-width: 430px;
    min-height: 440px;
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    box-shadow: -20px 20px 50px rgba(0, 0, 0, .4)
}

.block17 form .pack {
    padding-top: 10px
}

.block17 .box2 {
    position: absolute;
    max-width: 659px;
    left: -300px;
    bottom: -80px;
    z-index: 100
}

.block17 .box2 img {
    width: 100%
}

.block17 .sticker {
    position: absolute;
    color: #fff;
    right: -200px;
    top: 50px;
    transform: rotate(-15deg);
    width: 200px;
    height: 200px;
    border: 0;
    border-radius: 50%;
    background-color: #ff4e51;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff2a7c), color-stop(1, #ff7126));
    background-image: -webkit-linear-gradient(top, #ff2a7c 0, #ff7126 100%);
    background-image: linear-gradient(to bottom, #ff2a7c 0, #ff7126 100%);
    background-image: -ms-linear-gradient(top, #ff2a7c 0, #ff7126 100%)
}

.block17 .uslovie {
    position: absolute;
    bottom: -30px;
    margin-left: -30px;
    color: #fff;
    width: 100%
}

.block18 {
    background: #fff;
    padding: calc(15px + 2%) 0
}

.block18 .sec16_block {
    width: 48%
}

.block18 .sec16_block.p1 {
    background: #e9e9e9;
    padding: 11px
}

.block18 .sec16_block_l_inner {
    border: solid 6px #fff;
    background-color: #e9e9e9;
    padding: 20px
}

.block18 .icons_item {
    width: 45%;
    margin-bottom: 30px
}

.block18 .icons_item p {
    padding-left: 10px
}

.block18 .icons {
    padding-top: 30px
}

.block18 .button {
    max-width: 420px;
    margin: 15px auto;
    border: 0;
    border-radius: 6px;
    width: 100%;
    padding: 20px 0;
    outline: 0
}

.timerbox {
    color: #fff;
    width: 100%;
    max-width: 500px;
    margin: 10px auto 20px
}

.timerbox .countbox-num {
    font-family: HarmoniaSansProCyrBold;
    padding: 5px 0 10px;
    width: 22%;
    font-size: 52px;
    background: #363e41
}

.timerbox .countbox-num p {
    padding-top: 5px
}

.timerbox .countbox-space {
    font-size: 52px;
    font-weight: 700;
    color: #00d1e1
}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    height: 100%;
    padding: 0 8%;
    margin-bottom: 0
}

.bx-wrapper .bx-controls-direction a {
    top: 50%;
    margin-top: -20px
}

.bx-wrapper .bx-pager {
    display: none
}

.bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 39px
}

.bx-wrapper .bx-prev {
    left: 0;
    background: url(../images/prev.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
    background: url(../images/prev.png) no-repeat center;
    background-size: 100%;
    background-position: center
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(../images/next.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
    background: url(../images/next.png) no-repeat center;
    background-size: 100%;
    background-position: center
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: .9
}

@media screen and (min-width:1921px) {
    .block1 .wood {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../images/wood.png) no-repeat 50% calc(100% + 5vw);
        background-size: 100%
    }

    .block17 {
        min-height: calc(683px + 10vw)
    }

    .block17 .wood {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../images/wood.png) no-repeat 50% calc(100% + 5vw);
        background-size: 100%
    }
}

@media screen and (max-width:1400px) {
    .block1 .arr {
        display: none
    }

    .block8 .ingr .txt {
        background: rgba(255, 255, 255, .8);
        padding: 3%
    }

    .block8 .ingr ul {
        background: 0 0
    }

    .block8 .ingr.i4 .box {
        right: 0
    }

    .block8 .ingr.i1 .box {
        left: 0
    }

    .block8 .ingr.i2 .box {
        right: 0
    }

    .block17 .arr {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .block15 .title {
        text-align: center
    }

    .block15 .girl {
        display: none
    }

    .block15 .box {
        margin: 0 auto
    }
}

@media screen and (max-width:1154px) {
    header ul li:nth-child(6) {
        display: none
    }

    .block1 {
        background: url(../images/bg1m.jpg) 50% 0 no-repeat;
        background-size: cover
    }

    .block1 .box {
        width: 100%;
        max-width: 100%
    }

    .block1 .shtamp {
        display: none
    }

    .block1 .box2 {
        left: auto;
        right: 460px;
        max-width: 700px;
        bottom: -50px
    }

    .block1 .sticker {
        left: 200px;
        top: auto;
        bottom: 10%;
        right: auto;
        margin: 0 0 0 10%
    }

    .block4 {
        background: #f6f7fa
    }

    .block4 .flex-between {
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start
    }

    .block4 .txt {
        width: 60%
    }

    .block4 .sticker {
        display: none
    }

    .block5 {
        background: #edeef2
    }

    .block5 .flex-between {
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start
    }

    .block5 .txt {
        width: 60%
    }

    .block5 .sticker {
        display: none
    }

    .block5 .proverka {
        display: none
    }

    .block11 ul li {
        width: 28%;
        margin: 30px 0
    }

    .block14 .box1 {
        padding: 30px 0;
        box-shadow: none;
        background: #f2f7fa;
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute
    }

    .block14 .box1 .shtamp {
        right: -160px
    }

    .block14 .pack {
        width: 420px
    }

    .block14 .box2 {
        padding: 30px 0;
        box-shadow: none;
        background: #f2f7fa;
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute
    }

    .block14 .box2 .pack {
        padding-left: 0
    }

    .block16 .slider .rev:before {
        display: none
    }

    .block16 .slider .rev:after {
        display: none
    }

    .block17 {
        background: url(../images/bg1m.jpg) 50% 0 no-repeat;
        background-size: cover
    }

    .block17 .box {
        width: 100%;
        max-width: 100%
    }

    .block17 .shtamp {
        display: none
    }

    .block17 .box2 {
        left: auto;
        right: 460px;
        max-width: 700px;
        bottom: -50px
    }

    .block17 .sticker {
        left: 0;
        margin: 0 0 0 10%
    }

    .block18 .sec16_block {
        width: 100%;
        max-width: 800px;
        margin: 0 auto 30px
    }
}

@media screen and (max-width:960px) {
    .block1 .wood {
        position: relative
    }

    .block1 .box {
        padding-bottom: 3%
    }

    .block1 .box2 {
        position: relative;
        right: auto;
        left: -100px;
        bottom: -100px;
        padding-bottom: 50px
    }

    .block1 .flex-right {
        justify-content: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center
    }

    .block1 .sticker {
        width: 120px;
        height: 120px;
        font-size: 14px;
        margin: auto;
        top: 40%;
        bottom: auto;
        right: 5%;
        left: auto
    }

    .block1 .sticker .px27 {
        font-size: 18px
    }

    .block1 form {
        box-shadow: none
    }

    .block2 .box .txt {
        font-size: 30px
    }

    .block2 .formula div:nth-child(1) {
        width: 48%
    }

    .block2 .formula div:nth-child(2) {
        display: none
    }

    .block2 .formula div:nth-child(3) {
        width: 48%;
        margin-left: 0
    }

    .block3 .title {
        padding-bottom: 0
    }

    .block3 .flex div {
        width: 100%
    }

    .block3 .sticker {
        display: none
    }

    .block3 .txt ul li {
        padding-top: 0
    }

    .block6 ul.list li {
        width: 40%;
        margin-bottom: 30px
    }

    .block6 ul.list2 li:nth-child(1) {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .block6 ul.list2 li:nth-child(2) {
        width: 100%;
        text-align: center
    }

    .block6 ul.list2 .hr {
        margin: 0 auto
    }

    .block6 ul.list2 .txt {
        width: 100%
    }

    .block8 .ingr .num {
        display: none
    }

    .block10 .txt {
        width: 100%
    }

    .block10 .img {
        width: 100%
    }

    .block10 .img .box {
        width: 100%;
        margin: 5% auto;
        max-width: 617px
    }

    .block10 .img .box img {
        width: 100%
    }

    .block14 ul.sled li {
        width: 30%;
        margin: 20px 0
    }

    .block14 ul.sled {
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute
    }

    .block16 .slide.flex-wrap {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-flow: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse
    }

    .block16 .slide .rev {
        width: 100%
    }

    .block16 .slide .img {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute
    }

    .block16 .slide .img img:first-child {
        margin: 0
    }

    .block16 .slide .img img {
        width: 100%
    }

    .block16 .slide .img div {
        width: 100%;
        max-width: 288px
    }

    .block17 .wood {
        position: relative;
        background: url(../images/wood.png) no-repeat 50% 110%
    }

    .block17 .box {
        padding: 5vw 0
    }

    .block17 .box2 {
        position: relative;
        right: auto;
        left: -50px;
        bottom: -100px;
        padding-bottom: 50px
    }

    .block17 .flex-right {
        justify-content: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center
    }

    .block17 .sticker {
        width: 120px;
        height: 120px;
        font-size: 14px;
        margin: auto;
        bottom: 5%;
        right: 5%;
        left: auto
    }

    .block17 .sticker .px27 {
        font-size: 18px
    }

    .block17 form {
        box-shadow: none
    }

    .block17 .block-left {
        width: 100%;
        text-align: center
    }

    .block17 form {
        margin: 5% auto
    }

    footer .wrap {
        padding: 0 10px
    }

    footer ul li.p1 {
        width: 100%
    }

    footer ul li.p3 {
        width: 100%;
        text-align: center
    }

    footer ul li {
        margin: 20px 0
    }
}

@media screen and (max-width:840px) {
    header ul li:nth-child(2) {
        display: none
    }

    header ul li:nth-child(3) {
        display: none
    }

    header ul li:nth-child(4) {
        display: none
    }

    header ul.flex-between {
        justify-content: space-around;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute
    }

    .block3 {
        background: url(../images/bg3l.jpg) no-repeat 0 0
    }

    .block3 .block {
        background: 0 0;
        text-align: center;
        padding: 10% 0 5%
    }

    .block3 .block p {
        max-width: 100%
    }

    .block8 .flag p {
        width: 100%;
        text-align: center
    }

    .block8 .flag img {
        margin: 0 3% 3%
    }

    .block8 .flag {
        justify-content: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center
    }

    .block8 .ingr.i1 ul {
        margin-left: 6%
    }

    .block8 .ingr.i3 ul {
        margin-left: 6%
    }

    .block8 .ingr {
        margin-top: 3%
    }

    .block8 .ingr.i1 {
        padding-bottom: 3%
    }

    .block8 .ingr.i4 {
        padding-bottom: 3%
    }

    .block8 .ingr.i5 {
        padding-bottom: 3%
    }

    .block8 .title2 {
        padding-top: 3%
    }

    .block10 .p1 {
        padding-bottom: 3%
    }

    .block10 .rull {
        width: 100%
    }

    .block10 .text {
        width: 100%;
        text-align: center
    }

    .block10 .txt {
        padding: 3%
    }

    .block12 .sign.flex-right {
        justify-content: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center
    }

    .block12 .sign .name {
        padding-top: 30px
    }

    .block12 .sign .pechat {
        text-align: center;
        width: 100%
    }

    .block12 .sign .pechat img {
        width: 50%;
        margin: 0 auto
    }

    .block13 ul li {
        width: 28%;
        margin: 20px 0
    }

    .block14 .pack {
        width: 90%
    }

    .block14 .box1 .shtamp {
        right: 0
    }

    .block14 .box2 .shtamp {
        right: 0
    }
}

@media screen and (max-width:720px) {
    .block1 .box {
        padding-top: 5%
    }

    .block2 .flag {
        display: none
    }

    .block2 .box .txt {
        width: 100%
    }

    .block2 .formula div:nth-child(1) {
        width: 100%
    }

    .block2 .formula div:nth-child(1) p {
        text-align: center
    }

    .block2 .formula div:nth-child(1) ul {
        max-width: 420px;
        margin: 0 auto
    }

    .block2 .formula div:nth-child(3) {
        width: 100%;
        margin-top: 3%
    }

    .block2 .formula div:nth-child(3) p {
        text-align: center
    }

    .block2 .formula div:nth-child(3) ul {
        max-width: 420px;
        margin: 0 auto
    }

    .block7 .block .ico {
        display: none
    }

    .block7 .block .txt {
        width: 100%
    }

    .block8 .ingr .shtamp {
        display: none
    }

    .block14 ul.sled li {
        width: 48%
    }

    .block14 .box1 .shtamp {
        position: relative;
        margin: 20px auto 0;
        right: auto;
        top: auto
    }

    .block14 .box2 .shtamp {
        position: relative;
        margin: 20px auto 0;
        right: auto;
        top: auto
    }

    .block14 .pack .h1 {
        text-align: center
    }

    .block15 .box .shtamp {
        display: none
    }

    .block15 .box {
        text-align: center
    }

    .block15 .button {
        margin: 30px auto 0
    }
}

@media screen and (max-width:640px) {
    .px58 {
        font-size: 50px
    }

    .px28 {
        font-size: 24px
    }

    .block1 .box2 {
        position: relative;
        right: auto;
        left: -100px;
        bottom: -80px;
        padding-bottom: 50px
    }

    .block2 .box .txt {
        width: 100%;
        font-size: 24px
    }

    .block4 .txt {
        width: 100%;
        max-width: 420px;
        margin: 0 auto
    }

    .block4 .img {
        display: none
    }

    .block5 .txt {
        width: 100%;
        max-width: 420px;
        margin: 0 auto
    }

    .block5 .img {
        display: none
    }

    .block12 .ava {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .block12 .txt {
        width: 100%
    }

    .block12 .quote {
        font-size: 28px;
        text-indent: 0
    }

    .block12 .quote img {
        width: 40px
    }

    .block13 ul li {
        width: 45%
    }

    .block16 .lh180 {
        line-height: 120%
    }

    .block16 .lh140 {
        line-height: 120%
    }

    .block17 .box2 {
        position: relative;
        right: auto;
        left: -100px;
        bottom: -80px;
        padding-bottom: 50px
    }

    footer ul li.p2,
    footer ul li.p3 {
        width: 100%;
        text-align: center
    }

    footer ul li.p3 .title {
        display: none
    }

    .block16 .slider .rev {
        padding: 5%
    }
}

@media screen and (max-width:540px) {
    .px58 {
        font-size: 45px
    }

    .px40 {
        font-size: 30px
    }

    .px36 {
        font-size: 30px
    }

    .px34 {
        font-size: 28px
    }

    .px32 {
        font-size: 26px
    }

    .px30 {
        font-size: 22px
    }

    .px16 {
        font-size: 22px
    }

    .px18 {
        font-size: 22px
    }

    .px20 {
        font-size: 22px
    }

    form .pack.px16 {
        font-size: 16px
    }

    .block2 .formula div:nth-child(1) p {
        font-size: 30px
    }

    .block2 .formula div:nth-child(3) p {
        font-size: 30px
    }

    .block8 .ingr .name {
        font-size: 30px
    }

    .block14 .pack .h1 {
        font-size: 30px
    }

    .block11 ul li {
        width: 45%;
        margin: 20px 0
    }

    .block18 .px21 {
        font-size: 16px
    }

    .block18 .px24 {
        font-size: 20px
    }
}

.yved {
    position: fixed;
    right: 10px;
    top: 110px;
    width: 266px;
    vertical-align: middle;
    color: #fff;
    padding: 20px 25px 20px 25px;
    font-size: 16px;
    font-weight: 700;
    display: none;
    z-index: 999;
    box-shadow: 3px 3px 12px -3px #292929
}

.yvedt {
    line-height: normal;
    display: inline-block
}

.yvedf1 {
    background: #4ec5e0;
    border-radius: 10px
}