@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300");

button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, nav ul a, body, pre {
	/* color: #000
 */}
.responsive-grid {
	display: none
}
.toggle-nav {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: -500%
}
.focusable.toggle-nav:active, .focusable.toggle-nav:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
nav ul ul {
	visibility: hidden
}
nav ul ul li:hover>ul, nav ul li:hover>ul {
	visibility: visible
}
nav {
	zoom: 1
}
nav:before, nav:after {
	content: "";
	display: table
}
nav:after {
	clear: both
}
.toolbar {
	text-align: center
}
.box, .hash-tabs .tab-pane-container {
	margin: 1em
}
nav, nav ul, .responsive-grid, body, .hash-tabs nav, .hash-tabs nav ul, .hash-tabs nav li a, .hash-tabs .tab-pane-container header h1, .hash-tabs .tab-pane-container header h2, .hash-tabs .tab-pane-container header h3, .hash-tabs .tab-pane-container header h4, .hash-tabs .tab-pane-container header h5, .hash-tabs .tab-pane-container header h6 {
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em
}
.hash-tabs nav li {
	/*margin-right: 1em*/
}
.hash-tabs nav {
	margin: 0 1em
}
a, code, em {
/*	margin: 0 0.28177em */
}
.toolbar, .box, .hash-tabs .tab-pane-container {
	padding: 1em
}
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, textarea[type="submit"]::-moz-focus-inner, select[type="submit"]::-moz-focus-inner, .responsive-grid::-moz-focus-inner, .hash-tabs nav li a::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, nav, nav ul, nav ul ul {
padding:0
}
fieldset, pre {
	padding: 0.76923em
}
.hash-tabs nav li a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}
.container, button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, input, textarea, select, input:not([type]), textarea:not([type]), select:not([type]), input[type="color"], textarea[type="color"], select[type="color"], input[type="email"], textarea[type="email"], select[type="email"], input[type="number"], textarea[type="number"], select[type="number"], input[type="password"], textarea[type="password"], select[type="password"], input[type="tel"], textarea[type="tel"], select[type="tel"], input[type="url"], textarea[type="url"], select[type="url"], input[type="text"], textarea[type="text"], select[type="text"], input textarea, textarea textarea, select textarea, .toolbar, nav ul a, .box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
hr, input[type="search"], textarea[type="search"], select[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
a, button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, .box {
	/*-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;*/
	
}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a {
	/* font-size: 130% */}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
font-family:"Open Sans", "sans-serif", "arial"
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
font-size:1em
}
nav ul ul {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
button[disabled], input[disabled][type="submit"], textarea[disabled][type="submit"], select[disabled][type="submit"], [disabled].responsive-grid, .hash-tabs nav li a, .hash-tabs nav li a.disabled {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}
nav ul ul li:hover>ul, nav ul li:hover>ul, .hash-tabs nav li a.active {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, input, textarea, select, fieldset, nav ul ul, .box, .hash-tabs .tab-pane-container, pre {
	/*border: 1px solid rgba(204,204,204,0.5)*/
}
nav ul a, .hash-tabs nav li a {
	/*border-right: 1px solid rgba(204,204,204,0.5)*/
}
.hash-tabs nav li a {
	/*border-left: 1px solid rgba(204,204,204,0.5)*/
}
.hash-tabs nav li a {
	/*border-top: 1px solid rgba(204,204,204,0.5)*/
}
nav, nav ul ul li a {
	/*border-bottom: 1px solid rgba(204,204,204,0.5)*/
}
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, textarea[type="submit"]::-moz-focus-inner, select[type="submit"]::-moz-focus-inner, .responsive-grid::-moz-focus-inner, .hash-tabs nav li a::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, img, object, embed {
border:0
}
nav ul ul {
	position: absolute
}
nav ul li {
	position: relative;
	
}
nav ul li:hover>ul, .hash-tabs nav li a {
	display: block
}
nav ul a, nav ul li, .hash-tabs {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	zoom: 1;
	*display:inline
}
.hash-tabs nav li {
	float:left;
}
nav ul, nav ul ul {
	list-style: none
}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, nav ul a {
	/* text-decoration: none
 */}
nav {
	width: 100%
}
.container {
*zoom:1;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%
}
.container:after {
	content: "";
	display: table;
	clear: both
}
@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?-ee78jr");
	src: url("../fonts/icomoon/icomoon.eot?#iefix-ee78jr") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?-ee78jr") format("woff"), url("../fonts/icomoon/icomoon.ttf?-ee78jr") format("truetype"), url("../fonts/icomoon/icomoon.svg?-ee78jr#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}

#fade-in .hash-tabs section, .hash-tabs .tab-pane-container section, #roll-in .hash-tabs section, #bounce-in .hash-tabs section, #flip-in .hash-tabs section, #light-speed-in .hash-tabs section, #rotate-in .hash-tabs section, #blur-in .hash-tabs section {
	/*-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important*/
}
#fade-in .hash-tabs section {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.hash-tabs .tab-pane-container section {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(20px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-opera-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(20px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300
}
h1 {
	font-size: 2.06923em
}
h2 {
	font-size: 1.41923em
}
h3 {
	font-size: 1.20256em
}
h4 {
	font-size: 1.09423em
}
h5 {
	font-size: 1.02923em
}
h6 {
	font-size: 0.9859em
}
hr {
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a {
	/* -webkit-appearance: button; */
	-moz-appearance: button;
	appearance: button;
	/* text-transform: none; */
	/* cursor: pointer; */
	/* font-weight: 500; */
	/* text-align:center; */
	/* text-shadow: 0 1px 0 #fff; */
	/* white-space: nowrap; */
	/* border-color: rgba(89,89,89,0.5)
 */}
button:hover, input[type="submit"]:hover, textarea[type="submit"]:hover, select[type="submit"]:hover, .responsive-grid:hover, .hash-tabs nav li a:hover, button:focus, input[type="submit"]:focus, textarea[type="submit"]:focus, select[type="submit"]:focus, .responsive-grid:focus, .hash-tabs nav li a:focus {
	border-color: #c2c2c2
}
button:active, input[type="submit"]:active, textarea[type="submit"]:active, select[type="submit"]:active, .responsive-grid:active, .hash-tabs nav li a:active {
	/*border-color: rgba(140,140,140,0.5);
	-webkit-box-shadow: inset 0 0 1.0em #000;
	-moz-box-shadow: inset 0 0 1.0em #000;
	box-shadow: inset 0 0 1.0em #000;
	-webkit-transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	-o-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02)*/
}
button[disabled], input[disabled][type="submit"], textarea[disabled][type="submit"], select[disabled][type="submit"], [disabled].responsive-grid, .hash-tabs nav li a[disabled] {
	cursor: not-allowed
}
input, textarea, select {
	line-height: 1.4
}
input[type="search"], textarea[type="search"], select[type="search"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}
input, textarea, select, input:not([type]), textarea:not([type]), select:not([type]), input[type="color"], textarea[type="color"], select[type="color"], input[type="email"], textarea[type="email"], select[type="email"], input[type="number"], textarea[type="number"], select[type="number"], input[type="password"], textarea[type="password"], select[type="password"], input[type="tel"], textarea[type="tel"], select[type="tel"], input[type="url"], textarea[type="url"], select[type="url"], input[type="text"], textarea[type="text"], select[type="text"], input textarea, textarea textarea, select textarea {
	/*padding: 1em 0.76923em*/
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
color:rgba(0,0,0,0.4)
}
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
color:rgba(0,0,0,0.4)
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
color:rgba(0,0,0,0.4)
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
color:rgba(0,0,0,0.4)
}
select {
	text-transform: none
}
.toolbar {
	background: rgba(140,140,140,0.1)
}
.toolbar button, .toolbar input[type="submit"], .toolbar textarea[type="submit"], .toolbar select[type="submit"], .toolbar .responsive-grid, .toolbar .hash-tabs nav li a, .hash-tabs nav li .toolbar a {
	margin: 0 -0.28177em 0 0
}
@media screen and (max-width: 767px) {
.toolbar {
	text-align: center
}
.toolbar button, .toolbar input[type="submit"], .toolbar textarea[type="submit"], .toolbar select[type="submit"], .toolbar .responsive-grid, .toolbar .hash-tabs nav li a, .hash-tabs nav li .toolbar a {
	margin: -1px 0 0 0
}
}
nav {
	background: #cfcfcf;
	border-bottom: 1px solid rgba(166,166,166,0.5)
}
nav ul {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(#ffffff, #f5f5f5);
	background: -o-linear-gradient(#ffffff, #f5f5f5);
	-pie-background: linear-gradient(#ffffff, #f5f5f5);
	background: linear-gradient(#ffffff, #f5f5f5);
	padding: 0
}
nav ul a {
	padding: 0.76923em 1em;
	text-shadow: 0 1px #fff;
	margin-right: -0.28177em
}
nav ul a:active, nav ul a.active {
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 0 1.1em -0.4em #cfcfcf;
	-moz-box-shadow: inset 0 0 1.1em -0.4em #cfcfcf;
	box-shadow: inset 0 0 1.1em -0.4em #cfcfcf
}
nav ul a:hover {
	background: #e6e6e6
}
nav ul ul {
	z-index: 3;
	top: 100%;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
}
nav ul ul ul {
	left: 100%;
	top: 0;
	z-index: 10
}
nav ul ul li a {
	border-right: 0;
	white-space: nowrap;
	margin: 0
}
.responsive-grid {
	text-shadow: none
}
@media print {
body {
	background: transparent !important;
	color: black !important;
	text-shadow: none;
	-webkit-filter: none;
	-moz-filter: none;
	filter: none
}
a, a:visited {
	color: #000 !important;
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid rgba(204,204,204,0.5);
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
@page {
margin:0.5cm
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
@media screen and (max-width: 767px) {
body {
	font-size: 100%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none
}
body, .container, button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a, textarea, input, textarea, select, img, nav ul li {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0
}
.container {
	padding: 0 1em
}
.container .responsive-grid, button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a {
	display: block
}
button, input[type="submit"], textarea[type="submit"], select[type="submit"], .responsive-grid, .hash-tabs nav li a {
	text-align: center
}
.form-actions button, .form-actions input[type="submit"], .form-actions textarea[type="submit"], .form-actions select[type="submit"], .form-actions .responsive-grid, .form-actions .hash-tabs nav li a, .hash-tabs nav li .form-actions a {
	margin: -0.28177em 0 0 0
}
nav {
	border: 1px solid rgba(204,204,204,0.5)
}
nav ul li a {
	display: block;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid rgba(204,204,204,0.5);
	margin: 0
}
nav ul li ul, nav ul li ul ul {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	visibility: visible;
	display: block;
	position: static;
	margin: 0;
	border: 0;
	font-size: 85%
}
nav ul li ul a, nav ul li ul ul a {
	text-indent: 3%
}
.responsive-grid+input[type="checkbox"]:checked+nav, .responsive-grid+textarea[type="checkbox"]:checked+nav, .responsive-grid+select[type="checkbox"]:checked+nav {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: -500%
}
input:not([type]), textarea:not([type]), select:not([type]), input[type="color"], textarea[type="color"], select[type="color"], input[type="email"], textarea[type="email"], select[type="email"], input[type="number"], textarea[type="number"], select[type="number"], input[type="password"], textarea[type="password"], select[type="password"], input[type="tel"], textarea[type="tel"], select[type="tel"], input[type="url"], textarea[type="url"], select[type="url"], input[type="text"], textarea[type="text"], select[type="text"], textarea {
	width: 100%
}
}
body {
	line-height: 1.4;
	font-family: "Open Sans", "sans-serif", "arial";
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}
img, object, embed {
	/*max-width: 100%*/
}
.hash-tabs nav {
	border: 0;
	background: transparent;
	padding: 0;
	width: auto;
	margin:0px;
}
.hash-tabs nav li a {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 0;
	font-weight: 300;
	font-size: 1.3em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 0;
	border-color: rgba(204,204,204,0.5);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.hash-tabs nav li a.active {
	margin-bottom: -2px;
}
.hash-tabs nav li a.disabled {
	cursor: not-allowed
}
.hash-tabs .tab-pane-container {
	margin: 0;
	padding:0px;
	
}
#roll-in .hash-tabs section {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
@-opera-keyframes rollIn {
0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg)
}
}
#bounce-in .hash-tabs section {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(0.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(0.9)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounceIn {
0% {
opacity:0;
-moz-transform:scale(0.3)
}
50% {
opacity:1;
-moz-transform:scale(1.05)
}
70% {
-moz-transform:scale(0.9)
}
100% {
-moz-transform:scale(1)
}
}
@-opera-keyframes bounceIn {
0% {
opacity:0;
-o-transform:scale(0.3)
}
50% {
opacity:1;
-o-transform:scale(1.05)
}
70% {
-o-transform:scale(0.9)
}
100% {
-o-transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(0.3)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(0.9)
}
100% {
transform:scale(1)
}
}
#flip-in .hash-tabs section {
	-webkit-animation-name: flipInX;
	-moz-animation-name: flipInX;
	-o-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateX(10deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-opera-keyframes flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);

opacity:0
}
40% {
-o-transform:perspective(400px) rotateX(-10deg)
}
70% {
-o-transform:perspective(400px) rotateX(10deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateX(-10deg)
}
70% {
transform:perspective(400px) rotateX(10deg)
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
#light-speed-in .hash-tabs section {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	-o-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-moz-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-moz-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@-opera-keyframes lightSpeedIn {
0% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-o-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-o-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
#rotate-in .hash-tabs section {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
}
@-opera-keyframes rotateIn {
0% {
-o-transform-origin:center center;
-o-transform:rotate(-200deg);
opacity:0
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
}
#blur-in .hash-tabs section {
	-webkit-animation-name: blurIn;
	-moz-animation-name: blurIn;
	-o-animation-name: blurIn;
	animation-name: blurIn;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s
}
@-webkit-keyframes blurIn {
from {
-webkit-filter:blur(3px) opacity(0)
}
to {
	-webkit-filter: blur(0px) opacity(1)
}
}
@-moz-keyframes blurIn {
from {
-moz-filter:blur(3px) opacity(0)
}
to {
	-moz-filter: blur(0px) opacity(1)
}
}
@-opera-keyframes blurIn {
from {
-o-filter:blur(3px) opacity(0)
}
to {
	-o-filter: blur(0px) opacity(1)
}
}
@keyframes blurIn {
from {
filter:blur(3px) opacity(0)
}
to {
	filter: blur(0px) opacity(1)
}
}
.container {
	margin: auto 20%;
	width: auto
}
pre {
	font-family: monospace;
	background: #f5f5f5
}