@charset "UTF-8";
header, section {
    background-position: center top;
    background-repeat: no-repeat
}

h1, h2, h3, h4, h5, h6, p, ul {
    padding: 0;
    margin: 0
}

.bg-icon, header, section {
    background-repeat: no-repeat
}

.btn, .header-body, section {
    text-align: center
}

.btn, .s-subheader, .why-footer {
    text-transform: uppercase
}

/*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*/
input {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto
}

.hidden {
    display: none
}

body {
    font-family: OpenSansRegular, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    min-width: 320px
}

.bay-block-digit .people, .bold, .btn, .count-block-digit .count, .db-item__header, .list-title, .sp-new .digit>span:first-of-type, h1, h2, h3, h4, h5, h6 {
    font-family: OpenSansBold, sans-serif
}
.nowrap{
    white-space: nowrap;
}

section {
    padding: 50px 0;
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

h1 {
    font-size: 2.375em;
    line-height: 54.3px
}

h2 {
    font-size: 2.5em;
    line-height: 50px;
    letter-spacing: -.050em
}

.block-header, .s17 {
    letter-spacing: -.025em
}

header {
    background-color: #01102f;
    background-image: url(../images/b5.jpg);
    background-position: center top;
    background-size: 100% auto;
}

ul {
    list-style-type: none
}
.s12 {
    font-size: .675em
}
.s14 {
    font-size: .875em
}

.s17 {
    font-size: 1.063em
}
.s18 {
    font-size: 1.383em;
    line-height: 1.2em;
}
.s20{
    font-size: 1.283em;
    line-height: 1em;
}
.block-header {
    font-size: .75em
}
.db-item__text {
    font-size: .85em
}
.db-item.db-item-first .db-item__text {
    font-size: 1.12em;
}
.red {
    color: #d5931c
}

.orange {
    color: #ff9400
}

.btn {
    display: block;
    background-color: #d5931c !important;
    border: 1px solid #d5931c !important;
    color: #FFF;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    line-height: 21.76px;
    padding: 10px;
    width: 100%;
}

.digit-bloc, .top-line-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox
}

.btn:hover {
    background-color: #FFF !important;
    color: #d5931c !important;
    text-decoration: none
}

.bg-icon {
    background-image: url(../images/icon-list.png)
}

.bg-icon.kg {
    background-position: -251px 0
}

.bg-icon.larrow {
    background-position: -501px 0
}

.wii-img.age {
    background: url("../images/i2.png") no-repeat;
}

.wii-img.weight {
    background: url("../images/i1.png") no-repeat;
}

.wii-img.exchange {
    background: url("../images/i4.png") no-repeat;
}

.bg-icon.male {
    background: url("../images/i6.png") no-repeat;
}

.wii-img.appetite {
    background: url("../images/i5.png") no-repeat;
}

.wii-img.health {
    background: url("../images/i3.png") no-repeat;
}

.bg-icon.m150 {
    background-position: 0 -680px
}

.bg-icon.m75 {
    background-position: -277px -680px
}

.bg-icon.clock24 {
    background-position: 22px -343px
}

.bg-icon.day14 {
    background-position: -138px -339px
}

.bg-icon.libra {
    background-position: -293px -341px
}

.bg-icon.clock {
    background-position: -676px -361px
}

.bg-icon.drop {
    background-position: -861px -363px
}

.bg-icon.metr {
    background-position: -479px -356px
}

.bg-icon.check {
    background-position: -1px -522px
}

.bg-icon.order {
    background-position: -145px -503px
}

.bg-icon.make {
    background-position: -297px -503px
}

.bg-icon.delivery {
    background-position: -441px -503px
}

.bg-icon.payment {
    background-position: -596px -507px
}

.bg-icon.aplay {
    background-position: -743px -509px
}

.top-line {
    height: 100px;
    background-color: rgba(0, 0, 0, .5)
}

.top-line .btn-block, .top-line .timer-block {
    position: relative;
    top: 8px
}

.top-line-block {
    padding-top: 20px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.digit-bloc, .stok-price {
    -webkit-box-pack: justify
}

.top-line-block .timer-block .block-header {
    padding-left: 2px
}

.digit-bloc {
    width: 513px;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 18px
}

.list-body li, .stok-price {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox
}

.db-item {
    padding: 10px 10px 0 10px;
    text-align: left;
}
.db-item.db-item-first{
    padding: 5px 10px 0 8px;
}
.db-item__text .first-line {
    line-height: 24px
}

.block-header {
    line-height: 32px
}

.header-body {
    padding: 20px 0 50px
}

.header-body .subheader, .header-body h1 {
    text-shadow: 5px 0 17px rgba(0, 0, 0, .25)
}
.header-body h1{
    text-align: left;
}
.header-body h1 span{
        font-size: 1.45em;
}
.subheader {
    text-align: left;
    font-size: 1.688em;
    line-height: 44px;
    letter-spacing: -.050em
}

.list-body li, .list-title, .sp-new, .sp-old {
    letter-spacing: -.025em
}

.list-block {
    width: 368px;
    text-align: left
}

.list-title {
    font-size: 1.125em;
    line-height: 22px;
    background-color: #124195;
    padding: 16px 20px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.list-body li {
    margin: 5px 0;
    background-color: #124195;
    padding: 16px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.list-arrow {
    width: 33px;
    height: 33px;
    display: inline-block
}

.stok-price, .why-icon {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.list-text {
    width: 285px;
    font-size: 1.2em;
}

.list-form-block {
    position: relative;
    margin: 46px 0
}

.pack-img {
    position: absolute;
    top: 0;
    left: 405px
}

.form-block {
    width: 386px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    float: right;
    position: relative
}

.sale-img {
    position: absolute;
    top: 9px;
    left: -90px
}

.f-stok-line {
    background-color: #124195;
    padding: 17px 14px 14px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}
.stok-header{
    font-size: 26px;
    line-height: 30px;
        color: #ffc552;
    text-indent: -14px;
    font-family: OpenSansBold, sans-serif;
    text-align: center;
    padding: 0 0 15px 0;
}
.stok-text{
    font-size: 20px;
    line-height: 24px;
        color: #ffffff;
    text-align: center;
}
.stok-text span{
    font-family: OpenSansBold, sans-serif;
}
.f-input-line {
    background-color: #317bff;
    padding: 14px
}

.f-btn-line {
    padding: 20px 14px;
    position: relative
}

.arrow-to-btn {
    position: absolute;
    top: -12px;
    right: 17px
}

.stok-block {
    padding-left: 151px
}

.stok-attention {
    color: #EE0013;
    text-indent: -14px
}

.stok-price {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.sp-old {
    color: #606060;
    line-height: 34.49px
}

.sp-old .digit {
    position: relative
}

.sp-old .digit>span:first-of-type {
    font-size: 1.796em
}

.sp-old .digit:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #606060
}

.sp-new {
    color: #EE0013
}

.sp-new .digit>span:first-of-type {
    line-height: 47.41px;
    font-size: 2.963em
}

.f-input-line-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
    font-size: .938em;
    letter-spacing: -.050em;
    color: #ffffff;
    padding: 5px 0
}

.f-input-line-item label {
    display: block
}

.f-input-line-item input {
    border: 1px solid rgba(131, 131, 131, .5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFF;
    width: 250px;
    height: 35.93px;
    text-indent: 11px;
    display: block;
    color: #000;
}

.bay-block, .count-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.count-block {
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 14px 0 17px
}

.count-block-title {
    color: #EE0013;
    letter-spacing: -.010em
}

.count-block-digit {
    line-height: 24px;
    font-size: 1.125em;
    letter-spacing: -.03px;
    color: #252525;
    margin-left: 42px;
    position: relative
}

.count-block-digit:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #608901;
    left: -28px
}

.count-block-digit .count {
    font-size: 2em
}

.f-btn-line .btn {
    font-size: 1.5em;
    line-height: 46.08px;
    padding: 25px 0
}

.bay-block, .s-subheader {
    line-height: 24px;
    letter-spacing: -.010em
}

.bay-block {
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 12px 0 0 0;
    font-size: 14px;
}

.medal-items, .why-icon {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox
}

.bay-block-title {
    color: #000307
}

.bay-block-digit {
    color: #EE0013;
    margin-left: 14px
}

.bay-block-digit .people {
    font-size: 1.375em
}

.medal-block {
    margin-top: 35px
}

.medal-items {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.medal-item:nth-child(2) {
    margin: 0 48px
}

.why {
    background-color: #FFF;
    padding: 35px 0;
    color: #000;
    margin-top: 50px
}

.s-subheader {
    font-size: 1.875em;
    padding: 17px 0
}

.text {
    line-height: 32px;
    font-size: 1.25em;
    letter-spacing: -.010em
}

.why-footer {
    margin-top: 15px;
    line-height: 36px;
    letter-spacing: -.050em
}

.why-big-text {
    font-size: 1.425em
}

.why-big-dig {
    font-size: 2.15em
}

.why-big-proc {
    font-size: 2.75em
}

.why-icon {
    margin: 25px 50px 35px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wii-img {
    width: 118px;
    height: 118px;
}

.why-icon-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wii-text {
    font-size: 1.125em;
    line-height: 24px;
    letter-spacing: -.025em;
    margin-top: 10px
}

@media only screen and (max-width:1199px) {
    .digit-bloc, .f-input-line-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    body {
        font-size: 15px;
        line-height: 18px
    }

    .db-item__text .first-line, .digit-bloc {
        line-height: 13px
    }

    h1 {
        font-size: 2.267em
    }

    .top-line {
        height: 125px
    }

    .top-line-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .logo-block img {
        width: 230px
    }

    .digit-bloc {
        width: 270px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .db-item:first-child {
        margin-bottom: 10px;
        padding: 0 10px 0 8px;
    }
    .top-line .btn-block{
        top: 0;
    }
    .db-item__header {
        margin: 5px 0 3px
    }

    .subheader {
        font-size: 1.5em;
    }

    .pack-img {
        z-index: 5;
    width: 270px;
    top: 0;
    left: 406px;
    }

    .sale-img {
        z-index: 10;
        top: 75px;
        left: -94px
    }

    .f-stok-line {
        padding: 10px 14px 8px 151px;
    }
    .stok-header {
    font-size: 24px;
    line-height: 28px;
}
    .stok-text {
    font-size: 18px;
    line-height: 22px;
}

    .f-btn-line .btn {
        padding: 15px 0
    }

    .f-input-line-item {
        padding: 0 0 0 151px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 28px
    }

    .list-body li, .list-title {
        padding: 16px 20px 17px
    }

    .f-input-line-item input {
        width: 100%
    }

    .list-body li {
        margin: 8px 0
    }

    .count-block {
        padding: 14px 0 16px
    }

    .why-icon {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media only screen and (max-width:991px) {
    .form-block, .list-form-block {
        margin-top: 25px
    }

    body {
        font-size: 14px;
        line-height: 17px
    }

    h1 {
        font-size: 1.929em;
        line-height: 1.5
    }

    h1 br{
        display: none;
    }
    h2 {
        font-size: 2em;
        line-height: 40px
    }

    .top-line {
        height: 90px
    }

    .subheader {
        font-size: 1.2em;
        line-height: 26px
    }

    .list-block {
        width: 100%;
        margin-bottom: 25px
    }

    .list-body li, .list-title {
        padding: 16px 20px
    }

    .list-text {
        width: 312px
    }

    .form-block {
        float: none;
        width: 100%
    }

    .sale-img {
        width: 220px;
        left: -27px;
        top: -26px
    }

    .f-stok-line {
        padding: 10px 14px 8px;
    }

    .stok-block {
        padding-left: 0
    }

    .stok-block-clock {
        padding-left: 180px
    }

    .stok-block-clock .block-header {
        margin: 0;
        color: #000307;
        font-size: 1em
    }

    .stok-attention {
        padding: 30px 0 0 50px;
        text-indent: -11px
    }

    .stok-price {
        margin-top: 10px;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .f-input-line-item {
        padding: 5px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .f-input-line-item input {
        width: 255px
    }

    .medal-item img {
        height: 100px
    }

    .s-subheader {
        font-size: 1.6em
    }

    .text {
        font-size: 1.2em;
        line-height: 32px
    }

    .why .text {
        padding: 0 15px
    }

    .why-icon {
        margin: 10px 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .why-icon-item {
        margin: 10px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .why-big-dig {
        font-size: 3em
    }

    .why-big-proc {
        font-size: 2.25em
    }

    .why-big-text {
        font-size: 2em
    }
}

@media only screen and (max-width:479px) {
    .stok-attention, .stok-block-clock .block-header {
        text-align: center
    }

    body {
        font-size: 12px;
        line-height: 15px
    }

    h1 {
        font-size: 2em
    }

    .container {
        width: 320px
    }

    .top-line-block {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .subheader {
        font-size: 1.18em;
        line-height: 22px
    }

    .list-body li, .list-title {
        padding: 10px
    }

    .list-text {
        width: 223px
    }
    .f-input-line-item input {
    width: 225px;
}

    .sale-img {
        left: 0;
        top: -53px
    }

    .stok-block {
        padding-top: 70px
    }

    .stok-block-clock {
        padding-left: 38px
    }

    .stok-attention {
        text-indent: 0;
        padding-left: 0
    }

    .f-input-line-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .count-block-digit {
        margin: 0 0 0 25px
    }

    .count-block-digit:before {
        left: -15px
    }

    .medal-items {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medal-item {
        margin: 5px
    }

    .medal-item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .medal-item:nth-child(2) {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .why h2 {
        padding: 0 15px
    }
}