#content #hide_header {
    display: none !important;
}


.blackFriday-btn {
    background: -webkit-linear-gradient(to left, #EF5237,#FEC400, #D62229,  #792042, #EF5237);
    background: linear-gradient(to left, #EF5237,#FEC400, #D62229,  #792042, #EF5237);
    background-size: 3200px 200px;
    /*color: transparent !important;*/

    animation: animate-btn;
    background-clip: border-box;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;

    -moz-animation: animate-btn;
    -moz-background-clip: border;
    -moz-animation-delay: 0s;
    -moz-animation-duration: 6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;

    -webkit-animation: animate-btn;
    -webkit-background-clip: border-box;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;

    /*transition: font-size 500ms ease-in-out;*/
}

@-webkit-keyframes animate-btn {
    0% {
        background-position: 0 3200px;
    }
    100% {
        background-position: 3200px 0;
    }
}

.blackFriday-grid * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
}

.blackFriday-grid {
    width: 100%;
    background: url(/images/blackFriday-bg-small.jpg) center top no-repeat;
    padding: 15px 0px;
    background-size: cover;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 9999;
}
.blackFriday {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.blackFriday_block1 {
    display: flex;
    justify-content: space-between;
    flex: 0 0 33.333333%;
    max-width: 330px;
    padding-right: 15px;
    padding-left: 15px;
}

.blackFriday_block2 {
    display: flex;
    justify-content: center;
    padding-right: 15px;
    padding-left: 15px;
    width: 47%;
}
.blackFriday_block2 p {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
}

.blackFriday_block3 {
    display: flex;
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
}
.blackFriday_block3 .blackFriday-btn {
    height: 50px;
    width: 228px;
    /*background: #FEC400;*/
    border-radius: 45px;
    padding: 12px 25px;
    font-weight: 500;
    font-size: 21px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;

    text-decoration: none;
}

.blackFriday_time_block {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
}
.blackFriday_time_block-item {
    width: 55px;
    height: 55px;
    border: 3px solid #FEC400;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    box-sizing: border-box;
    font-size: 20px;
}
.blackFriday_time_block span {
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
}

.blackFriday-grid.fixedBlock {
    margin-top: 0px !important;
}
.blackFriday-grid.fixedOffBlock {
    position: relative;
}

.blackFriday-grid-hide {
    display: block;
    width: 100%;
    position: fixed;
    top: 0px;
    margin-top: -147px;
    transition: all 1s;
}

.blackFriday .cross {
    position: absolute;
    right: 15px;
    bottom: -5px;
    cursor: pointer;
    display: none;
    color: white;
}
@media (min-width: 1024px){
    .blackFriday {
        padding-right: 15px;
        justify-content: space-between;
    }
    .blackFriday .cross {
        display: none !important;
    }
}
@media (min-width: 320px) and (max-width: 1023px){
    .blackFriday-grid.blackFriday-grid-hide {
        margin-top: -285px;
    }
    .blackFriday {
        flex-direction: column;
    }
    .blackFriday_block1 {
        margin-bottom: 30px;
        width: 100%;
        /*max-width: 380px;*/
    }
    .blackFriday_block2 {
        margin-bottom: 30px;
        width: 100%;
        justify-content: center;
    }
}

@media (min-width: 320px) and (max-width: 575px) {

    .blackFriday_block1, .blackFriday_block2 {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px){

    .blackFriday-grid {
        background: url(/images/bg-768-small.jpg) center top/cover no-repeat;
        background-position: inherit;

    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .blackFriday-grid {
        background: url(/images/bg-320-small.jpg) center top/cover no-repeat;
        background-position: center;

    }
}