:root{
    --color_base:#fff;
    --color_primary:#3a4752;
    --color_secondary:#333;
    --color_red:red;
    --color_border:#ddd;
    --color_input:#f2f2f2;
    --color_btn:#388e3c;
    --color_btn_hover:#2bac31;
    --color_green:#d9ead3;
    --color_yellow:#fff2cc;
    --color_dark:#f3f3f3;
    --color_comments_priamry:#9faeb5;
    --color_comments_secondary:#eeee;
    --color_comments_text:#414141;
    --color_comments_hover:#5f95ad
}
.cta *{
    margin:0!important;
    -webkit-margin-before:0!important;
    -webkit-margin-end:0!important;
    -webkit-margin-after:0!important;
    -webkit-margin-start:0!important;
    margin-block-start:0!important;
    margin-block-end:0!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    padding:0!important;
    border-style:none!important;
    border-width:0!important;
    border-color:transparent!important;
    font-size:100%!important;
    box-sizing:border-box!important
}
.cenz *{
    margin:0!important;
    -webkit-margin-before:0!important;
    -webkit-margin-end:0!important;
    -webkit-margin-after:0!important;
    -webkit-margin-start:0!important;
    margin-block-start:0!important;
    margin-block-end:0!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    padding:0!important;
    border-style:none!important;
    border-width:0!important;
    border-color:transparent!important;
    font-size:100%!important;
    box-sizing:border-box!important
}
.cta{
    /*max-width:780px!important;
    */
    margin:25px auto!important
}

.order{
    position:relative!important;
    display:block!important;
    min-width:270px!important;
    /*max-width:450px!important;
    */
    margin:0 auto!important;
    padding:15px!important;
    /*border:2.5px dashed var(--color_border)!important;
    border-radius:2.5px!important*/
}
.order.active{
    display:block!important
}
.order__header{
    display:flex!important;
    flex-flow:column!important;
    gap:20px!important;
    margin-bottom:30px!important;
    font-size:18px!important;
    font-weight:700!important;
    text-align:center!important;
    -webkit-box-direction:normal!important;
    -webkit-box-orient:vertical!important
}
.order__img{
    width:100%!important;
    height:auto!important;
    max-width:350px!important;
    margin:0 auto!important
}
.order__text{
    font-weight:700!important;
    text-align:center!important;
    margin-bottom:15px!important
}
.order__text:nth-child(2){
    margin-bottom:5px!important
}
.order__time{
    font-weight:700!important;
    font-size:24px!important;
    text-align:center!important;
    color:var(--color_red)!important
}
.order__price{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    font-size:20px!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.order__price-old{
    font-weight:700!important;
    text-decoration:line-through!important
}
.order__price-new{
    font-weight:700!important;
    color:var(--color_red)!important
}
.order__price-new>.order__price-summ{
    font-size:24px!important
}
.order__price-new>.order__price-curr{
    font-size:24px!important
}
.order__price-zero{
    text-transform:uppercase!important
}
.order__body{
    display:flex!important;
    flex-flow:column!important;
    gap:15px!important;
    width:100%!important;
    margin-bottom:15px!important;
    border:none!important;
    text-align:center!important;
    -webkit-box-direction:normal!important;
    -webkit-box-orient:vertical!important
}
.order__input{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:55px!important;
    padding:15px!important;
    border-style:none!important;
    border-width:0!important;
    border-color:transparent!important;
    border-radius:35px!important;
    outline:none!important;
    background-color:var(--color_input)!important
}
.order__input::placeholder{
    font-size:16px!important;
    font-weight:400!important
}
.order__input--select{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    -ms-appearance:none!important;
    -o-appearance:none!important;
    appearance:none!important;
    cursor:pointer!important;
    width:100%!important
}
.order__input--select::-ms-expand{
    display:none
}
.order__select{
    position:relative!important;
    width:100%!important
}
.order__select::before,.order__select::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:20px!important;
    z-index:10!important;
    display:block!important;
    width:10px!important;
    height:2px!important;
    background-color:#acaaaa!important;
    transform:translate(-3px,-50%) rotate(45deg)!important;
    transition:background-color .3s linear!important
}
.order__select::after{
    transform:translate(3px,-50%) rotate(-45deg)!important
}
.order__select:hover.order__select::before{
    background-color:var(--color_btn)!important
}
.order__select:hover.order__select::after{
    background-color:var(--color_btn)!important
}
.order__select.active::before{
    transform:translate(-3px,-50%) rotate(-45deg)!important
}
.order__select.active::after{
    transform:translate(3px,-50%) rotate(45deg)!important
}
.order__input:focus-visible{
    outline:none!important;
    outline-offset:0!important
}
.order__btn{
    cursor:pointer!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    min-height:55px!important;
    padding:20px!important;
    border-radius:35px!important;
    font-size:16px!important;
    font-weight:700!important;
    color:var(--color_base)!important;
    background-color:var(--color_btn)!important;
    transition:background-color .2s linear!important;
    box-shadow:none!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.order__btn:hover{
    background-color:var(--color_btn_hover)!important
}
.order__footer{
    font-size:14px!important;
    text-align:center!important;
    color:#888!important
}
.order__info{
    text-align:center!important;
    line-height:1.3!important
}
@media all and (min-width:475px){
    .order__header{
        font-size:22px!important
    }
    .order__time{
        font-size:26px!important
    }
    .order__price{
        font-size:28px!important
    }
    .order__btn{
        font-size:22px!important
    }
}
@media all and (min-width:576px){
    .order__footer{
        font-size:16px!important
    }
}
.spin{
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:1000!important;
    display:none!important;
    width:100%!important;
    height:100%!important;
    background-color:rgba(0,0,0,.2)!important
}
.spin.active{
    display:block!important
}
.spin__content{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    z-index:10!important;
    width:300px!important;
    height:auto!important;
    min-width:270px!important;
    padding:80px 20px 20px 20px!important;
    border-radius:10px!important;
    background-color:var(--color_base)!important;
    transform:translateX(-50%) translateY(-50%)
}
.spin__content::before{
    content:"";
    position:absolute;
    top:-55px;
    right:0;
    left:0;
    width:110px;
    height:110px;
    margin:0 auto;
    border-radius:50%;
    background-color:#71c341;
    animation:.5s ease .6s normal backwards 1 running pop-up-appear-before
}
.spin__content::after{
    content:"";
    position:absolute;
    top:-20px;
    right:0;
    left:0;
    width:50px;
    height:20px;
    margin:0 auto;
    border-style:none none solid solid;
    border-width:medium medium 4px 4px;
    border-color:currentcolor currentcolor #fff #fff;
    border-image:none;
    transform:rotate(-45deg);
    transition:opacity 1s ease 0s;
    animation:.5s ease .6s normal backwards 1 running pop-up-appear-after;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none
}
.spin__title{
    margin-bottom:15px!important;
    font-size:30px!important;
    font-weight:500!important;
    text-align:center!important
}
.spin__text{
    margin-bottom:30px!important;
    font-size:22px!important;
    font-weight:400!important;
    text-align:center!important;
    line-height:1.3!important
}
.spin__btn{
    cursor:pointer!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    width:180px!important;
    min-height:45px!important;
    margin:0 auto!important;
    padding:10px!important;
    border-radius:10px!important;
    font-size:18px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    color:var(--color_base)!important;
    background-color:#71c341!important;
    transition:background-color .2s linear!important;
    box-shadow:none!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.spin__btn:hover{
    background-color:#53a723!important
}
@media all and (min-width:475px){
    .spin__content{
        width:400px!important
    }
}
@keyframes pop-up-appear-before{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes pop-up-appear-before{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes pop-up-appear-after{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes pop-up-appear-after{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

.my-btn{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:fit-content!important;
    margin:0 auto!important;
    padding:15px 30px!important;
    border-radius:10px!important;
    font-size:22px!important;
    font-weight:500!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    color:var(--color_base)!important;
    background-color:#fa3d3d!important;
    transition:all .2s ease-in 0s!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.my-btn:hover{
    color:var(--color_base)!important;
    background-color:#f52b2b!important;
    transform:scale(1.1)!important
}
.cenz{
    display:flex!important;
    flex-flow:column!important;
    align-items:center!important;
    gap:30px!important;
    width:100%!important;
    margin:20px 0!important;
    -webkit-box-align:center!important;
    -webkit-box-direction:normal!important;
    -webkit-box-orient:vertical!important;
    -ms-flex-align:center!important
}
.cenz__item{
    cursor:pointer!important;
    position:relative!important;
    display:flex!important;
    flex-flow:column!important;
    align-items:center!important
}
.cenz__item.active>.cenz__content{
    display:none!important
}
.cenz__item.active>.cenz__img{
    display:block!important
}
.cenz__content{
    display:flex!important;
    flex-flow:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:30px!important;
    width:300px!important;
    height:300px!important;
    margin-bottom:15px!important;
    padding:15px!important;
    border:5px solid var(--color_red)!important;
    text-align:center!important;
    -webkit-box-align:center!important;
    -webkit-box-direction:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.cenz__age{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:180px!important;
    height:180px!important;
    border:10px solid var(--color_red)!important;
    border-radius:100%!important;
    font-size:60px!important;
    font-weight:700!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.cenz__cta{
    cursor:pointer!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding:10px 25px!important;
    border-radius:10px!important;
    font-size:26px!important;
    font-weight:600!important;
    color:var(--color_base)!important;
    background-color:var(--color_red)!important;
    -webkit-box-align:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-align:center!important;
    -ms-flex-pack:center!important
}
.cenz__img{
    display:none!important;
    width:100%!important;
    height:100%!important;
    min-width:250px!important;
    max-width:500px!important;
    margin-bottom:15px!important
}
.cenz__palceholder{
    max-width:550px!important;
    font-size:18px!important;
    font-weight:600!important;
    text-align:center!important
}
.cenz__palceholder.hidden{
    display:none!important
}
@media (min-width:992px){
    .cenz{
        flex-flow:row!important;
        align-items:flex-start!important
    }
}

.prod-img{
    display:block;
    width:100%;
    max-width:300px;
    margin:40px auto
}
.coupon{
    width:100%;
    margin:40px auto 10px;
    position:relative
}
.coupon span{
    display:block;
    width:100%;
    max-width:350px;
    margin:0 auto;
    font-family:sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:18px;
    line-height:22px;
    color:#000;
    text-align:center;
    background:#fff;
    position:relative;
    z-index:2
}
.coupon:before{
    content:"";
    display:block;
    height:0;
    border-bottom:2px dashed #919191;
    width:100%;
    background:#f2f2f2;
    z-index:1;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.coupon:after{
    content:" ";
    width:50px;
    height:37px;
    position:absolute;
    top:-20px;
    right:20px;
    z-index:2
}
.claim-now{
    font-family:sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
    color:#8903ab;
    text-align:center
}
.note{
    font-family:sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:20px;
    line-height:29px;
    text-align:center;
    margin:20px auto 10px;
    padding:5px 0;
    background:#ff0
}
.stock-update img{
    width:18px;
    margin-right:5px
}
.stock-update{
    border:1px dotted #000;
    background:#effff7;
    padding:4px 9px;
    margin:15px 0;
    display:flex;
    align-items:center
}
.stock-update p{
    margin:0
}
.stock-update span{
    color:#dc3545
}
.order-block{
    padding:20px;
    border:1px dotted #000;
    background:#effff7;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-around
}
.order-block-img{
    width:30%;
    max-width:300px;
    margin:0 auto
}
.order-block-text{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70%
}
.order-block-text p{
    margin-bottom:0;
    font-family:sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
    text-align:center
}
.order-block-text .note{
    margin:10px 0;
    font-family:sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:20px;
    line-height:29px;
    text-align:center;
    padding:5px 15px
}
.button{
    display:block;
    background:#de7474;
    background:linear-gradient(180deg,#de7474 0%,#f72210 60%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#de7474",endColorstr="#8903ab",GradientType=1);
    text-align:center;
    width:100%;
    max-width:600px;
    text-align:center;
    margin:15px auto;
    color:#fff;
    font-family:sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:26px;
    line-height:1.1;
    text-decoration:none;
    border-radius:10px;
    padding:20px 15px;
    color:#fff!important
}
.checkmark{
    display:inline-block;
    font-family:sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:20px;
    line-height:20px;
    color:#8903ab;
    text-align:center;
    padding-left:30px;
    position:relative
}
.checkmark:before{
    content:" ";
    width:30px;
    height:29px;
    background-size:contain;
    position:absolute;
    left:5px;
    top:-11px
}
.offer{
    background-size:cover;
    background-position:center
}
.offer__wrapper{
    background:rgba(154,39,183,.3);
    padding:40px 20px
}
.offer__img{
    max-width:300px;
    display:block;
    margin:0 auto
}
.offer__link a:hover{
    text-decoration:none!important
}
.offer__button{
    margin:40px auto;
    display:block;
    position:relative;
    border:none;
    box-shadow:0 0 0 0 rgba(232,76,61,.7);
    border-radius:20px;
    background-color:#e84c3d;
    padding:20px 40px;
    color:#fff;
    font-weight:bold;
    font-size:22px;
    background-repeat:no-repeat;
    cursor:pointer;
    animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)
}
.offer__button:hover{
    animation:none
}
.offer__button,.offer__button:active,.offer__button:focus{
    outline:none
}
.offer h2,.offer p{
    text-align:center
}
.offer h2{
    color:#fff;
    font-size:32px;
    font-family:sans-serif
}
.offer .claim-now{
    padding-top:10px
}
.offer .note{
    background:#abff9c
}
.offer a{
    text-decoration:none
}
@keyframes pulse{
     to{
         box-shadow:0 0 0 45px rgba(232,76,61,0) 
    }
}
@media (min-width:600px){
    .title{
        padding:30px 0;
        text-align:left
    }
    .subtitle:after{
        left:0
    }
    .subtitle{
        text-align:left
    }
}

@media screen and (max-width:750px){

		.white_base {
			padding-left: 0;
		}
    .order-block{
        flex-direction:column
    }
    .order-block-img{
        width:100%;
        margin-bottom:20px
    }
    .order-block-text{
        width:100%
    }
	#order_form {
		flex-direction:column
	}
}

@media screen and (max-width:500px){
    .stock-update img{
        display:none
    }
    .button{
        font-size:24px;
        line-height:30px
    }
}
@media screen and (max-width:400px){
    .note,.order-block-text .note{
        font-size:18px;
        line-height:32px;
        letter-spacing:-.02em;
        padding:5px
    }
    .button{
        font-size:24px;
        line-height:30px
    }
}