* {
    box-sizing: border-box
}
body {
    background: url("../images/bg1.jpg") no-repeat center 80px;
    background-size: 100%
}
.video iframe {
    width: 400px;
    height: 231px
}
.block {
    margin: 0 auto
}
.wrap {
    max-width: 1244px;
    padding: 0 10px;
    margin: 0 auto
}
.wrap:after, .wrap:before {
    content: " ";
    display: table;
    clear: both
}
ul {
    list-style-type: none
}
.button {
    display: block;
    width: 250px;
    height: 51px;
    line-height: 51px;
    border-radius: 10px;
    background-color: #7e00ff;
    border-bottom: 3px solid #171b26;
    font-family: open sans, sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    text-align: center;
    color: #fff;
    cursor: pointer
}
.link {
    border-bottom: 1px solid
}
.block1 {
    padding: 0 0 44px
}
.block1 .wrap {
    text-align: justify
}
.block1 .wrap:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -28px
}
.block1 .wrap:after {
    content: '';
    display: inline-block;
    zoom: 1;
    width: 100%
}
.block1 .inline-b {
    vertical-align: middle;
    position: relative;
    top: 35px
}
.img-top {
    vertical-align: middle
}
#kolb {
    display: inline-block;
    background: url("../images/01debb7fe5500ca697d31460bd99c537b291222b.png") no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px
}
#list {
    display: inline-block;
    background: url("../images/f3b9f0014ed0c27aef11ca26a7d67dafec3d946d.png") no-repeat;
    background-size: contain;
    width: 65px;
    height: 64px
}
#like {
    display: inline-block;
    background: url("../images/fd54bac8c226cde3e6d5fc4406598e798b16a03a.png") no-repeat;
    background-size: contain;
    width: 65px;
    height: 64px
}
#gerb {
    display: inline-block;
    background: url("../images/13ad50edc8c8ce8cf2dbb08f950c4d24a66ba96f.png") no-repeat;
    background-size: contain;
    width: 65px;
    height: 64px
}
.block1 .inline-b img, .block1 .inline-b p {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.block1 .inline-b img {
    margin-right: 10px
}
.block1 p {
    font-family: sfuidisplay-thin, sans-serif;
    padding: 0;
    font-size: 13px
}
.block2 .head {
    padding: 20px 0 30px
}
.product-container {
    padding-bottom: 100px
}
.left-block ul {
    max-width: 400px;
    padding-top: 20px
}
.left-block ul li {
    font-family: sfuidisplay-bold, sans-serif;
    font-size: 20px;
    color: #352759;
    padding: 14px 0 14px 80px;
    background: url("../images/c35ba9ed89c778d67e678564a73ca090738d9dd4.png") no-repeat 30px 12px
}
.remained-container {
    display: inline-block;
    background-color: #2e323b;
    padding: 14px 20px;
    border-radius: 8px;
    margin-top: 30px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .12)
}
.remained-container p {
    font-family: sfuidisplay-bold, sans-serif;
    font-size: 18px;
    padding: 0
}
.remained-container .left-box {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 4px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background-color: #ef1650;
    border-radius: 25px
}
.product-pack {
    left: 34%;
    left: calc(50% - 199px);
    top: 100px;
    width: 435px;
    height: 375px;
    background: url("../images/product.png") no-repeat center;
    background-size: contain;
}
.right-block {
    max-width: 340px
}
.form-container {
    position: relative;
    background-color: #f4f4f4;
    padding: 18px;
    border-radius: 8px;
    border: 1px solid #d4d4d4
}
.action-valid {
    background-color: #ef1650;
    color: #fff;
    padding: 12px 7px;
    border-radius: 8px;
    text-align: center;
    font-family: sfuidisplay-bold, sans-serif;
    font-size: 18px
}
.price, .action-price {
    margin: 8px 0 4px
}
.price {
    width: 43%;
    margin-right: 4%
}
.price p, .action-price p {
    display: inline-block;
    padding: 3px 0
}
.price-lt:after {
    content: url("style.css%40v%3D0.01.css");
    position: absolute;
    top: 12%;
    right: 6px
}
.lp-text {
    padding: 18px 0 0
}
.left-pack {
    display: inline-block;
    width: 42px;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    text-align: center;
    background-color: #ef1650;
    border-radius: 4px
}
.shit {
    font-family: sfuidisplay-bold, sans-serif;
    font-size: 12px;
    padding-left: 30px;
    padding-right: 20px;
    background: url("style.css%40v%3D0.01.css") no-repeat 0 50%;
    margin-left: 20px;
    color: #8a8a8a
}
.block3 .head {
    padding: 20px 0
}
.block3 .circle-container {
    margin-top: 60px
}
.circle-container div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    text-align: center
}
.block3 .circle-container div {
    max-width: 190px;
    margin: 0
}
.block3 .circle-container div p {
    padding-top: 24px;
    text-align: center
}
.block4 {
    background: url("../images/bg2.jpg") no-repeat center top;
    background-size: 100% auto;
    padding-bottom: 50px
}
.block4 .head {
    padding: 40px 0
}
.block4 .inline-b {
    vertical-align: top
}
.block4 .disease-container {
    background: url("../images/skeleton2.jpg");
    display: block;
    width: 745px;
    height: 653px;
    margin: 0 auto;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 65% 21%
}
.block4 .disease-container p {
    font: normal 30px/100% 'SFUIDisplay-Thin', sans-serif;
    padding: 20px 30px 60px
}
.block4 .disease-container .alleft p {
    padding: 60px 0 146px 30px
}
.block4 .disease-container .alright p {
    padding: 60px 30px 146px 0
}
.block4 .disease-container .alleft p:last-child {
    padding-bottom: 0
}
.block4 .disease-container .alright p:last-child {
    padding-bottom: 0
}
#skeleton {
    display: none;
    background: url("../images/skeleton2.png");
    width: 260px;
    height: 653px
}
#sickness {
    position: relative;
    display: none;
    vertical-align: top
}
#sickness ul {
    list-style-type: none;
    padding: 60px 0 0
}
#sickness li {
    display: block;
    text-align: left;
    font-size: 23px;
    font-family: sans-serif;
    color: rgba(0, 0, 0, .74);
    margin: 20px 0
}
#sickness li:after {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    display: block;
    color: #fff;
    border-radius: 3px;
    max-width: 35px;
    padding: 4px
}
#sickness li:nth-child(1):after {
    content: '98%';
    background: green
}
#sickness li:nth-child(2):after {
    content: '97%';
    background: #008c0a
}
#sickness li:nth-child(3):after {
    content: '94%';
    background: #009200
}
#sickness li:nth-child(4):after {
    content: '99%';
    background: #007b00
}
#sickness li:nth-child(5):after {
    content: '91%';
    background: #439608
}
#sickness li:nth-child(6):after {
    content: '93%';
    background: #408a08
}
#sickness li:nth-child(7):after {
    content: '96%';
    background: #008c0a
}
.block5 {
    background: url("../images/bg3.jpg") no-repeat center 180px;
    background-size: 100%;
    padding-bottom: 80px;
    overflow: hidden
}
.block5 .head {
    padding: 40px 0
}
.block5 .head2 {
    padding: 40px 0
}
.components-container .inline-b {
    width: 32.4%;
    height: 450px;
    margin: 10px 6px;
    vertical-align: top;
    border-radius: 8px;
    border: 1px solid #d4d4d4
}
.components-container .inline-b:nth-child(1) {
    background: #fff url("../images/ing1.jpg") no-repeat center 215px;
    background-size: contain
}
.components-container .inline-b:nth-child(2) {
    background: #fff url("../images/ing2.png") no-repeat center  200px;
    background-size: contain
}
.components-container .inline-b:nth-child(3) {
    background: #fff url("../images/ing3.jpg") no-repeat center bottom;
    background-size: contain
}
.components-container .inline-b:first-child {
    margin-left: 0
}
.components-container .inline-b:last-child {
    margin-right: 0
}
.components-container .inline-b p {
    font: normal 16px/140% 'SFUIDisplay-Thin', sans-serif;
    padding: 24px;
    text-align: left
}
.components-container .inline-b p span {
    font-family: sfuidisplay-heavy, sans-serif
}
.my_class {
    padding: 24px;
    text-align: left;
    font: normal 16px/140% 'SFUIDisplay-Thin', sans-serif
}
.my_class li {
    list-style: circle;
    margin-left: 20px
}
.block5 .zavod-container {
    text-align: center;
    margin-top: 60px
}
.block5 .zavod-photo {
    background: url("../images/zavod.jpg") no-repeat;
    background-size: 100%;
    display: block;
    margin: 10px auto;
    max-width: 808px;
    height: 152px
}
.block5 .zavod-container .inline-b {
    vertical-align: top;
    margin: 10px 15px
}
.block5 .zavod-container p {
    color: #0c283a
}
.block5 .guaranty {
    bottom: -10px
}
.block6 {
    background: url("../images/bg4.jpg") no-repeat center top;
    background-size: cover;
    padding: 60px 0
}
#doc {
    display: block;
    background: url("../images/doc.png") no-repeat;
    background-size: contain;
    width: 600px;
    height: 379px
}
.doctor-foto {
    margin-left: -40px;
    margin-right: 15px
}
.doctor-text {
    width: 47%;
    float: right
}
.doctor-text .sfl {
    padding: 12px 0
}
.block7 {
    background: url("../images/bg5.jpg") no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 30px
}
.block7 .head {
    padding: 60px 0
}
.block7 .head2 {
    padding: 60px 0 40px
}
.block7 .video {
    margin: 10px 20px
}
.block8 {
    background: #0c283a;
    padding: 30px 0;
    text-align: center;
    height: auto
}
.block8 ul {
    display: inline-block;
    text-align: initial
}
.block8 li {
    margin: 5px 10px
}
.block8 p {
    color: #b6b7b8
}
.block8 ul li {
    display: inline-block;
    vertical-align: bottom;
    color: #b6b7b8
}
.footer-c {
    display: block;
    font-size: 0
}
.footer-c li:first-child {}
.block8 ul.footer-c>li:last-child {
    width: 100%;
    text-align: center
}
.block8 ul.list {
    font-size: 0;
    text-align: center
}
.block8 ul.list li {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    text-align: initial;
    max-width: 25%;
    padding: 12px 0 14px 50px
}
.block8 ul.list li:nth-child(1) {
    background: url("../images/d4b411b0882b6b2abe5df89ca78a506669ec728d.png") no-repeat left 15px
}
.block8 ul.list li:nth-child(2) {
    background: url("../images/be48caa9bdbfc618b525e93b58b530c42947a40e.png") no-repeat left 15px
}
.block8 ul.list li:nth-child(3) {
    background: url("../images/286ba7a496c34d84dd680dbb8be5ad39e495fb36.png") no-repeat left 15px
}
.block8 ul li.foot {
    margin: 0 80px
}
.block8 .title {
    padding-bottom: 25px;
    text-align: center
}
.block8 .line {
    padding: 22px 0 32px
}
.block8 .adr {
    padding: 0 0 16px
}
#privacy {
    vertical-align: top;
    margin-left: 10px;
    margin-top: 8px;
    display: inline-block
}
@media screen and (min-width:2060px) {
    .block4 {
        background: #fff
    }
}
@media only screen and (max-width:1920px) {
    body, .block4, .block5, .block6, .block7 {
        background-size: auto
    }
    .block7 {
        background: url("../images/bg5.jpg") no-repeat center 30px
    }
}
@media screen and (max-width:1700px) {
    .block4 {
        background: #fff
    }
}
@media only screen and (max-width:1300px) {
    .block5 .zavod-container {
        padding-left: 0
    }
}
@media screen and (max-width:1200px) {
    .product-container {
        padding: 0 20px 400px
    }
    .product-pack {
        top: 425px
    }
    .block3 .circle-container {
        text-align: center
    }
    .block3 .circle-container div {
        max-width: none;
        min-width: 190px;
        padding: 0 5px;
        width: 30%;
        margin: 0
    }
    .components-container .inline-b:nth-child(1) {
        background: #fff url("../images/ing1.jpg") no-repeat center bottom;
        background-size: contain
    }
    .components-container .inline-b:nth-child(2) {
        background: #fff url("../images/ing2.png") no-repeat right bottom;
        background-size: 80%
    }
}
@media screen and (max-width:1115px) {
    .doctor-text {
        width: 80%;
        float: none;
        display: block;
        margin: 10px auto
    }
    .doctor-foto {
        float: right!important
    }
    .block7 .head {
        padding-top: 0
    }
    .components-container .inline-b {
        width: 38%
    }
}
@media screen and (max-width:890px) {
    .product-container {
        padding: 0 0 400px;
        padding: 0 0 300px
    }
    .block1 .inline-b {
        text-align: center;
        vertical-align: top;
        top: 43px
    }
    .block1 .logo {
        top: 24px
    }
    .img-top {
        background-position: center top!important;
        margin-bottom: 10px;
        width: 100%!important
    }
    .block4 .disease-container {
        background-position: 80% 21%
    }
    .block5 .zavod-container {
        text-align: center
    }
    .block8 ul {}
    .block8 li:first-child {
        display: none
    }
    .block8 li {
        margin: 0
    }
}
@media screen and (max-width:768px) {
    .px40 {
        font-size: 32px
    }
    .px30 {
        font-size: 26px
    }
    .block1 {
        padding: 0
    }
    .block1 .inline-b {
        display: none
    }
    .block1 .wrap {
        text-align: center
    }
    .block1 .logo {
        display: inline-block;
        top: 35px
    }
    .block2 .head {
        padding: 25px 0
    }
    .block4 {
        padding-bottom: 20px
    }
    .block5 .head, .block5 .head2 {
        padding: 20px 0
    }
    .components-container .inline-b {
        width: 470px;
        display: block;
        margin: 15px auto!important
    }
    .product-container {
        padding-bottom: 20px
    }
    .left-block ul {
        padding-top: 10px
    }
    .list {
        padding: 0 0 30px;
        float: none!important;
        text-align: justify;
        display: inline-block
    }
    .order-form, .product-pack {
        position: relative;
        display: inline-block;
        float: none
    }
    .product-pack {
        top: -80;
        left: 0;
        margin-bottom: 20px;
        left: 25px
    }
    .product-container {
      padding-top: 250px;
        display: block;
        text-align: center;
        margin: 0 auto
    }
    .block4 .disease-container {
        background: #fff;
        width: 100%
    }
    .block5 {
        padding-bottom: 0
    }
    #skeleton {
        display: inline-block
    }
    #sickness {
        display: inline-block;
        width: 40%
    }
    .components-container .inline-b {
        height: 340px
    }
    .components-container .inline-b:nth-child(1) {
        background: #fff url("../images/ing1.jpg") no-repeat center bottom;
        background-size: 80% 60%
    }
    .components-container .inline-b:nth-child(2) {
        background: #fff url("../images/ing2.png") no-repeat right bottom;
        background-size: 60% 60%
    }
    .components-container .inline-b:nth-child(3) {
        background: #fff url("../images/ing3.jpg") no-repeat center bottom;
        background-size: 60% 60%
    }
    .block3 .circle-container div p {
        text-align: center
    }
    .adrs, .adr {
        display: none
    }
    .vam {
        display: block;
        margin: 0 auto
    }
}
@media screen and (max-width:660px) {
    .block5 .zavod-photo {
        display: none
    }
    .zavod-container .head3 {
        padding-bottom: 20px
    }
    .doctor-foto {
        float: none!important;
        margin: 0;
        height: 500px
    }
    #doc {
        background-position: center;
        width: 100%;
        height: 70%
    }
}
@media screen and (max-width:490px) {
    .video iframe {
        width: 270px;
        height: 231px
    }
    .block5 .zavod-photo {
        display: none
    }
    .block4 .disease-container {
        height: auto
    }
    .block6 {
        padding: 0
    }
    #skeleton {
        display: none
    }
    #sickness {
        width: 80%
    }
    #sickness ul {
        padding-top: 0
    }
    .list li {
        text-align: left
    }
    .product-pack {
        width: 280px;
        
        height: 280px;
        background-size: contain
    }
    .components-container .inline-b {
        width: 300px
    }
    .components-container .inline-b:nth-child(1) {
        background: #fff url("../images/ing1.jpg") no-repeat center bottom;
        background-size: 67% 30%
    }
    .components-container .inline-b:nth-child(2) {
        background: #fff url("../images/ing2.png") no-repeat right bottom;
        background-size: 60% 40%
    }
    .components-container .inline-b:nth-child(3) {
        background: #fff url("../images/ing3.jpg") no-repeat center bottom;
        background-size: 60% 46%
    }
    #doc {
        background-position: center;
        width: 100%;
        height: 50%
    }
}
.infolimit {
    padding: 10px 43px
}
@media screen and (min-width:992px) and (max-width:11190px) {
    .inline-b-second {
        margin-left: -30px
    }
    .inline-b-logo {
        margin-left: -40px
    }
}
@media screen and (min-width:769px) and (max-width:890px) {
    .block1 .logo {
        top: 59px
    }
}
body {
    overflow-x: hidden;
    min-width: 315px
}