@charset "UTF-8";

html { overflow-y: scroll; }
body { -webkit-overflow-scrolling: touch; }
html, body { height: 100%; }
a {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}
a:active, a:focus,
button:focus, input[type="button"] {
	outline: none;
}
.cf { zoom: 1; }
.cf:after {
	content: "";
	display: table;
	clear: both;
}

/* Smart Drawer
	========================================================================== */

@media screen and (max-width: 1100px){
	#sd {
		width: 320px;
		height: 100%;
		overflow: auto;
		position: fixed;
		right: -320px;
		top: 0;
		z-index: 99;
		padding:15px 4%;
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		background: #fff;
		box-sizing: border-box;
	}
}/*END*/

@media screen and (max-width: 400px) {
	#sd {
		width: 300px;
		right: -300px;
	}
}/*END*/

#sd.block {
	-webkit-transform: translate3d(-320px, 0, 0);
	transform: translate3d(-320px, 0, 0);
}
@media screen and (max-width: 400px) {
	#sd.block {
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}/*END*/

#sd.block:not(:target) {
  left: 0\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#sd.block-ie10 {
		-webkit-transform: translate3d(-320px, 0, 0) !important;
		transform: translate3d(-320px, 0, 0) !important;
	}
}/*END*/

.close,
.close img{ display: none; }
.open_sd .close{
	display: block;
	position: fixed;
	left: 10px;
	top:25px;
	background: #ccc;
	width: 30px;
	height: 5px;
	background-color: #ccc;
	border-radius: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	z-index: 9999;
}
.open_sd .close:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: inherit;
	border-radius: 4px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

#sd-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	transition: 0.3s;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
#sd-overlay.block {
	z-index: 9;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
#sd-overlay-android {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	background: rgba(0, 0, 0, 0.7);
	z-index: 50;
}