.customizer {
	position: fixed;
	top: 0;
	right: 0;
	width: 360px;
	height: 100%;
	z-index: 9900;
	background-color: #fff;
	-webkit-transform: translateX(100%);
					transform: translateX(100%);
	-webkit-transition: .25s;
	transition: .25s;
}

.customizer.active {
	box-shadow: 0px 0px 19.74px 1.26px rgba(184, 184, 184, 0.2);
	-webkit-transform: translateX(0);
					transform: translateX(0);
}

.customizer-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 48px 28px;
	background-color: #fff;
	overflow-y: auto;
}

.customizer-wrap::-webkit-scrollbar {
  display: none;
}

.customizer-wrap a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: 400;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px;
}

.customizer-wrap h4 {
	margin-top: 48px;
}

.toggle-wrap {
	position: absolute;
	background-color: #fff;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.toggle {
	position: absolute;
	width: 120px;
	top: 30%;
	left: -47px;
	border-radius: 4px;
	padding: 9px 16px;
	cursor: pointer;
	font-size: 18px;
	-webkit-transition: left .25s;
	transition: left .25s;
	background-color: #fff;
	box-shadow: 0px 0px 17px 0px rgba(184, 184, 184, 0.3);
	z-index: -10;
}

.toggle > * {
	vertical-align: middle;
}

.toggle > span {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .25s;
	transition: .25s;
	-webkit-transform: translateX(10px);
					transform: translateX(10px);
}

.toggle:hover {
	left: -120px;
}

.toggle:hover > span {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
					transform: translateX(0);
	-webkit-transition: .25s .1s;
	transition: .25s .1s;
}

.active .toggle:hover {
	left: -47px;
}

.active .toggle:hover > span {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(0);
					transform: translateX(0);
	-webkit-transition: .25s .1s;
	transition: .25s .1s;
}

.customizer .btn {
	background-color: #7aa93c;
	color: #fff;
}

.customizer .btn:hover {
	background-color: #729741;
}

@media screen and (max-width: 400px) {
	.customizer {
		display: none;
	}
}