@charset "UTF-8";


.pager,
.pager .pages {
    display: flex;
    align-items: baseline;
}
.pager .pages > *, .pager > a:first-child {
    margin: 0 4px 0 0;
}
.pager a {
    display: flex;
    padding: 4px 0;
    border: solid 1px rgba(225,225,225,1.00);
    height: 34px;
    align-items: center;
    text-decoration: none;
    border-radius: 2px;
}
.pager > a {
	padding-left: 10px;
	padding-right: 10px;
	flex: none;
}
.pager .pages {
	flex: auto;
}
.pager .pages a {
    aspect-ratio: 1/1;
    text-align: center;
    justify-content: center;
}
.pager a.ActivePageNumber_ProductList {
    background-color: #00A8FF;
    border-color: #00A8FF;
    color: #FFF;
}
.pager a:not(.ActivePageNumber_ProductList):hover {
    background-color: rgba(225,225,225,.50);
}

.listtools, .productListHeaderTop {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.listtoolsleft {
    display: flex;
    align-items: center;
}
.listtoolsleft > * {
    margin-right: 15px;
}
.listtools.listtoolsbottom.hide,
.listtools.listtoolsbottom.hide + .activefilters {
    display: none;
}
.itemsfound > span {
    font-weight: bold;
}
.btnfilter {
    display: none;
}
.categoryPanels {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    flex-wrap: wrap;
}
.categoryPanels > div {
    flex: none;
    width: 48%;
    background-color: #f6f6f6;
    padding: 20px;
}
.categoryPanels .panel, .categoryPanels .panel {
    min-height: inherit !important;
}
.categoryPanels .seven .panel {
    margin-right: 0 !important;
}
.categoryPanels .five .panel {
    padding: 0 !important;
    min-height: inherit;
    margin-right: 0;
}
.categoryPanels .faturedHeadline, .faturedHeadline > span {
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.searchModelsForm {
    display: flex;
    justify-content: space-between;
    position: relative;
}
select[name="NavigateToList"] {
    width: 100%;
}
.ausu-suggest-newajax {
    flex: auto;
    margin-right: 5px;
    width: auto !important;
    float: none !important;
}
.ausu-suggest-newajax:before {
    content: '';
    background-image: url(/images/skins/Bewise/images/icon-search-black.svg);
    position: absolute;
    top: 8px;
    left: 10px;
    width: 20px;
    height: 19px;
    z-index: 1;
    background-repeat: no-repeat;
}
.ausu-suggest-newajax #searchModels {
    min-width: inherit;
    width: 100%;
    border-radius: 2px;
    padding: 0 15px 0 40px;
}
#searchModels {
    min-width: inherit;
    border-radius: 2px;
}
input.search-button {
    display: none;
    float: none;
    height: auto !important;
/*    background-image: url("/images/skins/Bewise/images/icon-search-white.svg");*/
    background-image: url("/images/skins/Bewise/images/arrow-down-white.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 50% 50%;
    background-color: rgba(0,0,0,1.00);
}
.categoryPanels .links {
    margin-top: 10px;
    font-weight: bold;
}
.categoryPanels .links a, .modelSearch .links a {
    font-weight: normal;
    color: #00A8FF;
    display: inline-block;
    padding: 3px 5px;
	margin: 0 3px 3px;
    text-decoration: none !important;
	border: solid 1px #e9e9e9;
	border-radius: 2px;
	background-color: #fafaf8
	
}
.filtersearch-select {
    margin-bottom: 10px;
}
.filtersearch-select select {
    padding-left: 10px !important;
    padding-right: 10px;
    width: 100%;
}
.SearchTitle_SearchPagebrand input {
    width: 100%;
}
body #extCustomerservice .cs-search.ausu-suggest .cs-search-input {
    width: 100%;
    padding-left: 15px;
}
.clear {
    clear: both;
    content: "";
    display: block;
}
.SubCats_Categories_DIV {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.SubCats_Categories_DIV > div {
    flex: none;
    width: 14.666% !important;
    margin: 0 1% 2%;
    float: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.SubCats_Categories_DIV > div.other_models_wrap,
.redesign.listSize5 .SubCats_Categories_DIV > div.other_models_wrap {
	border: none;
	width: 99% !important;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 20px;
}
.SubCats_Categories_DIV > div.other_models_wrap a {
	background-color: #00A8FF;
    color: #FFF;
	width: 500px !important;
	max-width: 99%;
	text-align: center !important;
	font-size: 126% !important;
	border-radius: 3px;
	padding: 15px;
	flex: none !important;
}
/*
.SubCats_Categories_DIV > div.separator {
	width: 98% !important;
	text-align: left;
}
*/
.SubCats_Categories_DIV > div a {
    text-decoration: none;
}
.SubCats_Categories_DIV > div a:first-of-type {
    border: 1px solid #eee;
    margin: 0 0 8px 0;
}
.SubCats_Categories_DIV > div a:last-of-type {
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.SubCats_Categories_DIV > div img {
    width: 100%;
	height: auto;
}
.SubCats_Categories_DIV > div:last-child {
    display: none !important;
}



div.separator {
    width: 98% !important;
}
div.separator > a:first-child {
    display: none;
}
div.separator > a {
    background-color: #00A8FF;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    font-weight: bold;
	pointer-events: none;
	cursor: default;
}

/* SUB CAT ROW */
.categoryListWrapper {
    margin: 0;
}
.redesign.listSize5 .SubCats_Categories_DIV {
    margin: 0 -0.5%;
}
.redesign.listSize5 .SubCats_Categories_DIV > div.separator {
    flex: none;
    width: 99% !important;
    border: none;
    padding: 0;
}
.redesign.listSize5 .SubCats_Categories_DIV > div {
    width: 24% !important;
    flex-direction: row;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 5px;
    margin: 0 0.5% 1%;
}
.redesign.listSize5 .SubCats_Categories_DIV > div > a {
    text-align: left;
    text-decoration: none;
}
.redesign.listSize5 .SubCats_Categories_DIV > div > a:first-child {
    width: 20%;
    flex: none;
    border: none;
    margin-bottom: 0;
}
.redesign.listSize5 .SubCats_Categories_DIV > div > a:last-child {
    flex: auto;
}


#Content_Productlist {
    padding: 25px;
}

.CategoryDescription {
    margin-bottom: 20px;
}
.CategoryDescription a {
    color: #00A8FF;
}
.topbannerimage {
    display: block;
    width: 100%;
    height: auto;
}
.categorydescription img[data-src] {
    display: none;
}

.CategoryFooterContent {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 30px 0 0 0;
}
.CategoryFooterContent h2,
.CategoryFooterContent h3 {
    text-transform: none;
}


.CategoryDescription ul {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
}
.CategoryDescription ul > li:not(:last-child) {
    margin-bottom: 8px;
}

.CategoryDescription ol {
    margin: 20px 0;
}
.CategoryDescription ol li {
    margin: 8px 0;
}
a.go_to_seo_text_button, a.category_seo_text_button {
    background-color: #00A8FF;
    color: #FFF;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 2px;
    margin: 10px 0;
    font-weight: bold;
    text-decoration: none;
}

.modelSearch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f6f6f6;
    padding: 20px;
    margin-bottom: 20px;
}
.modelSearch .links {
    color: #000;
    font-weight: bold;
    margin: 10px 0 0 0;
}
.modelSearch .links a {
    color: #00A8FF;
    font-weight: normal;
    text-decoration: underline;
}
.modelSearch .six.columns {
    width: 60%;
    flex: none;
}
.modelSearch .five.columns {
    width: 38%;
    flex: none;
}
.modelSearch .twelve.columns {
    width: 100%;
    flex: none;
}

.brendbox .categoryListWrapper div a:first-of-type {
	width: 50vw;
    height: calc(50vw* 9 / 16);
    max-width: 210px;
    max-height: calc(210px* 9 / 16);
    display: flex;
    justify-content: center;
}

.brendbox .categoryListWrapper div a img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.brendbox .categoryListWrapper div.separator > a:first-child {
	display: none;
}

@media (max-width: 1000px) {
    .btnfilter {
        display: inline-flex;
        align-items: center;
        background-color: #00A8FF;
        color: rgba(255,255,255,1.00);
        height: 34px;
        justify-content: center;
        border-radius: 2px;
        padding: 0 15px;
        position: relative;
    }
    .btnfilter img {
        width: 15px;
        height: auto;
        display: block;
        margin: 0 10px 0 0;
    }
    .btnfilter .count:not(:empty) {
        position: absolute;
        left: 0;
        top: 0;
        padding: 4px 7px;
        background-color: rgba(0,0,0,1.00);
        color: rgba(255,255,255,1.00);
        display: flex;
        transform: translate(-45%,-45%);
        font-size: 10px;
        border-radius: 25px;
        align-items: center;
        justify-content: center;
        font-family: 'Arial';
    }
}

@media (max-width: 759px) {
    
    #Content_Productlist {
        padding: 10px;
    }
}

.link-subcategories {
    flex: none;
    border-radius: 2px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #eee;
    margin: 5px 10px 5px 0;
    cursor: pointer;
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    font-weight: bold;
    color: #00A8FF;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(1.5em * 3);
}

.categorie-whole-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0;
}

.categorie-main-wrapper {
    display: flex;
    align-items: center;
    padding: 7px;
    width: 274px;
    justify-content: space-between;
    border: 1px solid #D8D7D7;
    border-radius: 3px;

    @media screen and (max-width: 768px) {
        width: calc(50% - 5px);
    }
}

.categorie-text {
    position: relative;
    display: flex;
    font-weight: 700;
    padding-left: 9px;
    width: 100%;
    text-decoration: unset;
    color: #000000!important;

}

.categorie-main-wrapper:after {
    content: url("/images/skins/Bewise/images/icon-right-black.svg");
    width: 12px;
    height: 12px;
    flex: none;
  /*  margin: 0 0 0 20px;*/
}

.categorie-main-wrapper img {
    width: 40px;
  
}