body {
    margin: 0;
    max-width: 980px;
    margin: 0 auto
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}

.clr {
    clear: both
}

.contayner {
    width: 630px;
    margin: 0 auto
}

.contayner_top {
    position: relative
}

.header {
    height: 451px;
    background: url("../images/xheader2.jpg.pagespeed.ic.bqk72oxu-s.webp") 50% 0 no-repeat
}

.header-list {
    padding: 324px 0 0 20px
}

.header-list li {
    color: #dd2550;
    margin: 0 0 0 6px;
    padding: 60px 0 0;
    font: 14px/16px 'arial';
    float: left;
    width: 140px;
    text-align: center;
    background: url("../images/xhead-list.png.pagespeed.ic.xnon0dgjky2.webp") 0 0 no-repeat
}

.header-list .eff1 {
    background-position: 46px 0
}

.header-list .eff2 {
    width: 134px;
    background-position: -102px 0
}

.header-list .eff3 {
    background-position: -240px 0
}

.header-list .eff4 {
    width: 158px;
    background-position: -388px 0
}

.block2 {
    min-height: 250px;
    padding: 6px 0 2px;
    background: url("../images/xblock2-bg.jpg.pagespeed.ic.dk2psf_jtf.webp") 0 0 repeat-x
}

.block2-head {
    height: 62px;
    width: 272px;
    margin: -18px 0 0 28px;
    background: url("../images/xblock2-head.png.pagespeed.ic.7hzhlvwo9c.webp") 0 0 no-repeat
}

.block2-main {
    background: url("../images/xsale-label.png.pagespeed.ic.noqh5i_exq.webp") 83.4% 44px no-repeat
}

.block2-main.big {
    background-image: url(/images/xsale-label_2.png.pagespeed.ic.SNc42JFRoU.webp)
}

.price-block {
    margin: 35px 0 0 54px
}

.price-text {
    font: bold 16px/18px 'arial';
    color: #dd2550
}

.new-price {
    font: bold 32px/32px 'arial';
    color: #dd2550;
    padding: 0 0 5px
}

.old-price {
    color: #4c4c4c;
    font: 17px/19px 'arial'
}

.old-price span {
    font-size: 19px;
    text-decoration: line-through;
    display: inline-block;
    padding: 0 0 0 6px
}

.button1 {
    display: block;
    height: 49px;
    width: 180px;
    margin: 21px 0 0 55px;
    background: url("../images/xbutton1.png.pagespeed.ic.cerfys5knu.webp") 0 0 no-repeat
}

.button1:hover {
    background-position: 0 100%
}

.block3 {
    padding: 10px 0 30px;
    background: url("../images/xblock3-bg.jpg.pagespeed.ic.g1zvbz0mhr.webp") 50% 0 no-repeat
}

.block3-head {
    height: 63px;
    width: 250px;
    margin: 20px auto 0;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-family: Tahoma
}

.block3-head span {
    font-size: 29px;
    font-family: Arial
}

.block3-list {
    margin: 20px 0 0 34px
}

.block3-list li {
    float: left;
    width: 180px;
    padding: 68px 0 0;
    margin: 0 12px 0 0;
    background: url("../images/xblock3-list.png.pagespeed.ic.l_e-s43kpm.webp") 50% 15px no-repeat
}

.block3-list p {
    font: 15px/18px 'arial';
    color: #fff;
    text-align: center;
    width: 164px;
    margin: 0 auto
}

.block3-list .subhead {
    font: bold 18px/20px 'arial';
    width: 180px;
    padding: 0 0 5px 0
}

.block3-text {}

.social {
    height: 35px;
    width: 440px;
    margin: 26px auto 0
}

.social ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.social li {
    height: 24px;
    width: 39px;
    float: left;
    font: 13px/13px 'Tahoma';
    color: #040404;
    padding: 11px 0 0 38px;
    text-align: center;
    margin: 0 15px 0 0;
    cursor: pointer;
    display: block;
    background: url("../images/xsocial-bg.png.pagespeed.ic.lzqtih0qnr2.webp") 0 0 no-repeat;
    text-decoration: none
}

.social .vk-soc {
    background-position: 0 0
}

.social .vk-soc:hover {
    background-position: 0 100%;
    color: #45668e
}

.social .fb-soc {
    background-position: -91px 0
}

.social .fb-soc:hover {
    background-position: -91px 100%;
    color: #000
}

.social .tw-soc {
    background-position: -181px 0
}

.social .tw-soc:hover {
    background-position: -181px 100%;
    color: #0094c2
}

.block4 {
    background: #f7f7f7
}

.block4-main {}

.block4-main h3 {
    font: bold 19px/19px 'arial';
    color: #333;
    margin: 0;
    text-align: center;
    padding: 32px 0 0
}

.block4-main h3 span {
    font: 16px/20px 'arial';
    display: block;
    color: #4c4c4c;
    padding: 6px 0 0
}

.steps-wrap {
    margin: 25px 0 0 6px;
    padding: 0 0 35px
}

.step-img {
    text-align: center
}

.step-img img {
    margin: 15px auto;
    border: 1px solid #b1b1b1;
    border-radius: 8px
}

.step {
    float: left;
    width: 150px;
    min-height: 354px;
    margin: 0 6px 0 0;
    padding: 0 0 16px 0;
    background: #ededed;
    border-radius: 4px
}

.step p {
    font: 14px/19px 'arial';
    color: #4c4c4c;
    text-align: center;
    margin: 0 5px 6px
}

.step .bolder {
    font: bold 18px/18px 'arial'
}

.step.one p {
    margin: 0 6px 6px
}

.block5 {
    padding: 10px 0 2px
}

.block5-main h4 {
    font: bold 22px/22px 'arial';
    color: #333;
    text-align: center;
    margin: 0;
    padding: 20px 0 31px
}

.resp {
    margin: 0 0 23px 16px
}

.resp-author {
    width: 262px;
    padding: 2px 0 7px;
    margin: 0 0 16px;
    background: #f2e8db;
    border-radius: 5px
}

.resp-author p {
    margin: 6px 0 0 19px;
    font: 16px/16px 'arial';
    color: #333
}

.resp-author p span {
    font: 14px/14px 'arial';
    color: gray
}

.auth-img {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 8px 2px 0
}

.resp-text p {
    font: 13px/16px 'arial';
    margin: 8px 20px 8px 0;
    color: #4c4c4c
}

.block6 {
    padding: 2px 0 30px;
    background: #fffcdb
}

.block6 .block2-head {
    margin: -12px auto 0
}

.block6 p.colored {
    text-align: center;
    font: 15px/20px 'arial';
    color: #dd2550;
    margin: 20px 0 0
}

.block6 .bolder {
    font-weight: bold
}

.counter-wrap {
    border: 2px solid #f0859a;
    border-radius: 8px;
    background: #fef9c1;
    width: 280px;
    margin: 16px auto 0;
    padding: 0 0 12px 0
}

.counter-text {
    text-align: center;
    color: #333;
    font: 14px/14px 'arial';
    padding: 14px 0 10px
}

.counter-list {
    width: 155px;
    height: 41px;
    margin: 2px 0 0 64px
}

.counter-list li {
    float: left;
    margin: 0 11px 0 0;
    font: 22px/22px 'arial';
    color: #dd2550;
    text-align: center;
    padding: 11px 4px;
    width: 33px
}

.priced-text {
    font: 14px/14px 'arial';
    color: #4c4c4c;
    text-align: center;
    margin: 17px 0 20px
}

.priced-block {
    height: 66px;
    width: 213px;
    margin: 0 auto;
    background: url("../images/xpriced-block.png.pagespeed.ic.hlowjcywe8.webp") 0 0 no-repeat
}

.newprice {
    font: bold 22px/22px 'arial';
    color: #dd2550;
    text-align: center;
    padding: 12px 0 6px
}

.oldprice {
    font: 13px/13px 'arial';
    text-align: center
}

.block7 {
    background: #f9e4cb
}

.block7-main {
    padding: 10px 0 10px
}

.block7-main h5 {
    font: bold 24px/24px 'arial';
    color: #000;
    text-align: center;
    margin: 12px 0 35px
}

.form-row {
    width: 420px;
    margin: 0 auto 16px
}

.form-row label {
    font: 13px/13px 'arial';
    display: inline-block;
    width: 142px
}

.form-row label .colored {
    color: #df3a68
}

.form-row input.text {
    border: 1px solid #888;
    padding: 0 0 0 4px;
    border-radius: 5px;
    width: 264px;
    height: 27px
}

.form-row select {
    border: 1px solid #888;
    border-radius: 5px;
    width: 272px;
    height: 28px
}

.form-row label.error {
    font: 15px/15px 'Tahoma', arial;
    color: #e23d4d;
    width: 320px;
    display: block;
    margin: 4px 0 0 146px;
    padding: 4px 0 4px 24px;
    text-align: left;
    background: url(/images/xerror-sign.png.pagespeed.ic.wrhq5rR3fa.webp) 0 2px no-repeat
}

.outs {
    display: block
}

.mob-resp {
    display: none
}

.form-row .sep {
    display: block
}

.tel-row label {
    padding: 6px 0 0;
    float: left
}

.tel-row input.text {
    float: right
}

.form-main {
    margin: 36px 0 0
}

.price-row {
    width: 350px;
    margin: 0 auto;
    padding: 0 0 2px
}

.price-row label {
    font: 16px/16px 'arial';
    color: #333;
    width: 180px;
    display: inline-block
}

.main-price .smaller {
    font: 13px/13px 'arial';
    color: #666
}

.send-button {
    display: block;
    height: 49px;
    margin: 5px auto 10px;
    border: none;
    outline: none;
    cursor: pointer;
    width: 180px;
    background: url("../images/xbutton1.png.pagespeed.ic.cerfys5knu.webp") 0 0 no-repeat
}

.send-button:hover,
.send-button:active {
    background-position: 0 100%
}

.price-row .text {
    border: none;
    width: 140px;
    background: none;
    outline: none;
    color: #333;
    font: bold 16px/16px 'arial';
    text-align: right
}

.main-price label {
    float: left
}

.main-price .text {
    float: left
}

.footer-text {
    font: 11px/18px 'arial';
    margin: 22px 0 30px;
    color: gray;
    text-align: center
}

.countDiv {
    margin: 0 !important
}

.example {
    font-size: 11px
}

.order_form {
    background: none !important;
    border: 0 !important;
    padding: 0 !important
}

.block_form {
    margin-bottom: 10px !important
}

.header_title {
    font-family: Arial;
    font-size: 36px;
    text-align: center;
    position: absolute;
    color: #dd2550;
    top: -9px;
    right: 22px
}

.header_prod_img {
    display: block;
    position: absolute;
    top: 60px;
    right: 45px;
    width: 130px
}

.copyright {
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
    color: #6c6e6f
}

.copyright p {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0
}

.copyright br {
    display: none
}

.copyright img {
    margin: 10px auto !important
}

.copyright a {
    color: #6c6e6f;
    text-decoration: none
}

.copyright a:hover {
    color: #ff0069;
    text-decoration: none
}

@media (max-width:620px) {
    .contayner {
        width: 320px;
        margin: 0 auto
    }

    .header {
        height: 451px;
        background: url("../images/xheader2.jpg.pagespeed.ic.bqk72oxu-s.webp") 50% 0 no-repeat
    }

    .header-list {
        padding: 322px 0 0 10px
    }

    .header-list li {
        color: #dd2550;
        margin: 0 0 4px 6px;
        padding: 2px 0 2px 40px;
        font: 14px/16px 'arial';
        float: none;
        width: 260px;
        text-align: left;
        background: url("../images/xhead-list2.png.pagespeed.ic.u3dosdj_k-.webp") 0 0 no-repeat
    }

    .header-list .eff1 {
        background-position: 14px 1px
    }

    .header-list .eff2 {
        width: 260px;
        background-position: 14px -64px
    }

    .header-list .eff3 {
        background-position: 14px -137px
    }

    .header-list .eff4 {
        width: 260px;
        background-position: 14px -220px
    }

    .block2-head {
        height: 62px;
        width: 272px;
        margin: -18px 0 0 19px;
        background: url("../images/xblock2-head.png.pagespeed.ic.7hzhlvwo9c.webp") 0 0 no-repeat
    }

    .price-block {
        margin: 13px 0 0 0
    }

    .price-text,
    .new-price {
        text-align: center
    }

    .block2-main,
    .block2-main.big {
        background: none
    }

    .old-price {
        height: 72px;
        width: 174px;
        line-height: 21px;
        padding: 23px 0 0 108px;
        margin: 12px auto 0;
        background: url("../images/xold-price.png.pagespeed.ic.uwilwkvjx9.webp") 0 0 no-repeat
    }

    .old-price.big {
        background-image: url(/images/xold-price_2.png.pagespeed.ic.E1Vq-92cIp.webp)
    }

    .button1 {
        margin: 14px auto 16px
    }

    .block3-list {
        margin: 20px 0 0 20px
    }

    .block3-list li {
        float: none;
        width: 298px;
        padding: 0;
        margin: 0 0 11px 0;
        background: url("../images/xblock3-list-sm.png.pagespeed.ic.swkvhl8rqh.webp") 8px 2px no-repeat
    }

    .block3-list .subhead {
        font: bold 18px/20px 'arial';
        width: 250px;
        padding: 0 0 5px 0
    }

    .block3-list p {
        text-align: left;
        width: 250px;
        margin: 0
    }

    .block3-text {
        padding: 6px 0 12px 50px;
        background: url("../images/xblock3-list-sep.png.pagespeed.ic.3ynigdbewj.webp") 0 100% repeat-x
    }

    .block3-list .lasted .block3-text {
        background: none
    }

    .social {
        height: 35px;
        width: 280px;
        margin: 0 0 0 33px
    }

    .block3 {
        padding: 10px 0 22px;
        background: url("../images/xblock3-bg.jpg.pagespeed.ic.g1zvbz0mhr.webp") 50% 0 no-repeat
    }

    .block4 {}

    .step {
        float: left;
        width: 306px;
        min-height: 120px;
        margin: 0 0 6px 0;
        padding: 0 0 6px 0;
        border-radius: 6px
    }

    .steps-wrap {
        margin: 20px 0 0 6px
    }

    .step-img img {
        margin: 14px auto 0;
        border: 1px solid #b1b1b1;
        border-radius: 8px;
        width: 78px;
        height: 88px
    }

    .step-img {
        float: left;
        margin: 0 0 0 10px
    }

    .step p {
        text-align: left;
        padding: 0 0 0 10px;
        float: left;
        width: 206px;
        margin: 0 0 6px
    }

    .step .bolder {
        padding: 15px 0 0 7px
    }

    .step.one p {
        margin: 0 0 6px
    }

    .resp {
        margin: 0 auto 23px
    }

    .block5-main h4 {
        padding: 7px 0 31px
    }

    .resp-author {
        text-align: center;
        width: 284px;
        margin: 0 auto;
        border-radius: 5px
    }

    .resp-author p {
        margin: 6px 0 0 0;
        padding: 2px 0 2px
    }

    .resp-text {
        margin: 18px 0 0 21px
    }

    .resp-text p {
        font: 13px/15px 'arial'
    }

    .block6 .block2-head {
        margin: 36px auto 0
    }

    .block6 {
        padding: 2px 0 34px
    }

    .block6 p.colored {
        width: 90%;
        margin: 12px auto
    }

    .counter-wrap {
        margin: 19px auto 0
    }

    .priced-text {
        font: 14px/20px 'arial';
        margin: 12px 0 16px
    }

    .block7 {
        padding: 0 0 10px
    }

    .outs {
        display: none
    }

    .mob-resp {
        display: block
    }

    .block7-main h5 {
        margin: 12px 0 17px
    }

    .form-row {
        width: 272px;
        margin: 0 auto 4px
    }

    .form-row label {
        padding: 0 0 3px 2px
    }

    .form-row input.text {
        height: 32px
    }

    .form-row label {
        width: 240px
    }

    .form-row .sep {
        display: inline
    }

    .form-row {
        margin: 6px auto 4px
    }

    .form-main {
        margin: 18px 0 0
    }

    .price-row {
        width: 270px
    }

    .price-row label {
        width: 140px
    }

    .price-row .text {
        width: 122px;
        margin: 0
    }

    .main-price .smaller {
        display: block;
        padding: 6px 0 0
    }

    .send-button {
        margin: 28px auto 10px
    }

    .footer-text {
        margin: 18px 5px
    }

    #slider {
        height: 390px;
        position: relative;
        width: 320px
    }

    .slides_container {
        height: 390px;
        width: 320px
    }

    .resp {
        width: 320px
    }

    #buttons_ts {
        display: block;
        margin: 0 0 0 18px;
        z-index: 1;
        width: 284px;
        position: absolute;
        top: 0
    }

    #buttons_ts a {
        height: 50px;
        width: 44px;
        background: url(/images/xslider-arrows.png.pagespeed.ic.pdWm8pQi54.webp) 0 0 no-repeat;
        display: block
    }

    #buttons_ts .prev {
        background-position: 0 0;
        float: left;
        margin: 0 4px 0 0
    }

    #buttons_ts .prev:hover,
    #buttons_ts .next:active {
        background-position: 0 100%
    }

    #buttons_ts .next {
        background-position: 100% 100%;
        float: right
    }

    #buttons_ts .next:hover,
    #buttons_ts .next:active {
        background-position: 100% 0
    }

    .form-row label.error {
        margin: 4px 0 0 4px
    }

    .form-row label.error {
        margin: 4px 0 0 4px
    }

    .block_form label {
        text-align: left !important;
        margin-bottom: 10px !important
    }

    .block_form {
        margin-bottom: 23px !important
    }

    .block_form div {
        margin-left: 0 !important
    }

    .block_form p {
        padding-top: 35px !important
    }

    .example {
        display: block !important;
        font-size: 10px;
        left: 0 !important;
        background: none !important;
        top: 62px !important
    }

    .example_error {
        display: none !important
    }

    .header_title {
        font-family: Arial;
        font-size: 40px;
        text-align: center;
        position: absolute;
        color: #dd2550;
        top: -9px;
        right: 0
    }

    .header_prod_img {
        display: block;
        position: absolute;
        top: 90px;
        right: 120px;
        width: 90px
    }
}

.block2-disc {
    font-size: 55px;
    color: #fff;
    top: 84px;
    right: 111px;
    position: absolute;
    font-weight: 700
}

.modal-block {
    margin: 10% auto 0
}

.auth-img img {
    width: 100%;
    height: 100%
}

@media (max-width:620px) {
    .block2-disc {
        font-size: 26px;
        top: 161px;
        right: 227px
    }

    .header_title {
        right: 50% !important;
        -webkit-transform: translateX(50%);
                transform: translateX(50%)
    }
}

.countdownHolder {
    text-align: center;
    color: #9b4e47;
    font: 24px/26px Arial, Helvetica, sans-serif
}

.position {
    float: left;
    height: 26px;
    overflow: hidden;
    position: relative;
    width: 14px
}

.digit {
    position: absolute;
    display: block;
    width: 14px;
    text-align: center
}

.countDiv {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 17px;
    margin: 14px 8px 0
}

.countDays,
.countHours,
.countMinutes,
.countSeconds {
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fff), to(#f1f1f1));
    background: linear-gradient(to bottom, #fff 70%, #f1f1f1 100%);
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding: 8px 7px 9px;
    border: 1px solid #cbcbcb;
    border-radius: 4px
}

.countDays {
    display: none
}

.countDiv0 {
    display: none
}

.formcase,
.formcase .formbox input[type=tel],
.formcase .formbox input[type=text],
.formcase .formbox select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.formcase {
    width: 100%;
    max-width: 420px;
    min-width: 280px;
    background: #f3f3f3;
    border: #ddd 1px solid;
    padding: 20px 30px;
    margin: 0 auto 20px
}

.formcase .formbox {
    width: 100%;
    margin-bottom: 15px
}

.formcase .formbox .formnoxname {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px;
    color: #000;
    text-align: left
}

.formcase .formbox .formnoxname span {
    float: right
}

.formcase .formbox input[type=tel],
.formcase .formbox input[type=text],
.formcase .formbox select {
    width: 100%;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    padding: 0;
    border: 1px solid #ccc;
    border: #ddd 1px solid
}

.formcase .formbox input[type=tel],
.formcase .formbox input[type=text] {
    width: 100%;
    padding: 0 8px
}

.formcase .formbox input[type=submit] {
    width: 100%
}

.formcase .errField {
    display: none;
    font-size: 13px;
    background: #ca0000;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 1px 1px rgba(255, 255, 255, .5);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 1px 1px rgba(255, 255, 255, .5)
}

@media all and (max-width:600px) {
    .formcase .formbox .formnoxname span {
        width: 100%;
        float: left
    }
}