

.products-intro .main-theme{
    width:100%;
    margin-top:-7.5em;
}

.products-intro .middle-photo{
    text-align:center;
    margin-top: -11em;
    margin-bottom: -6em;
}

.products-intro .middle-photo img{
    height:18em;
}


.products-box{
    background-image: url('/assets/site/images/bg/spikeBg1.svg');
    background-size: 11em;
    padding: 5.5em 0;
    background-repeat: repeat-x;
}

.products-box h1{
    text-align: center;
    font-family: 'Sunday';
    font-size: 3em;
    margin-top: 1.2em;
    margin-bottom: 2em;
}

.products-box h1 span {
    font-family:'Sunday';
}


.businesses{
    background-image: url('/assets/site/images/logo/logo_trans.png'),url('/assets/site/images/bg/homeBg.jpg');
    background-repeat:no-repeat;
    background-position:center 70px, top center;

    padding:5.5em 0 10em 0;
}


.businesses h2{
    color:#fff;
    text-align: center;
    font-family: 'Sunday';
    font-size: 3em;
    margin-top: 1.2em;
    margin-bottom: 2.7em;
}


.products-box .itemRow{
    background: url('/assets/site/images/bg/homeBg.jpg');
    background-size:100% 200px;
    background-repeat:no-repeat;
    background-position:center;
    margin-top:6em;
}



.products-box .item{
    display:block;
    background:#262626;
    padding: 2.4em 0em 1.3em 0em;
    text-decoration:none;
    transition:0.2s all ease;
    box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);
    -webkit-box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);
}

.products-box .item.disabled {
    filter: brightness(80%);
}


.products-box .item.disabled .outofstock {
    display: block;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    filter: brightness(100%);
    line-height: 0;
    position: relative;
    top: 6em;
}


.products-box .item a{
    display: table-cell;
    text-align: center;
    /*background-image: url('/assets/site/images/bg/itemBgSmall.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;*/
    vertical-align: middle;
}


.products-box .item img{
    display: inline-block;
    width: 70%;
    object-fit: contain;
    /*box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);
    -webkit-box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 9px 3px rgba(0,0,0,0.75);*/
}


.products-box .item .attrs{
    margin-top:1.5em;
    padding: 0 1em;
}


.products-box .item .attrs .title{
    font-size:1.5em;
    display:block;
    color:#fff;
    text-decoration:none;
}

.products-box .item .attrs .price {
    font-size:1.5em;
    color:#b7391f;
}


.products-box .item .attrs .oldprice{
    font-size: 1.5em;
    color: #b7391f;
    text-decoration:line-through;
    display:inline-block;
    margin-right:0.4em;
}

.products-box .item:hover .attrs .oldprice {
    color:#fff;
}

.products-box .item .salediscount{
    background-color:#b7391f;
    color:#fff;
    padding: 1.1em 0.8em 1.5em 0.3em;
    float:right;
    font-family:'Sunday';
    font-size:2em;
    margin-top: -1em;
    margin-bottom:-4em;
    border-radius:2em;
    line-height: 0;
}



.products-box .item .bubble{
    display:block;
    background-color:#b7391f;
    color:#fff;
    padding: 1.1em 0.8em 1.5em 0.3em;
    float:right;
    font-family:'Sunday';
    font-size:2em;
    margin-top: -1em;
    margin-bottom:-4em;
    border-radius:2em;
    line-height: 0;
}

.products-box .item .bubble.newprice{
    display:inline-block;
    font-size: 1.33em;
    float: right;
    margin-left:0em;
    width:4em;
    line-height: 1em;
    text-align:center;
    margin-top: -1.6em;
    padding: 0.8em 0.8em 1.1em 0.8em;
    z-index: 300;
    position: relative;
}





.products-box .item .attrs .addcart{
    font-size:1.9em;
    float:right;
    color:#fff;
    background:#b7391f;
    border:none;
    display:inline-block;
    padding:0.1em 0.3em 0 0.3em;
    margin-top:0.6em;
}


.products-box .item:hover{
    background:#b7391f;
}

.products-box .item:hover .attrs .addcart{
    background:#262626;
}

.products-box .item:hover .attrs .price{
    color:#fff;
}

.businesses .info{
    margin-bottom:1em;
}

.businesses .info img{
    width:100%;
    height:24em;
    object-fit:cover;
}

.businesses .info span{
    color:#fff;
    display:block;
    text-align:center;
    font-weight:500;
    font-size:1.3em;
    padding:0.7em 0;
}

.businesses p{
    color: #a59b84;
    font-size: 1.3em;
    text-align:center;
    margin-bottom:2em;
}

.b2b-box{
    text-align:center;
    margin-top:2.3em;
}

.b2b-box .b2blink{
    font-size: 1.25em;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    padding: 0.25em 1.25em;
    border-radius: 1.2em;
}
}


/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* ============================== MEDIA QUERIES ================================== */



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */


/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}



/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .products-intro .main-theme{
        margin-top:-3em;
        margin-bottom: 3em;
    }

    .products-intro .middle-photo img{
        height: 10em;
    }

    .products-intro .middle-photo {
        margin-top: -9em;
        margin-bottom: -6em;
    }

}




/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .products-box {
        background-size: 6em;
    }

    .products-box h1{
        font-size:2.3em;
        line-height:1.6em;
    }

    .products-box h1 span{
        font-family: 'Sunday';
        display:block;
    }

    .products-box .itemRow{
        background:none;
    }


    .products-box .item{
        margin-bottom:2em;
    }


    .products-intro .main-theme{
        margin-bottom:-3em;
        margin-bottom: 5em;
    }

    .products-intro .middle-photo img {
        height:8em;
    }

    .businesses{
        background-position: center 55px, top center;
        background-size: 11em,auto;
    }

    .businesses p {
        font-size: 1em;
    }

    .businesses h2 {
        font-size:2.3em;
        margin-top: 0.5em;
        margin-bottom: 1.7em;
    }

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .products-box .itemRow .itemwrapper{
        padding:0 2em;
    }

    .products-box .itemRow .itemwrapper .item{
        margin-bottom:2em;
    }

    .products-box .item{
        padding: 1.3em 1em;
    }

    .products-intro .main-theme{
        margin-bottom:5em;

    }

    .products-box .itemRow{
        background:none;
    }
}
