/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-check-1 {
    background-image: url(../img/sprite.png);
    background-position: -600px -304px;
    width: 34px;
    height: 34px;
}

.icon-check-2 {
    background-image: url(../img/sprite.png);
    background-position: -600px -348px;
    width: 34px;
    height: 34px;
}

.icon-check-3 {
    background-image: url(../img/sprite.png);
    background-position: -600px -244px;
    width: 50px;
    height: 50px;
}

.icon-circle-1 {
    background-image: url(../img/sprite.png);
    background-position: 0px -244px;
    width: 190px;
    height: 190px;
}

.icon-circle-2 {
    background-image: url(../img/sprite.png);
    background-position: -200px -244px;
    width: 190px;
    height: 190px;
}

.icon-circle-3 {
    background-image: url(../img/sprite.png);
    background-position: -400px -244px;
    width: 190px;
    height: 190px;
}

.icon-circle-4 {
    background-image: url(../img/sprite.png);
    background-position: 0px -444px;
    width: 190px;
    height: 190px;
}

.icon-stomach-1 {
    background-image: url(../img/sprite.png);
    background-position: -442px 0px;
    width: 211px;
    height: 220px;
}

.icon-stomach-2 {
    background-image: url(../img/sprite.png);
    background-position: -220px 0px;
    width: 212px;
    height: 220px;
}

.icon-stomach-3 {
    background-image: url(../img/sprite.png);
    background-position: 0px 0px;
    width: 210px;
    height: 234px;
}

@media only screen and (max-width: 1023px) {
    .animated {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
    section {
        padding: 30px 0;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 20px;
    }
    /*=============== section 1 ===============*/
    .section_1,
    .section_15 {
        padding: 30px 0;
    }
    .section_1 .s1-bg:after,
    .section_15 .s1-bg:after {
        display: none;
    }
    .section_1 .header,
    .section_15 .header {
        width: auto;
    }
    .section_1 .header .logo,
    .section_15 .header .logo {
        display: table-header-group;
    }
    .section_1 .header .logo__inner,
    .section_15 .header .logo__inner {
        width: 235px;
        margin: 0 auto;
    }
    .section_1 .header__descr,
    .section_15 .header__descr {
        padding-left: 0;
        padding-top: 20px;
    }
    .section_1 .header__descr-text,
    .section_15 .header__descr-text {
        text-align: center;
    }
    .section_1 .s1-field__title-text,
    .section_15 .s1-field__title-text {
        text-align: center;
    }
    .section_1 .s1-field__list,
    .section_15 .s1-field__list {
        max-width: 400px;
    }
    .section_1 .s1-field .prod,
    .section_15 .s1-field .prod {
        max-width: 200px;
        right: 0;
    }
    .section_1 .s1-field .prod__img,
    .section_15 .s1-field .prod__img {
        max-width: 100%;
    }
    .form {
        margin: 40px 0 0;
    }
    .form__inner {
        margin: 0 auto;
    }
    .form .light {
        left: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    /*=============== END section 1 ===============*/
    /*=============== section 2 ===============*/
    .section_2 {
        padding: 30px 0;
        background: none;
        background-color: #fff;
    }
    .section_2 .title__text {
        text-align: center;
    }
    .section_2 .title__subtext {
        text-align: center;
    }
    .section_2 .article {
        margin: 30px auto 0;
    }
    .section_2 .article__text {
        margin: 15px 0 0;
    }
    .section_2 .girl {
        display: none;
    }
    /*=============== END section 2 ===============*/
    /*=============== section 3 ===============*/
    .section_3 .pyziko__item:not(:last-child) {
        margin: 0 0 40px;
    }
    .section_3 .pyziko__title {
        margin: 15px 0 0;
    }
    .section_3 .pyziko__descr {
        margin: 3px 0;
    }
    /*=============== END section 3 ===============*/
    /*=============== section 4 ===============*/
    .section_4 {
        background: none;
        background-color: #ffea00;
    }
    .help__row:not(:last-of-type) {
        margin: 0 0 10px;
    }
    .help__col--right .help__title {
        padding-left: 15px;
    }
    .help__col--left .help__title {
        padding-right: 15px;
    }
    .help__pic {
        width: 80px;
    }
    .help__item {
        padding: 0 5px;
    }
    .help__text {
        font-size: 20px;
    }
    /*=============== END section 4 ===============*/
    /*=============== section 5 ===============*/
    .section_5 .title__text {
        text-align: center;
    }
    .section_5 .doctor {
        background: none;
        background-color: #fff;
    }
    .section_5 .doctor__head {
        padding-left: 0;
    }
    .section_5 .doctor__head:after {
        display: none;
    }
    .section_5 .doctor__descr {
        margin: 20px 0 0;
    }
    .section_5 .doctor .result {
        margin: 30px 0 0;
    }
    .section_5 .doctor .result__title-text {
        font-size: 40px;
    }
    .section_5 .doctor .result__table {
        margin: 20px 0 0;
    }
    .section_5 .doctor .result__inner {
        padding: 15px 0;
        border: 6px solid #660f95;
    }
    .section_5 .doctor .result__weight {
        height: 137.5px;
        width: 137.5px;
    }
    .section_5 .doctor .result__weight:after {
        -webkit-transform: scale(0.72);
        -ms-transform: scale(0.72);
        transform: scale(0.72);
        top: -23px;
        left: -26px;
    }
    .section_5 .doctor .result__weight-text {
        font-size: 36px;
        line-height: 137px;
    }
    .section_5 .doctor .result__descr {
        font-size: 20px;
    }
    .section_5 .testee {
        margin: 30px 0 0;
        padding: 0 0 30px;
    }
    .section_5 .testee__inner:after {
        display: none;
    }
    .section_5 .testee__title {
        margin: 0 auto;
    }
    .section_5 .testee__title-text {
        font-size: 40px;
        text-align: center;
    }
    .section_5 .testee__list {
        margin: 30px auto 0;
    }
    .section_5 .testee__item {
        font-size: 26px;
    }
    .section_5 .testee__item:not(:last-of-type) {
        margin: 0 0 20px;
    }
    /*=============== END section 5 ===============*/
    /*=============== section 7 ===============*/
    .section_7 {
        padding: 30px 0;
    }
    .section_7 .title__subtext {
        margin: 5px 0 0;
    }
    .section_7 .composition__inner {
        padding-left: 0;
    }
    .section_7 .composition__item {
        padding: 120px 0 0;
    }
    .section_7 .composition__item:after {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .section_7 .composition__item:not(:last-of-type) {
        margin: 0 0 30px;
    }
    .section_7 .composition__title {
        text-align: center;
    }
    .section_7 .composition__text {
        text-align: center;
        margin: 0;
    }
    /*=============== END section 7 ===============*/
    /*=============== section 8 ===============*/
    .section_8 .complex__row:not(:last-child) {
        margin: 0 0 10px;
    }
    .section_8 .complex__item {
        height: 90px;
    }
    .section_8 .complex__item-text {
        display: none;
    }
    .section_8 .complex .prod {
        top: 80px;
        max-width: 250px;
    }
    /*=============== END section 8 ===============*/
    /*=============== section 10 ===============*/
    .section_10 {
        background: none;
        background-color: #fff;
    }
    .section_10 .title__text {
        text-align: center;
    }
    .section_10 .doctor:after {
        display: none;
    }
    .section_10 .doctor__text {
        margin: 30px auto 0;
    }
    /*=============== END section 10 ===============*/
    /*=============== section 11 ===============*/
    .section_11 .reason__list {
        margin: 30px auto 0;
    }
    .section_11 .reason__item {
        font-size: 24px;
        padding-left: 50px;
    }
    .section_11 .reason__item:after {
        top: -12px;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    .section_11 .reason__item:not(:last-of-type) {
        margin: 0 0 20px;
    }
    .section_11 .accent {
        margin: 40px auto 0;
    }
    .section_11 .accent__text {
        font-size: 30px;
    }
    /*=============== END section 11 ===============*/
    /*=============== section 12 ===============*/
    .section_12 .stomach__item {
        padding: 220px 0 0;
    }
    .section_12 .stomach__item:not(:last-child) {
        margin: 0 0 30px;
    }
    .section_12 .stomach__num {
        left: 250px;
    }
    .section_12 .accent {
        margin: 40px 0 0;
    }
    .section_12 .accent__inner {
        padding: 10px 0;
        border: 6px solid #ffffff;
    }
    .section_12 .accent__text {
        font-size: 30px;
    }
    /*=============== END section 12 ===============*/
    /*=============== section 13 ===============*/
    .section_13 .slider .slide__inner {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .section_13 .slider .slide__pic-wrap--bef {
        -webkit-animation: none;
        animation: none;
    }
    .section_13 .slider .slide__pic-wrap--aft {
        -webkit-animation: none;
        animation: none;
    }
    .section_13 .slider .slide__item--bef {
        -webkit-animation: none;
        animation: none;
    }
    .section_13 .slider .slide__item--aft {
        -webkit-animation: none;
        animation: none;
    }
    .section_13 .slider .slide__left {
        display: table-header-group;
    }
    .section_13 .slider .slide__right {
        padding-left: 0;
        padding-top: 20px;
    }
    .section_13 .slider .slide__pic {
        width: 400px;
    }
    .section_13 .slider .slide__pic-wrap {
        width: 200px;
    }
    .section_13 .slider .slide__descr {
        width: 250px;
    }
    .section_13 .slider .slide__weight {
        top: 20px;
    }
    .section_13 .slider .slide__article {
        margin: 10px 0 0;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #c8aeda;
    }
    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #5c0d93;
    }
    /*=============== END section 13 ===============*/
    /*=============== section 14 ===============*/
    /*=============== END section 14 ===============*/
    /*=============== section 15 ===============*/
    .section_15 {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ad1da1), to(#1a0088));
        background-image: -webkit-linear-gradient(top, #ad1da1 0%, #1a0088 100%);
        background-image: -o-linear-gradient(top, #ad1da1 0%, #1a0088 100%);
        background-image: linear-gradient(to bottom, #ad1da1 0%, #1a0088 100%);
    }
    .section_15 .light {
        display: none;
    }
    .section_15 .s15-bg:after {
        display: none;
    }
    /*=============== END section 15 ===============*/
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 18px;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    /*~~~~~~~~~~~~~~~ section 1 ~~~~~~~~~~~~~~~*/
    .section_1 .header .logo__inner,
    .section_15 .header .logo__inner {
        width: 200px;
    }
    .section_1 .header .logo__title,
    .section_15 .header .logo__title {
        font-size: 35px;
    }
    .section_1 .header .logo__list,
    .section_15 .header .logo__list {
        display: none;
    }
    .section_1 .header__descr-text,
    .section_15 .header__descr-text {
        display: inline-block;
        vertical-align: top;
        width: 287px;
        text-align: center;
        line-height: 1.3;
    }
    .section_1 .header__descr .prod,
    .section_15 .header__descr .prod {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        margin-top: -130px;
    }
    .section_1 .header__descr-subtext-text,
    .section_15 .header__descr-subtext-text {
        text-transform: uppercase;
    }
    .section_1 .s1-field__list-item,
    .section_15 .s1-field__list-item {
        line-height: 1;
    }
    .section_1 .s1-field__list-item:after,
    .section_15 .s1-field__list-item:after {
        top: -5px;
    }
    .form .price__item {
        font-size: 21px;
    }
    /*~~~~~~~~~~~~~~~ END section 1 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 3 ~~~~~~~~~~~~~~~*/
    .section_3 .pyziko {
        margin: 20px 0 0;
    }
    .section_3 .pyziko__pic {
        max-width: 100px;
        margin: 0 auto;
    }
    /*~~~~~~~~~~~~~~~ END section 3 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 4 ~~~~~~~~~~~~~~~*/
    .help__row {
        display: block;
    }
    .help__row:not(:last-of-type) {
        margin: 0;
    }
    .help__col {
        display: block;
    }
    .help__item {
        margin: 0 0 15px;
    }
    .help__text {
        font-size: 18px;
    }
    .help .testee__title-text {
        font-size: 30px;
    }
    /*~~~~~~~~~~~~~~~ END section 4 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 5 ~~~~~~~~~~~~~~~*/
    .section_5 .doctor__descr {
        padding-left: 0;
    }
    .section_5 .doctor__descr:after {
        display: none;
    }
    .section_5 .doctor .result__title-text {
        font-size: 30px;
    }
    .section_5 .doctor .result__item:not(:last-child) {
        margin: 0 0 20px;
    }
    .section_5 .doctor .result__descr {
        margin: 5px 0 0;
    }
    /*~~~~~~~~~~~~~~~ END section 5 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 7 ~~~~~~~~~~~~~~~*/
    .section_7 .composition {
        margin: 20px 0 0;
    }
    .section_7 .composition__item {
        padding: 60px 0 0;
    }
    .section_7 .composition__item:after {
        top: -30px;
        -webkit-transform: translate(-50%, 0) scale(0.5);
        -ms-transform: translate(-50%, 0) scale(0.5);
        transform: translate(-50%, 0) scale(0.5);
    }
    /*~~~~~~~~~~~~~~~ END section 7 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 8 ~~~~~~~~~~~~~~~*/
    .section_8 .complex {
        margin: 30px 0 0;
    }
    .section_8 .complex__row:nth-child(1) .complex__item--left .complex__lable {
        font-size: 15px;
        right: 30px;
    }
    .section_8 .complex__row:nth-child(1) .complex__item--right .complex__lable {
        font-size: 14px;
        left: 30px;
    }
    .section_8 .complex__row:nth-child(2) .complex__item--left .complex__lable {
        font-size: 13px;
        right: 80px;
    }
    .section_8 .complex__row:nth-child(2) .complex__item--right .complex__lable {
        font-size: 30px;
        left: 80px;
    }
    .section_8 .complex__row:nth-child(3) .complex__item--left .complex__lable {
        font-size: 30px;
        right: 95px;
    }
    .section_8 .complex__row:nth-child(3) .complex__item--right .complex__lable {
        font-size: 9px;
        left: 95px;
    }
    .section_8 .complex__row:nth-child(4) .complex__item--left .complex__lable {
        font-size: 10px;
        right: 80px;
    }
    .section_8 .complex__row:nth-child(4) .complex__item--right .complex__lable {
        font-size: 8px;
        left: 80px;
    }
    .section_8 .complex__row:nth-child(5) .complex__item--left .complex__lable {
        font-size: 8px;
        right: 30px;
    }
    .section_8 .complex__row:nth-child(5) .complex__item--right .complex__lable {
        font-size: 7px;
        left: 30px;
    }
    .section_8 .complex__item {
        height: 50px;
    }
    .section_8 .complex__lable {
        height: 50px;
        width: 50px;
    }
    .section_8 .complex__lable-text {
        max-width: 45px;
        font-size: 15px;
    }
    .section_8 .complex .prod {
        max-width: 130px;
        top: 0px;
    }
    /*~~~~~~~~~~~~~~~ END section 8 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 11 ~~~~~~~~~~~~~~~*/
    .section_11 .accent__text {
        font-size: 26px;
        line-height: 1.1;
    }
    /*~~~~~~~~~~~~~~~ END section 11 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 12 ~~~~~~~~~~~~~~~*/
    .section_12 .stomach__num {
        left: 20px;
    }
    .section_12 .accent__inner {
        padding: 5px 10px;
    }
    /*~~~~~~~~~~~~~~~ END section 12 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 13 ~~~~~~~~~~~~~~~*/
    .section_13 .slider-wrap {
        margin: 15px 0 0;
    }
    .section_13 .slider .slide__pic {
        width: 250px;
    }
    .section_13 .slider .slide__pic-wrap {
        width: 125px;
    }
    .section_13 .slider .slide__descr {
        display: none;
    }
    .section_13 .slider .slide__weight {
        position: relative;
        display: block;
        margin: 15px auto 0;
        right: auto;
        top: auto;
    }
    .section_13 .slider .slide__article {
        margin: 0;
    }
    .section_13 .slider .slide__article-text {
        font-size: 16px;
        line-height: 20px;
    }
    /*~~~~~~~~~~~~~~~ END section 13 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section 14 ~~~~~~~~~~~~~~~*/
    .section_14 .title .db {
        display: inline-block;
    }
    .section_14 .descr {
        margin: 20px 0 0;
    }
    /*~~~~~~~~~~~~~~~ END section 14 ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ END section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ END section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ END section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ section # ~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~ END section # ~~~~~~~~~~~~~~~*/
}
@media screen and (min-width: 768px) {
    .complex .prod__img {
        position: relative;
        top: -100px;
    }
}