
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}

.breadcrumb i {
	font-size: 15px;
}

.breadcrumb>li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 10px;
	position: relative;
	white-space: nowrap;
}

.breadcrumb>li+li:before {
	content: '';
	padding: 0;
}

.breadcrumb>li:after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
    right: -5px;
    width: 10px;
    height: 10px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

html[dir=rtl] .breadcrumb>li::after {
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	right: unset;
	border-right: unset;
	border-bottom: unset;
}

.pagination {
	font-size: 13px;;
}
.pagination a, .pagination span {
	background: #F3F4F6;
	border-radius: 500px !important;
	color: #444;
	width: 40px;
	height: 40px;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	display: block;
	margin: 0 10px;
	border: 0;
}
.pagination span {
	background-color: #fbc926 !important;
	color: #000;
}

.pagination a:hover, 
.pagination span:hover {
    background-color: #000000 !important;
    color: #fbc926;
}

.form-control:focus, button:focus, .btn:focus, a:focus {
	outline: none !important;
	box-shadow: none !important;
}
.product-sort .form-control {
	border-radius: 10px !important;
	background: #F9FAFB;
	border: 1px solid #F9FAFB;
}