.hamburger-icon-wrapper {
height: 46px;
width: 26px;
cursor: pointer;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
z-index: 100;
position:relative;
right: 0;
}
.hamburger-icon, .hamburger-icon:before, .hamburger-icon:after {
content: '';
position: absolute;
border-radius: 1em;
height: 2px;
width: 26px;
background: #161110;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease }
.hamburger-icon        { top: 1.75em  }
.hamburger-icon:before { top: -0.55em }
.hamburger-icon:after  { top: 0.55em  }
.hamburger-active .hamburger-icon { background: transparent; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.hamburger-active .hamburger-icon:before, .hamburger-active .hamburger-icon:after { top: 0 }
.hamburger-active .hamburger-icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.hamburger-active .hamburger-icon, .hamburger-active .hamburger-icon:before, .hamburger-active .hamburger-icon:after {
background: #161110;}
.hamburger-menu {
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
	left: -4000px;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	transition: left 0.3s;
	background: #fff;
	z-index: 9;
}
.hamburger-active .hamburger-menu {
	left: 0;
	overflow-y: auto;
}

.filter-icon-wrapper {
cursor: pointer;
position:relative;
}
.filter-active .filter-icon, .filter-active .filter-icon:before, .filter-active .filter-icon:after {
content: '';
position: absolute;
border-radius: 1em;
height: 2px;
width: 26px;
background: #161110;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease }
.filter-icon        { top: 85px; right: -160px;}
.filter-icon:before { top: -0.55em }
.filter-icon:after  { top: 0.55em  }
.filter-active .filter-icon { background: transparent; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.filter-active .filter-icon:before, .filter-active .filter-icon:after { top: 0 }
.filter-active .filter-icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.filter-active .filter-icon, .filter-active .filter-icon:before, .filter-active .filter-icon:after {
background: #161110;}
.filter-menu {
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	transition: left 0.3s;
	background: #fff;
	z-index: 9;
	display: none;
}
.filter-active .filter-menu {
display: block !important;
}

.sort-icon-wrapper {
cursor: pointer;
position:relative;
}
.sort-active .sort-icon, .sort-active .sort-icon:before, .sort-active .sort-icon:after {
content: '';
position: absolute;
border-radius: 1em;
height: 2px;
width: 26px;
background: #161110;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease }
.sort-icon        { top: 15px; right: -235px;}
.sort-icon:before { top: -0.55em }
.sort-icon:after  { top: 0.55em  }
.sort-active .sort-icon { background: transparent; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.sort-active .sort-icon:before, .sort-active .sort-icon:after { top: 0 }
.sort-active .sort-icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.sort-active .sort-icon, .sort-active .sort-icon:before, .sort-active .sort-icon:after {
background: #161110;}
.sort-menu {
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	transition: left 0.3s;
	background: #fff;
	z-index: 9;
	display: none;
}
.sort-active .sort-menu {
display: block !important;
}


