@charset "UTF-8";



@media only screen and (max-width : 992px) {

	.nav {
    position: fixed;
		top: 0;
    bottom: 0;
    margin: 0;
    left: -380px;
    padding: 50px 0px;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
		z-index: 2000!important;
}

	.nav-toggle {
			position: relative;
			left: 0px;
			top: 0.10em;
			padding: 0em;
			background: inherit;
			color: black;
			cursor: pointer;
			font-size: 2.8em;
			font-weight: bold;
			line-height: 1;
			z-index: 1998;
			-webkit-transition: color .25s ease-in-out;
			-moz-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
	}
	.nav-toggle:after {
			text-decoration: none;
	}
	.nav-toggle:hover {
			color: #3c5b99;
	}

	[id='nav-toggle'] {
			position: absolute;
			display: none;
	}

	[id='nav-toggle']:checked ~ .nav > .nav-toggle {
			left: 202px;
			right: 2px;
			font-size: 1.8em;
			top: -1em;
	}


	[id='nav-toggle']:checked ~ .nav {
			left: 0;
			top: 0px;
			box-shadow:4px 0px 30px 0px rgba(0,0,0, 0.35);
			-moz-box-shadow:4px 0px 30px 0px rgba(0,0,0, 0.35);
			-webkit-box-shadow:4px 0px 30px 0px rgba(0,0,0, 0.35);
			overflow-y: auto;
	}


	[id='nav-toggle']:checked ~ main > article {
			-webkit-transform: translateX(320px);
			-moz-transform: translateX(320px);
			transform: translateX(320px);
	}


	[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
			content: '\2715';
	}

		


	body {
			-webkit-animation: bugfix infinite 1s;
	}


	[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}



	.nav > ul {
			display: block;
			margin: 0;
			padding: 0;
			margin-top: 30px;
			list-style: none;
	}

	.nav > ul > li {
			line-height: 2.5;
			opacity: 0;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			-webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
			-moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
			-ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
			transition: opacity .5s .1s, transform .5s .1s;
	}

	[id='nav-toggle']:checked ~ .nav > ul > li {
			opacity: 1;
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
	}



	.nav > ul > li:nth-child(2) {
			-webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
			transition: opacity .5s .2s, transform .5s .2s;
	}

	.nav > ul > li:nth-child(3) {
			-webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
			transition: opacity .5s .3s, transform .5s .3s;
	}

	.nav > ul > li:nth-child(4) {
			-webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
			transition: opacity .5s .4s, transform .5s .4s;
	}

	.nav > ul > li:nth-child(5) {
			-webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
			transition: opacity .5s .5s, transform .5s .5s;
	}

	.nav > ul > li:nth-child(6) {
			-webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
			transition: opacity .5s .6s, transform .5s .6s;
	}

	.nav > ul > li:nth-child(7) {
			-webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
			transition: opacity .5s .7s, transform .5s .7s;
	}


	.nav > ul > li > a {
			display: inline-block;
			position: relative;
			padding: 0;
			font-weight: 300;
			font-size: 0.9em;
			line-height: 1.2;
			margin-left: 14px;
			text-align: left;
			padding-top: 15px;
			padding-bottom: 15px;
			color: #000;
			width: 90%;
			text-decoration: none;
			-webkit-transition: color .5s ease, padding .5s ease;
			-moz-transition: color .5s ease, padding .5s ease;
			transition: color .5s ease, padding .5s ease;
	}



	.nav > ul > li > a:hover,
	.nav > ul > li > a:focus {
			color: #3c5b99;
	}

	.nav > ul > li > a:before {
			content: '';
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			height: 1px;
			width: 100%;
			-webkit-transition: width 0s ease;
			transition: width 0s ease;
	}

	.nav > ul > li > a:after {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			bottom: 0;
			height: 1px;
			width: 100%;
			background: #3c5b99;
			-webkit-transition: width .5s ease;
			transition: width .5s ease;
	}


	.nav > ul > li > a:hover:before {
			width: 0%;
			background: #3c5b99;
			-webkit-transition: width .5s ease;
			transition: width .5s ease;
	}

	.nav > ul > li > a:hover:after {
			width: 0%;
			background: transparent;
			-webkit-transition: width 0s ease;
			transition: width 0s ease;
	}


}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}


@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav {
      width: 100%;
      box-shadow: none
    }
}