

h2{
    color:#222;
    font-size:2.05em;
    margin-bottom:0.8em;
}

main h3{
    margin-top:0em;
}


.subheader{
    background-color:#f5f5f5;
    padding:3em 0 2em 0;
}

.subheader .breadcrumbs a{
    color:#000;
    text-decoration: none;
}

.subheader .breadcrumbs span{
    display:inline-block;
    padding:0 0.35em;
}

.subheader .breadcrumbs span.last{
    font-weight: 300;
    letter-spacing: 1px;
}



.brandLogo img{
    max-height:7em;
    max-width:12em;
}



.catitem{
    border:2px solid #eaeaea;
    margin-bottom:2em;
    padding:1em 2em;
}

.catitem h3{
    font-size:1.2em;
    font-weight:500;
    margin-bottom:0.5em;
    margin-top:1em;
}

.catitem h3 a{
    color:#000;
    text-decoration:none;
}

.catitem .exvat{
    display:block;
    text-align:center;
    font-size:0.9em;
    margin-top:0.5em;
}


.catitem .itemview{
    width:100%;
    max-height:11em;
    object-fit:contain;
}

.catitem .buying{
    padding-top:1.5em;
}

.catitem .buying a{
    color:#000;
    font-size:0.8em;
    font-weight:500;
    display:inline-block;
    margin-right:0.8em;
    letter-spacing:1.2px;
    transition:all 0.2s ease;
    cursor: pointer;
    padding: 0.2em 1.2em;
    border: none;
    border-radius: 1em;
    background: #1aff80;
    text-decoration: none;
}

.catitem .buying a:hover{
    color:#258faf;
}

.catitem .code{
    font-weight:300;
    font-size:0.95em;
    margin-bottom:0;
}

.catitem a.itemdetails{
    color:#0303b8;
    font-size:0.9em;
    margin-top:1.2em;
    display:inline-block;
}

.catitem a.itemdetails span.name{
    text-decoration:underline;
}
.catitem a.itemdetails:hover span.name{
    color: #0071a8;
}


.catitem a.itemdetails span.arrow{
    font-size:1.2em;
    color:#0071a8;
}


.tagged{
    font-size:0.9em;
    font-weight:500;
    padding:0.3em 0.8em;
    border-radius:0.3em;
}

.tagged.new{
    background:#f4f11c;
}

.tagged.offer{
    background:#ececec;
}

.catitem .pricebox.bordered{
    font-weight:500;
    margin-top:0.75em;
    text-align:right;
    font-size: 1.05em;
    border: 3px solid #02b6ff;
    padding: 0.2em 0.8em;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1.2px;
    color:#000;
    background: #fff;
    border-radius: 0.75em;
    width:8em;
    transition:0.2s ease;
    text-decoration: none;
}


.catitem .pricebox a{
    font-weight:500;
    margin-top:1em;
    text-align:right;
    font-size: 1.05em;
    border: 3px solid #02b6ff;
    padding: 0.2em 0.8em;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1.2px;
    color:#000;
    background: #fff;
    border-radius: 0.75em;
    width:8em;
    transition:0.2s ease;
    text-decoration: none;
    text-align:center;
}

.catitem .pricebox a:hover{
    color:#444;
}

.pagingbox{
    margin-top:2em;
}

.pagingbox hr{
    height:0.3em;
    border-radius:0.5em;
    background:#99a7a9;
}


.catitemscount{
    display:block;
    font-weight:300;
    font-size:0.9em;
    margin-top:1em;
    margin-bottom:0.2em;
}


.categorybox{
    background-color:#f8f8f8;
    padding:0.7em 1.3em;
    margin-bottom:5em;
    height:12.5em;
}

.categorybox:hover{
    box-shadow: 0px 0px 6px 2px rgba(217,217,217,1);
}

.categorybox h2{
    font-size:1.55em;
    line-height:1.35em;
    font-weight:500;
}

.categorybox a.sub{
    font-size:1.1em;
    color:#000;
}



.taglist{
    margin-top:-2.0em;
    margin-bottom:0.5em;
}

.taglist .tag{
    font-size:0.75em;
    display:inline-block;
    background:#fff;
    padding:0.25em 0.75em;
    border-radius:1em;
    margin-right:0.4em;
}

.taglist .tag.new{
    color:#fff;
    background:#d7041e;
}

.taglist .tag.discount{
    color:#fff;
    background:#61b004;
}

.taglist .tag.ar{
    color:#fff;
    background:#000;
}

.taglist .tag.stickers{
    color:#fff;
    background: #973f63;
}


.searchitem{
    border:3px solid #eaeaea;
    padding:1.5em;
    margin-bottom:2em;
}

.searchitem h3{
    font-size:1.1em;
    font-weight:500;
    margin-bottom:0.4em;
}

.searchitem .details{
    color:#484141;
    text-decoration:underline;
    font-size:0.9em;
    display:inline-block;
    margin-bottom:1.5em;
}

.searchitem .codeno{
    font-weight:300;
    font-size:0.9em;
    margin-bottom:0.3em;
}

.searchitem .price{
    font-size:1.1em;
    display:block;
    border:1px solid #f19000;
    font-weight:500;
    padding:0.4em 1em;
    text-align:right;
    letter-spacing:1.2px;
}

.searchitem .addbasket,
.searchitem .buynow{
    display:inline-block;
    color:#000;
    font-weight:500;
}

.searchitem .awrapper{
    text-align:center;
    padding-top:0.4em;
}

.searchitem .photobox{
    text-align:center;
}


.searchitem .previewphoto{
    height:10em;
    margin-bottom:0.5em;
}

.querybox{
    font-size:0.9em;
    font-weight:500;
}

.querybox span{
    color:#85610b;
}


.searchitem .cartmanager{
    margin-top:0.75em;
}

.searchitem .cartmanager button {
    background: #c5c9d7;
    cursor: pointer;
    font-size: 1.2em;
    height: 1.6em;
    line-height: 1.6em;
    border-radius: 0;
}


.searchitem .cartmanager input {
    height: 1.9em;
    border-radius: 0;
    margin: 0;
    text-align: right;
}

.quantitymanager button{
    display:inline-block;
    width:1.8em;
    background:#eee;
    padding:0.45em;
    cursor:pointer;
    border:none;
}

.quantitymanager{
    display:inline-block;
}

.quantitymanager button.ok{
    font-size:0.7em;
    color:#eee;
    background:#2d2d2d;
    padding:0.65em 0em;
    width:2.8em;
    position:relative;
    top:-0.1em;
}

.quantitymanager input{
    display:inline-block;
    width:3.5em;
    margin-bottom:0;
    text-align:right;
    height:2rem;
}


.tooltip_templates { display: none; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{
    box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}


.allCatItem h3{
    font-size:1.5em;
    color:#000;
}

.titleurl,
.titleurl:hover{
    color:#000;
}


.brandhome .intro{
    background-color:#f5f5f5;
}


.brandhome .intro .breadcrumbs{
    padding:1em 0;
}

.brandhome .intro .breadcrumbs a{
    color:#000;
    text-decoration:none;
}


.brandhome .banner{
    background:#eee;
    margin-top:0em;
}

.brandhome .banner img{
    display:block;
    width:100%;
}

.brandhome .profilebox{
    padding:4em 0 8em 0;
}

.brandhome .companyProfile{
    padding:2em;
    border:1.2em solid #f7f7f7;
    margin-top:0em;
}


.brandhome .companyProfile .logo{
    max-height: 8em;
    max-width:70%;
    margin-top:1em;
    margin-bottom:2.5em;
}


.brandhome .companyProfile.offset {
    margin-top: 0em;
}

.brandhome .profilebox .subCat{
    display:block;
    margin-bottom:0.8em;
    text-align:center;
    text-decoration: none;
}

.brandhome .profilebox .subCat img{
    display:inline-block;
    height:12em;
    width: 100%;
    object-fit: cover;
}

.brandhome .profilebox .subCat span{
    display:block;
    color:#fff;
    background:rgba(0,73,86,0.8);
    padding:0.3em 1em;
}


.subcategories{
    margin-top:1em;
}

.subcategories .title{

}

.subcategories ul{
    list-style:none;
    padding-left:0;
    margin-top:0.3em;
}


.subcategories.partners ul li a{
    display:inline-block;
    margin-bottom:1em;
}


.subcategories.partners ul li a img{
    display:block;
    max-width:60%;
    max-height:8em;
    min-height:6em;
    object-fit:contain;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* 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) {

    .profilebox{
        padding:0;
    }

    .brandhome{
        margin-top:8em;
    }

    .subcategories.partners ul li a img {
        max-width: 40%;
    }

}



/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    main h3{
        margin-top:1.75em;
    }


    .catitem {
        padding:1em;
    }


    .brandLogo{
        margin-bottom:1.4em;
    }

    .brandhome .profilebox {
        padding: 1.5em 0 8em 0;
    }



    .brandhome .profilebox .subCat span{
        min-height: 3.8em;
    }

    .subcats{
        margin-bottom:2em;
    }


    .subcategories.partners ul li a img {
        max-width: 60%;
    }


}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .subcategories.partners ul li a img {
        max-width: 80%;
    }

}