/*************************************
	-	Grant Fuhr 3.0.0 SKIN -
*************************************/
.grant-fuhr .esg-filters {
  margin-bottom: 20px !important;
}

.grant-fuhr .navigationbuttons,
.grant-fuhr .esg-pagination,
.grant-fuhr .esg-filters {
	text-transform: uppercase;
	text-align: center;
}


.grant-fuhr .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton,
.grant-fuhr input.eg-search-input,
.grant-fuhr .esg-filterbutton,
.grant-fuhr .esg-navigationbutton,
.grant-fuhr .esg-sortbutton,
.grant-fuhr .esg-cartbutton,
.grant-fuhr .esg-filter-wrapper.eg-search-wrapper  .eg-search-clean,
.grant-fuhr .esg-filter-wrapper.eg-search-wrapper  .eg-search-submit {
	color: #fff;
	margin-right: 13px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	padding: 0px 15px;
	border: none;
	line-height: 50px;
	font-size: 12px;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
  	font-style: italic;
  	letter-spacing: 1px;
	display: inline-block;
	background: #2e2e34;
	margin-bottom: 1px;
	white-space: nowrap;
	min-height: 50px;
	vertical-align: top;
  	border-radius: 0px !important;
  	min-width: 42px;
  	text-transform: none;
}
.grant-fuhr .esg-cartbutton-wrapper {
  margin: 0 11px !important;
}

.grant-fuhr .esg-filterbutton.esg-allfilter {
  	text-decoration: underline;
}

.grant-fuhr .esg-sortbutton-wrapper {
  position: relative;
  margin: 0 2px 0 8px !important;
}

.grant-fuhr .esg-sortbutton-wrapper .esg-sortbutton {
  padding-right: 35px;
}

.grant-fuhr .esg-filterbutton:before,
.grant-fuhr .eg-search-wrapper:before,
.grant-fuhr .esg-cartbutton:before,
.grant-fuhr .esg-sortbutton-wrapper .esg-sortbutton:before,
.grant-fuhr .esg-filter-wrapper.dropdownstyle:before {
  	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 12px;
	border-color: transparent transparent #2e2e34 transparent;
  	position: absolute;
  	content:"";
  	top: 0;
  	left: -12px
}

.grant-fuhr .esg-sortbutton-wrapper .esg-sortbutton.hovered:before {
  border-color: transparent transparent #fff157 transparent;
}

.grant-fuhr .esg-filterbutton:after,
.grant-fuhr .eg-search-wrapper .eg-search-clean:after,
.grant-fuhr .esg-cartbutton:after,
.grant-fuhr .esg-sortbutton-order:after,
.grant-fuhr .esg-filter-wrapper.dropdownstyle:after {
  	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 12px 0 0;
	border-color: #2e2e34 transparent transparent transparent;
  	position: absolute;
  	content:"";
  	top: 0;
  	right: -12px
}

.grant-fuhr .esg-filter-wrapper.dropdownstyle:after {
  right: 1px
}

.grant-fuhr .esg-filterbutton.hovered:before,
.grant-fuhr .esg-filterbutton.selected:before,
.grant-fuhr .esg-cartbutton.hovered:before,
.grant-fuhr .esg-sortbutton-wrapper.hovered:before,
.grant-fuhr .esg-filter-wrapper.dropdownstyle:hover:before {
  border-color: transparent transparent #fff157 transparent;
}

.grant-fuhr .esg-filterbutton.hovered:after,
.grant-fuhr .esg-filterbutton.selected:after,
.grant-fuhr .esg-cartbutton.hovered:after,
.grant-fuhr .esg-sortbutton-wrapper.hovered:after,
.grant-fuhr .esg-filter-wrapper.dropdownstyle:hover:after {
  border-color: #fff157 transparent transparent transparent;
}

.esg-sortbutton-order.tp-desc {
  transform: none;
}

.esg-sortbutton-order.tp-desc:before {
  transform: scaleY(-1);
}

.grant-fuhr .esg-filterbutton .eg-el-amount {
  position: absolute;
  line-height: 27px;
  min-width: 27px;
  border-radius: 50%;
  background: #fff157;
  color: #000;
  top: -13px;
  right: -5px;
  text-align: center;
  z-index: 2;
  font-style: normal;
  font-weight: 600;

}

.grant-fuhr .esg-filterbutton .eg-el-amount:before,
.grant-fuhr .esg-filterbutton .eg-el-amount:after {
  display: none
}

.grant-fuhr .esg-filterbutton.selected .eg-el-amount {
  background: #2e2e34;
  color: #fff;
}

.grant-fuhr .esg-cartbutton a {
	color: #fff;
}

.grant-fuhr .esg-cartbutton.hovered a {
  color: #000;
}

.grant-fuhr .eg-search-wrapper {
  position: relative
}

.grant-fuhr .eg-search-wrapper:before {
  border-color: transparent transparent #fff157 transparent;
}

.grant-fuhr input.eg-search-input {
  background: #fff157;
  outline-style: none;
  margin-bottom: 0 !important;
}

.grant-fuhr input.eg-search-input::placeholder {
	line-height: 40px;
	vertical-align: middle;
	color:#000;
}

.grant-fuhr input.eg-search-input:focus::placeholder {
  opacity: 0;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-submit {
  margin-left: 0 !important;
  min-width: 50px;
  background: #fff157;
  color: #000;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-submit.hovered {
  background: #2e2e34 !important;
  color: #fff157 !important;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-clean {
  margin-left: 0 !important;
  min-width: 50px;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-clean.hovered:after {
	border-color: #fff157 transparent transparent transparent;
}

.grant-fuhr .esg-sortbutton-order.eg-icon-down-open:before {
  	content: "arrow_downward";
 	font-family: "Material Icons";
  	font-size: 18px;
  	color: #000;
  	vertical-align: middle;
}

.grant-fuhr .esg-sortbutton-order.hovered.eg-icon-down-open:before {
  color: #fff
}

.grant-fuhr .esg-navigationbutton {
	padding: 0px;
	width:40px;
}

.grant-fuhr .esg-navigationbutton.esg-loadmore {
  	width: auto;
  	padding: 0 20px
}

.grant-fuhr .esg-navigationbutton * {
	color: #999;
}

.grant-fuhr .esg-pagination-button:last-child {
	margin-right: 0;
}

.grant-fuhr .esg-navigationbutton.selected,
.grant-fuhr .esg-navigationbutton.hovered {
  color: #000 !important;
}

.grant-fuhr .esg-navigationbutton.esg-right,
.grant-fuhr .esg-navigationbutton.esg-left {
  width: 50px;
}

.grant-fuhr .esg-navigationbutton.esg-right i,
.grant-fuhr .esg-navigationbutton.esg-left i {
  color: #fff;
}

.grant-fuhr .esg-navigationbutton.esg-right.hovered i,
.grant-fuhr .esg-navigationbutton.esg-left.hovered i {
  color: #000;
}

.grant-fuhr .esg-sortbutton-wrapper,
.grant-fuhr .esg-cartbutton-wrapper {
	display: inline-block;
}

.grant-fuhr .esg-sortbutton-order,
.grant-fuhr .esg-cartbutton-order {
	display: inline-block;
	vertical-align: top;
	border: none;
	width: 50px;
	line-height: 40px;
	border-radius: 0;
	font-size: 12px;
	font-weight: 700;
	color: #999;
	cursor: pointer;
	background: #fff157;
	margin-left: 0;
  	line-height: 50px;
}

.grant-fuhr .esg-sortbutton-order.hovered,
.grant-fuhr .esg-cartbutton-order.hovered {
  	color: #fff157 !important;
  	background: #2e2e34 !important;
}

.grant-fuhr .esg-sortbutton-order:after {
	border-color: #fff157 transparent transparent transparent;
}

.grant-fuhr .esg-sortbutton-order.hovered:after {
  border-color: #2e2e34 transparent transparent transparent;
}

.grant-fuhr .esg-cartbutton {
	color: #999;
	cursor: default !important;
}

.grant-fuhr .esg-cartbutton .esgicon-basket {
	color: #999;
	font-size: 15px;
	line-height: 15px;
	margin-right: 10px;
}

.grant-fuhr .esg-cartbutton-wrapper {
	cursor: default !important;
}

.grant-fuhr .esg-sortbutton,
.grant-fuhr .esg-cartbutton {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-right: 0px;
	border-radius: 5px;
}

.grant-fuhr input.eg-search-input.hovered,
.grant-fuhr input.eg-search-input:focus,
.grant-fuhr .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton.hovered,
.grant-fuhr .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton.hoveredfilter,
.grant-fuhr .esg-navigationbutton.hovered,
.grant-fuhr .esg-filterbutton.hovered,
.grant-fuhr .esg-sortbutton.hovered,
.grant-fuhr .esg-sortbutton-order.hovered,
.grant-fuhr .esg-cartbutton-order.hovered,
.grant-fuhr .esg-filterbutton.selected,
.grant-fuhr .esg-cartbutton.hovered,
.grant-fuhr .esg-filter-wrapper.eg-search-wrapper  .eg-search-clean.hovered,
.grant-fuhr .esg-filter-wrapper.eg-search-wrapper  .eg-search-submit.hovered {
	border-color: none;
	color: #000;
	background: #fff157;
}

.grant-fuhr .esg-navigationbutton.hovered * {
	color: #000;
}

.grant-fuhr .esg-sortbutton-order.hovered.tp-desc {
	color: #000;
}

.grant-fuhr .esg-allfilter.esg-allfilter {
}

.grant-fuhr .esg-filter-checked {
	color: #cbcbcb;
	background: #cbcbcb;
	margin-left: 10px;
	font-size: 9px;
	font-weight: 300;
	line-height: 9px;
	vertical-align: middle;
}

.grant-fuhr .esg-filterbutton.selected .esg-filter-checked,
.grant-fuhr .esg-filterbutton.hovered .esg-filter-checked {
	color: #fff;
	background: #000;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper {
	white-space: nowrap;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-submit {
	margin-left: 5px;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-clean,
.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-submit {
	width:40px;
	padding:0px;
	margin-left: 5px;
	margin-right:0px;
}

.grant-fuhr .esg-filter-wrapper.eg-search-wrapper .eg-search-input {
	width:auto;
}

.grant-fuhr .esg-dropdown-wrapper {
	transform: translateZ(10px) translateX(-50%);
	left: 50%;
	background:transparent;
	padding:0px;
}

.grant-fuhr .esg-dropdown-wrapper .esg-filterbutton {
	position: relative
}

.grant-fuhr .esg-selected-filterbutton .eg-icon-down-open {
	margin-right: -10px;
	font-size: 12px;
	color:#999;
}
.grant-fuhr .esg-selected-filterbutton.hoveredfilter .eg-icon-down-open,
.grant-fuhr .esg-selected-filterbutton.hovered .eg-icon-down-open {
	color:#000;
}

.grant-fuhr .esg-sortbutton:after,
.grant-fuhr .esg-selected-filterbutton .eg-icon-down-open:before {
  	content: "";
  	position: absolute;
  	width: 5px;
  	height: 5px;
  	border-left: 1px solid #fff157;
  	border-bottom: 1px solid #fff157;
  	transform: rotate(-45deg) translateY(-6px);
  	right: 15px;
  	top: 50%
}

.grant-fuhr .esg-sortbutton.hovered:after,
.grant-fuhr .esg-selected-filterbutton.hovered .eg-icon-down-open:before,
.grant-fuhr .esg-filter-wrapper.dropdownstyle:hover .esg-selected-filterbutton .eg-icon-down-open:before {
  	border-left: 1px solid #000;
  	border-bottom: 1px solid #000;
}

.grant-fuhr .esg-dropdown-wrapper .esg-filterbutton {
  width: 100%;
  margin: 0;
}

.grant-fuhr .esg-dropdown-wrapper .esg-filterbutton:before,
.grant-fuhr .esg-dropdown-wrapper .esg-filterbutton:after {
  display: none;
}

.grant-fuhr .esg-filter-wrapper.dropdownstyle:hover .esg-selected-filterbutton {
  background: #fff157;
  color: #000;
}

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

