
body {
    min-width: 320px;
    background: #fff;
    font-family: 'AvenirNextCyr', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    cursor: default;
}

header, section, footer {
    margin: 0 auto;
    max-width: 1920px;
}

.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;
    position: relative;
}
section>.wrapper{
    padding: 30px 0 40px;
}
.section_title{
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.section_title>span{
    color: #E1158A;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

b {
    font-weight: 700;
}
h3{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

/* style */
.title_block{
    height: 70px;
background: #fff
/*background: -moz-linear-gradient(left, rgba(187,196,244,1) 0%, rgba(205,216,246,1) 17%, rgba(208,219,247,1) 82%, rgba(210,220,247,1) 100%);
background: -webkit-linear-gradient(left, rgba(187,196,244,1) 0%,rgba(205,216,246,1) 17%,rgba(208,219,247,1) 82%,rgba(210,220,247,1) 100%);
background: linear-gradient(to right, rgba(187,196,244,1) 0%,rgba(205,216,246,1) 17%,rgba(208,219,247,1) 82%,rgba(210,220,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc4f4', endColorstr='#d2dcf7',GradientType=1 );*/
}
.title_block .wrapper{
    padding: 0px 10px;
}
.title_block .logo{
    display: inline-block;
    width: 220px;
}
.title_block .logo>img{
    display: block;
    margin: 0px auto;
}
.title_block ul{
    float: right;
    padding: 14px 0 0;
}
.title_block ul>li{
    float: left;
    width: 210px;
    margin: 0 0 0 15px;
    font-size: 15px;
    line-height: 1.4em;
}
.title_block ul>li:before{
    content: '';
    display: block;
    float: left;
    width: 42px;
    height: 42px;
    margin: 0 10px 0 0;
    background: url(../img/head-icon.png) no-repeat;
}
.title_block ul>li:nth-child(1):before{
    background-position: 0 0;
}
.title_block ul>li:nth-child(2):before{
    background-position: -42px 0;
}
.title_block ul>li:nth-child(3):before{
    background-position: -84px 0;
}

/*top_offer*/
.top_offer{
    background: #fff url(../img/top_offer_bg.jpg) 50% 100% no-repeat;
}
.top_offer .wrapper{
    padding: 15px 10px 20px 330px;
    position: relative;
}
.top_offer .main_subtitle{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
}
.top_offer .main_title{
    font-size: 48px;
    color: #E1158A;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1em;
    margin-bottom: 10px;
}
.top_offer h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}
.top_offer .sale{
    width: 116px;
    height: 116px;
    background: url(../img/sale_bg.png) 50% 50% no-repeat;
    text-align: center;
    padding-top: 20px;
    position: absolute;
    top: 454px;
    left: 246px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
.sale>span{
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.005em;
    letter-spacing: normal;
    margin: 0 0 -5px;
}
.action_block{
    padding: 20px 0 0 193px;
}
.action_block .bullets{
    padding: 0 20px 0 0;
}
.action_block .bullets>li{
    font-size: 18px;
    padding: 0 0 0 32px;
    background: url(../img/of_bullets_icon.png) 0% 4px no-repeat;
    margin-bottom: 15px;
}
.top_offer .cena{
    width: 75%;
}
.price{
    margin-bottom: 15px;
}
.price .price_item{
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
    float: left;
}
.price_item>span{
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1em;
}
.price_item.old{
    text-align: right;
    padding: 0 15px 0 0;
}
.price_item.new{
    text-align: left;
    padding: 0 0 0 15px;
}
.price_item.old>span{
    text-decoration: line-through;
}
.price_item.new>span{
    color: #E1158A;
}
.price_item>span>small{
    font-size: 0.7em;
}
.button_m{
    text-decoration: none;
    border: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #E1158A;
    width: 300px;
    height: 68px;
    font-size: 18px;
    line-height: 68px;
    border-radius: 30px;
    display: block;
    text-align: center;
    font-family: 'AvenirNextCyr', sans-serif;
    cursor: pointer;
}
.button_m:hover{
    background: #e12d82;
}
.button_m:focus{
    background: #e12d82;
}
.top_offer .product_count{
    margin-top: 15px;
    margin-left: 15px;
    text-align: left;
}
.product_count{
    text-align: center;
    margin-top: 15px;
}
.product_count:before{
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/prd_count_icon.png) 50% 50% no-repeat;
    display: inline-block;
    margin: -3px 10px 0 0;
    vertical-align: middle;
}
.s3 h3 {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: 60px 0 30px;
    color:#E1158A;
}
.ingredients {
    font-size: 0;
    text-align: center;
}
.ingredients li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 10px;
}
.ingredients li img {
    border-radius: 50%;
    width: 130px;
    border: 2px solid #E1158A;
    margin-top: 20px;
}

.ingredients b {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
}
.ingredients p {
    font-size: 16px;
}

.change_cont{
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
 .change_cont>li{
    float: left;
    width: 33%;
    padding: 20px 15px;
    text-align: center;
}
.step{
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
 .step>li{
    float: left;
    width: 25%;
    padding: 20px 5px;
    text-align: center;
}


/*.change_block .change_cont>li:nth-child(2n){
    background: #f7faff;
}*/
 .change_cont>li img{
    display: block;
    margin: 0 auto 20px;
    border-radius: 50%;
    /*border: 2px solid #E1158A;*/
}
.change_cont>li>h4{
    padding: 0 0 10px;
    font-weight: 700;
}
.step>li img{
    display: block;
    margin: 0 auto 20px;
    border: 2px solid #E1158A;
    border-radius: 20px;
}
.step>li>h4{
    padding: 0 0 10px;
    font-weight: 700;
}

/* s3 */
.s3-1{
    background: url("../img/s-1.jpg");
}
.s3{
    background: white;
}
.s3_video{
    float: left;
    width: 460px;
    height: auto;
    border-radius: 14px;
    overflow: hidden;
    margin-top: 27px;
}
.s3_video iframe{
    width: 100%;
    height: 100%;
}
.s3_text{
    padding: 0 0 0 480px;
}
.s3_text>p{
    margin-bottom: 15px;
    line-height: 1.6em;
}

.result_cont>li{
    float: left;
    width: 460px;
    margin: 0 10px;
    text-align: center;
   /* background: #f7faff;*/
    border-radius: 4px;
    overflow: hidden;
}
.result_cont>li>img{
    display: block;
    margin: 0 auto;
    border-radius: 20px;
}
.result_cont>li p{
    padding: 20px 5px;
    font-weight: 500;
}

.s5{
    background: #E1158A url(../img/s5_bg.jpg) 50% 0% no-repeat;
}
.s5 .section_title{
    font-size: 26px;
    line-height: 1.3em;
    text-align: left;
}
.s5_top{
    padding: 50px 450px 0 0;
}
.s5_top>p{
    margin: 20px 0;
    font-size: 18px;
    line-height: 1.6em;
}
.s5_bottom{
    padding: 80px 0 10px 0;
}
.s5_bottom>h3{
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.s5_bottom>h3:after{
    content: '';
    height: 29px;
    width: 25px;
    background: url(../img/arrow_to_form.png) 50% 50% no-repeat;
    position: absolute;
    right: 349px;
    bottom: -21px;
}
 
 input, .form-control{
    width: 100%;
    border: none;
    height: 60px;
    border-radius: 30px;
    float: left;
    font-family: 'AvenirNextCyr', sans-serif;
    text-align: center;
    font-size: 18px;
    margin: 5px 0px;
	background-color: #fff;
}
.s5 .m1-form .button_m{
    line-height: 60px;
}
/*.s5 .m1-form input:nth-child(2){
    margin: 0px 30px;
}*/

/* s6 */
.s6 .change_cont>li>img{
    width: 145px;
}

/* s7 */
.s7{
    background: rgb(232,239,255);
background: -moz-linear-gradient(left, rgba(232,239,255,1) 29%, rgba(252,234,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(232,239,255,1) 29%,rgba(252,234,255,1) 100%);
background: linear-gradient(to right, rgba(232,239,255,1) 29%,rgba(252,234,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8efff', endColorstr='#fceaff',GradientType=1 );
}
.result_img>img{
    display: block;
    float: left;
    margin-bottom: 20px;
    border-radius: 10px;
}
.result_img>img:nth-child(2n){
    margin-left: 20px;
}

/* s8 */
.s8 .wrapper{
    position: relative;
    padding: 30px 20px 40px 420px;
}
.s8 .s8_img{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.s8 .section_title{
    text-align: left;
}
.s8_list > li{
    position: relative;
    padding: 0 0 0 50px;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.s8_list > li > span{
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    background: #E1158A;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 18px;
}
.s8 .button_m{
    margin: 30px auto 0;
}

/* s9 */
.blue_theme{
    background: #518ded url(../img/s9_bg.jpg) 50% 0% no-repeat;
}
.blue_theme .section_title{
    color: #fff;
}
.rev_item{
    width: 300px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 0 0 15px;
}
.rev_item>img{
    display: block;
    margin-bottom: 10px;
}
.rev_item h4{
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 10px;
}
.rev_item h4:after{
    content: '”';
    color: #ff5696;
    font-size: 60px;
    display: block;
    text-align: center;
    font-family: 'Times New Roman';
    margin: 20px 0 -8px 0;
}
.rev_item p{
    margin-top: 15px;
    text-align: center;
    padding: 0 10px;
}

/*s9*/
.s10{
 /*   background: url("../img/s-1.jpg");*/
    background: white;
}
.s10.change_block .change_cont>li:before{
    content: '';
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    background: url(../img/delivery-icon.png) no-repeat;
}
.s10.change_block .change_cont>li{
    float: left;
    width: 25%;
    padding: 20px 15px;
    text-align: center;
  /*  background: #f7faff;*/
}
.s10.change_block .change_cont>li:nth-child(1):before{
    background-position: 0 0;
}
.s10.change_block .change_cont>li:nth-child(2):before{
    background-position: -140px 0;
}
.s10.change_block .change_cont>li:nth-child(3):before{
    background-position: -280px 0;
}
.s10.change_block .change_cont>li:nth-child(4):before{
    background-position: -420px 0;
}

/*bottom_line*/
.bottom_line{
    background: #fff;

}
.bottom_line h2{
    font-size: 28px;
    text-align: center;
    line-height: 1.1em;
    width: 680px;
    margin: 0 auto;
}
.bottom_line h2 > span{
    color: #ff5696;
}
.bottom_line .wrapper{
    padding: 20px 0;
}

/*bottom_offer*/
.top_offer.bottom_offer{
    background: url(../img/bott_offer_bg.jpg) 50% 9% no-repeat;
}
.bottom_offer.top_offer .wrapper{
    padding: 15px 10px 0px 330px;
}
.top_offer.bottom_offer .sale{
    top: 230px;
    left: 429px;
}
.bottom_offer .action_block{
    padding: 10px 0 0 280px;
}
.bottom_offer .m1-form{
    background: #d2dcf7;
    border-radius: 20px 20px 0 0;
    padding: 70px 20px 40px;
}
 

.bottom_offer .timer-cont{
    text-align: center;
}
.bottom_offer .timer-cont>h4{
    padding: 0 0 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.bottom_offer .timer-action{
    margin: 0 0 -54px 0;
}
.bottom_offer .timer-action .timer-col{
    position: relative;
    display: inline-block;
    width: 70px;
    margin: 0 12px;
    text-align: center;
    margin: 0px 0px 0px 30px
}
.bottom_offer .timer-action .timer-col:after{
    content: ':';
    position: absolute;
    top: 18%;
    right: -20px;
    font-size: 30px;
    font-weight: 700;
    color: #E1158A;
}
.bottom_offer .timer-action .timer-col:last-child:after{
    display: none;
}
.bottom_offer .timer-action .timer-col>strong{
    display: inline-block;
    width: 70px;
    height: 60px;
    font-size: 1em;
    line-height: 60px;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    background: #E1158A;
    border-radius: 8px;
}
.bottom_offer .timer-action .timer-col>span{
    display: inline-block;
    text-align: center;
}
.bottom_offer .timer-action>h3{
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}
.top_offer.bottom_offer .wrapper>h3{
    font-size: 26px;
}
.owl-prev,.owl-next{
    width: 40px;
     height: 40px;
    background: #fff url(../img/reviews__arrows.png) no-repeat;
    position: absolute;
    top: 80px;
    border-radius: 50%;
    }
.owl-prev{
    left: -10px;
}
.owl-next{
    right: -10px;
    background: #fff url(../img/reviews__arrows.png) 100% 50% no-repeat;
}
.copyright{
    color: #000;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    background: #c2c2c2;
}

@media screen and (max-width: 959px){
    .wrapper{
        width: 660px;
        padding: 0px 10px;
    }
    section > .wrapper{
        padding: 30px 10px 40px;
    }
    .top_offer .main_title {
        font-size: 33px;
    }
    .section_title{
        font-size: 30px;
    }
    .top_offer .main_subtitle {
        font-size: 26px;
    }
    .no{
        display: none;
    }
    .title_block .logo{
        display: none;
    }
    .title_block ul > li{
        width: 198px;
        margin: 0 0 0 15px;
    }
    .top_offer{
        background: url(../img/top_offer_bg_tablets.jpg) 50% 100% no-repeat;
    }
    .top_offer .wrapper{
        padding: 15px 10px 20px 80px;
    }
    .action_block{
        padding: 20px 0 0 230px
    }
    .top_offer .sale{
        top: 122px;
        left: 105px;
    }
    .change_block .change_cont>li{
        width: 50%;
    }

    .change_block .change_cont>li{
        background: #f7faff8f;
    }
    .ingredients li {
        width: 33.333%;
        padding: 0 10px;
    }
    .s3-1{
        background: url(../img/s-1-tab.jpg) 50% 100% no-repeat;
        background-size: cover;
    }
    .s3 h3 {
        font-size: 22px;
    }
    .s3_video{
        float: none;
        margin: 0px auto;
    }
    .s3_text{
        padding: 0px;
        margin-top: 20px;
        text-align: center;
    }
    .result_block .result_cont{
        width: 480px;
        margin: 0 auto;
    }
    .result_block .result_cont>li{
        margin: 20px 10px 0;
    }
    .result_cont>li {
        width: 290px;
    }
    .s5{
        background: url(../img/s-1-tab.jpg) 92% 73% no-repeat;
        background-size: cover;
    }
    .s5_top{
        padding: 0px;
    }
    .s5 .section_title{
        text-align: center;
    }
    .s5_top > p{
        text-align: center;
    }
    .s5_bottom{
        padding: 45px 0 10px 0;
    }
    .s5 .m1-form{
        font-size: 0px;
        letter-spacing: -1px;
    }
    .s5 .m1-form input:nth-child(2){
        margin: 0 0 0 20px;
    }
    .s5 .m1-form input{
        margin: 0 0 0 20px;
        float: none;
        display: inline-block;
    }
    .s5 .m1-form .button_m{
        float: none;
        margin: 20px auto;
    }
    .s5_bottom > h3::after{
        display: none;
    }
    .s5 > .wrapper{
        padding-bottom: 5px;
    }
    .result_img > img{
        float: none;
        margin: 0px auto 10px;
    }
    .result_img > img:nth-child(2n){
        margin: 0px auto 10px;
    }
    .step>li {
        width: 50%;
    }
    .wew>li {
        width: 215px;
    }
    .s8 .wrapper{
        padding: 30px 20px 40px;
    }
    .s8 .s8_img{
        position: static;
        width: 270px;
        display: block;
        margin: 0px auto 20px;
    }
    .s8 .section_title{
        text-align: center;
    }
    .s8_list > li{
        position: static;
        text-align: center;
        padding: 0px 75px;
    }
    .s8_list > li > span{
        position: static;
        margin: 0px auto;
    }
    .s10.change_block .change_cont>li{
        float: left;
        width: 50%;
        padding: 20px 15px;
        text-align: center;
        background: #f7faff;
    }
    .blue_theme .section_title{
        font-size: 27px;
    }
    .rev_item{
        margin: 0px auto;
    }
    .bottom_line h2{
        padding: 0px 30px;
    }
    .top_offer.bottom_offer{
        background: url(../img/bott_offer_bg_tablets.jpg) 50% 100% no-repeat;
    }
    .bottom_offer.top_offer .wrapper{
        padding: 15px 20px 0;
    }
    .top_offer.bottom_offer .sale {
        top: 161px;
        left: 106px;
    }
}
@media screen and (max-width: 659px){
    .wrapper{
        width: 320px;
        padding: 0px 10px;
    }
    .bottom_line h2{
        font-size: 28px;
        text-align: center;
        line-height: 1.1em;
        width: 100%;
        margin: 0 auto;
    }
    .no{
        display: block;
    }
    section > .wrapper{
        padding: 30px 10px 40px;
    }
    .section_title{
        font-size: 22px;
    }
    .title_block{
        display: none;
    }
    .top_offer{
        background: url(../img/top_offer_bg_mobile.jpg) 50% 0% no-repeat;
    }
    .top_offer .wrapper{
        padding: 15px 10px 20px;
    }
    .top_offer .main_subtitle{
        font-size: 15px;
        text-align: center;
    }
    .top_offer .main_title{
        font-size: 21px;
        text-align: center;
        margin-bottom: 6px;
    }
    .top_offer h3{
        text-align: center;
        font-size: 15px;
    }
    .top_offer h3 br{
        display: none;
    }
    .action_block {
        padding: 350px 0 0 0;
    }
    .top_offer .sale {
        top: 68px;
        left: 190px;
    }
    .top_offer .cena {
        width: 100%;
    }
    .change_block .change_cont>li{
        float: none;
        width: auto;
    }

    .change_block .change_cont>li{
        background: #f7faff;
        margin: 3px;
    }
    .s3 h3 {
        font-size: 18px;
    }
    .ingredients li {
        width: 100%;
        padding: 0 5px 15px;
    }
    .ingredients li p {
        font-size: 15px;
    }
    .ingredients li img {
        width: 100px;    
    }
    .s3_video{
        width: 100%;
        height: 295px;
    }
    .result_block .result_cont{
        width: auto;
    }
    .result_block .result_cont>li{
        float: none;
        margin: 20px auto 0;
    }
    .change_cont>li {
        width: 100%;
    }
    .step>li {
        width: 100%;
    }
    .s5 .section_title{
        font-size: 24px;
    }
    .s5 {
        background: url(../img/s-1-tab.jpg) 32% 97% no-repeat;
    }
    .s5_bottom{
        padding: 15px 10px 5px;
        background: #E1158A;
        border-radius: 13px;
    }
    .s5 .m1-form input,
    .s5 .m1-form input:nth-child(2){
        margin: 0 0 20px 0;
        display: block;
        width: 100%;
    }
    .s5 .m1-form .button_m{
        width: 100%;
    }

    .s5_bottom > h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .s5 > .wrapper{
        padding-bottom: 20px;
    }
    .s8 .s8_img{
        width: 220px;
    }
    .s8_list > li{
        padding: 0;
    }
    .s10.change_block .change_cont>li{
        float: left;
        width: 100%;
        padding: 20px 15px;
        text-align: center;
        background: #f7faff;
        margin: 3px;
    }
	
    .owl-prev{
        left: 0;
    }
    .owl-next{
        right: 0;
    }
    .bottom_line h2{
        font-size: 20px;
        padding: 0px;
    }
    .top_offer.bottom_offer{
        background: url(../img/bott_offer_bg_mobile.jpg) 50% 0% no-repeat;
    }
    .bottom_offer.top_offer .wrapper{
        padding: 15px 10px 0;
    }
    .bottom_offer .action_block{
        padding: 260px 0 0;
    }
    .top_offer.bottom_offer .main_subtitle{
        font-size: 15px;
        text-align: center;
    }
    .top_offer.bottom_offer .main_title{
        font-size: 32px;
        text-align: center;
        margin-bottom: 6px;
    }
    .top_offer.bottom_offer .wrapper > h3{
        text-align: center;
        font-size: 15px;
    }
    .top_offer.bottom_offer h3 br{
        display: none;
    }
    .bottom_offer .action_block{
        padding: 342px 0 0;
    }
    .top_offer.bottom_offer .sale {
        top: 133px;
        left: 190px;
    }
    .top_offer .product_count {
        margin-top: 15px;
        margin-left: 0px;
        text-align: center;
    }
    
    .bottom_offer .timer-action .timer-col{
        margin-left: 23px;
    }
    .bottom_offer .m1-form .button_m{
        width: 100%;
    }
    .bottom_offer .m1-form{
        padding: 70px 12px 20px;
    }
    .blue_theme{
    background: rgb(105,156,239);
background: -moz-linear-gradient(-45deg, rgba(105,156,239,1) 0%, rgba(119,163,239,1) 47%, rgba(97,99,216,1) 98%);
background: -webkit-linear-gradient(-45deg, rgba(105,156,239,1) 0%,rgba(119,163,239,1) 47%,rgba(97,99,216,1) 98%);
background: linear-gradient(135deg, rgba(105,156,239,1) 0%,rgba(119,163,239,1) 47%,rgba(97,99,216,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699cef', endColorstr='#6163d8',GradientType=1 );
    }
}



.cpu{
    padding: 10px 0;
    text-align: center;
    }
    .cpu img{
    display: block;
    margin: 0 auto;
    }
    .cpu a{
    display: inline-block;
    margin: 5px;
    color: #333;
    font-size: 14px;
    }
    