/* Pushy - v0.9.2 - 2014-9-13 */

/* Container */
.wrapper{
	position: relative;
}

/* Внешний вид выдвигающегося блока меню */
.pushy{
	position: fixed;
	width: 320px;
	height: 100%;
	top: 0;
	z-index: 9999;
	overflow: auto;
	background-color: #ffffff;
	-webkit-overflow-scrolling: touch;
	transition: transform .4s cubic-bezier(.16, .68, .43, .99);
}

/* Скрытие слева */
.pushy-left{
	left: 0;
	transform: translate3d(-100%,0,0);
}

/* Скрытие справа */
.pushy-right{
	right: 0;
	left: auto;
	transform: translate3d(100%,0,0);
}

/* Открытое меню */
.pushy.pushy-open{
	transform: translate3d(0,0,0);
}

/* Сдвиг основного контента при открытии меню слева */
.container-push, .push-push{
	transform: translate3d(320px,0,0);
}

/* Сдвиг при открытии меню справа */
.container-push.push-right, .push-push.push-right{
	transform: translate3d(-320px,0,0);
}

/* Слой Overlay */
.site-overlay{
	display: none;
}

.pushy-active .site-overlay{
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0,0,0,0.7);
	animation: fade 500ms;
}

/* Плавная анимация Overlay */
@keyframes fade{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/* Адаптивность для экранов меньше 380px */
@media screen and (max-width: 380px) {
	.pushy{
		width: 85%;
	}
	.container-push, .push-push{
		transform: translate3d(85%,0,0);
	}
	.container-push.push-right, .push-push.push-right{
		transform: translate3d(-85%,0,0);
	}
}