html, body {
}

body {
  margin: 0;
}

/**************
## Container ##
**************/
@media screen and (max-width: 767px){
	.pure-container {
		position: relative;
		/*height: 100%;*/
		-webkit-overflow-scrolling: touch;
	}
}


	.pure-toggle {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}

	.pure-toggle:focus ~ .pure-toggle-label {
		color: #fff;
	}

	.pure-toggle-label {
		cursor: pointer;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999999;
		width: 13vw;
		height: 13vw;
		background: #000;
		-webkit-transition: transform 400ms ease-in-out;
						transition: transform 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: transparent;
	}

	.pure-toggle-label:hover {}

	.pure-toggle-label:hover .pure-toggle-icon,
	.pure-toggle-label:hover .pure-toggle-icon:before,
	.pure-toggle-label:hover .pure-toggle-icon:after {
		background-color: #fff;
		border-radius: 2px;
	}

	.pure-toggle-label:active {
		-webkit-tap-highlight-color: transparent;
	}

	.pure-toggle-label .pure-toggle-icon,
	.pure-toggle-label .pure-toggle-icon:before,
	.pure-toggle-label .pure-toggle-icon:after {
		border-radius: 5px;
		position: absolute;
		top: 50%;
		left: 50%;
		height: 3px;
		width: 7.4vw;
		cursor: pointer;
		background: #fff;
		display: block;
		content: '';
		-webkit-transition: transform 200ms ease-in-out;
						transition: transform 200ms ease-in-out;
	}

	.pure-toggle-label .pure-toggle-icon {
		transform: translate3d(-50%, -3px, 0);
		-webkit-transform: translate3d(-50%, -3px, 0);
	}

	.pure-toggle-label .pure-toggle-icon:before {
		transform: translate3d(-50%, -10px, 0);
		-webkit-transform: translate3d(-50%, -10px, 0);
	}

	.pure-toggle-label .pure-toggle-icon:after {
		transform: translate3d(-50%, 7px, 0);
		-webkit-transform: translate3d(-50%, 7px, 0);
	}


	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']){
		opacity: 0;
		z-index: -1;
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon{
		background-color: transparent;
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after{
		top: 0;
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before{
		transform: translateX(-50%) rotate(45deg);
		-webkit-transform: translateX(-50%) rotate(45deg);
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after{
		transform: translateX(-50%) translateY(-10px) rotate(-45deg);
		-webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
		top: 10px;
	}

	/***********
	## Drawer ##
	***********/
	.pure-drawer {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		height: 100%;
		visibility: hidden;
		background-color: #fff;
		-webkit-transition-property: all;
						transition-property: all;
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
		-webkit-transition-timing-function: ease-out;
						transition-timing-function: ease-out;
		width: 85%;
	}
	.pure-drawer {
			width: 85%;
		}

	.pure-drawer[data-position='right'] {
		left: auto;
		right: 0;
	}


	/*********************
	## Pusher Container ##
	*********************/
	.pure-pusher-container {
		position: relative;
		/*height: 100%;*/
		overflow: hidden;
	}

	/***********
	## Pusher ##
	***********/
	.pure-pusher {
		position: relative;
		/*height: 100%;
		overflow-x: hidden;
		overflow-y: auto;*/
		left: 0;
		z-index: 2;
		background-color: #fff;
		-webkit-transition-property: -webkit-transform;
						transition-property: transform;
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
		-webkit-transition-timing-function: ease-out;
						transition-timing-function: ease-out;
	}

	/*******************
	## Pusher Overlay ##
	*******************/
	.pure-overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-transition-property: opacity;
						transition-property: opacity;
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
		-webkit-transition-delay: 200ms;
						transition-delay: 200ms;
		-webkit-transition-timing-function: ease-in-out;
						transition-timing-function: ease-in-out;
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
		/*right: 85%;*/
	}

	.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right']{
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 2;
	}

	/********************************
	## Fallback for older browsers ##
	********************************/
/*
	.no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
		left: -850%;
	}
*/



	/*********************
	## Effect - Push ##
	*********************/
	/* DRAWER */
	[data-effect='pure-effect-push'] .pure-drawer {
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
	}


	[data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {
		-webkit-transform: translate3d(85%, 0, 0);
		transform: translate3d(85%, 0, 0);
		z-index: 1000;
	}

	[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right']{
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	/* PUSHER */
	[data-effect='pure-effect-push'] .pure-pusher-container .pure-pusher {
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
	}

/*
	[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
		-webkit-transform: translate3d(-85%, 0, 0);
		transform: translate3d(-85%, 0, 0);
	}
*/

	/* OVERLAY */
	[data-effect='pure-effect-push'] .pure-overlay {
		-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
		-webkit-transition-delay: 150ms;
						transition-delay: 150ms;
	}


	/*!
	Animate.css - http://daneden.me/animate
	Licensed under the MIT license - http://opensource.org/licenses/MIT

	Copyright (c) 2014 Daniel Eden
	*/
	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.animated.infinite {
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}

	.animated.hinge {
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
	}