/*  CSS of deals */

/* Sections  */

.deals-banner-column {
    background-image: url(../../images/deal-picture.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.deals-hdg {
    font-family: 'Anton', sans-serif;
    font-size:  65px;
    font-weight: 400;
    color:#ffffff;
}

.deals-text2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

.deals-text1 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

/*  CSS of Shop Page */

/* Sections  */


/* Section Banner */
#banner-section {
    /*height: 80px;*/
    background-image: url(../../images/shop/shop-section-upper-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


    #banner-section .hdg-2 {
        bottom: 56px;
        right: 75px;
    }

#filterBtnBlock {
    z-index: 99999;
    position: fixed;
    top: 28rem;
    left: -39px;
}

#filterBlock {
    display: none;
}


#shopFilterBtn {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    letter-spacing: 7px;
}

.top-right {
    position: absolute;
    top: 4px;
    right: 6px;
    padding: 5px 5px 5px 12px;
    background-color: #E71D36;
    background-clip: border-box;
    font-family: 'Bayon', sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: #ffffff;
    padding-top: 1px;
    padding-bottom: 1px;
    letter-spacing: 7px;
    text-align: center;
}

.top-left {
    position: absolute;
    top: 4px;
    left: 6px;
    padding: 5px 5px 5px 12px;
    background-color: #1C77C3;
    background-clip: border-box;
    font-family: 'Bayon', sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: #ffffff;
    padding-top: 1px;
    padding-bottom: 1px;
    letter-spacing: 7px;
    text-align: center;
}



/* Filter btn function*/


/* End Of Sections  */
     


    /* End Of Sections  */