#main_block.stocks-page {
    background-image: -moz-linear-gradient( 90deg, rgb(209,231,245) 0%, rgb(236, 246, 255) 74%, rgb(209,231,245) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(209,231,245) 0%, rgb(236, 246, 255) 74%, rgb(209,231,245) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(209,231,245) 0%, rgb(236, 246, 255) 74%, rgb(209,231,245) 100%);
    background-image: linear-gradient( 90deg, rgb(209,231,245) 0%, rgb(236, 246, 255) 74%, rgb(209,231,245) 100%);
}
.stock .back_link{
    margin: 40px 0;
}
.stock .back_link .link {
    font-size: 17px;
    font-family: "Mulish", sans-serif;
    color: #0064d3;
    line-height: 1.2;
    border-bottom: 1px solid #0064d3;
}

.stocks-page .back_link a:hover{
    text-decoration: none;
    border: 1px solid transparent;
}
.modal .info_link{
    display: none;
}
.stock{
    position: relative;
    width: 700px;
    margin: 0 auto;

}
 .present_ico{
     display: block;
     background: url("../images/banner/present_ico.png");
     width: 100px;
     height: 100px;
 }

 .stock .present_ico{
     position: absolute;
     right: 35px;
     top: 75px;
 }

 .stock .icon{
     display: block;
     background: #f54249;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     position: absolute;
     right: 35px;
     top: 21px;
     color: #fff;
     font-weight: bolder;
 }
 .stock .icon .icon_text {
     display: block;
     margin-top: 6px;
     text-align: center;
     font-size: 21px;
     line-height: 1em;
 }
.stock.need-for-speed .icon .icon_text {
    display: block;
    margin-top: 6px;
    text-align: center;
    font-size: 19px;
    line-height: 1em;
}
.stock .icon .icon_text strong{
    font-size: 53px;
    line-height: 50px;
}
 .stocks-page .stock{

     margin-top: 100px;
 }

.stock.fast-start-pump .icon {
    width: 155px;
    height: 155px;
    right: -6px;
    top: 1px;
}
.stock.fast-start-pump .icon .icon_text {
    margin-top: 31px;
    line-height: 1.3em;
}
.stock.fast-start-pump .icon .icon_text .margin{
     margin-right: -14px;
}
 .stock .offer {
     background: url('../images/stock/pump/pump.png') 330px bottom no-repeat;
     padding: 10px 40px 0;
     min-height: 384px;
 }
.stock .offer .header {
    font-size: 51px;
    font-family: "Circe";
    font-weight: 800;
    text-transform: uppercase;
    color: #2e87c4;
}

.stock .offer .header .marked{
    margin-bottom: 10px;
    display: inline-block;
    background: #fff;
    height: 62px;
    padding: 0 8px;
    line-height: 70px;
}

.stock .offer .header .marked.red{
    color: #f54249;
}


 .stock .offer .description {
     margin-top: 15px;
     font-size: 31px;
     font-family: "Mulish";
     color: rgb(0, 0, 0);
     line-height: 1.3;
 }
.stock .stock_footer{
    background: #fff;
    padding: 20px 40px;
    border-radius: 20px;
    margin-top: -30px;
}
.stock .stock_footer .header{
    font-size: 17px;
    margin-bottom: 5px;
}
.stock .clearfix{
    overflow: hidden;
}
.stock .clearfix .item{
    float: left;
    margin: 0 7px 0 0;
}



.stock input[type=text] {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(184, 197, 208);
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 2px 3px 0px rgba(184, 197, 208, 0.5);
    width: 227px;
    height: 40px;
    border-radius: 4px;
    padding: 0 10px;
}
.stock .form-group{
    margin: 0;
}
.stock input[type=submit] {
    border: none;
    background-color: rgb(0, 135, 219);
    width: 144px;
    height: 40px;
    border-radius: 4px;
    color: #fff;
}
.stock input[type=submit]:hover {

    background-color: rgba(0, 135, 219, 0.68);

}

.stock input[type="checkbox"] {
    position: relative;
    top: 3px;
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.stock .agr_check_label{
    font-size: 12px;
    font-weight: 300;
}


.stock .price_label {
    font-size: 26px;
    line-height: 26px;
    font-weight: 300;
}

.stock .price {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 68px;
    line-height: 74px;
    font-weight: 600;
    color: #f54249;
}

.stock .price .fa-rub {
    font-size: 62px;
    margin-left: 10px;
}

.stock .price .old_price {
    position: absolute;
    top: 10px;
    font-size: 29px;
    line-height: 28px;
    font-weight: 400;
    color: #757575;
    margin-left: 10px;
}

.stock .price .old_price:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #757575;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    transform: rotate(-15deg);
}

.stock .price .old_price .fa-rub {
    font-size: 22px;
    line-height: 26px;
    margin-left: 4px;
}


.stock.two .offer .description {
    margin-top: 0;
}

.stock.two .offer {
    background: url(../images/stock/two/bottles.png) 346px center no-repeat;
    padding: 10px 40px 0;
    min-height: 428px;
}
.stock.free-flat .offer {

    padding: 10px 280px 0 40px;
    min-height: 445px;
}
.stock.free-flat .offer .description {
    margin-top: 0px;
    font-size: 25px;
    line-height: 1.1;
}
.stock.free-flat{
    width: 800px;
}
.stock.free-flat h1 {
    background: #fff;
    height: 62px;
    padding: 0 8px;
    line-height: 70px;
    font-size: 51px;
    font-family: "Circe";
    font-weight: 800;
    text-transform: uppercase;
    color: #2e87c4;
    text-align: center;
    margin-bottom: 23px;
}
.stock.need-for-speed .offer {
    background: url(../images/stock/two/bottles.png) 346px center no-repeat;
    padding: 10px 40px 0;
    min-height: 428px;
}
.stock.fast-start .offer {
    background: url(../images/stock/fast-start/bottle.png) 412px 7px no-repeat;
    padding: 10px 40px 0;
    min-height: 464px;
}
.stock.fast-start-pump .offer {
    background: url(../images/stock/fast-start/bottle-pump.png) 345px 7px no-repeat;
    padding: 10px 40px 0;
    min-height: 459px;
}
.stock.fast-start-pump.ever .offer {
    background: url(../images/stock/fast-start/bottle-pump-ever.png) 291px 0px no-repeat;
    padding: 10px 40px 0;
    min-height: 459px;
}
.stock.free .offer {
    background: url(../images/stock/two/bottles.png) 346px center no-repeat;
    padding: 10px 40px 0;
    min-height: 416px;
}


.stock.free-cooler .offer {
    background: url(../images/stock/free-cooler/cooler.png) 346px 48px no-repeat;
    padding: 10px 40px 0;
    min-height: 416px;
}
.stock.free-cooler .offer ul {
    margin: 1em 0 1em 1em;
}

.stock.free-cooler .present_ico {
    position: absolute;
    right: 35px;
    top: 5px;
}
.stock .order_link {
    display: inline-block;
    /*width: 142px;*/
    line-height: 46px;
    padding: 0 20px;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    border-bottom: 2px solid #7c1510;
    font-weight: 400;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1b1c+0,c72118+100 */
    background: #ed1b1c; /* Old browsers */
    background: -moz-linear-gradient(top, #ed1b1c 0%, #c72118 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ed1b1c 0%, #c72118 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ed1b1c 0%, #c72118 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1b1c', endColorstr='#c72118', GradientType=0); /* IE6-9 */
}

.stock .order_link:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2f30+1,dc3129+100 */
    background: #ff2f30; /* Old browsers */
    background: -moz-linear-gradient(top, #ff2f30 1%, #dc3129 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff2f30 1%, #dc3129 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff2f30 1%, #dc3129 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f30', endColorstr='#dc3129', GradientType=0); /* IE6-9 */
    text-decoration: none;
    color: #fff;
}

.stock .order_link:active {
    border-color: #c72118;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c72118+1,c72118+100 */
    background: #c72118; /* Old browsers */
    background: -moz-linear-gradient(top, #c72118 1%, #c72118 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c72118 1%, #c72118 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c72118 1%, #c72118 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c72118', endColorstr='#c72118', GradientType=0); /* IE6-9 */
}

@media (max-width: 767px) {
    .stock .price .old_price {
        background: #ffffffab;
        border-radius: 7px;
        padding: 1px 5px;
    }

    #main_block.stocks-page {
        height: auto;
    }
    .stock {

        width: 320px;

    }
    .stock .offer {
        background-position: right bottom;
        background-size: contain;

        min-height: 260px;

    }
    .stock.fast-start-pump .offer {
        background-position: right bottom;
        background-size: contain;
        padding: 10px 0px 0;
        min-height: 260px;

    }
    .stock.fast-start-pump.ever .offer {
        background-position: 80px bottom;
        background-size: contain;
        padding: 10px 0px 0;
        min-height: 260px;

    }
    .stock.two .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 260px;
    }
    .stock.free .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 260px;
    }
    .stock.free-cooler .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 260px;
    }
    .stock.free-cooler .present_ico {
        display: none;
    }
    .stock.free-flat {

        width: 320px;

    }
    .stock.free-flat .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 260px;
    }
    .stock.free-flat h1 {
        height: 50px;
        line-height: 55px;
        font-size: 25px;
        margin-bottom: 13px;
        margin-top: 0;
    }
    .stock.free-flat .offer .description {
        font-size: 22px;
        background: #ffffff80;
        padding: 4px 10px 5px;
    }
    .stock.need-for-speed .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 260px;
    }
    .stock.fast-start .offer {
        background-position: right top;
        background-size: 64%;
        padding: 10px 10px 0;
        min-height: 313px;
    }
    .stock .offer .header {
        font-size: 22px;
    }
    .stock .offer .header .marked {
        margin-bottom: 5px;
        height: 24px;
        padding: 0 5px;
        line-height: 29px;
    }
    .stock .offer .description {
        margin-top: 9px;
        font-size: 21px;

    }
    .stock .present_ico {
        right: -3px;
        top: 28px;
        width: 75px;
        height: 75px;
        background-size: contain;
    }

    .stock .icon {
        width: 80px;
        height: 80px;
        right: 18px;
        top: -6px;
    }
    .stock.fast-start-pump .icon {
        width: 100px;
        height: 100px;
        right: -1px;
        top: -31px;
    }
    .stock.fast-start-pump .icon .icon_text {
        margin-top: 21px;
        line-height: 1.3em;
        font-size: 13px;
    }
    .stock .icon .icon_text {
        font-size: 15px;
    }
    .stock .icon .icon_text strong {
        font-size: 39px;
        line-height: 34px;
    }

    .stock.need-for-speed .icon .icon_text {
        font-size: 13px;
    }
    .stock.need-for-speed .icon .icon_text strong {
        font-size: 35px;
        line-height: 14px;
    }
}


/* banner */
.sale-top-wrapper{
    color: #f40400;
    cursor: pointer;
    overflow: hidden;
    background: #e7f3fc;
}

.sale-top-wrapper__content{
    position: relative;
    margin: 0 auto;
    padding: 10px;
}
.sale-top-wrapper__content__header{
    font-weight: bold;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 10px;
    text-align: center;
}
.sale-top-wrapper__content__clock{
    position: absolute;
    top: 10px;
    left: 228px;
    font-weight: bold;
    color: white;

}
.sale-top-wrapper__content__button{
    position: absolute;
    top: 20px;
    left: 591px;
    background: #f54249;
    padding: 11px 20px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.sale-top-wrapper__content__button:hover, .sale-top-wrapper__content__button:active, .sale-top-wrapper__content__button:focus{
    background: #ff332f;
    color: white;
    text-decoration: none;
}
.flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
    color: #0064d3;
    font-size: 11px;
    margin-top: -3px;
}


.need-for-speed-top-banner{
    background: #B2DFDB;
    padding: 10px;
    cursor: pointer;
}
.need-for-speed-top-banner__header {
    width: 500px;
    background: url(../images/stock/fast-delivery-icon.png) no-repeat left center / contain;
    margin: 0 auto;
    padding: 5px 5px 5px 83px;
    font-size: 27px;
    line-height: 1.2;
    font-family: "Circe";
    font-weight: 800;
    text-transform: uppercase;
    color: #2e87c4;
}
@media (max-width: 830px) {
    .sale-top-wrapper__content__button{
        display: none;
    }
    .need-for-speed-top-banner__header {
        width: 320px;
        padding: 5px 5px 5px 56px;
        font-size: 15px;
    }
}
@media (max-width: 620px) {
    .sale-top-wrapper__content__header{
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    .sale-top-wrapper__content__clock{
        position: inherit;
        left: auto;
        top: 5px;
        width: 320px;
        margin: 0 auto;
        padding: 0 0 10px;
    }

}



#order_form .action {
    background: #ffdd8c;
    margin: -15px -10px 20px -15px;
    padding: 15px 10px 10px 15px;
}