.storefront-sorting {
    display: block !important;
    margin-bottom: 0 !important;
}

.category_buttons {
    display: flex;
    justify-content: space-between;
    background: transparent;
    margin-top: 25px;
}

.category_buttons .button {
    flex: 1;
    margin-right: 20px;
    text-align: center;
    position: relative;
    padding: 0;
    display: block;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    background: transparent;
}

.category_buttons .button.active {
    opacity: .7;
    pointer-events: none;
}

.category_buttons .button:hover {
    background-color: transparent;
}

.category_buttons .button a {
    color: #2c2d33 !important;
    display: block;
    background: transparent;
}

.category_buttons .button:last-of-type {
    margin-right: 0;
}

.category_buttons .button {
    position: relative;
}

.category_buttons .button img {
    margin-left: 0;
    height: auto !important;
}

.category_buttons .button .icon {
    transition: all .5s;
}

.category_buttons .button .icon.hover-image {
    opacity: 0;
}

.category_buttons .button:hover .icon.hover-image {
    opacity: 100;
}

.category_buttons .button:hover .icon.primary {
    opacity: 0;
}

.category_buttons .button.active .icon.hover-image {
    opacity: 100;
}

.category_buttons .button.active .icon.primary {
    opacity: 0;
}

.icon img {
    height: 40px;
    width: auto;
}

.btn span.icon,
.btn span.title {
    position: relative;
    line-height: 50px;
    padding: 0 30px;
    border-radius: 5px 10px 25px 5px !important;
    box-sizing: content-box;
    box-shadow: none;
    background-color: #999999;
    height: 60px;
    display: flex;
    align-items: center;
}

.btn span.left {
    float: left;
    padding: 0;
    z-index: 100;
    width: 90px;
    transition: all .5s;
    display: flex;
    justify-content: center;
    margin: 0;
}

.btn:hover span.left {
    border-right: 7px solid #999999 !important;
}


.btn span.icon {
    font-size: 23px;
    position: absolute;
    height: 69px !important;
}

.btn span.title {
    display: block;
    text-align: right;
    background-color: #e5e5e5;
    align-items: center;
    border-radius: 0 10px 25px 0;
    text-transform: uppercase;
    color: #000;
    box-shadow: none;
    transition: all .5s;

    padding: 0 15px 0 30px !important;
    height: 69px !important;
    line-height: 69px !important;
}

.btn.default span.icon {
    border-right: 7px solid #8c8c8c;
}

.btn.defaul:hover span.right {
    background-color: #8c8c8c !important;
    color: #fff !important;
}

.btn.yellow span.icon {
    border-right: 7px solid #ffe000;
}

.btn.yellow:hover span.right {
    background-color: #ffe000 !important;
    color: #fff !important;
}

.btn.blu span.icon {
    border-right: 7px solid #263378;
}

.btn.blu:hover span.right {
    background-color: #263378 !important;
    color: #fff !important;
}

.btn.green span.icon {
    border-right: 7px solid  #1b802d;
}

.btn.green:hover span.right {
    background-color: #1b802d !important;
    color: #fff !important;
}

.btn.bronze span.icon {
    border-right: 7px solid #fdbd41;
}

.btn.bronze:hover span.right {
    background-color: #fdbd41 !important;
    color: #fff !important;
}

.btn.red span.icon {
    border-right: 7px solid #ff0000;
}

.btn.red:hover span.right {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.btn.pink span.icon {
    border-right: 7px solid #ff99cc;
}

.btn.pink:hover span.right {
    background-color: #ff99cc !important;
    color: #fff !important;
}

.btn.cream span.icon {
    border-right: 7px solid #e3daa3;
}

.btn.cream:hover span.right {
    background-color: #e3daa3 !important;
    color: #fff !important;
}

.btn.violet span.icon {
    border-right: 7px solid #ad0074;
}

.btn.violet:hover span.right {
    background-color: #ad0074 !important;
    color: #fff !important;
}


.btn.brown span.icon {
    border-right: 7px solid #b57800;
}

.btn.brown:hover span.right {
    background-color: #b57800 !important;
    color: #fff !important;
}

.btn.light_blue span.icon {
    border-right: 7px solid #00bcd1;
}

.btn.light_blue:hover span.right {
    background-color: #00bcd1 !important;
    color: #fff !important;
}

.btn.sensory_1 span.icon {
    border-right: 7px solid #369a37;
    background: rgb(0,104,55);
    background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#369a37",GradientType=1);
}

.category_buttons .button:hover .btn.sensory_1 span.right,
.category_buttons .button.active .btn.sensory_1 span.right
{
    background: rgb(0,104,55);
    background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#369a37",GradientType=1);
    color: #fff !important;
}

.btn.sensory_2 span.icon {
    background: rgb(0,104,55);
    background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#ff931e",GradientType=1);
}

.category_buttons .button:hover .btn.sensory_2 span.right,
.category_buttons .button.active .btn.sensory_2 span.right
{
    background: rgb(0,104,55);
    background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#ff931e",GradientType=1);
    color: #fff !important;
}

.btn.sensory_3 span.icon {
    background: rgb(62,180,47);
    background: -moz-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    background: linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eb42f",endColorstr="#ff931e",GradientType=1);
}

.category_buttons .button:hover .btn.sensory_3 span.right,
.category_buttons .button.active .btn.sensory_3 span.right
{
    background: rgb(62,180,47);
    background: -moz-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    background: linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eb42f",endColorstr="#ff931e",GradientType=1);
    color: #fff !important;
}

.category_buttons .button:hover [class*="sensory_"] span.left,
.category_buttons .button.active [class*="sensory_"] span.left
{
    background: #e5e5e5;
    border-right: none !important;
}

.category_buttons .button [class*="sensory_"].btn span.left
{
    border-right: none !important;
    width: 97px;
}

/* Nuovi bottoni Terpy */
.btn.dinner_lady span.icon {
    background: #999;
    border-right: 7px solid #F6BBCE;
}

.category_buttons .button:hover .dinner_lady span.left,
.category_buttons .button.active .dinner_lady span.left
{
    background: #F6BBCE;
    border-right: 7px solid #F6BBCE !important;

}

.category_buttons .button .dinner_lady.btn span.left
{
    border-right: 7px solid #F6BBCE !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.dinner_lady span.right,
.category_buttons.items_col-num-7 .button.active .btn.dinner_lady span.right
{
    background: #999;
    color: #fff !important;
}

.category_buttons .button .btn.elfbar span.icon {
   /* background: #1A1A1A; */
    background: #999;
   /* border-right: 7px solid #596BB1; */
    border-right: 7px solid #1a1a1a !important;
}

/*
.category_buttons .button:hover .elfbar span.left,
.category_buttons .button.active .elfbar span.left
{
    background: rgb(244,107,177);
    background: -moz-linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    background: linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F4AAC7",endColorstr="#596BB1",GradientType=1);
    border-right: 7px solid #596BB1 !important;

} */

.category_buttons .button:hover .elfbar.btn span.left,
.category_buttons .button.active .elfbar.btn span.left
{
    background: #1a1a1a;
    border-right: 7px solid #1a1a1a !important;

}

.category_buttons .button .elfbar.btn span.left
{
   /* border-right: 7px solid #596BB1 !important; */
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.elfbar span.right,
.category_buttons.items_col-num-7 .button.active .btn.elfbar span.right
{
    background: rgb(244,107,177);
    background: -moz-linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    background: linear-gradient(90deg, rgba(244,107,177,1) 0%, rgba(89,107,177,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F4AAC7",endColorstr="#596BB1",GradientType=1);
    color: #fff !important;
}

.btn.hyla span.icon {
    background: #999;
    border-right: 7px solid #BAD5C4;
}

.category_buttons .button:hover .hyla span.left,
.category_buttons .button.active .hyla span.left
{
    background: #BAD5C4;
    border-right: 7px solid #BAD5C4 !important;

}

.category_buttons .button .hyla.btn span.left
{
    border-right: 7px solid #BAD5C4 !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.hyla span.right,
.category_buttons.items_col-num-7 .button.active .btn.hyla span.right
{
    background: #BAD5C4;
    color: #fff !important;
}

.btn.izy span.icon {
    background: #999;
    border-right: 7px solid #DCDCDD;
}

.category_buttons .button:hover .izy span.left,
.category_buttons .button.active .izy span.left
{
    background: #DCDCDD;
    border-right: 7px solid #DCDCDD !important;

}

.category_buttons .button .izy.btn span.left
{
    border-right: 7px solid #DCDCDD !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.izy span.right,
.category_buttons.items_col-num-7 .button.active .btn.izy span.right
{
    background: #DCDCDD;
    color: #fff !important;
}

.btn.iwik span.icon {
    background: #999;
    border-right: 7px solid #5856a2;
}

.category_buttons .button:hover .iwik span.left,
.category_buttons .button.active .iwik span.left
{
    background: rgb(96,191,189);
    background: -moz-linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    background: linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60bfb7",endColorstr="#5856a2",GradientType=1);
    border-right: 7px solid #5856a2 !important;

}

.category_buttons .button .iwik.btn span.left
{
    border-right: 7px solid #5856a2 !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.iwik span.right,
.category_buttons.items_col-num-7 .button.active .btn.iwik span.right
{
    background: rgb(96,191,189);
    background: -moz-linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    background: -webkit-linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    background: linear-gradient(90deg, rgba(96,191,189,1) 0%, rgba(88,86,162,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60bfb7",endColorstr="#5856a2",GradientType=1);
    color: #fff !important;
}

.btn.vaporart span.icon {
    background: #999;
    border-right: 7px solid #f98628;
}

.category_buttons .button:hover .vaporart span.left,
.category_buttons .button.active .vaporart span.left
{
    background: #f98628;
    border-right: 7px solid #f98628 !important;

}

.category_buttons .button .vaporart.btn span.left
{
    border-right: 7px solid #f98628 !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.vaporart span.right,
.category_buttons.items_col-num-7 .button.active .btn.vaporart span.right
{
    background: #f98628;
    color: #fff !important;
}

.btn.vaal span.icon {
    background: #999;
    border-right: 7px solid #f1844b;
}

.category_buttons.items_col-num-7 .button:hover .vaal span.left,
.category_buttons.items_col-num-7 .button.active .vaal span.left
{
    background: #f1844b;
    border-right: 7px solid #f1844b !important;

}

.category_buttons .button .vaal.btn span.left
{
    border-right: 7px solid #f1844b !important;
    width: 97px;
}

.category_buttons.items_col-num-7 .button:hover .btn.vaal span.right,
.category_buttons.items_col-num-7 .button.active .btn.vaal span.right
{
    background: #f1844b;
    color: #fff !important;
}

.storefront-sorting .category_buttons {
    display: none;
}

.category_buttons.items_col-num-7 {
    flex-wrap: wrap;
}

.category_buttons.items_col-num-3 {
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: flex-start;
}

.category_buttons.items_col-num-3 .button.col-num-3  {
    flex: 0 0 30%;
    margin: 0 3% 30px 0;
}

.category_buttons.items_col-num-7 .button.col-num-7 {
    /*min-width: 250px;*/
    margin-right: 0;
    margin-left: 15px;
    margin-bottom: 20px;
}

.category_buttons.items_col-num-7 .button.col-num-7 .btn img {
    height: auto !important;
    width: 100% !important;
}

.category_buttons.items_col-num-7 .button.col-num-7 {
    flex: none !important;
    min-width: auto !important;
}

.category_buttons.items_col-num-7 .button.col-num-7 span.right.title {
    display: none;
}

.category_buttons.items_col-num-7 .button.col-num-7 span.left.primary {
    position: relative !important;
}

@media screen and (max-width: 1023px) {
    .category_buttons.items_col-num-7 .button .icon.primary {
        opacity: 100 !important;
    }
    .category_buttons.items_col-num-7 .button .icon.hover-image {
        opacity: 0 !important;
    }

    .category_buttons.items_col-num-7 .button.col-num-7 {
        width: auto !important;
        min-width: 95px !important;
    }

    .category_buttons.items_col-num-7 .button.col-num-7 .btn.left span.left {
        width: 100% !important;
        height: auto !important;
    }

    .category_buttons.items_col-num-7 .button.col-num-7 .btn img {
        width: 100% !important;
        height: auto !important;
    }

    .category_buttons.items_col-num-3 .button.col-num-3  {
        width: 48%;
        flex: initial;
        margin-right: 4% !important;
        margin-bottom: 15px !important;
    }

    .category_buttons.items_col-num-3 .button.col-num-3:nth-child(even)  {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 374px) {
    .category_buttons.items_col-num-7 .button.col-num-7 {
        max-width: 120px;
    }
}

/* END Nuovi bottoni Terpy */

@media screen and (max-width: 1023px) {
    .category_buttons {
        flex-wrap: wrap;
    }

    .category_buttons.items_col-num-7 .button.col-num-7 {
        min-width: inherit;
        margin-right: inherit;
        margin-left: inherit;
    }

    .category_buttons.items_col-num-7 .button.col-num-7 .btn span.left {
        width: 45px;
        height: 45px !important;
    }

    .category_buttons .button {
        width: 48%;
        flex: initial;
        margin-right: 0 !important;
    }

    .category_buttons .button.col-num-1 {
        width: 100%;
    }

    .category_buttons .button.col-num-3 {
        width: 33%;
    }

    .category_buttons .button.col-num-3 [class*="sensory_"].btn span.left {
        width: 50px !important;
    }

    .button.col-num-3 img {
        max-height: 30px;
        width: auto !important;
    }

    .category_buttons .button .btn.sensory_1 span.right {
        background: rgb(0,104,55);
        background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
        background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
        background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(54,154,55,1) 65%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#369a37",GradientType=1);
        color: #fff !important;
    }


    .category_buttons .button .btn.sensory_2 span.right {
        background: rgb(0,104,55);
        background: -moz-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
        background: linear-gradient(90deg, rgba(0,104,55,1) 0%, rgba(62,180,47,1) 50%, rgba(255,147,30,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006837",endColorstr="#ff931e",GradientType=1);
        color: #fff !important;
    }

    .category_buttons .button .btn.sensory_3 span.right {
        background: rgb(62,180,47);
        background: -moz-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
        background: -webkit-linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
        background: linear-gradient(90deg, rgba(62,180,47,1) 0%, rgba(255,147,30,1) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eb42f",endColorstr="#ff931e",GradientType=1);
        color: #fff !important;
    }

    .category_buttons .button [class*="sensory_"] span.left {
        background: #e5e5e5;
        border-right: none !important;
    }

    .category_buttons .button [class*="sensory_"].btn span.left {
        border-right: none !important;
        width: 97px;
    }

    .category_buttons .button .icon.hover-image {
        opacity: 100;
    }

    .category_buttons .button .icon.primary {
        opacity: 0;
    }


/* end */
    .woocommerce-products-header .category_buttons {
        display: none;
    }

    .storefront-sorting .category_buttons {
        display: flex;
    }

    .category_buttons .button {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .btn span.title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .category_buttons .button .btn span.left {
        width: 45px;
        height: 45px !important;
    }

    .category_buttons .button .btn span.left img {
        margin-left: 0;
        height: auto;
        width: 35px;
    }

    .category_buttons .button .btn span.title {
        text-align: right;
        height: 45px !important;
        line-height: 45px !important;
        font-size: 10px;
    }

    /*
    .category_buttons .button img {
        width: 30px;
        height: 30px;
        max-width: initial;
        left: 3px;
    }*/

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.yellow  {
        background-color: #ffe000 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.blu  {
        background-color: #263378 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.green  {
        background-color: #1b802d !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.bronze  {
        background-color: #fdbd41 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.red  {
        background-color: #ff0000 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.pink   {
        background-color: #ff99cc !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.cream  {
        background-color: #ffedba !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.yellow  {
        background-color: #ffe000 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.violet  {
        background-color: #bc3f90 !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.brown  {
        background-color: #b27f4a !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li.light_blue  {
        background-color: #66c7ea !important;
    }

    .storefront-hamburger-menu-active .main-navigation .handheld-navigation ul.menu  li button::after  {
        -webkit-transition: all, ease, 0.7s;
        transition: all, ease, 0.7s;
    }


}

 /* nuovi bottoni */
    /* usa_e_getta */
    .btn.usa_e_getta span.icon {
        background: #999;
        border-right: 7px solid #38ce00;
    }
    
    .category_buttons .button:hover .usa_e_getta span.left,
    .category_buttons .button.active .usa_e_getta span.left
    {
        background: #999;
        border-right: 7px solid #38ce00 !important;
    
    }
    
    .category_buttons .button .usa_e_getta.btn span.left
    {
        border-right: 7px solid #38ce00 !important;
        width: 97px;
    }
    
    .category_buttons .button:hover .btn.usa_e_getta span.right,
    .category_buttons .button.active .btn.usa_e_getta span.right
    {
        background: #38ce00;
        color: #fff !important;
    }

    /* liquidi */

    .btn.liquidi span.icon {
        background: #999;
        border-right: 7px solid #6cafff;
    }
    
    .category_buttons .button:hover .liquidi span.left,
    .category_buttons .button.active .liquidi span.left
    {
        background: #999;
        border-right: 7px solid #6cafff !important;
    
    }
    
    .category_buttons .button .liquidi.btn span.left
    {
        border-right: 7px solid #6cafff !important;
        width: 97px;
    }
    
    .category_buttons .button:hover .btn.liquidi span.right,
    .category_buttons .button.active .btn.liquidi span.right
    {
        background: #6cafff;
        color: #fff !important;
    }
    
    /* aromi */
    
    .btn.aromi span.icon {
        background: #999;
        border-right: 7px solid #db4021;
    }
    
    .category_buttons .button:hover .aromi span.left,
    .category_buttons .button.active .aromi span.left
    {
        background: #999;
        border-right: 7px solid #db4021 !important;
    
    }
    
    .category_buttons .button .aromi.btn span.left
    {
        border-right: 7px solid #db4021 !important;
        width: 97px;
    }
    
    .category_buttons .button:hover .btn.aromi span.right,
    .category_buttons .button.active .btn.aromi span.right
    {
        background: #db4021;
        color: #fff !important;
    }

    /* basi  */
    
    .btn.basi span.icon {
        background: #999;
        border-right: 7px solid #a7a7d8;
    }
    
    .category_buttons .button:hover .basi span.left,
    .category_buttons .button.active .basi span.left
    {
        background: #999;
        border-right: 7px solid #a7a7d8 !important;
    
    }
    
    .category_buttons .button .basi.btn span.left
    {
        border-right: 7px solid #a7a7d8 !important;
        width: 97px;
    }
    
    .category_buttons  .button:hover .btn.basi span.right,
    .category_buttons .button.active .btn.basi span.right
    {
        background: #a7a7d8;
        color: #fff !important;
    }

    /* justbob */

    .btn.flower span.icon {
        background: #999;
        border-right: 7px solid #1ca538;
    }

    .category_buttons .button:hover .flower span.left,
    .category_buttons .button.active .flower span.left
    {
        background: #999;
        border-right: 7px solid #1ca538 !important;

    }

    .category_buttons .button .flower.btn span.left
    {
        border-right: 7px solid #1ca538 !important;
    }

    .category_buttons .button:hover .btn.flower span.right,
    .category_buttons .button.active .btn.flower span.right
    {
        background: #1ca538;
        color: #fff !important;
    }


    .btn.smallBuds span.icon {
        background: #999;
        border-right: 7px solid #006837;
    }

    .category_buttons .button:hover .smallBuds span.left,
    .category_buttons .button.active .smallBuds span.left
    {
        background: #999;
        border-right: 7px solid #006837 !important;

    }

    .category_buttons .button .smallBuds.btn span.left
    {
        border-right: 7px solid #006837 !important;
    }

    .category_buttons .button:hover .btn.smallBuds span.right,
    .category_buttons .button.active .btn.smallBuds span.right
    {
        background: #006837;
        color: #fff !important;
    }


    .btn.boost span.icon {
        background: #999;
        border-right: 7px solid #ff0000;
    }

    .category_buttons .button:hover .boost span.left,
    .category_buttons .button.active .boost span.left
    {
        background: #999;
        border-right: 7px solid #ff0000 !important;

    }

    .category_buttons .button .boost.btn span.left
    {
        border-right: 7px solid #ff0000 !important;
    }

    .category_buttons .button:hover .btn.boost span.right,
    .category_buttons .button.active .btn.boost span.right
    {
        background: #ff0000;
        color: #fff !important;
    }


    .btn.extracts span.icon {
        background: #999;
        border-right: 7px solid #29abe2;
    }

    .category_buttons .button:hover .extracts span.left,
    .category_buttons .button.active .extracts span.left
    {
        background: #999;
        border-right: 7px solid #29abe2 !important;

    }

    .category_buttons .button .extracts.btn span.left
    {
        border-right: 7px solid #29abe2 !important;
    }

    .category_buttons .button:hover .btn.extracts span.right,
    .category_buttons .button.active .btn.extracts span.right
    {
        background: #29abe2;
        color: #fff !important;
    }


    .btn.hash span.icon {
        background: #999;
        border-right: 7px solid #754c24;
    }

    .category_buttons .button:hover .hash span.left,
    .category_buttons .button.active .hash span.left
    {
        background: #999;
        border-right: 7px solid #754c24 !important;

    }

    .category_buttons .button .hash.btn span.left
    {
        border-right: 7px solid #754c24 !important;
    }

    .category_buttons .button:hover .btn.hash span.right,
    .category_buttons .button.active .btn.hash span.right
    {
        background: #754c24;
        color: #fff !important;
    }


    .btn.oil span.icon {
        background: #999;
        border-right: 7px solid #ff931e;
    }

    .category_buttons .button:hover .oil span.left,
    .category_buttons .button.active .oil span.left
    {
        background: #999;
        border-right: 7px solid #ff931e !important;

    }

    .category_buttons .button .oil.btn span.left
    {
        border-right: 7px solid #ff931e !important;
    }

    .category_buttons .button:hover .btn.oil span.right,
    .category_buttons .button.active .btn.oil span.right
    {
        background: #ff931e;
        color: #fff !important;
    }


@media screen and (max-width: 1024px) {
    .category_buttons.items_col-num-3 .button.col-num-3,
    .category_buttons .button.col-num-1
    {
        width: 100%;
        margin-right: 0 !important;
    }

    .category_buttons.items_col-num-3 .button.col-num-3 .btn span.left,
    .category_buttons .button.col-num-1 .btn span.left
    {
        width: 90px;
    }
    .category_buttons.items_col-num-3 .button.col-num-3 .btn span.title,
    .category_buttons .button.col-num-1 .btn span.title
    {
        font-size: 17.5px;
    }

}