#demos {
	border-top: solid 1px #D6D6D6;
	border-bottom: solid 1px #D6D6D6;
	padding: 20px;
}


#demos .owl-carousel {
	margin: 0rem 0;
}
#demos .owl-carousel .item {
	width:100%;
}

#demos .owl-carousel .item-video {
	/*height: 300px*/
}
#demos #setup {
	margin-top: 4rem
}
#demos .demo-list h5 {
	margin: 0
}

@media only screen {
.demo-list [class*="column"]+[class*="column"]:last-child {
	float: left
}
}
.callbacks div {
	margin-bottom: 0.3rem
}
.callbacks span.label {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}
#docs {
	padding-top: 2rem
}
#docs .docs-content h2:first-child {
	padding-top: 0;
	margin-top: 0
}
#docs h4 {
	margin-top: 0.3rem;
	margin-bottom: 0.5rem
}
#docs ul.side-nav {
	text-align: right;
	margin-bottom: 1rem
}
#docs ul.side-nav li {
	margin: 0;
	padding: .3rem 3rem .3rem 0
}
#docs ul.side-nav li:hover, #docs ul.side-nav li.active {
	background: #f7f7f7
}
#docs ul.side-nav li:hover a, #docs ul.side-nav li.active a {
	color: #000;
	background-color: transparent
}
#docs ul.side-nav li.side-nav-head {
	text-transform: uppercase;
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	padding: 0rem 3rem .3rem 0
}
#docs ul.side-nav li.side-nav-head:hover {
	background: transparent
}

@media only screen and (max-width: 40em) {
#docs {
	padding-top: 1rem
}
#docs ul.side-nav {
	text-align: left
}
}
pre {
	overflow-y: hidden;
	margin-bottom: 2rem;
	background: #f8f8f8
}
.hljs {
	display: block;
	color: #333;
	background: #f8f8f8;
	padding: 2rem;
	line-height: 1.4;
	overflow-x: scroll
}
.hljs-comment, .hljs-template_comment, .diff .hljs-header, .hljs-javadoc {
	color: #B9B9B9;
	font-style: italic
}
.hljs-keyword, .css .rule .hljs-keyword, .hljs-winutils, .javascript .hljs-title, .nginx .hljs-title, .hljs-subst, .hljs-request, .hljs-status {
	color: #333;
	font-weight: bold
}
.hljs-number, .hljs-hexcolor, .ruby .hljs-constant {
	color: #099
}
.hljs-string, .hljs-tag .hljs-value, .hljs-phpdoc, .tex .hljs-formula {
	color: #bd240d
}
.hljs-title, .hljs-id, .coffeescript .hljs-params, .scss .hljs-preprocessor {
	color: #900;
	font-weight: bold
}
.javascript .hljs-title, .lisp .hljs-title, .clojure .hljs-title, .hljs-subst {
	font-weight: normal
}
.hljs-class .hljs-title, .haskell .hljs-type, .vhdl .hljs-literal, .tex .hljs-command {
	color: #458;
	font-weight: bold
}
.hljs-tag, .hljs-tag .hljs-title, .hljs-rules .hljs-property, .django .hljs-tag .hljs-keyword {
	color: #000080;
	font-weight: normal
}
.hljs-attribute, .hljs-variable, .lisp .hljs-body {
	color: #008080
}
.hljs-regexp {
	color: #009926
}
.hljs-symbol, .ruby .hljs-symbol .hljs-string, .lisp .hljs-keyword, .tex .hljs-special, .hljs-prompt {
	color: #333333
}
.hljs-built_in, .lisp .hljs-title, .clojure .hljs-built_in {
	color: #0086b3
}
.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata {
	color: #999;
	font-weight: bold
}
.hljs-deletion {
	background: #fdd
}
.hljs-addition {
	background: #dfd
}
.diff .hljs-change {
	background: #0086b3
}
.hljs-chunk {
	color: #aaa
}