@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,hr,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,summary,hgroup{
	margin:0;
	padding:0;
	border:0
}

h1,h2,h3,h4,h5,h6,small{
	font-size:1em
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
}

audio,canvas,video{
	display:inline-block
}

audio:not([controls]){
	display:none;
	height:0
}

[hidden]{
	display:none
}

html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%
}

a:active,a:hover{
	outline:0
}

abbr[title]{
	border-bottom:1px dotted
}

b,strong{
	font-weight:700
}

dfn{
	font-style:italic
}

hr{
	color:transparent;
	background:none;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}

mark{
	background:#ff0;
	color:#000
}

code,kbd,pre,samp{
	font-family:monospace,monospace;
	font-size:1em
}

pre{
	white-space:pre-wrap
}

q{
	quotes:"\201C" "\201D" "\2018" "\2019"
}

small{
	font-size:80%
}

sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup{
	top:-0.5em
}

sub{
	bottom:-0.25em
}

svg:not(:root){
	overflow:hidden
}

ul,ol{
	margin-left:1.5em
}

ul{
	list-style-type:disc
}

ol{
	list-style-type:decimal
}

nav ol,nav ul{
	list-style:none;
	margin:0;
	padding:0
}

button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
	margin:0
}

button,input{
	line-height:normal
}

button,select{
	text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance:button;
	cursor:pointer
}

button[disabled],html input[disabled]{
	cursor:default
}

input[type="checkbox"],input[type="radio"]{
	box-sizing:border-box;
	padding:0
}

input[type="search"]{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}

textarea{
	overflow:auto;
	vertical-align:top
}

table{
	border-collapse:collapse;
	border-spacing:0
}

a img,img{
	-ms-interpolation-mode:bicubic;
	border:0
}

::-moz-selection{
	background:#37302a;
	color:white
}

::selection{
	background:#37302a;
	color:white
}

img::selection{
	background:transparent
}

img::-moz-selection{
	background:transparent
}

h1::selection{
	-webkit-text-stroke:2px #1a80d4;
	background:transparent;
	color:transparent
}

::selection:window-inactive,h1::selection:window-inactive{
	background:#bab9b6
}

@-webkit-viewport{
	width:device-width
}

@-moz-viewport{
	width:device-width
}

@-ms-viewport{
	width:device-width
}

@-o-viewport{
	width:device-width
}

@viewport{
	width:device-width
}

img,video{
	width:100%;
	max-width:100%;
	height:auto
}

.preload *{
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
	transition:none !important
}

html{
	_overflow-x:hidden
}

body{
	min-width:200px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	color:#37302a;
	background:white;
	font:400 112.5%/1.4 "chaparral-pro",Georgia,"times new roman",times,serif
}
#swiffycontainer {
	width: 796px; 
	height: 361px;
}

@media only screen and (min-width: 310px) and (max-width: 749px) {
	#swiffycontainer {
			width: 320px !important; 
			height: 146px !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){
	#announcement {
		/*background-color: #0299e8;
		padding: 3px;
		height: auto;*/
		width: 380px;
	}

}
@media screen and (min-width:28.75em){
	body{
		font-size:125%
	}

}

@media screen and (min-width:103.75em){
	body{
		font-size:150%
	}

}

@media screen and (max-width:18.75em){
	body{
		font-size:87.5%
	}

}

.content{
	float:left;
	text-align:center;
	margin:0;
	padding:0 8%;
	width:84%
}

@media screen and (min-width:28.75em){
	.content{
		padding:0 12%;
		width:76%
	}

}

@media screen and (min-width:37.5em){
	.content{
		padding:0 15%;
		width:70%
	}

}

@media screen and (min-width:46.25em){
	.content{
		padding:0;
		margin:0 auto;
		overflow:hidden;
		width:100%
	}

}

@media screen and (min-width:62.5em){
	.content{
		max-width:none
	}

}

.wrapper{
	max-width:47.5em;
	margin:0 auto
}

@media screen and (min-width:62.5em){
	.wrapper{
		_width:47.5em
	}

}

.border{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:0;
	height:.5em;
	background:#1a80d4
}

a{
	color:#1a80d4;
	text-decoration:underline
}

a:hover{
	text-decoration:none
}

.btn{
	color:white;
	background:#1a80d4;
	text-transform:uppercase;
	text-decoration:none;
	padding:.5em 1em .46em;
	line-height:normal;
	display:inline-block;
	font-weight:400;
	font-family:"proxima-nova-extra-condensed",sans-serif;
	font-size:112.5%;
	letter-spacing:2px;
	-webkit-transition:background .5s ease;
	-moz-transition:background .5s ease;
	-o-transition:background .5s ease;
	transition:background .5s ease
}

.btn:hover{
	background:#ca2d09
}

.btn:active{
	opacity:.7
}

@media screen and (min-width:46.25em){
	.btn{
		font-size:1.1em
	}

}

h1,h2,h3{
	font-family:"proxima-nova-extra-condensed",sans-serif;
	text-transform:uppercase;
	-moz-font-feature-settings:"liga=1,kern=1";
	-ms-font-feature-settings:"liga" 1,"kern" 1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	font-weight:700;
	color:#1a80d4
}

h1{
	font-size:275%;
	line-height:.82;
	letter-spacing:-0.03em;
	margin-bottom:.4em
}

@media screen and (min-width:37.5em){
	h1{
		font-size:400%
	}

}

@media screen and (min-width:46.25em){
	h1{
		margin-bottom:.2em;
		*letter-spacing:-0.2em;
		font-size:620%
	}

}

@media screen and (min-width:62.5em){
	h1{
		font-size:880%
	}

}

h2{
	letter-spacing:-0.02em;
	font-size:175%;
	line-height:.82;
	margin-bottom:.7em
}

@media screen and (min-width:46.25em){
	h2{
		font-size:2.375em
	}

}

h3{
	-webkit-font-smoothing:subpixel-antialiased;
	font-weight:400;
	font-size:125%;
	line-height:1;
	float:left;
	width:100%;
	margin:.2em 0 1em;
	letter-spacing:1px;
	color:#37302a
}

@media screen and (min-width:46.25em){
	h3{
		font-size:1.2em
	}

}

p{
	margin-bottom:1.5em
}

.section p{
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto
}

.nav-collapse.disable-pointer-events {
	pointer-events:none !important;
}

.nav-collapse{
	z-index:1;
	font-family:"proxima-nova-extra-condensed",sans-serif
}

.nav-collapse,.nav-collapse *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.nav-collapse,.nav-collapse ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	float:left
}

@media screen and (min-width:46.25em){
	.nav-collapse,.nav-collapse ul{
		text-align:center
		/*text-align:left*/
	}

}

.nav-collapse li{
	float:left;
	width:100%;
	display:block
}

@media screen and (min-width:46.25em){
	.nav-collapse li{
		float:none;
		display:inline-block;
		*display:block;
		*float:left;
		width:auto;
		margin-left:.4em;
		margin-right:.2em;
	}

}

.nav-collapse a{
	text-transform:uppercase;
	font-weight:400;
	font-size:50% !important;
	letter-spacing:2px;
	color:white;
	text-decoration:none;
	width:100%;
	background:#1a80d4;
	border-bottom:1px solid white;
	padding:.5em 1em;
	float:left
}

.nav-collapse a:focus{
	background:#ca2d09;
	outline:none
}

@media screen and (min-width:46.25em){
	.nav-collapse a{
		_float:none;
		-webkit-font-smoothing:antialiased;
		margin:0;
		padding:1.96em .7em .5em;
		font-size:1.1em;
		background:transparent;
		color:#fff;
		border:0;
		-webkit-transition:background .5s ease;
		-moz-transition:background .5s ease;
		-o-transition:background .5s ease;
		transition:background .5s ease
	}

	.nav-collapse a:hover,.nav-collapse a:focus{
		background:#1a80d4;
	}

}

@media screen and (min-width:46.25em){
	.nav-collapse .active a{
		-webkit-font-smoothing:subpixel-antialiased;
		color:white;
		background:#1a80d4
	}

	.nav-collapse .active a:hover{
		text-decoration:none
	}

	.nav-collapse .active a:focus{
		background:#ca2d09
	}

}

.js .nav-collapse{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
}

@media screen and (min-width:46.25em){
	.js .nav-collapse{
		position:relative !important;
		max-height:none
	}

}

.nav-collapse.opened{
	max-height:9999px
}

.nav-toggle{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width:70px;
	height:45px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:#1a80d4 url("../images/hamburger.gif") no-repeat 50% 33%
}

@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){
	.nav-toggle{
		background-image:url("../images/hamburger-retina.gif");
		-webkit-background-size:100px 100px !important;
		-moz-background-size:100px 100px !important;
		-o-background-size:100px 100px !important;
		background-size:100px 100px !important
	}

}

@media screen and (min-width:46.25em){
	.nav-toggle{
		display:none
	}

}

.intro,.footer{
	float:left;
	width:100%
}

.image{
	width:100%;
	float:left;
	margin-bottom:3em
}

@media screen and (min-width:62.5em){
	.image{
		margin-left:-0.5em;
		*margin-left:0
	}

}

.intro{
	margin:2em auto 3em
}

@media screen and (min-width:46.25em){
	.intro{
		margin:4.96em auto 4.1em
	}

	.intro .intro-container{
		_width:31.5em;
		max-width:31.5em;
		margin:2.4em auto
	}

	.intro p{
		margin-left:auto;
		margin-right:auto;
		max-width:21.25em;
		_width:21.25em;
		text-align:left;
		float:left
	}

	.intro .btn{
		margin:.7em 1.3em 0 0;
		float:right
	}

}

@media screen and (min-width:62.5em){
	.intro{
		margin-top:5.86em
	}

}

.section{
	max-width:31.5em;
	margin:0 auto;
	text-align:left;
	clear:both;
	margin-top:3em;
	*zoom:1
}

.section:before,.section:after{
	content:"";
	display:table
}

.section:after{
	clear:both
}

.section ul{
	list-style-type:circle;
	font-weight:600
}

@media screen and (min-width:37.5em){
	.section ul{
		margin-left:0
	}

}

@media screen and (min-width:62.5em){
	.section ul{
		margin:1.34em 0 2em;
		line-height:1.4;
		width:55%;
		margin-left:-7%;
		float:left
	}

	.section ul li{
		margin-bottom:1.4em
	}

	.section ul.list-2{
		float:right;
		margin-left:0;
		margin-right:-13%
	}

}

#features{
	*zoom:1;
	margin-top:0
}

#features:before,#features:after{
	content:"";
	display:table
}

#features:after{
	clear:both
}

@media screen and (min-width:62.5em){
	#features{
		padding-bottom:1.74em;
		margin-bottom:5.26em;
		border-bottom:1px solid #d3d2d0
	}

}

pre,code{
	font-family:"panic sans",Monaco,monospace,monospace
}

pre{
	padding:2em 2em 1.3em;
	margin-bottom:3em;
	font-size:75%;
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#433a33;
	background:#fafafa;
	white-space:pre;
	white-space:no-wrap;
	overflow-x:scroll;
	_white-space:normal !important;
	-webkit-box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #e7e6e5;
	-moz-box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #e7e6e5;
	box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #e7e6e5
}

pre:hover{
	background:#fdfdfd;
	-webkit-box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #cecdcb;
	-moz-box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #cecdcb;
	box-shadow:0 1px 4px #f1f0f0,inset 0 0 0 1px #cecdcb
}

pre::-webkit-scrollbar{
	-webkit-appearance:none;
	background-color:transparent;
	width:8px;
	height:8px
}

pre::-webkit-scrollbar-thumb{
	border-radius:0;
	background-color:#d3d2d0
}

.com{
	color:#bab9b6
}

.lit{
	color:#bc5639
}

.pun{
	color:#b3a497
}

.opn,.clo,.fun{
	color:#37302a
}

.str,.atv{
	color:#bc5639
}

.typ,.atn,.dec,.var{
	color:#847160
}

#download{
	margin-top:1em;
	text-align:center
}

@media screen and (min-width:46.25em){
	#download{
		margin-top:3em
	}

}

#download span{
	width:100%;
	display:block;
	margin:.2em 0
}

@media screen and (min-width:46.25em){
	#download span{
		width:auto;
		display:inline;
		margin:0 .6em
	}

}

#download .repo{
	background:#847160
}

#download .repo:hover{
	background:#66584b
}

.footer{
	color:#bab9b6;
	text-align:center;
	font-size:16px;
	width:90%;
	margin:2.8em 5% 0;
	padding-bottom:2em
}

.footer a{
	color:#99FF00
}

.footer a:hover{
	/*color:#37302a*/
	color:#fff
}

@media screen and (min-width:46.25em){
	/*.footer{
		margin-top:6em;
		margin-bottom:4em
	}*/

}