﻿.main-title {
	font-size: 22px;
	padding:0 0 10px 16px;
	font-weight:600;
	text-transform:uppercase;
}
.breadcrumb-column-filter {
    padding: 1rem 0 0
}

@media print,
screen and (min-width:40em) {
    .breadcrumb-column-filter {
        padding: 1rem;
        border-bottom: 1px solid #e4e5e7
    }
}

.breadcrumb-column-filter h6 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2rem .2rem 0
}

.breadcrumb-column-filter .label {
    margin-right: .4rem;
    margin-bottom: .4rem;
    background: #fff;
    border-bottom: 1px solid #e4e5e7;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.4rem;
    height: auto;
    white-space: normal
}

.breadcrumbs-container .row {
    min-height: 2.5rem
}

.breadcrumbs-container .row ul li {
    line-height: 16px;
}

.breadcrumbs-container .button-group {
    margin: 0;
    text-align: right
}

.breadcrumbs-container .button-group .button {
    padding: 0 !important;
}

.clear {
	background:#777;
	padding: 0 4px;
	border-radius:2px;
	color:#fff;
	font-size:12px;
}

.clear:hover {
	background:#555;
	color:#fff;
}

.checkbox-listitem {
    margin: 0;
    display: inline-block
}

.checkbox-listitem li {
    margin: 0;
    list-style-type: none
}

.checkbox-listitem li.chb a {
    position: relative;
    padding-left: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3;
	padding-right: 16px;
}

.checkbox-listitem li.chb a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d8d9;
    margin-right: .5rem;
    position: absolute;
    left: 0;
    top: .2rem;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.checkbox-listitem li.active a {
    color: #0a0a0a
}

.checkbox-listitem li.active a:before {
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/icon-check.svg);
    background-size: 70%;
    background-position: center;
    background-color: #fff;
    border-color: #0a0a0a
}

.checkbox-listitem .disabled a {
	color:#bbb;
	cursor: default;
}

.filter section::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.filter section::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.filter section::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

.filter {
    margin-top: 1rem;
}

@media screen and (max-width:65.9375em) {
    .filter {
        margin-top: 0
    }
}

.filter .accordion-item {
    border-bottom: 1px solid #e4e5e7
}

@media print,
screen and (min-width:64em) {
    .filter .accordion-item {
        margin: 0 1rem
    }
}

.filter .accordion-item.is-active .accordion-title {
    padding-bottom: .7rem
}

.filter .accordion-item:last-child .accordion-title {
    border: none
}

.filter .accordion-item:last-child .accordion-content {
    border: none
}

.filter>.radio-listitem {
    margin: 0 1rem;
    border-bottom: 1px solid #e4e5e7;
    padding: 1rem 0;
    display: block
}

.filter .accordion-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .2px;
    border: none;
    padding: 10px 2rem 10px 0;
    margin-bottom: 0
}

.filter .accordion-title:hover,
.filter .accordion-title:focus {
    background: transparent
}

.filter .accordion-title::before {
    content: '';
    top: 20px;
    font-size: 1.4rem;
    line-height: .7rem;
    background-image: url("/images/icon-plus.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px
}

.is-active>.accordion-title::before {
    background-image: url("/images/icon-minus.svg")
}

.filter .categories-view {
    max-height: none
}

.filter .categories-view a {
    padding: .2rem 0
}

.filter .accordion-content {
    border: none;
    padding: 0 0 1.3rem 0;
    background-color: transparent
}

.filter input {
    border: 1px solid #d7d8d9;
    box-shadow: none
}

.filter section {
    max-height: 340px;
    overflow-y: auto
}

.filter ul {
    margin: 0;
	width:100%;
}

.filter ul li.chb a {
    font-size: 14px;
    display: block;
    line-height: 1.3
}

.filter ul li a span {
    color: #aaa;
    font-size: 12px;    
    padding-right: 8px;
	position: absolute;
    top: 5px;
    right: 0;
}

.categories-views .filter ul li a {
    font-size: 16px
}

.filter ul li ul {
    margin-left: .9375rem
}

.filter ul.menu .active>a {
    background: transparent;
    font-weight: 500;
    color: #0a0a0a
}

.close-button {
	z-index: 1;
    top: 4px;
	left: 4px;
    background-color: rgba(255, 255, 255, .5);
	width: 25px;
	height: 25px;
}

.close-button svg {
	fill:#990000;
}

.personal-heading .user-icon {
	display:inline-block;
}

@media screen and (max-width:65.9375em) {
    #facet-column,
    #sorting-option {
        position: fixed;
        top: 0;
        bottom: 0;
        background: #f7f8fa !important;
        z-index: 99;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

@media print,
screen and (min-width:64em) {
    .filter-show-for-large {
        display: block !important
    }
}

.filter-mobile-header {
    text-transform: uppercase;
    border-bottom: 1px solid #e4e5e7
}

.filter-mobile-header .close-button {
	right: 6px;
	top: 16px;
	left: auto;	
	background-color: transparent;
}

.filter-mobile-header p {
    padding: 1rem 0;
    margin-bottom: 0;
    font-weight: 500
}

.filter li.bgc {
    padding: 6px;
    float: left;
}

.filter li.bgc>a {
	width: 32px;
    height: 32px;
    border: solid 1px transparent;
    border-radius: 4px;
    font-size: 0;
    box-sizing: border-box;
	display: block;
	border: 1px solid #d7d8d9;
}

.filter li.bgc.active>a:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 50%;
    left: 50%;
    border: none;
    background-color: transparent;
}

.filter li.bgc.active>a:after {
    content: url(/images/checkc.svg);
}