/*[sass, assets/scss, pure-drawer.scss]
*************
## Container ##
**************/
.pure-container
{
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
BODY.admin-bar .pure-drawer, BODY.admin-bar .ie8-sidemenu
{
	margin-top: 32px;
}
/************
## Toggler ##
************/
.pure-toggle
{
	left: -9999px;
	position: absolute;
	top: -9999px;
}
.pure-toggleIE
{
	left: -9999px;
	position: absolute;
	top: -9999px;
}
.pure-toggle:focus ~ .pure-toggle-label
{
	border-color: #1FC08E;
	color: #1FC08E;
}
.pure-toggle-label
{
	cursor: pointer;
	display: block;
	position: relative;
	right: 0px;
	z-index: 99;
	color: #69A0CF;
	font-size: 17px;
	text-align: center;
	font-weight: 300;
	transition: all 400ms ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pure-toggle-label:hover
{
	color: #306A9F;
}
.pure-toggle-label:active
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[data-position='right'] .pure-toggle-label
{
	/*left: auto;*/
}
[data-position='top'] .pure-toggle-label
{
	/*left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);*/
}
.pure-toggle:checked ~ .pure-toggle-label
{
	/*-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
transform: translate3d(0, 0, 0) rotate(-45deg);
border-color: #1fc08e;
color: #1fc08e;*/
}
[data-position='right'] .pure-toggle:checked ~ .pure-toggle-label
{
	/*-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);*/
}
[data-position='top'] .pure-toggle:checked ~ .pure-toggle-label
{
	/*-webkit-transform: rotate(-45deg) translate3d(-20px, -20px, 0);
transform: rotate(-45deg) translate3d(-20px, -20px, 0);*/
}
/***********
## Drawer ##
***********/
.pure-drawer
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999 !important;
	height: 100%;
	background-color: #001223;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	width: auto;
}
@media only screen and (min-width: 40.063em)
{
	.pure-drawer
	{
		width: 300px;
	}
}
@media only screen and (min-width: 64.063em)
{
	.pure-drawer
	{
		width: 300px;
	}
}
[data-position='right'] .pure-drawer
{
	left: auto;
	right: 0;
}
[data-position='top'] .pure-drawer
{
	min-height: auto;
	width: 100%;
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'] .pure-drawer
	{
		height: 100%;
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'] .pure-drawer
	{
		height: auto;
	}
}
/*********************
## Pusher Container ##
*********************/
.pure-pusher-container
{
	position: relative;
	height: 100%;
	overflow: hidden;
}
/***********
## Pusher ##
***********/
.pure-pusher
{
	position: relative;
	height: 100%;
	left: 0;
	z-index: 2;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
/*******************
## Pusher Overlay ##
*******************/
.pure-overlay
{
	position: fixed;
	background: url('../images/blueBG.png') repeat;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0.3s;
	transition: opacity 0.5s 0.3s;
}
[data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
{
	left: 100%;
}
@media only screen and (min-width: 40.063em)
{
	[data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		left: 300px;
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		left: 300px;
	}
}
[data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
{
	right: 100%;
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		right: 300px;
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		right: 300px;
	}
}
[data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
{
	top: auto;
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		top: 100%;
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay
	{
		top: auto;
	}
}
.pure-toggle:checked ~ .pure-pusher-container .pure-overlay
{
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 900;
	-webkit-transition: opacity 0.5s 0.3s;
	transition: opacity 0.5s 0.3s;
}
/********************************
## Fallback for older browsers ##
********************************/
.no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	left: 100%;
}
@media only screen and (min-width: 40.063em)
{
	.no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		left: 300px;
	}
}
@media only screen and (min-width: 64.063em)
{
	.no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		left: 300px;
	}
}
.no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	left: -100%;
}
@media only screen and (min-width: 40.063em)
{
	.no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		left: -300px;
	}
}
@media only screen and (min-width: 64.063em)
{
	.no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		left: -300px;
	}
}
.no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	top: auto;
}
@media only screen and (min-width: 40.063em)
{
	.no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		top: 100%;
	}
}
@media only screen and (min-width: 64.063em)
{
	.no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		top: auto;
	}
}
/*******************************
## Effect 1 - Slide in on top ##
******************************
DRAWER*/
[data-effect='pure-effect-1'] .pure-drawer
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	z-index: 3;
}
[data-position='right'][data-effect='pure-effect-1'] .pure-drawer
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-1'] .pure-drawer
{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
[data-effect='pure-effect-1'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/**********************
## Effect 2 - Reveal ##
*********************
PUSHER*/
[data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/***************************
## Effect 3 - Slide along ##
**************************
DRAWER*/
[data-effect='pure-effect-3'] .pure-drawer
{
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
[data-position='right'][data-effect='pure-effect-3'] .pure-drawer
{
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-3'] .pure-drawer
{
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER*/
[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/*********************************
## Effect 4 - Reverse slide out ##
********************************
DRAWER*/
[data-effect='pure-effect-4'] .pure-drawer
{
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}
[data-position='right'][data-effect='pure-effect-4'] .pure-drawer
{
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-4'] .pure-drawer
{
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
}
[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER*/
[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/*********************************
## Effect 5 - Scale Down Pusher ##
********************************
DRAWER*/
[data-effect='pure-effect-5'] .pure-drawer
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
[data-position='right'][data-effect='pure-effect-5'] .pure-drawer
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-5'] .pure-drawer
{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER CONTAINER*/
[data-effect='pure-effect-5'] .pure-pusher-container
{
	-webkit-perspective: 1500px;
	perspective: 1500px;
}
/*PUSHER
Needed for Firefox*/
[data-effect='pure-effect-5'] .pure-pusher-container .pure-pusher
{
	z-index: 1;
}
[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, 0, -100%);
	transform: translate3d(0, 0, -100%);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 0, -300px);
		transform: translate3d(0, 0, -300px);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 0, -300px);
		transform: translate3d(0, 0, -300px);
	}
}
/*************************
## Effect 6 - Scale Up ##
************************
CONTAINER*/
[data-effect='pure-effect-6']
{
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}
[data-position='right'][data-effect='pure-effect-6']
{
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
[data-position='top'][data-effect='pure-effect-6']
{
	-webkit-perspective-origin: 50% 0;
	perspective-origin: 50% 0;
}
/*DRAWER*/
[data-effect='pure-effect-6'] .pure-drawer
{
	-webkit-transform: translate3d(0, 0, -100%);
	transform: translate3d(0, 0, -100%);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(0, 0, -300px);
		transform: translate3d(0, 0, -300px);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(0, 0, -300px);
		transform: translate3d(0, 0, -300px);
	}
}
[data-position='right'][data-effect='pure-effect-6'] .pure-drawer
{
	-webkit-transform: translate3d(100%, 0, -100%);
	transform: translate3d(100%, 0, -100%);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(300px, 0, -300px);
		transform: translate3d(300px, 0, -300px);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(300px, 0, -300px);
		transform: translate3d(300px, 0, -300px);
	}
}
[data-position='top'][data-effect='pure-effect-6'] .pure-drawer
{
	-webkit-transform: translate3d(0, 0, -$drawer-height-small);
	transform: translate3d(0, 0, -$drawer-height-small);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(0, 0, -100%);
		transform: translate3d(0, 0, -100%);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-6'] .pure-drawer
	{
		-webkit-transform: translate3d(0, 0, -$drawer-height-large);
		transform: translate3d(0, 0, -$drawer-height-large);
	}
}
[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER*/
[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/****************************************
## Effect 7 - Scale and Rotate Pusher ##
***************************************
DRAWER*/
[data-effect='pure-effect-7'] .pure-drawer
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
[data-position='right'][data-effect='pure-effect-7'] .pure-drawer
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-7'] .pure-drawer
{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
[data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER CONTAINER*/
[data-effect='pure-effect-7'] .pure-pusher-container
{
	-webkit-perspective: 1500px;
	perspective: 1500px;
}
/*PUSHER*/
[data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
	transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
[data-position='right'][data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
	transform: translate3d(100px, 0, -600px) rotateY(20deg);
}
[data-position='top'][data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
	transform: translate3d(0, 0, -100px) rotateX(20deg);
}
/**************************
## Effect 8 - Fall Down ##
*************************
DRAWER*/
[data-effect='pure-effect-8'] .pure-drawer
{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
[data-position='top'][data-effect='pure-effect-8'] .pure-drawer
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER*/
[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/*********************
## Effect 9 - Push ##
********************
DRAWER*/
[data-effect='pure-effect-9'] .pure-drawer
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
[data-position='right'][data-effect='pure-effect-9'] .pure-drawer
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
[data-position='top'][data-effect='pure-effect-9'] .pure-drawer
{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-drawer
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*PUSHER*/
[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
}
[data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}
}
[data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
{
	-webkit-transform: translate3d(0, auto, 0);
	transform: translate3d(0, auto, 0);
}
@media only screen and (min-width: 40.063em)
{
	[data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (min-width: 64.063em)
{
	[data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher
	{
		-webkit-transform: translate3d(0, auto, 0);
		transform: translate3d(0, auto, 0);
	}
}
/*# sourceMappingURL=pure-drawer.css.map*/
.ie8-sidemenu
{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
	height: 100%;
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	width: 300px;
}