@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
*{
    box-sizing:border-box;
    }
ul{
    padding:0;
    margin:0;
    list-style:none;
    }
img{
    max-width:100%;
    height:auto;
    display:block;
    }
button{
    padding:0;
    margin:0;
    border:none;
    background-color:transparent;
    }
 html,body{
     min-height: 100%;
     }
body{
    margin:0;
    padding:0;
    font-family:'Roboto', sans-serif;
    font-size:16px;
    }
.header{
    display:none;
    }
.sec-one{
    background-image:url("../img/bg-one.jpg");
    background-repeat:no-repeat;
    background-size:auto;
    background-position:top left;
    min-height: 800px;
    }
.container{
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    }
.sec-one__title{
    width:100%;
    margin-top:22px;
    text-align:center;
    font-weight:700;
    font-size:30px;
    color:#ffffff;
    text-transform:uppercase;
    }
.sec-one__title span{
    display:block;
    font-weight:400;
    font-size:14px;
    text-transform:initial;
    }
.img-offer{
    position:relative;
    width:160px;
    height:223px;
    margin-left:-15px;
    z-index:99999;
    }
.img-offer img:first-child{
    height:220px;
    display: block;
    margin: -20px auto 0;    
}
.guara{
    position:absolute;
    bottom:8px;
    left:91px;
    }
.form{
    padding:13px;
    margin:auto;
    background-color:#ffffff;
    }
.plus{
    width:53%;
    font-weight:700;
    color:#ffffff;
    font-size:15px;
    }
.plus__item{
    margin-bottom:21px;
    }
.plus__item:last-child{
    margin-bottom:40px;
    }
.price{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:13px;
    }
.price__old{
    width:142px;
    display:flex;
    align-items:center;
    padding:2px 0px 2px 7px;
    margin-right:9px;
    font-size:13px;
    color:#9caab3;
    background-color:#395567;
    }
span.wv_old-price{
    position:relative;
    margin-left:9px;
    font-size:28px;
    font-weight:700;
    }
span.wv_old-price::before{
    content:'';
    position:absolute;
    top:50%;
    left:-3px;
    right:18px;
    display:block;
    height:2px;
    background-color:#9caab3;
    }
.price__new{
    display:flex;
    align-items:center;
    padding:4px 5px;
    width:142px;
    background-color:#395567;
    color:#ffffff;
    }
span.wv_new-price{
    font-size:34px;
    color:#ffffff;
    }
.discount{
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    font-size:20px;
    color:#000000;
    }
.countdown-container{
    display:flex;
    justify-content:center;
    }
.time{
    width:53px;
    height:43px;
    margin-right:17px;
    font-size:35px;
    font-weight:700;
    color:#ffffff;
    text-align:center;
    background-color:#395567;
    }
.time:last-child{
    margin-right:0px;
    }
.countdown-container_name{
    margin-top:7px;
    margin-bottom:21px;
    text-align:center;
    font-size:12px;
    color:#000000;
    }
.countdown-container_name span{
    margin-right:22px;
    }
.countdown-container_name span:first-child{
    margin-left:20px;
    }
.form__input{
    width:100%;
    height:38px;
    display:block;
    margin-bottom:24px;
    border:3px solid #395567;
    padding:8px;
    font-weight:700;
    }
.form__input::placeholder{
    color:#000000;
    }
.button{
    display:block;
    width:282px;
    height:58px;
    font-size:29px;
    text-transform:uppercase;
    font-weight:700;
    background-image:url("../img/button.png");
    }
.form__bottom{
    font-size:12px;
    text-align:center;
    }
.form__bottom p{
    margin:10px 0 0 0;
    }
.sec-second{
    background-color:#a2c3d4;
    padding-bottom:180px;
    }
.sec-second__title{
    width:100%;
    margin-top:40px;
    text-align:center;
    text-transform:uppercase;
    font-size:16px;
    }
.symptoms{
    text-transform:uppercase;
    color:#000000;
    text-align:center;
    }
.symptoms__item{
    width:50%;
    margin-bottom:40px;
    font-size:12px;
    text-transform:initial;
    }
.symptoms__item:last-child{
    margin:0 auto 0 auto;
    }
.symptoms__list{
    display:flex;
    flex-wrap:wrap;
    }
.symptoms__item::before{
    content:'';
    display:block;
    width:137px;
    height:132px;
    margin:0 auto 20px auto;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto;
    }
.symptoms__item:nth-child(1)::before{ background-image:url("../img/symp-1.png"); }
.symptoms__item:nth-child(2)::before{ background-image:url("../img/symp-2.png"); }
.symptoms__item:nth-child(3)::before{ background-image:url("../img/symp-3.png"); }
.symptoms__item:nth-child(4)::before{ background-image:url("../img/symp-4.png"); }
.symptoms__item:nth-child(5)::before{ background-image:url("../img/symp-5.png"); }
.symptoms__item:nth-child(6)::before{ background-image:url("../img/symp-6.png"); }
.symptoms__item:nth-child(7)::before{ background-image:url("../img/symp-7.png"); }
.sec-expert{
    margin-top:-172px;
    text-align:center;
    background-image:url(../img/neckline.svg), linear-gradient(to top, #395567, #395567);
    background-repeat:no-repeat;
    background-size:auto, 100%;
    background-position:top 144px left, top 157px left;
    }
.expert__img img{
    margin:auto;
    }
.expert__wrapp{
    padding-top:30px;
    background-color:#ffffff;
    }
.expert__title{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:#000000;
    }
.expert__name{
    padding-bottom:14px;
    }
.expert__name p{
    margin-bottom:0;
    }
.expert__name p:last-child{
    margin-top:0px;
    }
.order-button .button{
    position:relative;
    z-index: 999999;
    top:26px;
    padding-top:12px;
    text-decoration:none;
    text-align:center;
    color:#000000;
    background-color:transparent;
    margin:auto;
    }
.sec-comp{
    padding-top:73px;
    padding-bottom:75px;
    background-color:#a2c3d4;
    color:#ffffff;
    }
.sec-coment__title{
    display: none;
    }
.sec-comp__title{
    width:100%;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    padding:0 5px;
    }
.sec-comp__title span{
    font-size:14px;
    }
.comp{
    width:100%;
    }
.contents{
    width:320px;
    text-align:center;
    padding:0 15px;
    margin:auto auto 34px auto;
    font-size:14px;
    }
.contents__img img{
    width:125px;
    height:125px;
    margin:auto auto 18px auto;
    border-radius:50%;
    border:3px solid #ffffff;
    }
.comp__item:last-child .contents .contents__img img{
    border:none;
    }
.comp__item:last-child .contents{
    margin-bottom:0;
    }
.contents__title{
    margin-bottom:17px;
    }
.sec-coment .container{
    padding:0 15px;
    }
.sec-coment{
    padding-top:24px;
    background-color:#395567;
    }
.comment{
    width:290px;
    margin:auto;
    background-image:url("../img/rings.jpg");
    background-repeat:no-repeat;
    background-position:top 214px center;
    background-color:#ffffff;
    border-radius:7px;
    padding-top:26px;
    }
.comment__img{
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-bottom:34px; */
    /* margin-bottom:36px; */
    border-bottom:1px solid #d6d8db;
    }
.comment__img img{
    margin:auto;
    }
.comment__name{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-size:17px;
    font-weight:700;
    color:#000000;
    }
.comment__text{
    padding:0 10px;
    }
.owl-carousel .owl-item img{
    width:auto;
    height:165px
    }
.owl-nav{
    position:relative;
    font-size:69px;
    }
.owl-nav button{
    position:absolute;
    left:50px;
    outline: none;
    }
.owl-nav button:last-child{
    left:auto;
    right:50px;
    }
.owl-carousel{
    text-align:center;
    }
.owl-carousel button.owl-dot{
    display:inline-block;
    width:25px;
    height:25px;
    margin-top:35px;
    margin-right:8px;
    border-radius:50%;
    background-color:#395567;
    }
.owl-carousel button.owl-dot.active{
    border:3px solid #395567;
    background-color:transparent;
    }
    .owl-dots button{
        outline: none;
    }
.sec-instruction{
    padding-top:62px;
    background-color:#90c4d4;
    }
.sec-instruction__title{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    }
.instruction__img img{
    margin:auto;
    }
.instruction{
    display:flex;
    justify-content:space-between;
    width:100%;
    }
.instruction__item{
    width:33.3333%;
    }
.instruction__text{
    font-size:13px;
    text-align:center;
    text-transform:uppercase;
    }
.instruction__img{
    width:100px;
    height:89px;
    }
@media screen and  (min-width:768px){
    .container{
        width:750px;
        margin:auto;
        }
    .header{
        display:block;
        width:100%;
        min-height:83px;
        padding-top:20px;
        background-color:#395567;
        }
    .sec-one{
        background-image:url("../img/sec2-bg.png"), url("../img/bg-one1200.jpg");
        background-position:bottom -113px center, left top;
        }
    .sec-one .container{
        background-image:url("../img/family.png");
        background-position:left 27px top 200px;
        background-repeat:no-repeat;
        }
    .sec-one__title{
        margin-bottom:23px;
        font-size:65px;
        }
    .sec-one__title span{
        font-size:30px;
        }
    .menu{
        margin-left:auto;
        }
    .menu__item{
        display:inline-block;
        vertical-align:middle;
        }
    .menu__link{
        margin-right:35px;
        color:#ffffff;
        font-size:14px;
        text-transform:uppercase;
        text-decoration:none;
        }
    .menu__link:not(.menu__link--button):hover{
        color:#ffe800;
        }
    .menu__link--button{
        display:block;
        width:214px;
        height:44px;
        padding-top:8px;
        text-transform:uppercase;
        font-weight:700;
        text-align:center;
        font-size:24px;
        color:#000000;
        background-image:url("../img/button.png");
        background-repeat:no-repeat;
        background-position:left top;
        background-size:contain;
        }
    .plus{
        margin-left:auto;
        }
    .plus__item{
        margin-bottom:8px;
        display:flex;
        align-items:center;
        }
    .plus__item:last-child{
        margin-bottom:0;
        }
    .plus__item::before{
        content:'';
        display:block;
        min-width:63px;
        height:63px;
        margin-right:13px;
        background-color:#ffffff;
        border-radius:50%;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:auto;
        }
    .plus__item:first-child::before{
        background-image:url("../img/member.jpg");
        background-size:48px;
        }
    .plus__item:nth-child(2)::before{
        background-image:url("../img/men.jpg");
        background-size:41px;
        }
    .plus__item:last-child::before{
        background-image:url("../img/fire.jpg");
        background-position:top 7px center;
        background-size:48px;
        }
    .img-offer{
        width:50%;
        height:auto;
        order:3;
        margin-left:auto;
        margin-right:20px;
        margin-bottom:-31px;
        background-image:url("../img/guara.png");
        background-repeat:no-repeat;
        background-position:right top;
        }
    .img-offer picture:first-child img{ float:left; }
    .img-offer img:first-child {
        height: 340px;
        display: block;
        margin: 0 auto;
    }
    .form{
        display:flex;
        flex-wrap:wrap;
        order:4;
        justify-content:space-between;
        align-items:flex-start;
        width:655px;
        margin:auto;
        }
    .guara{
        display:none;
        }
    .from__title{
        order:1;
        width:58%;
        margin-left:auto;
        }
    .timer{
        order:0;
        width:42%;
        margin-right:auto;
        }
    .price{
        order:1;
        flex-direction:column;
        }
    .form{
        padding:17px 71px;
        }
    .discount{
        font-size:20px;
        }
    form{
        order:4;
        margin-top:-51px;
        }
    .form__bottom{
        order:6;
        margin-left:auto;
        margin-right:30px;
        }
    .price__old, .price__new{
        width:215px;
        height:59px;
        margin-right:0px;
        }
    .price__old{
        font-size:20px;
        }
    span.wv_old-price{
        font-size:43px;
        }
    .price__new{
        margin-top:8px;
        font-size:22px;
        }
    span.wv_new-price{
        font-size:53px;
        font-weight:800;
        }
    .countdown-container{
        justify-content:flex-start;
        }
    .countdown-container_name span:first-child{
        margin-left:6px;
        }
    .countdown-container_name span{
        margin-right:18px;
        }
    .sec-second{
        padding-bottom:0px;
        background-image:url("../img/sec1-bg.png");
        background-position:top center;
        background-repeat:no-repeat;
        }
    .sec-second__title{
        font-size:25px;
        margin-bottom:0;
        }
    .symptoms{
        font-size:26px;
        }
    .symptoms p{
        font-weight:700;
        margin-top:0;
        }
    .symptoms__list{
        justify-content:center;
        }
    .symptoms__list{
        padding-top:50px;
        background-image:url("../img/line.svg"), url("../img/line2.svg");
        background-repeat:no-repeat;
        background-position:29px 31px, 28px 283px;
        background-size:692px 174px;
        }
    .symptoms__item{
        width:22%;
        font-size:14px;
        }
    .symptoms__item:last-child{
        margin:0;
        }
    .symptoms__item::before{
        width:130px;
        border:3px solid #ffffff;
        border-radius:50%;
        }
    .expert__wrapp{
        width:50%;
        background-color:transparent;
        }
    .sec-expert{
        margin-top:-4px;
        padding-top:79px;
        background-image:url("../img/sec3-bg.png"), url("../img/comp-bg1.png"), url("../img/sec-expert.png");
        background-repeat:no-repeat;
        background-size:auto;
        background-position:top center, center bottom -14px, left top 116px;
        }
    .expert{
        display:flex;
        }
    .expert__img{
        width:50%;
        order:2;
        }
    .expert__wrapp{
        padding-top:91px;
        text-align:right;
        }
    .expert__title{
        font-size:18px;
        }
    .sec-comp{
        background-image:url("../img/prostatricum.png"), url("../img/comp-bg2-768.png");
        background-repeat:no-repeat;
        background-position:center top 247px, bottom -303px center;
        background-size:278px, auto;
        }
    .sec-comp__title{
        font-size:30px;
        margin-bottom:0;
        }
    .sec-comp__title span{
        margin-top:20px;
        font-size:30px;
        text-transform:initial;
        font-weight:400;
        display:block;
        }
    .comp{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:flex-start;
        margin-top:82px;
        }
    .comp__item{
        position:relative;
        width:34%;
        }
    .comp__item:first-child{
        padding-top:30px;
        }
    .comp__item:first-child .contents{
        margin-bottom:17px;
        }
    .comp__item:nth-child(2) .contents{
        margin-bottom:17px;
        }
    .comp__item:nth-child(3)::before{
        top:29px;
        left:auto;
        right:-10px;
        width:103px;
        }
    .comp__item:first-child::before{
        left:auto;
        top:79px;
        right:-41px;
        width:128px;
        }
    .comp__item:last-child{
        margin-top:-30px;
        }
    .comp__item:last-child::before{
        left:10px;
        top:46px;
        width:128px;
        }
    .comp__item::before{
        content:'';
        position:absolute;
        left:0px;
        top:52px;
        transform:translateY(-50%);
        display:block;
        width:81px;
        height:1px;
        background-color:#ffffff;
        }
    .contents{
        position:relative;
        width:187px;
        font-size:11px;
        }
    .contents__title{
        font-size:13px;
        margin-bottom:7px;
        }
    .contents__img img{
        width:93px;
        height:93px;
        margin:auto auto 10px auto;
        }
    .sec-coment__title{ display:none; }
    .sec-coment{
        padding-top:248px;
        padding-bottom:90px;
        background-image:url("../img/comp-bg3.png"), url("../img/city.png");
        background-color:#90c4d4;
        background-position:center top, center top -180px;
        background-repeat:no-repeat;
        }
    .comment{
        position:relative;
        width:100%;
        height:314px;
        padding:22px;
        background-image:none;
        }
    .comment__item{
        position:relative;
        display:flex;
        align-items:flex-start;
        }
    .comment__item::before{
        content:'';
        position:absolute;
        top:115px;
        left:63px;
        display:block;
        width:262px;
        height:20px;
        background-image:url("../img/rings.jpg");
        background-repeat-x:no-repeat;
        background-color:#ffffff;
        transform:rotate(-90deg);
        }
    .owl-dots{
        margin-top:-42px;
        position:relative;
        z-index:9999999;
        }
    .owl-nav{
        position:relative;
        font-size:69px;
        width:300px;
        left:187px;
        top:-42px;
        z-index:99999999;
        }
    .sec-coment__title{
        display:block;
        width:100%;
        text-align:center;
        text-transform:uppercase;
        font-size:32px;
        color:#ffffff;
        }
    .comment__img{
        min-width:173px;
        height:213px;
        }
    .owl-carousel .owl-item img{
        height:auto;
        }
    .comment__wrapp{
        padding-left:42px;
        }
    .comment__name{
        text-align:left;
        }
    .comment__text{
        padding:0;
        text-align:left;
        }
    .sec-coment .order-button .button{
        top:74px;
        }
    .sec-instruction__title{
        font-size:25px;
        }
    .sec-instruction{
        padding-top:62px;
        padding-bottom:62px;
        }
    .instruction__img{
        width:auto;
        height:auto;
        }
    footer.sec-one{
        padding-top:78px;
        background-image:url("../img/footer-bg.jpg");
        background-size:cover;
        background-color:#90c4d4;
        background-position:center top;
        }
    }
@media screen and (min-width:1200px){
    .container{
        width:1170px;
        }
    .menu__item:last-child .menu__link{
        margin-right:0;
        }
    .sec-one .container{
        background-image:none;
        }
    .sec-one{
        background-image:url(../img/sec2-bg.png), url('../img/family2.png'), url(../img/bg-one1200.jpg);
        background-position:bottom -352px center, calc(100% - 50% - 440px) calc(16%), left top;
        }
    .sec-one__title{
        padding-left:375px;
        text-align:left;
        font-size:91px;
        margin-bottom:45px;
        }
    .sec-one__title span{
        font-size:42px;
        }
    .img-offer{
        width:27%;
        padding-top:185px;
        order:0;
        margin-left:324px;
        background-image:url(../img/guara.png);
        background-position:left top;
        background-size:100%;
        }
    .plus{
        width:43%;
        }
    .plus__item{
        font-size:18px;
        }
    .form{
        position:absolute;
        top:443px;
        right:1px;
        width:548px;
        padding:17px 18px 0 18px;
        }
    .price__new{
        height:74px;
        }
    .form__bottom{
        margin-top:-36px;
        }
    .countdown-container_name{
        margin-bottom:11px;
        }
    .sec-second{
        background-image:url("../img/sec4-bg.png");
        background-position:center top -141px;
        }
    .symptoms__list{
        background-repeat:no-repeat;
        background-position: 81px 12px, 224px 356px;
        background-size: 967px, 717px
        }
    .symptoms__item::before{
        width:184px;
        height:183px;
        }
    .symptoms p{
        margin-bottom:0;
        }
    .symptoms__item{
        width:17%;
        font-size:18px;
        margin-right:36px }
    .symptoms__item::before{
        border:5px solid #ffffff;
        }
    .sec-expert{
        background-image: url(../img/sec3-bg.png),  url(../img/sec-expert.png);
        background-position:calc(100% - 50% - 7px) calc(0%), center bottom -18px, left top 62px;
        }
    .expert__title{
        font-size:21px;
        }
    .expert__desc{
        font-size:21px;
        }
    .order-button .button{
        margin:0 0 0 auto;
        }
    .expert__name{
        padding-bottom:21px;
        }
    .expert__wrapp{
        padding-top:188px;
        }
    .sec-comp{
        position:relative;
        margin-top: -83px;
        padding-top: 138px;
        padding-bottom: 200px;
        background-size: auto;
        background-image: url(../img/prostatricum.png), url(../img/comp-bg2.png);
        background-position: center top 290px, top -3px center;
        background-color:transparent;
        }
    .contents{
        width:262px;
        font-size:16px;
        }
    .contents__title{
        font-size:17px;
        font-weight:700;
        }
    .comp__item:first-child{
        padding-top:8px;
        }
    .contents__img img{
        width:130px;
        height:130px;
        }
    .comp__item::before{
        left:-12px;
        top:62px;
        width:152px;
        height:1px;
        }
    .comp__item:first-child::before{
        top:99px;
        right:-82px;
        width:217px;
        }
    .comp__item:nth-child(3)::before{
        top:69px;
        right:-10px;
        width:145px;
        }
    .comp__item:last-child::before{
        left:-15px;
        top:81px;
        width:151px;
        }
    .sec-coment{
        margin-top: -93px;
        padding-top:135px;
        padding-bottom: 133px;
        background-image:  url(../img/city.png);
        background-color: #90c4d4;
        background-position:  center top -180px;
        }
    .comment{
        width:1005px;
        height:388px;
        padding:22px;
        }
    .comment__name{
        padding-top:33px;
        font-size:22px;
        }
    .comment__text{
        font-size:20px;
        }
    .comment__item::before{
        left: 60px;
        top: 181px;
        display: block;
        width: 378px;
        background-repeat:repeat;
        
        }
    .comment__img{
        min-width:227px;
        height:259px;
        }
    .owl-nav{
        left:317px;
        }
    .owl-dots{
        left:-11px;
        }
    .sec-coment .order-button .button {
         top: 126px;
        margin: auto;
        }
    .sec-instruction {
        padding-top: 79px;
        }
    .sec-instruction__title {
        font-size: 31px;
        }
    
    .sec-instruction__title {
        margin-bottom: 57px;
     }
    .instruction__text{
        font-size: 18px;
        }
    footer.sec-one{
        padding-top: 0px;
        overflow-y:hidden;
        background-image:  url(../img/family2.png), url(../img/bg-one1200.jpg);
        background-position: calc(100% - 50% - 440px) 25px, left top;
        background-size: auto,cover;
        }
        
    
   
        }

        .text-center{
            padding: 20px;
            text-align: center;
        }
        .form__checkbox {
            position: relative;
            display: grid;
            grid-template-columns: -webkit-min-content 1fr;
            grid-template-columns: min-content 1fr;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 15px;
            column-gap: 15px;
            font-size: 14px;
            line-height: 14px;
            font-weight: 400;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: auto;
            margin-right: auto;
            color: #000;
            max-width: 270px;
            width: 100%;
        }
        
        .form__checkbox a {
            text-decoration: underline!important;
            color: #000;
        }
        
        .form__checkbox span {
            text-align: left;
        }
        
        .form__checkbox input[type=checkbox] {
            margin-top: 0;
            cursor: pointer;
            width: 17px;
            height: 17px;
        }