@media screen and (min-width:1024px) {
    .mob {
        display: none
    }

    @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|PT+Sans+Narrow:400,700&subset=cyrillic-ext,latin-ext);

    body {
        margin: 0;
        background: none repeat scroll 0 0 #000;
        font-family: "PT Sans Narrow", sans-serif;
        min-width: 980px
    }

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

    .clr {
        clear: both
    }

    .bolder {
        font-weight: bold
    }

    .wrapper {
        max-width: 1680px;
        overflow: hidden;
        margin: 0 auto;
        background: url('../img/block1.jpg') no-repeat scroll 50% 0 #000
    }

    .contayner {
        width: 980px;
        margin: 0 auto;
        position: relative
    }

    .block1 {
        padding: 0 0 18px
    }

    .block1-head-content {
        width: 500px;
        float: right
    }

    .top-count {
        height: 110px;
        width: 500px;
        float: right;
        margin: 0 0 0 200px
    }

    .top-sale {
        float: left;
        font: bold 34px/34px "PT Sans Narrow", sans-serif;
        color: #fff;
        height: 75px;
        padding: 35px 0 0;
        width: 134px;
        background: url('../img/sale-bg.png') no-repeat scroll 0 0 transparent;
        margin: 0 0 0 16px;
        text-align: center
    }

    .logo {
        background: rgba(0, 0, 0, 0) url("../img/logo_1.png") no-repeat scroll 0 0 / 100% auto;
        height: 103px;
        margin: 14px 0 0 37px;
        width: 416px
    }

    .counter-wrap {
        width: 260px;
        float: left;
        margin: 19px 0 0 13px
    }

    .timer_title {
        color: #cdcdcd;
        text-transform: uppercase;
        text-align: center
    }

    .count-list {
        margin: 10px auto 0;
        width: 240px
    }

    .count-list li {
        float: left;
        margin-right: 10px;
        font: bold 30px/30px "PT Sans Narrow", sans-serif;
        color: #bbbcc1;
        width: 70px;
        box-sizing: border-box
    }

    .count-list li:last-child {
        margin-right: 0
    }

    .digit {
        background: url('../img/timer_digit.png') no-repeat scroll left top;
        width: 33px;
        height: 41px;
        line-height: 44px;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        text-align: center
    }

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

    .price-block .pr-text {
        width: 100px;
        text-align: center;
        margin: 0 0 0 75px;
        float: left;
        font: 14px/14px "PT Sans Narrow", sans-serif;
        color: #d0d0d0
    }

    .price-block .price {
        display: inline-block;
        margin: 0 0 0 4px;
        float: left
    }

    .old-pr {
        font-size: 19px;
        line-height: 19px;
        color: #fff;
        padding: 0 8px;
        max-width: 140px
    }

    .js_old_price_curs {
        text-decoration: line-through
    }

    .new-pr {
        font-weight: bold;
        font-size: 34px;
        padding: 0 6px;
        line-height: 34px;
        color: #ff7122;
        max-width: 220px
    }

    .price-row {
        margin: 0 0 4px
    }

    .new-price .pr-text {
        padding: 10px 0 0
    }

    .prodbut-wrap {
        margin: 0
    }

    .prod-img {
        width: 91px;
        height: 120px;
        margin: 0 0 0 42px;
        float: left;
        background: url(../img/prodNew22.png) no-repeat scroll 0 0 transparent;
        background-size: 72%
    }

    .head-but {
        display: block;
        float: left;
        margin: 6px 0 0 20px;
        height: 91px;
        width: 244px;
        background: url('../img/head-button.png') no-repeat scroll 0 0 transparent;
        text-align: center;
        color: #fff;
        font-weight: bold;
        padding: 16px 0 0;
        box-sizing: border-box;
        font-size: 35px;
        font-weight: bold
    }

    .head-but:hover {
        background-position: 0 100%
    }

    .block1-art1 {
        width: 440px;
        text-align: center;
        margin: -44px 0 0 96px;
        padding: 0 0 20px
    }

    .block1-art1 h2 {
        font-weight: bold;
        color: #fff;
        font-size: 32px;
        line-height: 36px;
        padding-left: 7px;
        margin: 0;
        text-align: center;
        letter-spacing: .5px
    }

    .block1-art1 p.big {
        font: 22px/26px "PT Sans", sans-serif;
        color: #fff;
        margin: 15px 0
    }

    .block1-art1 p.sm {
        font: 18px/24px "PT Sans", sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 10px 0 0
    }

    .block1-art1 p .colored {
        color: #ff934d
    }

    .doc-block {
        width: 845px;
        height: 280px;
        background: none repeat scroll 0 0 #262626;
        margin: 22px auto 0
    }

    .doc-block-left {
        width: 526px;
        float: left;
        font: 16px/22px "PT Sans", sans-serif;
        color: #fff;
        padding: 41px 0 0 46px;
        letter-spacing: .1px
    }

    .doc-block-right {
        width: 240px;
        float: left;
        margin: 51px 0 0 27px
    }

    .doc-name {
        font: 22px/24px "PT Sans", sans-serif;
        color: #fff;
        margin: 8px 0 0
    }

    .doc-name span {
        font-size: 13px;
        display: block
    }

    .block1-bot-text1 {
        font: 18px/24px "PT Sans", sans-serif;
        color: #fff;
        width: 350px;
        float: left;
        margin: 49px 0 0 112px
    }

    .block1-bot-text1 .colored {
        color: #ff934d
    }

    .block1-bot-img {
        width: 280px;
        height: 208px;
        float: left;
        margin: 39px 0 30px 67px;
        background: url('../img/block1-bot-img.png') no-repeat scroll 0 0 transparent
    }

    .block1-anim-img {
        width: 390px;
        height: 450px;
        margin: 0 0 0 80px;
        float: left;
        background: url('../img/lightning1.png') no-repeat scroll 32px -14px transparent
    }

    .block1-bot-text2 {
        width: 340px;
        float: left;
        margin: 0 0 0 36px
    }

    .block1-bot-text2 p {
        font: 18px/24px "PT Sans", sans-serif;
        color: #fff;
        margin: 2px 0 18px
    }

    .block1-bot-text2 p.lst {
        width: 370px
    }

    .block2 {
        background: url('../img/block2.jpg') repeat-x scroll 50% 0 #262626
    }

    .block2-art1-left {
        float: left;
        text-align: center;
        width: 330px;
        margin: -32px 0 0 120px;
        padding: 200px 0 0;
        background: url('../img/divan.png') no-repeat scroll 40% 0 transparent
    }

    .block2-art1-left p {
        font: 22px/30px "PT Sans Narrow", sans-serif;
        color: #fff;
        margin: 0;
        letter-spacing: .1px
    }

    .block2-list-wrap {
        height: 212px;
        width: 356px;
        float: left;
        margin: 45px 0 0 75px;
        background: url('../img/block2-list.png') no-repeat scroll 0 0 transparent
    }

    .border {
        border-bottom: 1px solid #4d4d4d;
        width: 820px;
        margin: 44px 0 0 92px
    }

    .bl2-art2img {
        width: 244px;
        height: 158px;
        float: left;
        margin: 40px 0 0 150px;
        background: url('../img/block2-art2.png') no-repeat scroll 0 0 transparent
    }

    .bl2-art2text {
        width: 450px;
        font: italic 17px/22px "PT Sans", sans-serif;
        color: #fff;
        margin: 30px 0 0 56px;
        float: left
    }

    .bl2-art2text .colored {
        color: red
    }

    .block3 {
        height: 300px;
        background: url('../img/block3.jpg') no-repeat scroll 50% -2px #262626;
        padding: 44px 0 0
    }

    .block3-left {
        float: left;
        width: 400px;
        margin: 47px 0 0 114px;
        color: #fff
    }

    .block3-img {
        background: rgba(0, 0, 0, 0) url(../img/prodNew22.png) no-repeat scroll 0 54px / 100% auto;
        float: right;
        height: 330px;
        margin: -22px 123px 0 0;
        width: 230px;
        background-size: 64%
    }
}

.block3-left h3 {
    font: 24px/24px "PT Sans Narrow", sans-serif;
    margin: 0
}

.block3-left p {
    font: 18px/22px "PT Sans", sans-serif;
    color: #fff;
    margin: 13px 0
}

.block3-left .block3-but,
.block5-but {
    display: block;
    height: 72px;
    width: 267px;
    margin: 24px 0 0 43px;
    background: url('../img/block3-but.png') no-repeat scroll 0 0 transparent;
    text-align: center;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    padding-top: 10px;
    font-weight: bold;
    font-size: 32px
}

.block3-left .block3-but:hover,
.block5-but:hover {
    background-position: 0 100%
}

.roll-wrap {
    width: 992px;
    height: 75px;
    position: relative;
    margin: 56px 0 0 -6px;
    cursor: pointer;
    z-index: 2;
    background: url('../img/svitok.png') no-repeat scroll 50% 0 transparent
}

.roll-content {
    padding: 28px 0 0 118px;
    width: 560px;
    display: none;
    opacity: 0
}

.roll-content h4 {
    font: bold 22px/26px "PT Sans Narrow", sans-serif;
    color: #7a5e43;
    margin: 0;
    position: relative
}

.roll-content p {
    font: 18px/22px "PT Sans", sans-serif;
    color: #453526;
    margin: 13px 0
}

.roll-big.active {
    background: none repeat scroll 0 0 #ff6b20;
    color: #fff
}

.viking {
    position: absolute;
    width: 254px;
    height: 354px;
    top: 230px;
    left: 400px;
    z-index: 1;
    opacity: .5;
    background: url('../img/viking.png') no-repeat scroll 100% 0 transparent
}

.block4 {
    margin: 0;
    padding: 12px 0 2px;
    background: none repeat scroll 0 0 #000
}

.block4-head {
    font: italic 18px/24px "PT Sans", sans-serif;
    color: #fff;
    text-align: center;
    width: 710px;
    margin: 0 auto
}

.block4-art1 {
    padding: 10px 0 4px;
    background: url('../img/block4-img1.jpg') no-repeat scroll 95% 8px transparent
}

.block4-text1 {
    width: 476px;
    margin: 25px 0 0 112px
}

.block4-text1 p {
    color: #fff;
    font: 18px/24px "PT Sans", sans-serif;
    margin: 0
}

.block4-text1 p .colored {
    color: #ff934d
}

.block4-text1 .lrg {
    font: 24px/30px "PT Sans Narrow", sans-serif;
    margin: 27px 0 0;
    width: 450px
}

.block4-list {
    float: left;
    margin: 0 0 0 80px
}

.block4-list li {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    min-height: 280px;
    margin-left: 30px;
    margin-bottom: 8px;
    background: url('../img/mix-img.png') no-repeat scroll 0 15px transparent
}

.block4-list .compon2 {
    background-position: 0 -389px
}

.block4-list .compon3 {
    background-position: 0 -873px
}

.block4-list .compon3 p {
    line-height: 21px
}

.block4-list .compon4 {
    background-position: 0 -1390px
}

.block4-list .compon5 {
    background: url('../img/mix-img2.png') no-repeat scroll transparent;
    background-position: -249px 20px
}

.block4-list .compon6 {
    background: url('../img/mix-img2.png') no-repeat scroll transparent;
    background-position: -249px -383px
}

.block4-list .subhead {
    color: #fff;
    font: 18px/22px "PT Sans", sans-serif;
    padding: 70px 0 50px 160px
}

.compon2 .subhead {
    padding: 70px 0 50px 160px
}

.compon3 .subhead {
    padding-bottom: 52px
}

.compon4 .subhead {
    padding: 70px 0 50px 160px;
    line-height: 20px
}

.block4-list p {
    font: italic 17px/22px "PT Sans", sans-serif;
    color: #fff;
    margin: 0;
    width: 386px
}

.block4-list .colored {
    color: #ff6b20
}

.block5-top {
    height: 189px;
    background: url('../img/block5-top.jpg') repeat scroll 0 0 transparent
}

.block5-top-text {
    font: 18px/24px "PT Sans", sans-serif;
    color: #fff;
    width: 430px;
    margin: 32px 0 0 112px;
    float: left
}

.block5-top-img {
    float: right;
    height: 189px;
    width: 394px;
    margin-right: 37px;
    background: url('../img/block5-img.png') no-repeat scroll 0 0 transparent
}

.block5 .block5-but {
    margin: 30px 0 0 157px;
    float: left
}

.block5-art1 {
    margin: 50px 0 0;
    position: relative
}

.bl5-art1-text {
    position: relative;
    z-index: 2;
    font: 18px/24px "PT Sans", sans-serif;
    float: left;
    margin: 32px 0 0 112px;
    width: 416px;
    color: #fff
}

.bl5-art1-img {
    position: relative;
    z-index: 1;
    width: 400px;
    height: 310px;
    margin: -50px 83px 0 -40px;
    float: right;
    background: url('../img/graf-sprite.jpg') no-repeat scroll 0 -8px transparent
}

.graf-img:hover {
    background-position: -425px -8px
}

.block5-art2 {
    width: 845px;
    height: 280px;
    margin: 50px auto 0;
    background: url('../img/block5-art2.jpg') repeat scroll 0 0 transparent
}

.block5-list-head {
    font: 26px/30px "PT Sans Narrow", sans-serif;
    color: #fff;
    padding: 34px 0 0 50px;
    margin: 0
}

.block5-list {
    float: left;
    margin: 20px 0 0 56px
}

.block5-list li {
    padding: 0 0 0 14px;
    margin: 0 6px 6px 0;
    float: left;
    font: 16px/18px "PT Sans", sans-serif;
    color: #fff;
    width: 365px;
    background: url('../img/block5-list.png') no-repeat scroll 0 7px transparent
}

.block5-list .eff10,
.block5-list .eff12 {
    margin-top: -6px
}

.block6-head {
    font: 36px/54px "PT Sans Narrow", sans-serif;
    color: #fff;
    text-align: center;
    margin: 26px 0 0
}

.block6-head span {
    font-size: 52px;
    display: block
}

.block6-list {
    padding: 0 0 40px;
    background: url('../img/block6-list-bg_pld.jpg') no-repeat scroll 50% -2px transparent
}

.block6-list li {
    width: 350px;
    float: left;
    font: 16px/22px "PT Sans", sans-serif;
    color: #fff;
    text-align: center
}

.block6>div>img {
    position: absolute;
    top: 225px;
    left: 366px;
    width: 240px
}

.block6-list .pref1 {
    margin: 132px 100px 50px 108px;
    width: 240px
}

.block6-list>li.pref2 {
    margin: 132px 40px 50px 0;
    width: 300px;
    position: relative;
    top: -13px
}

.promo {
    color: #fff;
    background-color: #212e3f;
    overflow: hidden
}

.promo__grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative
}

.promo__part {
    display: table-cell;
    vertical-align: top;
    padding-top: 30px;
    padding-bottom: 30px
}

.promo__part:first-of-type {
    width: 360px
}

.promo__part:last-of-type {
    padding-left: 50px
}

.promo__title {
    font-size: 28px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 300
}

.promo .t--bg {
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 0 5px;
    line-height: 1.1
}

.promo__img {
    display: block;
    position: absolute;
    bottom: -63px;
    left: 20px
}

.promo__img:before {
    content: '';
    display: block;
    width: 699px;
    height: 699px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: no-repeat center / cover;
    background-image: url('../img/light.png')
}

.promo__img img {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin-left: 50px
}

.promo__text {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.3
}

.pref3 {
    margin: 128px 50px 0 14px
}

.block6-list .pref4 {
    margin: 90px 48px 60px 0;
    width: 280px
}

.pref5 {
    margin: 155px 50px 0 58px
}

.pref6 {
    margin: 88px 42px 0 0
}

.block6-list .pref2,
.block6-list .pref4,
.block6-list .pref6 {
    float: right
}

.form-wrap {
    width: 844px;
    margin: 26px auto;
    padding: 0 0 35px;
    background: none repeat scroll 0 0 #262626
}

.form-top {
    height: 150px;
    background: url('../img/form-top.jpg') no-repeat scroll 0 0 transparent
}

.form-sale {
    height: 138px;
    width: 200px;
    float: left;
    padding: 12px 0 0;
    font: 22px/42px "PT Sans Narrow", sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 0 0 6px;
    background: url('../img/form-sale.png') no-repeat scroll 0 0 transparent
}

.form-sale span {
    font-weight: bold;
    font-size: 46px;
    display: block
}

.form-price {
    width: 350px;
    float: left;
    margin: 33px 0 0 -8px
}

.form-price .fpr-text {
    float: left;
    width: 94px;
    text-align: center;
    color: #d2d2d2;
    font: 14px/14px "PT Sans Narrow", sans-serif
}

.ls .fpr-text {
    margin: 14px 0 0
}

.fold-price {
    font: 19px/19px "PT Sans Narrow", sans-serif;
    color: #fff;
    padding: 0 10px;
    float: left
}

.fnew-price {
    font: bold 34px/34px "PT Sans Narrow", sans-serif;
    color: #ff7122;
    width: 220px;
    float: left;
    padding: 4px 12px
}

.form-count {
    height: 85px;
    width: 262px;
    margin: 22px 0 0;
    float: right
}

.form-main {
    margin: 0 auto;
    width: 560px
}

.form-main h3 {
    margin: 0;
    font: bold 32px/32px "PT Sans Narrow", sans-serif;
    padding: 2px 0 35px 50px;
    color: #fff;
    text-align: center
}

.form-row {
    margin: 0 0 18px;
    text-align: center
}

.form-row label {
    width: 148px;
    padding-right: 18px;
    display: inline-block;
    font: 14px/18px "Tahoma", "arial", sans-serif;
    color: #fff;
    text-align: right
}

.form-row input,
.form-row select {
    height: 35px;
    width: 270px;
    border-radius: 10px;
    font: 16px/35px "Tahoma", "arial", sans-serif;
    color: #010101;
    margin: 0;
    padding: 0 4px 0 6px;
    border: medium none;
    outline: medium none;
    box-shadow: 0 2px 2px 0 rgba(97, 97, 97, 0.5) inset;
    direction: ltr;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
}

.pref5{
    padding-bottom: 10px;
}

.form-row select {
    height: 35px;
    width: 280px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../img/customselect.png') no-repeat 5% 50%
}

.tel-row {
    margin-top: -2px
}

.tel-row label {
    float: left;
    margin-right: 3px;
    padding-top: 6px
}

.main-price {
    margin: 2px 0 0 168px
}

.main-price label {
    display: block;
    font: 16px/16px "Tahoma", "arial", sans-serif;
    color: #fff
}

.main-price input.text {
    background: none repeat scroll 0 0 transparent;
    outline: medium none;
    border: medium none;
    font: bold 25px/25px "Tahoma", "arial", sans-serif;
    color: #fff
}

.send-wrap {
    margin-top: 20px
}

.send-button {
    height: 61px;
    width: 265px;
    display: block;
    cursor: pointer;
    outline: medium none;
    border: medium none;
    margin: 0 auto;
    background: #ff6b20;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.send-button:hover {
    background: #ff8648
}

.hidd-resp {
    display: none
}

.resp-wrap {
    margin: 70px auto 0;
    width: 844px
}

.resp-top {
    margin-bottom: 22px
}

.resp-top h4 {
    font: 28px/28px "PT Sans Narrow", sans-serif;
    color: #fff;
    float: left;
    width: 440px;
    margin: 18px 0 0 40px
}

.show-resp {
    width: 297px;
    height: 59px;
    float: right;
    margin: 3px 0 0;
    background: url('../img/more.png') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    color: #cfcfcf;
    font-size: 22px;
    text-indent: 30px;
    line-height: 60px;
    text-decoration: underline dashed
}

.show-resp:hover {
    text-decoration: none
}

.show-resp:hover {
    background-position: 0 100%
}

.resp {
    margin-bottom: 20px;
    background: none repeat scroll 0 0 #262626
}

.resp-img {
    height: 94px;
    width: 94px;
    float: left;
    margin: 25px 0 21px 45px
}

.resp-text {
    font: italic 16px/22px "PT Sans", sans-serif;
    color: #cfcfcf;
    width: 640px;
    padding: 0 0 18px;
    float: left;
    margin: 22px 0 0 41px
}

.footer-wrap {
    margin: 43px auto 0;
    border-top: 2px solid #333;
    padding: 22px 0 0;
    width: 844px
}

.footer-content {
    font: 12px/18px "PT Sans", sans-serif;
    color: #a3a3a3;
    text-align: center;
    padding-bottom: 40px
}

.confident-link {
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    text-decoration: underline;
    margin: 10px 0 0
}

.confident-link:hover {
    text-decoration: none
}

.hidden-conf {
    display: none
}

.conf-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: none repeat scroll 0 0 #000;
    cursor: pointer;
    opacity: .9
}

.conf-info {
    cursor: default;
    width: 800px;
    padding: 30px;
    color: #000;
    z-index: 9999;
    text-align: left;
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    position: fixed;
    top: 8%;
    left: 50%;
    margin: 0 0 0 -420px
}

.conf-info .conf-head {
    font: 30px/30px "arial", sans-serif;
    margin: 0 0 16px
}

.conf-info h5 {
    font: bold 18px/18px "arial", sans-serif;
    margin: 16px 0 6px
}

.conf-info p {
    font: 13px/15px "arial", sans-serif;
    margin: 0 0 8px
}

.closeconf-but {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 29px;
    width: 29px;
    cursor: pointer;
    background: url('../img/close-conf.png') no-repeat scroll 0 0 transparent
}

.right-text-name {
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px
}

@media screen and (max-width:1023px) {
    .mob {
        display: block
    }

    .desk {
        display: none
    }

    .ntimer {
        text-align: center;
        font-size: 28px
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    font,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
        border: 0;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline
    }

    :focus {
        outline: 0
    }

    body {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        background-color: #000;
        color: #fff
    }

    ol,
    ul {
        list-style: none
    }

    table {
        border-collapse: separate;
        border-spacing: 0
    }

    caption,
    th,
    td {
        font-weight: normal;
        text-align: left
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: ""
    }

    blockquote,
    q {
        quotes: """"
    }

    a img {
        border: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }

    .clearfix {
        *zoom: 1
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .clearfix:after {
        clear: both
    }

    .clear {
        clear: both
    }

    strong {
        font-weight: bold
    }

    em {
        font-style: italic
    }

    img {
        max-width: 100%
    }

    .dbody {
        width: 100%;
        min-width: 300px;
        height: 100%;
        position: relative;
        overflow-x: hidden
    }

    .wrapper {
        width: 300px;
        height: 100%;
        margin: 0 auto;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        z-index: 5
    }

    .top_top {
        background-color: #ff6c20;
        padding: 10px 0;
        text-align: center;
        font-weight: 700;
        font-size: 32px;
        color: #000
    }

    .first_top>.wrapper>p>span {
        color: #d13241;
        font-weight: 600;
        font-size: 32px
    }

    .first_top>.wrapper>p {
        text-align: center;
        color: #919191;
        font-size: 23px;
        text-transform: uppercase
    }

    header {
        padding: 0 0 20px;
        z-index: 15;
        position: relative
    }

    header .wrapper>img {
        display: block;
        margin: 0 auto -30px
    }

    header .wrapper>h3 {
        color: #ff6c20;
        font-weight: bold;
        font-size: 22px;
        text-align: center
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url('../img/customselect.png') no-repeat 5% 50%
    }

    header .wrapper>article {
        text-align: center;
        padding: 15px 0;
        position: relative;
        margin-bottom: 15px
    }

    header .wrapper>article>p {
        margin-bottom: 15px
    }

    header .wrapper>article>p {
        font-size: 16px
    }

    header .wrapper>article h3 {
        font-size: 24px;
        color: #5a1f00;
        line-height: 120%;
        font-family: 'Open Sans Condensed', sans-serif;
        margin-bottom: 10px
    }

    .for_scroll img {
        display: block;
        margin: 0 auto
    }

    .btn a {
        text-decoration: none;
        color: #fff
    }

    .sec_screen {
        padding-bottom: 15px
    }

    .sec_screen>div>p {
        text-align: center;
        color: #ff6c20;
        font-size: 23px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 15px 0
    }

    #circle {
        width: 110%;
        max-width: 110%;
        position: absolute;
        left: -30px;
        top: -75px;
        z-index: -1
    }

    .sec_screen ul {
        position: relative;
        z-index: 4
    }

    .sec_screen>.wrapper>img {
        position: relative;
        z-index: 1;
        display: block;
        margin: 10px auto 50px
    }

    .sec_screen ul>li {
        padding-left: 75px;
        position: relative;
        color: #fff;
        margin-bottom: 35px;
        font-size: 15px
    }

    .sec_screen ul>li:before {
        content: "";
        background-size: 100% 100%;
        position: absolute;
        display: block;
        top: -5px;
        left: 0
    }

    .sec_screen ul>li:nth-child(1):before {
        background-image: url(../img/li1.png);
        width: 74px;
        height: 50px
    }

    .sec_screen ul>li:nth-child(2):before {
        background-image: url(../img/li2.png);
        width: 71px;
        height: 52px
    }

    .sec_screen ul>li:nth-child(3):before {
        background-image: url(../img/li3.png);
        width: 62px;
        height: 52px
    }

    .sec_screen ul>li:nth-child(4):before {
        background-image: url(../img/li4.png);
        width: 74px;
        height: 52px;
        left: -3px
    }

    .sec_screen ul>li:nth-child(5):before {
        background-image: url(../img/li5.png);
        width: 66px;
        height: 57px
    }

    .sec_screen ul>li:nth-child(6):before {
        background-image: url(../img/li6.png);
        width: 62px;
        height: 60px
    }

    .third_scr {
        background-color: #3a6085;
        padding: 30px 0
    }

    .third_scr>.wrapper>p {
        color: #5a1f00;
        text-transform: uppercase;
        text-align: center;
        font-size: 23px;
        margin-bottom: 15px;
        font-family: 'Open Sans Condensed', sans-serif
    }

    .third_scr .wrapper>div>p {
        font-weight: bold;
        font-size: 17px
    }

    .third_scr .wrapper>div>img {
        float: left;
        margin-right: 15px
    }

    .third_scr .wrapper>article>p {
        text-indent: 15px;
        padding-top: 15px;
        font-size: 14px
    }

    .forth_scr {
        padding: 15px 0
    }

    .forth_scr>.wrapper>h3 {
        color: #ff6c20;
        font-size: 21px;
        text-align: center;
        font-family: 'Open Sans Condensed', sans-serif;
        text-transform: uppercase;
        margin-bottom: 15px
    }

    .sale {
        background-image: url(../img/brbr.png);
        height: 120px;
        max-height: 120px
    }

    .sale>div>p {
        text-align: center;
        height: 140px;
        font-size: 21px;
        font-weight: bold;
        width: 50%;
        margin: 0 auto;
        background-image: url(../img/sale.png);
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-top: 35px
    }

    footer {
        background-color: #252525;
        padding: 30px 0 50px
    }

    footer>.wrapper>p {
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 15px;
        font-size: 24px;
        color: #ababab;
        line-height: 130%
    }

    footer>.wrapper>p>span {
        color: #d13241;
        font-weight: bold;
        font-size: 35px
    }

    footer .bet_price {
        text-align: center;
        padding: 15px 0;
        margin-bottom: 5px
    }

    .btn {
        width: 100%;
        border: 0;
        cursor: pointer;
        background-color: #ff6b20;
        width: 100%;
        height: 61px;
        margin: 0 auto;
        display: block;
        font-size: 30px;
        color: #fff;
        font-weight: bold;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0
    }

    header .btn {
        background: url(../img/head-button.png) center top no-repeat;
        height: 95px;
        display: block;
        width: 244px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 15px;
        font-size: 35px
    }

    footer .bet_price .new_price {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px
    }

    footer .bet_price .new_price>span {
        font-weight: 700;
        color: #ff6c20;
        font-size: 27px
    }

    footer .bet_price .old_price {
        font-size: 20px;
        margin-bottom: 10px
    }

    footer .bet_price .old_price>span {
        position: relative
    }

    footer .bet_price .old_price>span:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        border-bottom: 2px solid #fff;
        left: 0;
        top: 49%
    }

    form>p {
        margin-bottom: 20px;
        text-align: center;
        color: #ff6c20;
        font-weight: bold;
        font-size: 17px
    }

    #last_abs {
        display: block;
        margin: 0 auto
    }

    .counter_wrap>p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        font-size: 15px;
        margin-bottom: 10px
    }

    .inp {
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 0;
        width: 300px;
        line-height: 50px;
        margin-bottom: 15px;
        text-indent: 10px;
        direction: ltr;
        text-align: right;
        padding: 0 8px;
        box-sizing: border-box;
    }

    #form form>div>p {
        font-size: 15px;
        margin-bottom: 6px;
        color: #ded3ba
    }

    #form form>div>p>span {
        float: right;
        color: #fc0;
        font-size: 12px;
        position: relative;
        bottom: -2px
    }

    .jcarousel {
        position: relative;
        overflow: hidden;
        width: 100%;
        z-index: 5
    }

    #leaf {
        position: absolute;
        top: 250px;
        left: -30px
    }

    .jcarousel .slide-list {
        width: 300px;
        float: left
    }

    .jcarousel>div {
        width: 20000em;
        position: relative
    }

    .jcarousel-prev,
    .jcarousel-next {
        z-index: 10;
        position: absolute;
        width: 25px;
        height: 43px;
        background-size: 100% 100%;
        top: 155px
    }

    .jcarousel-prev {
        left: -12px
    }

    .jcarousel-next {
        right: -12px
    }

    .name_table {
        width: 260px;
        margin: 0 auto;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 15px;
        box-sizing: border-box
    }

    .img_block>img {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .author_weight>div {
        display: inline-block;
        width: 49%;
        text-align: center;
        font-weight: 600;
        font-size: 21px
    }

    .author_weight>div.bef {
        color: #c64609
    }

    .author_weight>div.aft {
        color: #839a1e
    }

    .author_name {
        vertical-align: middle;
        padding-left: 15px;
        font-size: 16px;
        color: #c64609
    }

    .author_name>span {
        color: #000
    }

    .forth_scr>.wrapper>p {
        color: #ded3bb;
        font-size: 15px;
        text-align: justify
    }

    .author_tx {
        padding: 20px;
        background-size: 100% 100%
    }

    .author_tx p {
        margin-bottom: 7px;
        font-size: 14px
    }

    .s_l_d:before {
        width: 100px;
        height: 100px;
        right: -20px;
        top: -25px
    }

    .time_count {
        position: relative;
        font-size: 15px
    }

    .time_count #ore {
        position: absolute;
        left: 66px;
        top: 5px
    }

    .time_count #minute {
        position: absolute;
        left: 126px;
        top: 5px
    }

    .time_count #secunde {
        position: absolute;
        right: 48px;
        top: 5px
    }

    .counter_wrap {
        margin-bottom: 50px
    }

    .counter {
        background-size: 100% 100%;
        padding: 20px 0;
        position: relative;
        left: -30px
    }

    #countdown {
        text-align: center;
        position: relative
    }

    .countDays {
        display: none
    }

    .promo-timer-header {
        margin-bottom: 5px;
        font-size: 14px
    }

    .countHours,
    .countMinutes,
    .countSeconds {
        font-size: 33px;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        width: 60px;
        height: 55px;
        position: relative;
        text-align: center;
        background-image: url(../img/num_bg.png);
        background-size: 100% 100%
    }

    .timer-block .digit {
        position: absolute;
        top: 2px;
        left: 5px;
        text-align: center;
        letter-spacing: 0;
        margin: 1px 0 0;
        color: #fff;
        padding: 0 1px
    }

    .countDiv1,
    .countDiv2 {
        width: 12px;
        display: inline-block
    }

    .timer-block .position {
        display: block;
        float: left;
        height: 95px;
        padding: 4px 0 0 4px;
        width: 18px;
        text-align: left;
        position: relative;
        margin-right: 7px
    }

    .time_on>p {
        display: inline-block;
        position: relative;
        width: 30%;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 300
    }

    .time_on>p:first-child {
        left: 47px
    }

    .time_on>p:nth-child(2) {
        left: 30px
    }

    .time_on>p:nth-child(3) {
        left: 4px
    }

    ::-webkit-input-placeholder {
        color: #000;
        text-indent: 15px
    }

    ::-moz-placeholder {
        color: #000;
        text-indent: 15px
    }

    :-moz-placeholder {
        color: #000;
        text-indent: 15px
    }

    :-ms-input-placeholder {
        color: #000;
        text-indent: 15px
    }

    .center {
        text-align: center
    }

    .promo {
        color: #fff;
        background-color: #212e3f;
        overflow: hidden;
        opacity: .99
    }

    .promo__grid {
        padding-top: 40px;
        padding-bottom: 247px;
        position: relative
    }

    .promo__title {
        text-align: center;
        font-size: 26px;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 300
    }

    .promo .t--bg {
        display: inline-block;
        background-color: #fff;
        color: #000;
        padding: 0 5px;
        line-height: 1.1
    }

    .promo__img {
        display: block;
        position: absolute;
        bottom: -100px;
        left: 20px
    }

    .promo__img img {
        max-width: none
    }

    .promo__img:before {
        content: '';
        display: block;
        width: 699px;
        height: 699px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: no-repeat center / cover;
        background-image: url('../img/light.png');
        z-index: -1;
        opacity: .4
    }

    .promo__img img {
        position: relative;
        z-index: 1
    }

    .promo__text {
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.4;
        text-align: center
    }
}

img[height="1"],
img[width="1"] {
    display: none !important
}

.footer{
    background: #000 !important;
    color: #a12000 !important;
}

.form-main{
    position: relative;
}

.form-product{
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}