html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

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

html {
	box-sizing: border-box
}

*,*:before,*:after {
	box-sizing: inherit
}

.container {
	margin: 0 auto
}

.row {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 -10px 0 -10px
}

.row:before,.row:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.row .row {
	margin: 0 -10px 0 -10px
}

.small-1,.medium-1,.large-1,.small-2,.medium-2,.large-2,.small-3,.medium-3,.large-3,.small-4,.medium-4,.large-4,.small-5,.medium-5,.large-5,.small-6,.medium-6,.large-6,.small-7,.medium-7,.large-7,.small-8,.medium-8,.large-8,.small-9,.medium-9,.large-9,.small-10,.medium-10,.large-10,.small-11,.medium-11,.large-11,.small-12,.medium-12,.large-12 {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding: 0 10px
}

.small-1,.small-2,.small-3,.small-4,.small-5,.small-6,.small-7,.small-8,.small-9,.small-10,.small-11,.small-12 {
	float: left
}

.small-1 {
	width: 8.33333%
}

.small-2 {
	width: 16.66667%
}

.small-3 {
	width: 25%
}

.small-4 {
	width: 33.33333%
}

.small-5 {
	width: 41.66667%
}

.small-6 {
	width: 50%
}

.small-7 {
	width: 58.33333%
}

.small-8 {
	width: 66.66667%
}

.small-9 {
	width: 75%
}

.small-10 {
	width: 83.33333%
}

.small-11 {
	width: 91.66667%
}

.small-12 {
	width: 100%
}

.small-hidden,.medium-visible,.large-visible {
	display: none
}

.small-visible,.medium-hidden,.large-hidden {
	display: block
}

.small-centered {
	margin-left: auto;
	margin-right: auto;
	float: none
}

@media (max-width: 768px) {
	.small-only-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}
}

@media (min-width: 768px) {
	.container {
		width: 750px
	}

	.medium-1,.medium-2,.medium-3,.medium-4,.medium-5,.medium-6,.medium-7,.medium-8,.medium-9,.medium-10,.medium-11,.medium-12 {
		float: left
	}

	.medium-1 {
		width: 8.33333%
	}

	.medium-2 {
		width: 16.66667%
	}

	.medium-3 {
		width: 25%
	}

	.medium-4 {
		width: 33.33333%
	}

	.medium-5 {
		width: 41.66667%
	}

	.medium-6 {
		width: 50%
	}

	.medium-7 {
		width: 58.33333%
	}

	.medium-8 {
		width: 66.66667%
	}

	.medium-9 {
		width: 75%
	}

	.medium-10 {
		width: 83.33333%
	}

	.medium-11 {
		width: 91.66667%
	}

	.medium-12 {
		width: 100%
	}

	.small-hidden,.medium-visible,.large-hidden {
		display: block
	}

	.small-visible,.medium-hidden,.large-visible {
		display: none
	}

	.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}

	.medium-uncentered {
		float: left
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.medium-only-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px
	}

	.large-1,.large-2,.large-3,.large-4,.large-5,.large-6,.large-7,.large-8,.large-9,.large-10,.large-11,.large-12 {
		float: left
	}

	.large-1 {
		width: 8.33333%
	}

	.large-2 {
		width: 16.66667%
	}

	.large-3 {
		width: 25%
	}

	.large-4 {
		width: 33.33333%
	}

	.large-5 {
		width: 41.66667%
	}

	.large-6 {
		width: 50%
	}

	.large-7 {
		width: 58.33333%
	}

	.large-8 {
		width: 66.66667%
	}

	.large-9 {
		width: 75%
	}

	.large-10 {
		width: 83.33333%
	}

	.large-11 {
		width: 91.66667%
	}

	.large-12 {
		width: 100%
	}

	.small-hidden,.medium-hidden,.large-visible {
		display: block
	}

	.small-visible,.medium-visible,.large-hidden {
		display: none
	}

	.large-centered,.large-only-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}

	.large-uncentered {
		float: left
	}
}

@font-face {
	/* font-family:'icomoon';src:url("fonts/icomoon.eot?j9gfbd");src:url("fonts/icomoon.eot?#iefixj9gfbd") format("embedded-opentype"),url("fonts/icomoon.woff?j9gfbd") format("woff"),url("fonts/icomoon.ttf?j9gfbd") format("truetype"),url("fonts/icomoon.svg?j9gfbd#icomoon") format("svg");font-weight:normal;font-style:normal */
}[class^="icon-"],[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-close:before {
	content: "\f00d"
}

.icon-twitter:before {
	content: "\f099"
}

.icon-github:before {
	content: "\f09b"
}

.icon-bars:before {
	content: "\f0c9"
}

.icon-codepen:before {
	content: "\f1cb"
}

.icon-email:before {
	content: "\f1d8"
}

.syntax-string {
	color: #fff
}

.syntax-comment {
	color: #ccc
}

*,*:before,*:after {
	box-sizing: border-box
}

body {
	background-color: #212121;
	padding: 0;
	margin: 0;
	color: #fff;
	font: 1em tahoma, arial, sans-serif;
	line-height: 1.8;
	-webkit-text-size-adjust: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 900;
	text-transform: uppercase;
	font-family: "Raleway"
}

h2 {
	font-size: 1.6em;
	color: #fff;
	margin-bottom: 5px
}

h2:not(:first-child) {
	margin-top: 30px
}

h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.2em
}

h4 {
	color: #fff;
	font-size: .8em
}

p {
	font-size: .8em;
	margin: 0;
	padding: 0;
	margin-bottom: 1.2em;
	color: #eee
}

strong {
	text-transform: uppercase;
	font-weight: 900;
	color: #fff;
	font-family: "Raleway"
}

strong span {
	font-size: 1.2em;
	font-weight: normal
}

a {
	text-decoration: none;
	-webkit-transition: 1s color;
	transition: 1s color;
	color: #fff
}

a:hover {
	color: #d9d9d9
}

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

li {
	margin: 0;
	padding: 0
}

pre {
	padding: 5px 5px 5px 10px;
	margin: 0 0 15px 0;
	border-left: 10px solid #353535;
	background: rgba(51,51,51,0.7);
	color: #ccc;
	overflow-y: scroll;
	font-family: "Courier new", Courier, monospace;
	font-size: 12px
}

table pre {
	padding: 5px 0 5px 0;
	margin: 0;
	border: none;
	background: none
}

code {
	font-family: "Courier new", Courier, monospace;
	color: #fff;
	background: #222
}

table {
	font-size: 12px;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 2px solid rgba(51,51,51,0.7);
	line-height: 2
}

@media (max-width: 375px) {
	table .extra {
		display: none
	}
}

th,td {
	padding: 10px;
	text-align: left
}

th {
	font-family: "Raleway";
	font-weight: 900;
	text-transform: uppercase
}

thead tr {
	background: #000
}

tbody tr:nth-child(odd) {
	background: rgba(51,51,51,0.7)
}

.vegas-overlay {
	opacity: .4
}

.vegas-timer-progress {
	background: #fff
}

.container {
	position: relative
}

.row {
	margin: 20px 0
}

.banner {
	display: inline-block;
	background: #000;
	padding: 0 10px;
	font-size: 1em;
	font-weight: 0;
	font-family: "Raleway"
}

.banner a {
	font-weight: 900;
	font-family: "Raleway"
}

small.banner {
	font-family: taoma, sans-serif
}

.button {
	padding: 5px 10px;
	display: block;
	font-weight: 900;
	font-family: "Raleway";
	text-transform: uppercase;
	text-align: center;
	color: #000 !important;
	background: #fff;
	-webkit-transition: background-color 1s;
	transition: background-color 1s
}

.button:hover {
	background: #d9d9d9
}

.paypal-form {
	display: none
}

.github-buttons {
	margin-top: 20px;
	margin-bottom: -10px;
	text-align: center
}

.tweet-it {
	position: fixed;
	top: 1.5em;
	right: 3.5em;
	z-index: 1000;
	/* opacity: .5; */
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
	cursor: pointer;
}

.tweet-it-left {
	position: fixed;
	top: 1.5em;
	left: 3.5em;
	z-index: 1000;
	/* opacity: .5; */
	-webkit-transition: 1s opacity;
	transition: 1s opacity
}

@media (max-width: 768px) {
	.tweet-it {
		top: 80px;
		right: 1em
	}
}

@media (max-height: 550px) {
	.tweet-it {
		display: none
	}
}

@media (max-width: 375px) {
	.tweet-it {
		display: none
	}
}

.tweet-it:hover {
	opacity: 1
}

.tweet-it svg {
	display: block;
	fill: #fff;
	border-radius: 50%;
	border: 2px solid white;
	padding: 15px;
	text-align: center;
	width: 60px;
	height: 60px
}

.topbar {
	z-index: 10
}

.jaybar {
	z-index: 1
}

.jaybar-buttons {
	-webkit-transition: 1s background;
	transition: 1s background
}

#adblocked,#adpacks {
	z-index: 1000;
	line-height: 1;
	width: 130px;
	min-height: 150px
}

#adblocked b,#adpacks b {
	text-transform: uppercase
}

.adpacks-img {
	display: block;
	margin-bottom: 5px
}

.adpacks-img img {
	width: 130px;
	height: 100px;
	border: 1px solid #999;
	background: #eee;
	box-shadow: 0 0 10px rgba(0,0,0,0.5)
}

.adpacks-text,.adpacks-poweredby {
	font-size: 10px;
	text-decoration: none;
	color: #eee;
	text-shadow: 0 2px 1px #000, 0 -2px 1px #000, 2px 0 1px #000, -2px 0 1px #000;
	text-shadow: 1px 1px 0px #000
}

.adpacks-text b,.adpacks-poweredby b {
	color: #fff;
	font-weight: bold
}

.adpacks-poweredby {
	display: block;
	opacity: 0.8;
	margin-top: 10px
}

.homepage #adblocked,.homepage #adpacks {
	position: absolute;
	top: 50px;
	left: 12px
}

@media (max-width: 375px) {
	.homepage #adblocked,.homepage #adpacks {
		display: none
	}
}

@media (max-width: 649px) {
	.homepage #adblocked,.homepage #adpacks {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}
}

@media (min-width: 650px) {
	.homepage #adblocked,.homepage #adpacks {
		top: auto;
		left: 15px;
		bottom: 20px
	}
}

@media (min-width: 768px) {
	.homepage #adblocked,.homepage #adpacks {
		left: 25px;
		bottom: 40px
	}
}

@media (min-width: 769px) {
	.homepage #adblocked,.homepage #adpacks {
		left: 3em;
		bottom: 3.5em
	}
}

.documentation .sponsors {
	min-height: 100px;
	text-align: center
}

@media (min-width: 992px) {
	.documentation .sponsors {
		text-align: left
	}
}

.documentation .adpacks-wrap {
	display: block;
	margin-top: 5px
}

.documentation .adpacks-img img {
	margin: 0
}

@media (min-width: 992px) {
	.documentation .adpacks-img img {
		float: left;
		margin-right: 15px
	}
}

.documentation .adpacks-text {
	color: #fff;
	line-height: 1.7
}

.header-logo {
	position: absolute;
	top: 14px;
	left: 15px;
	font-family: "Raleway";
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3)
}

.header-logo small {
	opacity: .8
}

.header-logo a {
	color: #fff !important
}

.header-menu {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(0,0,0,0.5)
}

.header-menu a {
	color: #fff !important
}

.menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Raleway";
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all .3s;
	transition: all .3s
}

.menu-shown .menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.menu-container {
	height: 100%
}

.menu-close {
	position: absolute;
	top: 14px;
	right: 24px;
	font-size: 24px
}

.menu-close a {
	color: #fff
}

.menu-wrapper {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-size: 2em
}

.menu-wrapper a {
	color: #fff !important;
	opacity: .8;
	-webkit-transition: .5s all;
	transition: .5s all
}

.menu-wrapper a:hover {
	opacity: 1
}

.menu-wrapper ul {
	vertical-align: middle;
	display: table-cell
}

.menu-active a {
	opacity: 1
}

.homepage-header {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url('../../images/portal/unsplash5.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.homepage-info {
	position: absolute;
	overflow: hidden;
	font-family: "Raleway";
	text-transform: uppercase;
	line-height: 2.2em;
	text-align: right;
	width: 100%;
	font-size: .60em;
	right: 1em;
	bottom: 1em
}

@media (min-width: 768px) {
	.homepage-info {
		right: 2em;
		bottom: 2.5em;
		font-size: .85em
	}
}

@media (min-width: 769px) {
	.homepage-info {
		font-size: .85em;
		right: 3.5em;
		bottom: 3em
	}
}

.homepage-info h1 {
	position: relative;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 10px #000;
	letter-spacing: -1px;
	padding-right: 4.7em;
	font-size: 1.9em;
	margin: .75em 0;
	pointer-events: none
}

.homepage-info h1 span {
	display: block
}

.homepage-info h1 .line1 {
	font-size: 3em;
	letter-spacing: -5px;
	margin-bottom: .2em
}

.homepage-info h1 .line2 {
	position: absolute;
	bottom: 0.30em;
	right: 0;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.6),1px 1px 1px rgba(0,0,0,0.6),0px 0px 10px #000;
	opacity: 0.6;
	font-size: 7.7em
}

.homepage-info h1 .line3 {
	opacity: 0.6
}

.homepage-menu {
	position: relative;
	font-weight: 900;
	margin: .75em 0;
	font-size: 2em
}

.homepage-menu a {
	color: #fff
}

.homepage-menu li {
	margin-bottom: 4px
}

.homepage-menu .pushable {
	-webkit-transition: 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: 0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform: translateX(0) translateZ(0);
	transform: translateX(0) translateZ(0)
}

.homepage-menu .pushable:nth-child(1) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.homepage-menu .pushable:nth-child(2) {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.homepage-menu .pushable:nth-child(3) {
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms
}

.homepage-menu .pushable:nth-child(4) {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms
}

.homepage-menu.open .pushable {
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px);
	opacity: 0.3
}

.homepage-menu.open .pushable:nth-child(2) {
	opacity: 1
}

.homepage-submenu {
	line-height: 1.6;
	text-align: left;
	font-size: .68em;
	width: 140px;
	position: absolute;
	top: -4px;
	right: 0
}

.homepage-submenu li {
	-webkit-transition: 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: 0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform: translateY(16px);
	transform: translateY(16px);
	opacity: 0
}

.homepage-submenu li:nth-child(1) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.homepage-submenu li:nth-child(2) {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.homepage-submenu li:nth-child(3) {
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms
}

.homepage-submenu li:nth-child(4) {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms
}

.homepage-submenu li:nth-child(5) {
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms
}

.open .homepage-submenu li {
	opacity: 1;
	margin-top: 4px;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.homepage .support {
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	visibility: hidden
}

.homepage .support strong {
	color: #F6B700
}

.homepage .support .button {
	background: #F6B700
}

.homepage .support-shown {
	visibility: visible
}

.homepage .support-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 320px
}

.homepage .support-close {
	display: block;
	margin-top: 10px;
	text-align: center
}

.documentation-header {
	width: 100%;
	margin-bottom: 2em;
	text-shadow: 0 1px 1px #000;
	box-shadow: 5px 0 20px #000
}

.documentation-header h1 {
	font-size: 1.6em;
	margin-bottom: -10px
}

.documentation-header p {
	font-size: .9em;
	text-transform: uppercase
}

.documentation-header-wrapper {
	text-align: center;
	padding: 70px 0 30px
}

body.demo-playing>.vegas-overlay {
	opacity: 1 !important;
	background: rgba(17,17,17,0.8) !important
}

.test {
	background: transparent url(/img/transparent.png) repeat;
	width: 100%;
	height: 170px;
	margin-bottom: 15px
}

@media (min-width: 768px) and (max-width: 990px) {
	.test {
		height: 130px
	}
}

.block {
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	background: #000;
	font-size: .8em;
	line-height: 1.9;
	overflow: hidden
}

.block h1,.block h2,.block h3,.block h4,.block h5,.block h6 {
	margin: 0
}

.option {
	font-size: 13px;
	color: #bbb;
	font-family: "Courier new", courier, monospace
}

.value {
	font-size: 13px;
	font-family: "Courier new", courier, monospace;
	color: #fff
}

.console {
	border: 1px solid #444;
	height: 70px;
	font-size: 11px;
	font-family: "Courier new", courier, monospace;
	padding: 5px;
	margin-bottom: 20px
}

.code-block {
	position: relative
}

.code-block .block {
	border: 1px solid #fff;
	margin: 10px 0;
	overflow: visible
}

.code-block .arrow {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: relative;
	top: -18px;
	left: 50%;
	margin-left: -8px
}

@media (min-width: 768px) {
	.code-block .arrow {
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #fff;
		position: absolute;
		top: 50%;
		left: -8px;
		margin-top: -8px
	}

	.code-block .block {
		z-index: 100;
		position: absolute;
		width: 250px;
		top: 50%;
		right: -250px;
		box-shadow: 0 0 30px #000;
		margin-top: -125px
	}
}

@media (min-width: 992px) {
	.code-block .block {
		width: 320px;
		right: -325px;
		margin-top: -150px
	}
}

#test2-4 {
	margin-bottom: 10px
}

#test3-1 {
	height: 250px;
	margin-bottom: 10px
}

#test3-2 {
	height: 250px;
	margin-bottom: 10px
}

.button-list {
	margin: 20px 0 20px 0;
	padding: 0;
	overflow: hidden;
	font-size: 12px
}

.button-list li {
	border: 2px solid #222;
	border-bottom: 2px solid #222;
	width: 25%;
	margin: 0;
	height: 40px;
	line-height: 35px;
	text-align: center;
	float: left;
	background: #333;
	cursor: pointer;
	-webkit-transition: .5s border-color;
	transition: .5s border-color;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.button-list .active {
	border: 1px solid #fff;
	background: #222
}

.overlay-list li {
	width: 33.333333%;
	height: 60px;
	line-height: 60px;
	background-color: #444
}

.overlay-list .overlay-01 {
	background-image: url(/img/01.png)
}

.overlay-list .overlay-02 {
	background-image: url(/img/02.png)
}

.overlay-list .overlay-03 {
	background-image: url(/img/03.png)
}

.overlay-list .overlay-04 {
	background-image: url(/img/04.png)
}

.overlay-list .overlay-05 {
	background-image: url(/img/05.png)
}

.overlay-list .overlay-06 {
	background-image: url(/img/06.png)
}

.overlay-list .overlay-07 {
	background-image: url(/img/07.png)
}

.overlay-list .overlay-08 {
	background-image: url(/img/08.png)
}

.overlay-list .overlay-09 {
	background-image: url(/img/09.png)
}

#test4-1 .label {
	position: absolute;
	top: 50%;
	left: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 10em;
	font-weight: bold;
	opacity: .3
}

.method-list .working {
	background: #222
}

.method-example {
	display: none
}

.method-example.active {
	display: block
}

#test4-2 {
	position: relative
}

#test4-2 .next,#test4-2 .previous,#test4-2 .add {
	opacity: .8;
	visibility: hidden;
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: center center no-repeat;
	background-size: cover;
	top: 50%
}

#test4-2 .next:hover,#test4-2 .previous:hover,#test4-2 .add:hover {
	color: #fff
}

#test4-2 .previous {
	left: 10px;
	right: auto;
	background-image: url("/img/icon-previous.svg") !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#test4-2 .add {
	top: auto;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: url("/img/icon-add.svg") !important
}

#test4-2 .next {
	left: auto;
	right: 10px;
	background-image: url("/img/icon-next.svg") !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.vegas-overlay {
	opacity: .2 !important
}

.theme-sea h2 {
	color: #dec9b0
}

.theme-sea h4 {
	color: #dec9b0
}

.theme-sea a {
	color: #dec9b0
}

.theme-sea a:hover {
	color: #c7a57a
}

.theme-sea strong {
	color: #dec9b0
}

.theme-sea code {
	color: #d8c9b6
}

.theme-sea .value {
	color: #d2c8bc
}

.theme-sea .block {
	border-color: #dec9b0
}

.theme-sea .arrow {
	border-bottom-color: #dec9b0
}

@media (min-width: 768px) {
	.theme-sea .arrow {
		border-bottom-color: transparent;
		border-right-color: #dec9b0
	}
}

.theme-sea .button-list .active {
	border-color: #dec9b0
}

.theme-sea .button {
	background: #dec9b0
}

.theme-sea .button:hover {
	background: #c7a57a
}

.theme-sea .vegas-timer-progress {
	background: #dec9b0
}

.theme-sea .syntax-string {
	color: #d2c8bc
}

.theme-sea .menu-active a {
	color: #dec9b0 !important
}

.theme-tiger h2 {
	color: #ac8260
}

.theme-tiger h4 {
	color: #ac8260
}

.theme-tiger a {
	color: #ac8260
}

.theme-tiger a:hover {
	color: #7e5c42
}

.theme-tiger strong {
	color: #ac8260
}

.theme-tiger code {
	color: #aa8262
}

.theme-tiger .value {
	color: #9e836e
}

.theme-tiger .block {
	border-color: #ac8260
}

.theme-tiger .arrow {
	border-bottom-color: #ac8260
}

@media (min-width: 768px) {
	.theme-tiger .arrow {
		border-bottom-color: transparent;
		border-right-color: #ac8260
	}
}

.theme-tiger .button-list .active {
	border-color: #ac8260
}

.theme-tiger .button {
	background: #ac8260
}

.theme-tiger .button:hover {
	background: #7e5c42
}

.theme-tiger .vegas-timer-progress {
	background: #ac8260
}

.theme-tiger .syntax-string {
	color: #9e836e
}

.theme-tiger .menu-active a {
	color: #ac8260 !important
}

.theme-house h2 {
	color: #F6B700
}

.theme-house h4 {
	color: #F6B700
}

.theme-house a {
	color: #F6B700
}

.theme-house a:hover {
	color: #aa7e00
}

.theme-house strong {
	color: #F6B700
}

.theme-house code {
	color: #a08d56
}

.theme-house .value {
	color: #948762
}

.theme-house .block {
	border-color: #F6B700
}

.theme-house .arrow {
	border-bottom-color: #F6B700
}

@media (min-width: 768px) {
	.theme-house .arrow {
		border-bottom-color: transparent;
		border-right-color: #F6B700
	}
}

.theme-house .button-list .active {
	border-color: #F6B700
}

.theme-house .button {
	background: #F6B700
}

.theme-house .button:hover {
	background: #aa7e00
}

.theme-house .vegas-timer-progress {
	background: #F6B700
}

.theme-house .syntax-string {
	color: #948762
}

.theme-house .menu-active a {
	color: #F6B700 !important
}

.theme-car h2 {
	color: #d7c2ad
}

.theme-car h4 {
	color: #d7c2ad
}

.theme-car a {
	color: #d7c2ad
}

.theme-car a:hover {
	color: #be9c79
}

.theme-car strong {
	color: #d7c2ad
}

.theme-car code {
	color: #d4c2b0
}

.theme-car .value {
	color: #cec2b6
}

.theme-car .block {
	border-color: #d7c2ad
}

.theme-car .arrow {
	border-bottom-color: #d7c2ad
}

@media (min-width: 768px) {
	.theme-car .arrow {
		border-bottom-color: transparent;
		border-right-color: #d7c2ad
	}
}

.theme-car .button-list .active {
	border-color: #d7c2ad
}

.theme-car .button {
	background: #d7c2ad
}

.theme-car .button:hover {
	background: #be9c79
}

.theme-car .vegas-timer-progress {
	background: #d7c2ad
}

.theme-car .syntax-string {
	color: #cec2b6
}

.theme-car .menu-active a {
	color: #d7c2ad !important
}

.theme-bench h2 {
	color: #ff9f28
}

.theme-bench h4 {
	color: #ff9f28
}

.theme-bench a {
	color: #ff9f28
}

.theme-bench a:hover {
	color: #da7800
}

.theme-bench strong {
	color: #ff9f28
}

.theme-bench code {
	color: #b49773
}

.theme-bench .value {
	color: #a9967e
}

.theme-bench .block {
	border-color: #ff9f28
}

.theme-bench .arrow {
	border-bottom-color: #ff9f28
}

@media (min-width: 768px) {
	.theme-bench .arrow {
		border-bottom-color: transparent;
		border-right-color: #ff9f28
	}
}

.theme-bench .button-list .active {
	border-color: #ff9f28
}

.theme-bench .button {
	background: #ff9f28
}

.theme-bench .button:hover {
	background: #da7800
}

.theme-bench .vegas-timer-progress {
	background: #ff9f28
}

.theme-bench .syntax-string {
	color: #a9967e
}

.theme-bench .menu-active a {
	color: #ff9f28 !important
}

.theme-river h2 {
	color: #c9bd1e
}

.theme-river h4 {
	color: #c9bd1e
}

.theme-river a {
	color: #c9bd1e
}

.theme-river a:hover {
	color: #877e14
}

.theme-river strong {
	color: #c9bd1e
}

.theme-river code {
	color: #969151
}

.theme-river .value {
	color: #8b875c
}

.theme-river .block {
	border-color: #c9bd1e
}

.theme-river .arrow {
	border-bottom-color: #c9bd1e
}

@media (min-width: 768px) {
	.theme-river .arrow {
		border-bottom-color: transparent;
		border-right-color: #c9bd1e
	}
}

.theme-river .button-list .active {
	border-color: #c9bd1e
}

.theme-river .button {
	background: #c9bd1e
}

.theme-river .button:hover {
	background: #877e14
}

.theme-river .vegas-timer-progress {
	background: #c9bd1e
}

.theme-river .syntax-string {
	color: #8b875c
}

.theme-river .menu-active a {
	color: #c9bd1e !important
}

.theme-girls h2 {
	color: #9dcccc
}

.theme-girls h4 {
	color: #9dcccc
}

.theme-girls a {
	color: #9dcccc
}

.theme-girls a:hover {
	color: #6ab2b2
}

.theme-girls strong {
	color: #9dcccc
}

.theme-girls code {
	color: #9ecbcb
}

.theme-girls .value {
	color: #a6c3c3
}

.theme-girls .block {
	border-color: #9dcccc
}

.theme-girls .arrow {
	border-bottom-color: #9dcccc
}

@media (min-width: 768px) {
	.theme-girls .arrow {
		border-bottom-color: transparent;
		border-right-color: #9dcccc
	}
}

.theme-girls .button-list .active {
	border-color: #9dcccc
}

.theme-girls .button {
	background: #9dcccc
}

.theme-girls .button:hover {
	background: #6ab2b2
}

.theme-girls .vegas-timer-progress {
	background: #9dcccc
}

.theme-girls .syntax-string {
	color: #a6c3c3
}

.theme-girls .menu-active a {
	color: #9dcccc !important
}

.theme-cavern h2 {
	color: #e7a252
}

.theme-cavern h4 {
	color: #e7a252
}

.theme-cavern a {
	color: #e7a252
}

.theme-cavern a:hover {
	color: #d07c1d
}

.theme-cavern strong {
	color: #e7a252
}

.theme-cavern code {
	color: #ba9f7f
}

.theme-cavern .value {
	color: #b09e89
}

.theme-cavern .block {
	border-color: #e7a252
}

.theme-cavern .arrow {
	border-bottom-color: #e7a252
}

@media (min-width: 768px) {
	.theme-cavern .arrow {
		border-bottom-color: transparent;
		border-right-color: #e7a252
	}
}

.theme-cavern .button-list .active {
	border-color: #e7a252
}

.theme-cavern .button {
	background: #e7a252
}

.theme-cavern .button:hover {
	background: #d07c1d
}

.theme-cavern .vegas-timer-progress {
	background: #e7a252
}

.theme-cavern .syntax-string {
	color: #b09e89
}

.theme-cavern .menu-active a {
	color: #e7a252 !important
}

/*# sourceMappingURL=styles.min.css.map */