@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700';
body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 1.75;
	background: #fff;
	min-width: 800px;
	-webkit-font-smoothing: antialiased
}
.break-word {
	word-break: break-word
}
.center {
	max-width: 1200px;
	/*position: relative;*/
	display: table;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box
}
@media(max-width:960px){.center{padding-left:30px;padding-right:30px}}@media(max-width:800px){.center{padding-left:20px;padding-right:20px}}a{color:#ee350f;text-decoration:none}a:hover{text-decoration:underline}ul{padding-left:30px}li{margin:5px 0
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	font-weight: 500
}
h1,
.h1 {
	font-size: 38px;
	line-height: 1.2
}
h1:first-child,
.h1:first-child {
	margin-top: 0
}
h2,
.h2 {
	font-size: 32px;
	line-height: 1.3;
	margin: 25px 0 15px
}
h3,
.h3 {
	font-size: 26px;
	line-height: 1.4;
	margin: 15px 0
}
h4,
.h4 {
	font-size: 20px;
	margin: 15px 0;
	line-height: 1.4
}
h5,
.h5 {
	font-size: 18px;
	line-height: 1.3
}
h1.code,
h2.code,
h3.code,
h4.code,
h5.code,
h1 .code,
h2 .code,
h3 .code,
h4 .code,
h5 .code {
	font-family: roboto mono, source code pro, Menlo, Monaco, Consolas, courier new, monospace;
	font-weight: 400!important
}
main {
	padding-top: 40px;
	padding-bottom: 40px;
	box-sizing: border-box
}
main img {
	max-width: 100%
}
.centered,
.text-align-center {
	text-align: center
}
.large-text {
	font-size: 18px
}
.row {
	display: flex
}
.row .col-50 {
	width: 50%
}
.github-buttons {
	font-size: 0;
	line-height: 18px
}
.github-buttons img {
	width: auto;
	height: 18px;
	vertical-align: middle;
	position: relative;
	top: -1px
}
.github-buttons a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 10px
}
.github-buttons a span {
	font-size: 15px
}
.github-buttons a:hover {
	opacity: .7
}
.github-buttons a:first-child {
	margin-left: 0
}
.important-note {
	padding: 5px 10px 5px 15px;
	background: #fde9e5;
	color: #000;
	border-left: 3px solid #ee350f;
	transition-duration: 400ms
}
.important-note ul {
	margin: 0;
	padding-left: 20px
}
.color-example {
	display: inline-block;
	border: 1px solid #eee;
	width: 100px;
	height: 44px
}
.carbon {
	width: 300px;
	font-size: 13px;
	line-height: 1.4;
	padding: 8px 10px;
	overflow: hidden;
	border-radius: 3px;
	margin-top: 0;
	border: 1px solid rgba(0, 0, 0, .2);
	min-height: 103px
}
.carbon a {
	color: #333;
	display: block;
	text-decoration: none
}
.carbon img {
	display: block;
	width: 130px;
	height: 100px
}
.carbon .carbon-img {
	display: block;
	float: left
}
.carbon .carbon-text {
	margin-top: 3px;
	margin-left: 140px
}
.carbon .carbon-poweredby {
	opacity: .8;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 140px
}
.carbon-placeholder {
	text-align: left;
	padding-top: 30px
}
#carbonads+.carbon-placeholder {
	display: none
}
.f7-demo-icons {
	overflow: hidden
}
.f7-demo-icons .f7-demo-icon-cell {
	float: left;
	width: 20%;
	text-align: center;
	margin-bottom: 40px
}
.f7-demo-icons .f7-demo-icon-label {
	font-size: 11px;
	margin-top: 10px
}
.patreon-button {
	color: #fff;
	font-size: 0;
	line-height: 22px;
	padding: 0 10px;
	display: inline-block;
	border-radius: 11px;
	background: rgba(255, 255, 255, .1);
	transition: 200ms
}
.patreon-button:hover {
	background: rgba(0, 0, 0, .1)
}
.patreon-button .patreon-logo {
	display: inline-block;
	position: relative;
	height: 16px;
	width: 16px;
	vertical-align: middle
}
.patreon-button .patreon-logo:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 3.2px;
	height: 16px;
	content: '';
	background: #052d49
}
.patreon-button .patreon-logo:after {
	width: 12px;
	height: 12px;
	position: absolute;
	background: #fff;
	border-radius: 10px;
	content: '';
	right: 0;
	top: 0
}
.patreon-button .patreon-text {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-left: 5px
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
header {
	background: #ee350f;
	font-size: 14px;
	line-height: 1.5
}
header .logo {
	background: url(../i/logo.svg) no-repeat center;
	background-size: contain;
	display: block
}
header .carbon {
	border: 1px solid rgba(255, 255, 255, .2);
	background: rgba(255, 255, 255, .02)
}
header .carbon a {
	color: #fff
}
.home-header {
	height: 700px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	color: #fff;
	z-index: 1;
	background-image: linear-gradient(to right, #FB3E17, #fb5330 80%)
}
.home-header>.center {
	padding-top: 30px;
	padding-bottom: 30px;
	height: 100%;
	position: relative
}
.home-header .logo-title {
	display: flex;
	align-items: center
}
.home-header .logo-holder {
	width: 120px;
	height: 120px;
	margin: 0;
	position: relative
}
.home-header .triangle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	transform-origin: left top;
	z-index: -1
}
.home-header .triangle-1,
.home-header .triangle-3,
.home-header .triangle-4 {
	border-top: 200vw solid transparent;
	border-bottom: 200vw solid transparent;
	border-left: 200vw solid transparent
}
.home-header .triangle-2 {
	border-top: 200vw solid transparent;
	border-bottom: 200vw solid transparent;
	border-left: 600vw solid transparent
}
.home-header .triangle-1 {
	transform: rotate(-105deg);
	border-left-color: #ee350f
}
.home-header .triangle-2 {
	transform: rotate(-150deg);
	border-left-color: #ee350f
}
.home-header .triangle-3 {
	transform: rotate(-210deg);
	border-left-color: #ee350f
}
.home-header .triangle-4 {
	transform: rotate(-255deg);
	border-left-color: #ee350f
}
.home-header .logo {
	width: 100%;
	height: 100%;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .3);
	border-radius: 50%;
	transition: 600ms;
	position: relative;
	box-sizing: border-box;
	border: 4px solid #fff
}
.home-header .logo:hover {
	box-shadow: 0 30px 100px rgba(0, 0, 0, .3);
	transform: scale(1.05)
}
.home-header .title {
	margin: 0;
	font-size: 62px;
	line-height: 1;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	font-weight: 400
}
.home-header .slogan {
	font-size: 31px;
	margin: 0;
	font-weight: 400;
	line-height: 1.2;
	margin: 20px 0 60px
}
.home-header .left {
	float: left;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%
}
.home-header .buttons-links {
	align-self: flex-start
}
.home-header .buttons a {
	text-align: center;
	border: 2px solid #fff;
	box-sizing: border-box;
	display: inline-block;
	border-color: #fff;
	line-height: 40px;
	width: 200px;
	height: 44px;
	color: #fff;
	font-size: 17px;
	text-decoration: none;
	border-radius: 44px;
	transition: 200ms
}
.home-header .buttons a+a {
	margin-left: 20px
}
.home-header .buttons a:hover {
	background: rgba(0, 0, 0, .1)
}
.home-header .buttons a:active {
	background: #fff;
	color: #ee350f
}
.home-header .links {
	margin: 20px 0;
	text-align: center
}
.home-header .links a {
	color: #fff;
	border-right: 0;
	border-radius: 0;
	padding: 0 10px;
	display: inline-block;
	text-decoration: none;
	border-radius: 10px;
	transition: 200ms;
	text-align: center
}
.home-header .links a+a {
	margin-left: 10px
}
.home-header .links a:hover {
	background: rgba(0, 0, 0, .1)
}
.home-header .links a:hover {
	background: rgba(0, 0, 0, .2)
}
.home-header .links a:active,
.home-header .links a.active {
	background: #fff;
	color: #ee350f
}
.home-header .phone {
	position: absolute;
	background: #111;
	border-radius: 55px;
	box-shadow: 0 0 0 2px #aaa;
	top: 50%;
	right: 40px;
	width: 320px;
	height: 568px;
	padding: 105px 25px;
	transform: translateY(-50%)
}
@media(max-width:960px){.home-header .phone {
	right: 5px
}
}
.home-header .phone:after {
	content:'';
	position:absolute;
	width:60px;
	height:60px;
	left:50%;
	margin-left:-30px;
	bottom:20px;
	border-radius:100%;
	box-sizing:border-box;
	border:5px solid #333
}
.home-header .phone:before {
	content:'';
	width:60px;
	height:10px;
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-30px;
	background:#333;
	top:50px
}
.home-header .phone .statusbar {
	position:absolute;
	width:320px;
	height:20px;
	background:url(../i/status-bar.png);
	left:50%;
	margin-left:-160px;
	top:100px;
	-webkit-background-size:100% auto;
	background-size:100% auto
}
.home-header .phone iframe {
	width:320px;
	height:548px;
	display:block;
	width:100%;
	margin-top:20px
}
.home-header .phone.phone-android {
	border-radius:30px;
	width:360px;
	padding:60px 10px;
	height:640px
}
.home-header .phone.phone-android .theme-switch {
	margin-top:-9px
}
.home-header .phone.phone-android:before {
	width:14px;
	height:14px;
	border-radius:50%;
	position:absolute;
	left:50%;
	margin-left:-7px;
	background:#666;
	top:25px
}
.home-header .phone.phone-android:after {
	content:'';
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	left:50px;
	background:#444;
	top:30px;
	margin-left:0
}
.home-header .phone.phone-android iframe {
	width:360px;
	height:615px;
	margin-top:25px;
	border-radius:12px
}
.home-header .phone.phone-android .statusbar {
	width:360px;
	height:25px;
	background-image:url(../i/status-bar-android.png);
	margin-left:-180px;
	top:60px
}
.home-header .phone .theme-switch {
	position:absolute;
	right:100%;
	margin-right:2px;
	top:70px;
	white-space:nowrap
}
.home-header .phone .theme-switch a {
	text-align:center;
	background:#b72f20;
	text-decoration:none;
	color:#fff;
	padding:5px 5px 5px 20px;
	border-radius:35px 0 0 35px;
	display:block;
	font-size:12px;
	transition:200ms;
	opacity:.5;
	background:rgba(0,
	0,
	0,
	.3);
	position:relative
}
.home-header .phone .theme-switch a span {
	display:block
}
.home-header .phone .theme-switch a.active,
.home-header .phone .theme-switch a:hover {
	opacity:1
}
.home-header .phone .theme-switch a+a {
	margin-top:10px
}
.home-header .phone .theme-switch a.active:hover .theme-icon {
	opacity:0
}
.home-header .phone .theme-switch a.active:hover .fullscreen {
	opacity:1
}
.home-header .phone .theme-switch .theme-icon,
.home-header .phone .theme-switch .fullscreen {
	transition:100ms
}
.home-header .phone .theme-switch .fullscreen {
	position:absolute;
	right:0;
	top:0;
	width:58px;
	height:100%;
	box-sizing:border-box;
	padding:15px 5px 5px 20px;
	font-size:10px;
	line-height:1;
	opacity:0
}
.home-header .phone .theme-switch .fullscreen i {
	width:30px;
	height:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMicgaGVpZ2h0PSczMicgdmlld0JveD0nMCAwIDMyIDMyJz48cGF0aCBkPSdNMy4yMDUgMjguNzk1aDEwLjY2MnYtMTAuNjY0aC0xMC42NjJ2MTAuNjY0ek00LjI3MSAxOS4xOThoOC41M3Y4LjUzMWgtOC41M3YtOC41MzF6JyBmaWxsPScjZmZmZmZmJz48L3BhdGg+PHBhdGggZD0nTTIzLjQ2NCAxNmgxLjA2NnYtOC41M2gtOC41M3YxLjA2Nmg2Ljc2MmwtNy44OCA3Ljg4IDAuNzU0IDAuNzU0IDcuODI4LTcuODI4eicgZmlsbD0nI2ZmZmZmZic+PC9wYXRoPjxwYXRoIGQ9J00zLjIwNSAzLjIwNXYxMi43OTVoMS4wNjZ2LTExLjcyOWgyMy40NTd2MjMuNDU3aC0xMS43Mjl2MS4wNjZoMTIuNzk1di0yNS41OXonIGZpbGw9JyNmZmZmZmYnPjwvcGF0aD48L3N2Zz4=);
	background-size:24px 24px;
	background-position:center;
	background-repeat:no-repeat
}
.home-header .phone .theme-switch .logo-apple,
.home-header .phone .theme-switch .logo-android {
	width:30px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:3px
}
.home-header .phone .theme-switch .logo-apple {
	background-image:url(../i/logo-apple.png)
}
.home-header .phone .theme-switch .logo-android {
	background-image:url(../i/logo-android.png)
}
.home-header .carbon {
	float:none;
	margin:0;
	margin-top:auto
}
.home-header .release-info {
	font-size:14px;
	margin-top:40px;
	color:#fff
}
.home-header .release-info a {
	color:inherit;
	text-decoration:none
}
.home-header .release-info a:hover {
	text-decoration:underline
}
.home-header .patreon-github {
	display:flex;
	align-items:center;
	margin-top:10px
}
.home-header .github-buttons {
	margin-right:20px
}
@media(max-width:900px){.home-header .title {
	font-size:46px
}
.home-header .logo-holder {
	width:80px;
	height:80px
}
.home-header .logo {
	border-width:3px
}
.home-header .slogan {
	font-size:24px
}
.home-header .buttons a {
	width:160px
}
}
.internal-header {
	height:160px;
	color:#fff;
	box-sizing:border-box;
	position:relative;
	z-index:500
}
.internal-header>.center {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	height:100%
}
.internal-header>.center:before {
	position:absolute;
	content:'';
	border-left:180px solid transparent;
	border-right:500px solid transparent;
	border-top:160px solid #fb3e17;
	left:150px;
	bottom:0;
	transform-origin:left bottom;
	z-index:-1
}
.internal-header .logo-holder {
	width:160px;
	margin-right:30px
}
.internal-header .logo {
	width:160px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border-radius:50%;
	box-sizing:border-box;
	box-shadow:0 10px 50px rgba(0,
	0,
	0,
	.3);
	transition:600ms;
	transition-property:box-shadow,
	transform;
	border:4px solid #fff
}
.internal-header .logo:hover {
	box-shadow:0 30px 100px rgba(0,
	0,
	0,
	.3);
	transform:scale(1.05)
}
.internal-header .header-content {
	width:100%;
	flex-shrink:10;
	margin-right:10px
}
.internal-header .title {
	font-size:42px;
	font-weight:400;
	line-height:1;
	margin-bottom:20px
}
.internal-header .title .version {
	vertical-align:super;
	font-size:12px;
	font-weight:500;
	display:inline
}
.internal-header ul.nav {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	margin-left:-10px
}
.internal-header ul.nav li {
	margin:0;
	position:relative
}
.internal-header ul.nav li:hover ul {
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	transform:translateX(-50%) translateY(0px)
}
.internal-header ul.nav ul {
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	position:absolute;
	background:#fff;
	box-shadow:0 10px 50px rgba(0,
	0,
	0,
	.3);
	z-index:500;
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap;
	padding:10px 20px;
	border-radius:5px;
	left:50%;
	transition:200ms;
	transform:translateX(-50%) translateY(10px);
	top:100%;
	margin-top:10px
}
.internal-header ul.nav ul:before {
	content:'';
	height:10px;
	bottom:100%;
	width:100%;
	position:absolute;
	left:0
}
.internal-header ul.nav ul:after {
	content:'';
	width:0;
	height:0;
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
	position:absolute
}
.internal-header ul.nav ul li+li {
	margin-top:6px
}
.internal-header ul.nav ul a {
	color:#555;
	text-decoration:none
}
.internal-header ul.nav ul a:hover {
	color:#ee350f
}
.internal-header ul.nav>li+li {
	margin-left:5px
}
.internal-header ul.nav>li>a {
	color:inherit;
	text-decoration:none;
	padding:0 10px;
	display:block;
	border-radius:10px
}
.internal-header ul.nav>li:hover>a,
.internal-header ul.nav>li.active>a {
	background:rgba(0,
	0,
	0,
	.1)
}
.internal-header .carbon {
	margin-left:auto;
	position:relative;
	top:0;
	right:0;
	left:0;
	bottom:0;
	flex-shrink:0
}
.internal-header .patreon-github {
	display:flex;
	margin-top:20px;
	margin-bottom:-10px
}
.internal-header .patreon-github .patreon-button {
	margin-left:-10px
}
.internal-header .patreon-github .patreon-button:not(:hover) {
	background:0 0
}
.internal-header .patreon-github .github-buttons {
	margin-left:20px;
	line-height:22px
}
.internal-header .patreon-github .github-buttons a span {
	font-size:12px
}
.bsa-cpc {
	background:#d6300d;
	height:30px;
	position:relative;
	z-index:100
}
.bsa-cpc #_default_ {
	margin:0 auto;
	box-sizing:border-box;
	height:30px;
	position:relative;
	padding:0 40px;
	padding-left:230px;
	max-width:1200px;
	font-size:14px;
	line-height:1.5;
	display:flex;
	align-items:center
}
.bsa-cpc .default-ad {
	display:none
}
.bsa-cpc ._default_ {
	display:inline;
	overflow:hidden;
	line-height:1
}
.bsa-cpc ._default_>* {
	vertical-align:middle
}
.bsa-cpc a {
	color:#fff;
	text-decoration:none
}
.bsa-cpc a:hover {
	color:rgba(255,
	255,
	255,
	.7);
	text-decoration:none
}
.bsa-cpc .default-image {
	display:none
}
.bsa-cpc .default-title:after {
	content:" — "
}
.bsa-cpc .default-title,
.bsa-cpc .default-description {
	display:inline
}
.bsa-cpc .default-title {
	position:relative;
	margin-left:0
}
.bsa-cpc .default-title:before {
	position:relative;
	top:-1px;
	padding:3px 6px;
	border-radius:2px;
	background-color:#fff;
	color:#ee350f;
	content:"Sponsor";
	text-transform:uppercase;
	font-size:10px;
	line-height:1;
	margin-right:8px;
	display:inline-block
}
@media(max-width:960px){.internal-header{height:auto}.internal-header>.center{padding-top:20px;padding-bottom:20px}.internal-header>.center:before{left:50px}.internal-header .header-content {
	max-width:100%;
	min-width:0;
	width:auto
}
.internal-header .logo-holder {
	width:120px
}
.internal-header .logo {
	width:120px;
	height:120px;
	margin-top:0
}
.internal-header .title {
	font-size:32px;
	margin-bottom:10px
}
.internal-header .patreon-github {
	margin-bottom:0;
	margin-top:10px
}
.bsa-cpc {
	z-index:100;
	position:relative
}
.bsa-cpc #_default_ {
	padding-left:180px
}
}
@media(max-width:900px){.internal-header>.center{padding-top:10px;padding-bottom:10px}.internal-header>.center:before{left:50px}.internal-header .patreon-github {
	display:block
}
.internal-header .patreon-github .github-buttons {
	margin-left:0;
	margin-top:5px
}
.bsa-cpc {
	z-index:100;
	position:relative
}
.bsa-cpc #_default_ {
	padding-left:20px;
	padding-right:20px
}
}
.search-results {
	position:absolute;
	background:#fff;
	background:#ee350f;
	padding-top:10px;
	z-index:100;
	box-shadow:10px 10px 40px rgba(0,
	0,
	0,
	.2);
	top:100%;
	left:0;
	margin-top:-10px;
	width:300px;
	color:#333;
	border-radius:10px;
	overflow:hidden;
	box-sizing:border-box
}
.search-results .algolia-logo {
	height:20px;
	background:#fff
}
.search-results .algolia-logo:after {
	content:'';
	display:block;
	float:right;
	width:100px;
	height:20px;
	background:url(../i/algolia.svg) no-repeat center top;
	background-size:100% auto;
	margin-right:20px
}
@media(max-width:860px){.docs-nav .search-results {
	transition-duration:300ms;
	transform:translateX(-110px)
}
.docs-nav:not(.docs-nav-visible) .search-results {
	box-shadow:none
}
.docs-nav-visible .search-results {
	transform:translateX(0px)
}
}
.search-results.no-search-results {
	color:#333;
	background:#fff;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:20px
}
.search-results ul {
	margin:0;
	padding:0
}
.search-results ul ul {
	background:#fff
}
.search-results ul li>span,
.search-results ul li>a>span {
	display:block;
	font-weight:500;
	font-size:14px
}
.search-results ul a {
	color:#333
}
.search-results ul a:hover {
	color:#ee350f
}
.search-results ul a:hover em,
.search-results ul a:hover small {
	color:#ee350f
}
.search-results ul em {
	font-weight:700!important;
	font-style:italic!important;
	color:#000
}
.search-results ul>li {
	margin:0!important
}
.search-results ul>li>span {
	background:#ee350f;
	color:#fff;
	font-size:15px;
	padding:5px 10px
}
.search-results ul>li>ul {
	margin:0
}
.search-results ul>li>ul>li {
	margin:0;
	padding:5px 0 5px 10px
}
.search-results ul>li>ul>li+li {
	border-top:1px solid rgba(0,
	0,
	0,
	.4)
}
.search-results ul>li>ul>li>span {
	display:block
}
.search-results ul ul ul li {
	padding:5px 0;
	margin:0
}
.search-results ul ul ul li a {
	display:block
}
.search-results ul ul ul li span {
	display:block;
	font-weight:500;
	line-height:1.2;
	margin-bottom:2px
}
.search-results ul ul ul li+li {
	border-top:1px solid rgba(0,
	0,
	0,
	.2)
}
.search-results ul small {
	font-size:12px;
	display:block;
	line-height:15px;
	max-height:45px;
	position:relative;
	overflow:hidden;
	color:#666
}
.search-results ul small em {
	color:#333
}
.home-block {
	margin:100px 0;
	position:relative;
	font-size:18px
}
.home-block:first-child {
	margin-top:50px
}
.home-block h2 {
	font-size:41px;
	letter-spacing:-1px;
	line-height:1.25
}
.home-block:last-child {
	margin-bottom:0
}
.home-intro h1 {
	font-size:47px;
	margin-bottom:20px
}
.home-featured {
	text-align:center;
	padding:40px 0;
	margin-top:0;
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:-50px;
	margin-bottom:-50px
}
.home-featured:before {
	border-top:1px solid #eee;
	content:'';
	position:absolute;
	left:50%;
	width:100vw;
	transform:translateX(-50%);
	background:#f3f3f3;
	top:0;
	height:100%;
	min-width:800px;
	border-bottom:1px solid #eee
}
.home-featured h2 {
	font-size:35px;
	margin-bottom:30px;
	margin-top:0
}
.home-featured p {
	margin:0
}
.home-featured .feat-apps {
	display:flex;
	justify-content:space-between;
	margin-bottom:30px
}
.home-featured .feat-app:hover .feat-app-icon img {
	transform:scale(1.1);
	box-shadow:0 10px 50px rgba(0,
	0,
	0,
	.3)
}
.home-featured .feat-app:hover .feat-app-title,
.home-featured .feat-app:hover .feat-app-author {
	transform:translateY(10px)
}
.home-featured .feat-app-icon {
	display:block;
	width:100px;
	margin-left:auto;
	margin-right:auto
}
.home-featured .feat-app-icon img {
	transition:400ms;
	width:100px;
	height:100px;
	border-radius:22px
}
.home-featured .feat-app-icon.feat-app-icon-rounded img {
	border-radius:20px
}
.home-featured .feat-app-title {
	font-size:17px;
	text-decoration:none;
	display:block;
	line-height:1.3;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-left:5px;
	margin-right:5px;
	transition:400ms
}
.home-featured .feat-app-author {
	font-size:13px;
	transition:400ms
}
.home-featured .feat-app-author a {
	text-decoration:none;
	margin-left:4px
}
.home-featured .feat-app-author a:hover {
	text-decoration:underline
}
.home-easy-to-use .pic,
.home-vi .pic {
	float:left
}
.home-easy-to-use .pic img,
.home-vi .pic img {
	border-radius:50%;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2)
}
.home-easy-to-use .text,
.home-vi .text {
	margin-left:360px
}
.home-ios:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:100px;
	background-image:linear-gradient(to right,
	rgba(255,
	255,
	255,
	0),
	#fff);
	z-index:1
}
.home-ios:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100px;
	z-index:1;
	background-image:linear-gradient(to right,
	#fff,
	rgba(255,
	255,
	255,
	0))
}
.home-ios .pic {
	text-align:center;
	font-size:0;
	position:relative
}
.home-ios .pic:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	content:'';
	box-shadow:0 -20px 20px -15px rgba(0,
	0,
	0,
	.6) inset
}
.home-ios .pic img {
	width:80%
}
.home-ios .text {
	text-align:center;
	position:relative;
	z-index:10
}
.home-ui {
	position:relative
}
.home-ui .text {
	text-align:center;
	position:relative;
	z-index:10
}
.home-ui .pic {
	text-align:center;
	position:relative;
	width:100%
}
.home-ui .pic img {
	max-width:80%;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2);
	border-radius:10px
}
.home-killer h2 {
	text-align:center
}
.home-killer .tabs {
	max-width:800px;
	margin-left:auto;
	margin-right:auto
}
.home-killer .tab {
	display:none;
	align-items:center
}
.home-killer .tab.active {
	display:flex
}
.home-killer .tab .pic {
	float:left
}
.home-killer .tab .pic video {
	width:320px;
	height:auto;
	display:block;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2)
}
.home-killer .tab .text {
	margin-left:40px
}
.home-killer .tab h3 {
	font-size:41px;
	color:#333
}
.home-killer .tab-links {
	text-align:center;
	margin-bottom:35px
}
.home-killer .tab-links a {
	display:inline-block;
	width:20%;
	max-width:160px;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	border-left:0;
	line-height:30px;
	background:#f3f3f3;
	font-size:16px;
	color:#333;
	transition:200ms
}
.home-killer .tab-links a:hover {
	background:rgba(238,
	53,
	15,
	.1)
}
.home-killer .tab-links a:first-child {
	border-radius:15px 0 0 15px
}
.home-killer .tab-links a:last-child {
	border-radius:0 15px 15px 0
}
.home-killer .tab-links a.active {
	background:#ee350f;
	color:#fff
}
.home-styles .pic {
	text-align:center;
	font-size:0;
	display:block;
	width:1280px;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2)
}
.home-styles .pic img {
	vertical-align:bottom;
	width:25%;
	display:inline-block
}
.home-styles .pic img:nth-child(3) {
	vertical-align:top
}
.home-styles .text {
	text-align:center;
	position:relative;
	z-index:10;
	max-width:800px;
	margin-left:auto;
	margin-right:auto
}
.home-more h3 {
	color:#333;
	margin-top:0;
	margin-bottom:10px
}
.home-more p {
	margin-top:10px
}
.home-more .text {
	text-align:center
}
.home-more .feats {
	overflow:hidden
}
.home-more .feat {
	float:left;
	width:45%
}
.home-more .feat:nth-child(2n) {
	float:right
}
.home-more .feat:nth-child(2n+1) {
	clear:both
}
.home-free {
	text-align:center
}
.home-free p a {
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none;
	border-radius:22px;
	padding:0 20px;
	display:inline-block;
	text-align:center;
	line-height:44px;
	margin:0 20px
}
.home-free p a:hover {
	background:#ee350f;
	color:#fff;
	transition:200ms
}
img.lazy {
	background:#ddd
}
.home-products {
	text-align:center
}
.home-products .product {
	text-align:center;
	float:left;
	width:33.33%;
	margin:1em 0;
	box-sizing:border-box;
	padding:0 20px
}
.home-products .title {
	font-size:25px
}
.home-products a {
	text-decoration:none
}
.home-products a:hover img {
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2);
	transform:scale(1.1)
}
.home-products img {
	width:150px;
	transition:400ms;
	border-radius:50%
}
.home-products .text {
	color:#333
}
.home-products .more-products {
	display:flex;
	justify-content:center
}
.home-vue,
.home-react,
.home-vue-react {
	margin-top:0;
	text-align:center
}
.home-vue:first-child,
.home-react:first-child,
.home-vue-react:first-child {
	margin-top:0
}
.home-vue h1,
.home-react h1,
.home-vue-react h1 {
	margin-top:0;
	font-size:47px;
	text-align:center
}
.home-vue .text,
.home-react .text,
.home-vue-react .text {
	text-align:center
}
.home-vue .pic,
.home-react .pic,
.home-vue-react .pic {
	display:inline-block;
	background:#263238;
	border-radius:6px;
	font-size:0;
	overflow:hidden;
	box-shadow:0 10px 20px rgba(0,
	0,
	0,
	.5)
}
.home-vue a,
.home-react a,
.home-vue-react a {
	border-radius:10em;
	display:inline-block;
	transition:200ms;
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none;
	height:44px;
	line-height:44px;
	padding:0 40px
}
.home-vue a:hover,
.home-react a:hover,
.home-vue-react a:hover {
	background:#ee350f;
	color:#fff
}
.home-vue a:active,
.home-react a:active,
.home-vue-react a:active {
	background:#ee350f;
	color:#fff
}
.home-vue-react .pics {
	font-size:0
}
.home-vue-react .pic {
	max-width:60%;
	vertical-align:top
}
.home-vue-react .pic:nth-child(1) {
	margin-top:25px
}
.home-vue-react .pic:nth-child(2) {
	margin-left:-25%
}
body.body-docs .center {
	max-width:none
}
body.body-docs main>.center {
	max-width:none;
	display:flex
}
.docs-content {
	flex-shrink:10;
	box-sizing:border-box;
	position:relative;
	min-width:0;
	width:100%
}
.docs-content h1 {
	margin-top:0
}
.docs-content .with-device {
	padding-right:360px
}
.docs-content .with-device .device-spacer {
	height:400px
}
.docs-content h2[id],
.docs-content h3[id] {
	cursor:pointer
}
.ios-only,
.md-only {
	background:#f4f4f4;
	padding:10px;
	font-weight:700;
	line-height:1;
	border-left:3px solid #000
}
.ios-only:before,
.md-only:before {
	width:16px;
	height:16px;
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-right:6px;
	position:relative
}
.ios-only:before {
	background:url(../i/logo-apple-black.png) no-repeat center;
	background-size:100% auto;
	top:-2px
}
.md-only:before {
	background:url(../i/logo-android-black.png) no-repeat center;
	background-size:100% auto;
	top:-1px
}
span.ios-only,
span.md-only,
b.md-only,
b.ios-only {
	display:inline-block;
	font-size:12px;
	font-weight:500;
	padding:3px 6px;
	border:1px solid rgba(0,
	0,
	0,
	.1);
	border-radius:3px
}
span.ios-only:before,
span.md-only:before,
b.md-only:before,
b.ios-only:before {
	width:12px;
	height:12px;
	margin-right:4px;
	top:-1px
}
.docs-demo-device {
	/*position:absolute;*/
	/*right:20px;*/
	/*top:0;*/
	background:#111;
	z-index:1000;
	margin-top:40px;
}
.docs-demo-device:not(.docs-inline-device) {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
.docs-demo-device:not(.docs-inline-device).visible {
	display:block
}
.docs-demo-device.docs-demo-device-ios {
	padding:80px 15px;
	border-radius:55px;
	box-shadow:0 0 0 5px #aaa
}
.docs-demo-device.docs-demo-device-ios iframe {
	width:411px;
	height:731px
}
.docs-demo-device.docs-demo-device-ios:after {
	content:'';
	position:absolute;
	width:50px;
	height:50px;
	left:50%;
	margin-left:-25px;
	bottom:20px;
	border-radius:100%;
	box-sizing:border-box;
	border:3px solid #333
}
.docs-demo-device.docs-demo-device-ios:before {
	content:'';
	width:60px;
	height:10px;
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-30px;
	background:#333;
	top:50px
}
.docs-demo-device.docs-demo-device-android {
	padding:30px 10px 60px;
	border-radius:30px;
	box-shadow:0 0 0 2px #aaa
}
.docs-demo-device.docs-demo-device-android .docs-demo-device-iframe {
	border-radius:12px
}
.docs-demo-device.docs-demo-device-android iframe {
	width:330px;
	height:600px
}
.docs-demo-device.docs-demo-device-android:before {
	content:'';
	width:60px;
	height:5px;
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-30px;
	background:#333;
	top:12px
}
.docs-demo-device.docs-demo-device-android .docs-demo-device-android-buttons {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:0
}
.docs-demo-device.docs-demo-device-android .docs-demo-device-android-buttons>div {
	margin:0 30px
}
.docs-demo-device.docs-demo-device-android .circle,
.docs-demo-device.docs-demo-device-android .square,
.docs-demo-device.docs-demo-device-android .triangle {
	display:inline-block;
	vertical-align:middle
}
.docs-demo-device.docs-demo-device-android .circle,
.docs-demo-device.docs-demo-device-android .square {
	width:20px;
	height:20px;
	border:2px solid #666
}
.docs-demo-device.docs-demo-device-android .circle {
	border-radius:50%
}
.docs-demo-device.docs-demo-device-android .square {
	border-radius:2px
}
.docs-demo-device.docs-demo-device-android .triangle {
	width:0;
	height:0;
	display:inline-block;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-bottom:20px solid #666;
	position:relative;
	transform:rotate(-90deg);
	border-radius:2px
}
.docs-demo-device.docs-demo-device-android .triangle:after {
	content:'';
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:14px solid #000;
	position:absolute;
	left:0;
	top:4px;
	transform:translate(-50%,
	0%);
	border-radius:2px
}
.docs-demo-device .docs-demo-device-buttons {
	position:absolute;
	left:50%;
	bottom:100%;
	margin-bottom:10px;
	height:20px;
	line-height:20px;
	font-size:0;
	white-space:nowrap;
	transform:translateX(-50%)
}
.docs-demo-device .docs-demo-device-buttons a {
	width:80px;
	background:#f3f3f3;
	color:#555;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	text-align:center;
	transition:200ms;
	cursor:pointer;
	text-decoration:none
}
.docs-demo-device .docs-demo-device-buttons a:first-child {
	border-radius:10px 0 0 10px
}
.docs-demo-device .docs-demo-device-buttons a:last-child {
	border-radius:0 10px 10px 0
}
.docs-demo-device .docs-demo-device-buttons a:hover {
	background:rgba(238,
	53,
	15,
	.1)
}
.docs-demo-device .docs-demo-device-buttons a.active {
	background-color:#ee350f;
	color:#fff
}
.docs-demo-device .docs-demo-device-iframe {
	position:relative;
	overflow:hidden
}
.docs-demo-device iframe {
	border:0;
	margin:0;
	padding:0;
	display:block;
	border-radius:4px;
	overflow:hidden
}
.docs-demo-device .fade-overlay {
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	visibility:hidden;
	opacity:0;
	transition:200ms;
	pointer-events:none;
	z-index:100
}
.docs-demo-device .fade-overlay.visible {
	transition:0ms;
	opacity:1;
	visibility:visible
}
.docs-demo-device.docs-inline-device {
	width:320px;
	position:relative
}
.method-wrap {
	padding:20px;
	margin:1em 0;
	border-left:3px solid #ccc;
	background:#fafafa
}
.method-wrap+.method-wrap {
	margin-top:30px
}
.method-wrap p:first-child {
	margin-top:0
}
.method-wrap p:last-child,
.method-wrap ul:last-child {
	margin-bottom:0
}
.method-wrap .method-parameters {
	font-size:14px
}
.method-wrap .method-parameters+.method-returns {
	margin-top:-10px
}
.method-wrap .method-returns {
	font-style:normal;
	font-style:italic;
	font-size:14px
}
p.method,
span.method {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#000;
	font-weight:500
}
p.method span,
span.method span {
	color:#b72f20
}
ul.method-parameters {
	margin-top:-10px;
	margin-bottom:20px;
	padding-left:30px
}
ul.method-parameters .parameter {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#b72f20;
	font-weight:500
}
ul.method-parameters .parameter-type {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#006700;
	font-weight:500
}
.method-returns {
	list-style:none
}
.docs-index {
	font-size:14px;
	border-left:2px solid #666;
	margin:1em 0;
	padding:0;
	padding-left:20px;
	list-style:none;
	font-weight:500
}
.docs-index:empty {
	padding:0;
	border:0
}
.docs-index li {
	margin:5px 0;
	padding-left:10px;
	position:relative
}
.docs-index li:before {
	content:'';
	width:2px;
	height:2px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px;
	background:#000;
	border-radius:50%;
	opacity:.5
}
.docs-index li:first-child {
	margin-top:0
}
.docs-index li:last-child {
	margin-bottom:0
}
.docs-index a {
	color:#333
}
.docs-index ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:20px
}
.docs-nav {
	width:200px;
	margin-left:-40px;
	padding-left:20px;
	box-sizing:border-box;
	flex-shrink:0;
	color:#615353;
	background:#f7f1f1;
	background:#fff;
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:-40px;
	margin-bottom:-40px;
	margin-right:30px
}
@media(max-width:960px){.docs-nav{margin-left:-230px;transition-duration:300ms;transition-property:transform,box-shadow;z-index:50}.docs-nav.docs-nav-visible{transform:translateX(100%);box-shadow:20px 0 50px rgba(0,
0,
0,
.3)
}
}
@media(max-width:800px){.docs-nav{margin-left:-220px;margin-right:20px}}.docs-nav .title {
	color:#181818;
	margin-bottom:10px;
	font-weight:700;
	font-size:16px
}
.docs-nav .subtitle {
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:500
}
.docs-nav>ul {
	position:relative
}
.docs-nav>ul>li {
	margin-top:30px
}
.docs-nav>ul>li:first-child {
	margin-top:0
}
.docs-nav ul {
	margin:0;
	padding:0;
	line-height:1.3;
	list-style:none;
	font-size:14px;
	transition:400ms
}
.docs-nav ul ul ul {
	margin-left:10px
}
.docs-nav li {
	margin-bottom:10px;
	position:relative
}
.docs-nav li.active:before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:1000px;
	height:100%;
	padding:5px 0;
	background:#ee350f;
	top:50%;
	transform:translateY(-50%)
}
.docs-nav a {
	color:#3a2b2b;
	text-decoration:none;
	display:block;
	padding-right:10px;
	position:relative
}
.docs-nav a:hover {
	color:#ee350f
}
.docs-nav a.active {
	font-weight:500;
	color:#fff
}
.docs-nav .inactive {
	opacity:.4
}
.docs-nav .inactive .inactive {
	opacity:1
}
.docs-nav-searchbar {
	margin-left:-10px;
	margin-right:10px;
	position:relative;
	margin-top:-20px;
	margin-bottom:20px;
	position:-webkit-sticky;
	position:-moz-sticky;
	position:sticky;
	top:10px;
	z-index:10
}
.docs-nav-searchbar .disable-search {
	cursor:pointer;
	position:absolute;
	right:0;
	width:30px;
	height:30px;
	top:0;
	z-index:300;
	display:none
}
.docs-nav-searchbar .disable-search:after,
.docs-nav-searchbar .disable-search:before {
	content:'';
	display:block;
	height:2px;
	width:16px;
	background:#aaa;
	position:absolute;
	border-radius:4px;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-1px;
	transition:300ms
}
.docs-nav-searchbar .disable-search:after {
	transform:rotate(45deg)
}
.docs-nav-searchbar .disable-search:before {
	transform:rotate(-45deg)
}
.docs-nav-searchbar input.with-query+.disable-search {
	display:block
}
.docs-nav-searchbar input[type=search] {
	border:0;
	appearance:none;
	-webkit-appearance:none;
	background:#fff;
	outline:0;
	display:block;
	height:30px;
	padding:0 10px;
	width:100%;
	margin:0;
	box-sizing:border-box;
	border-radius:15px;
	color:#000;
	transition:400ms;
	border:2px solid rgba(0,
	0,
	0,
	.1);
	font-size:13px;
	z-index:200;
	position:relative
}
.docs-nav-searchbar input[type=search]:focus,
.docs-nav-searchbar input[type=search].with-query {
	border-color:transparent;
	box-shadow:0 5px 10px rgba(0,
	0,
	0,
	.1);
	font-size:14px
}
.docs-nav-toggle {
	position:absolute;
	position:-webkit-sticky;
	position:-moz-sticky;
	position:sticky;
	top:0;
	background:#d6300d;
	cursor:pointer;
	width:36px;
	height:30px;
	z-index:100;
	top:0;
	margin-left:100%;
	margin-top:-40px;
	margin-bottom:10px
}
@media(min-width:961px){.docs-nav-toggle{display:none}}.docs-nav-toggle span {
	display:block;
	height:3px;
	width:60%;
	background:#fff;
	position:relative;
	border-radius:4px;
	top:6px;
	left:20%;
	transition:300ms
}
.docs-nav-toggle span+span {
	margin-top:4px
}
.docs-nav-toggle span:first-child {
	transform-origin:left top
}
.docs-nav-toggle span:last-child {
	transform-origin:left bottom
}
.docs-nav-visible .docs-nav-toggle span:first-child {
	transform:translate(4px,
	-1px) rotate(45deg)
}
.docs-nav-visible .docs-nav-toggle span:last-child {
	transform:translate(4px,
	0px) rotate(-45deg)
}
.docs-nav-visible .docs-nav-toggle span:nth-child(2) {
	opacity:0
}
.improve-docs-link {
	float:right
}
.improve-docs-link a {
	color:#000;
	font-size:16px;
	display:block;
	line-height:20px;
	height:20px;
	opacity:.4;
	text-decoration:none;
	transition:200ms
}
.improve-docs-link a:hover {
	opacity:1
}
.improve-docs-link a:before {
	content:'';
	width:20px;
	height:20px;
	background:url(../i/gh-logo.svg) no-repeat center;
	background-size:18px auto;
	display:inline-block;
	vertical-align:top;
	margin-right:3px
}
table {
	width:100%;
	color:#333;
	font-size:14px;
	margin:1em 0 2em
}
table th,
table td {
	padding:8px 5px
}
table thead {
	text-align:left;
	font-size:16px
}
table tbody th,
table tbody td {
	border-top:1px solid #e4e4e4
}
table thead+tbody tr:first-child th,
table thead+tbody tr:first-child td {
	border-top-width:2px
}
table pre {
	white-space:pre-wrap
}
table.params-table {
	line-height:1.4
}
table.params-table th,
table.params-table td {
	vertical-align:top
}
table.params-table tbody td:first-child:not([colspan]),
table.params-table tbody td:nth-child(2),
table.params-table tbody td:nth-child(3):not(:last-child) {
	color:#b72f20;
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	font-weight:500
}
table.params-table tbody td:nth-child(2) {
	color:#006700
}
table.params-table tbody td:nth-child(n+3) {
	word-break:break-word
}
table.params-table tbody th[colspan="4"],
table.params-table tbody th[colspan="3"] {
	background:#fff;
	text-align:left;
	font-size:14px;
	background:#f6f6f6;
	padding-top:10px;
	padding-bottom:10px
}
table.params-table tbody th[colspan="4"] small,
table.params-table tbody th[colspan="3"] small {
	font-size:14px;
	font-weight:500
}
table.params-table tbody td:last-child:nth-child(3),
table.params-table tbody td:last-child:nth-child(4) {
	width:50%
}
table.params-table td p:first-child {
	margin-top:0
}
table.params-table td p:last-child {
	margin-bottom:0
}
table.params-table tr.subparam-open-row td,
table.params-table tr.subparam-close-row td {
	font-weight:700
}
table.params-table tr.subparam-open-row+tr td {
	border-top:0
}
table.params-table tr.subparam-close-row td {
	border-top:0
}
table.params-table tr.subparam-row td:first-child {
	padding-left:2em
}
table.methods-table {
	line-height:1.4
}
table.methods-table th,
table.methods-table td {
	vertical-align:top
}
table.methods-table tbody td:first-child:not(:last-child) {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#000;
	white-space:nowrap;
	font-weight:500
}
table.methods-table tbody td:first-child:not(:last-child) span {
	color:#b72f20
}
table.methods-table .parameter-type {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#006700
}
table.methods-table ul.method-parameters {
	margin:0;
	padding-left:20px
}
table.methods-table .method-returns {
	font-style:normal;
	font-style:italic
}
table.methods-table th[colspan="2"] {
	background:#fff;
	text-align:left;
	font-size:14px;
	background:#f6f6f6;
	padding-top:10px;
	padding-bottom:10px
}
table.methods-table th[colspan="2"] small {
	font-size:14px;
	font-weight:500
}
table.methods-table td p:first-child {
	margin-top:0
}
table.methods-table td p:last-child {
	margin-bottom:0
}
table.methods-table.dom7-table td {
	vertical-align:top
}
table.methods-table.dom7-table tbody td:first-child:not(:last-child) {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#000;
	white-space:normal;
	font-weight:500
}
table.methods-table.dom7-table tbody td:first-child:not(:last-child) span {
	color:#b72f20
}
table.methods-table code,
table.params-table code {
	white-space:pre-wrap
}
table.events-table tbody td:nth-child(2) span,
table.events-table tbody td:nth-child(3) span {
	white-space:nowrap;
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#b72f20;
	font-weight:500;
	display:block
}
table.events-table tbody td:nth-child(3) span {
	display:inline-block;
	white-space:normal
}
table.events-table tbody td:first-child:not([colspan]) {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#000;
	white-space:nowrap;
	font-weight:500
}
table.events-table tbody th[colspan] {
	background:#fff;
	text-align:left;
	font-size:14px;
	background:#f6f6f6;
	padding-top:10px;
	padding-bottom:10px
}
table.events-table tbody th[colspan] small {
	font-size:14px;
	font-weight:500
}
table.props-table tbody td:first-child {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace;
	color:#000;
	white-space:nowrap;
	font-weight:500
}
table.double-events-table tr:nth-child(4n - 6) td {
	border:0
}
table.double-events-table tr:nth-child(4n - 5) {
	background:#fafafa
}
table.double-events-table tr:nth-child(4n - 4) {
	background:#fafafa
}
table.double-events-table tr:nth-child(4n - 4) td {
	border:0
}
.apps {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-top:40px
}
.apps .app {
	width:25%;
	text-align:center;
	margin-bottom:50px;
	position:relative
}
.apps .app-icon {
	width:200px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2);
	border-radius:45px;
	position:relative;
	display:block;
	text-decoration:none
}
.apps .app-icon img {
	max-width:100%;
	border-radius:inherit
}
.apps .app-icon .img {
	height:100%;
	width:100%;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:10px;
	font-size:22px;
	font-weight:500;
	border-radius:inherit;
	line-height:1.1
}
.apps .app-icon:after {
	position:absolute;
	bottom:10px;
	font-size:12px;
	font-weight:700;
	background:rgba(0,
	0,
	0,
	.5);
	color:#fff;
	padding:0 10px;
	border-radius:2em;
	opacity:0;
	left:50%;
	transform:translate3d(-50%,
	10px,
	0);
	content:attr(data-hover-text)
}
.apps .app-icon:hover {
	box-shadow:0 40px 80px rgba(0,
	0,
	0,
	.1);
	transform:translate3d(0,
	0,
	0) scale(1.05)
}
.apps .app-icon:hover~.app-info {
	transform:translate3d(0,
	10px,
	0)
}
.apps .app-icon:hover:after {
	opacity:1;
	transform:translate3d(-50%,
	0px,
	0)
}
.apps .app-icon,
.apps .app-icon:after,
.apps .app-info {
	transition:400ms
}
.apps .app-info {
	margin-top:20px
}
.apps .app-title {
	font-weight:500;
	font-size:20px;
	margin:15px 0;
	line-height:1.4;
	margin-bottom:0;
	margin-top:0;
	line-height:1.2
}
.apps .app-description {
	margin-top:10px;
	padding:0 10px;
	font-size:14px;
	line-height:1.5
}
.apps .app-badges {
	position:absolute;
	right:5px;
	top:5px;
	white-space:nowrap
}
.apps .app-badges span {
	background:#0d9ef1;
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	min-width:24px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	height:18px;
	padding:0 5px;
	border-radius:10px
}
.apps .app-badges span+span {
	margin-left:5px
}
.apps .app-buttons {
	z-index:10;
	white-space:nowrap;
	margin-top:10px
}
.apps .app-buttons a {
	border-radius:10em;
	display:inline-block;
	transition:200ms;
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none;
	font-weight:500;
	padding:0 15px
}
.apps .app-buttons a:hover {
	background:#ee350f;
	color:#fff
}
.apps .app-buttons a:active {
	background:#ee350f;
	color:#fff
}
.apps .app-buttons a+a {
	margin-left:5px
}
@media(max-width:1023px){.apps .app {
	width:33.33333333%
}
}
@media(max-width:800px){.apps .app-icon {
	width:150px;
	height:150px
}
.apps .app-icon {
	border-radius:35px
}
}
.example {
	margin:40px 0
}
.example .device {
	margin:0 auto;
	position:relative;
	background:#111;
	box-shadow:0 0 0 2px #aaa;
	z-index:1000;
	padding:100px 30px;
	border-radius:55px
}
.example .device:after {
	content:'';
	position:absolute;
	width:60px;
	height:60px;
	left:50%;
	margin-left:-30px;
	bottom:20px;
	border-radius:100%;
	box-sizing:border-box;
	border:5px solid #333
}
.example .device:before {
	content:'';
	width:60px;
	height:10px;
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-30px;
	background:#333;
	top:50px
}
.example .device.device-android {
	border-radius:20px;
	width:360px;
	padding:60px 20px;
	height:640px;
	margin-left:-15px
}
.example .device.device-android:before {
	width:14px;
	height:14px;
	border-radius:50%;
	position:absolute;
	left:50%;
	margin-left:-7px;
	background:#666;
	top:25px
}
.example .device.device-android:after {
	content:'';
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	left:50px;
	background:#444;
	top:30px;
	margin-left:0
}
.example .device.device-android iframe {
	width:360px;
	height:640px
}
.example .device-inner {
	width:100%;
	height:100%;
	position:relative
}
.example iframe {
	max-width:100%
}
.example .device-v {
	padding:100px 30px
}
.example .device-v+.info {
	margin-left:424px
}
.example .device-h {
	max-width:1024px;
	padding:30px 80px;
	border-radius:30px
}
.example .device-h:after {
	left:auto;
	right:10px;
	bottom:auto;
	top:50%;
	margin-left:0;
	margin-top:-30px
}
.example .device-h:before {
	width:10px;
	height:60px;
	top:50%;
	margin-left:auto;
	margin-top:-30px;
	left:35px
}
.example .device-left {
	float:left;
	margin:0;
	margin-right:40px
}
.example .example-author {
	margin-bottom:20px
}
.example h2 {
	margin-top:0;
	margin-bottom:20px
}
.example h2+.example-author {
	margin-top:-20px
}
.example .info {
	padding-top:30px
}
.example .center-info {
	margin-left:50px;
	margin-right:50px;
	margin-bottom:20px
}
.example a.button {
	border-radius:10em;
	display:inline-block;
	transition:200ms;
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none
}
.example a.button:hover {
	background:#ee350f;
	color:#fff
}
.example a.button:active {
	background:#ee350f;
	color:#fff
}
.example a.button+a.button {
	margin-left:15px
}
.example a.button:hover {
	background:rgba(183,
	47,
	32,
	.1)
}
.example .buttons {
	margin-top:25px
}
.example .app-launcher {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#111;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #333
}
.example .app-launcher span {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate3d(-50%,
	-50%,
	0);
	color:#fff;
	font-size:21px;
	font-weight:300;
	cursor:pointer
}
.example .app-launcher span:before {
	position:absolute;
	bottom:100%;
	width:64px;
	height:64px;
	margin-bottom:10px;
	border:1px solid #fff;
	border-radius:18px;
	content:'';
	left:50%;
	margin-left:-33px
}
.example .app-launcher span:hover {
	opacity:.8
}
.showcase-apps {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
.showcase-apps .app {
	margin-top:50px;
	width:25%;
	text-align:center
}
.showcase-apps h4,
.showcase-apps .app-icon img,
.showcase-apps .app-author {
	transition:400ms
}
.showcase-apps .app-icon {
	width:200px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer
}
.showcase-apps .app-icon img {
	max-width:100%;
	box-shadow:0 20px 50px rgba(0,
	0,
	0,
	.2)
}
.showcase-apps .app-icon.app-icon-rounded img {
	border-radius:45px
}
.showcase-apps .app-icon.app-icon-bordered img {
	border:1px solid rgba(0,
	0,
	0,
	.1)
}
.showcase-apps .app-icon:hover img {
	box-shadow:0 40px 80px rgba(0,
	0,
	0,
	.1);
	transform:scale(1.05)
}
.showcase-apps .app-icon:hover~.app-info h4,
.showcase-apps .app-icon:hover~.app-info .app-author {
	transform:translateY(10px)
}
.showcase-apps .app-about,
.showcase-apps .app-links,
.showcase-apps .app-show-shots,
.showcase-apps .app-shots {
	display:none
}
.showcase-apps h4 {
	margin-bottom:0;
	margin-top:20px;
	line-height:1.2
}
.showcase-apps h2 {
	margin:0;
	line-height:1.2
}
@media(max-width:1023px){.showcase-apps .app {
	width:33.33333333%
}
}
@media(max-width:800px){.showcase-apps .app-icon {
	width:150px;
	height:150px
}
.showcase-apps .app-icon.app-icon-rounded img {
	border-radius:35px
}
}
.showcase-app-preview-backdrop {
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,
	0,
	0,
	.4);
	width:100%;
	height:100%;
	z-index:900
}
.showcase-app-preview {
	position:fixed;
	left:50%;
	top:50%;
	z-index:1000;
	background:#fff;
	border-radius:45px;
	transform:translate3d(-50%,
	-50%,
	0);
	width:800px;
	padding:20px;
	box-sizing:border-box;
	height:600px;
	max-height:90%;
	max-width:90%;
	box-shadow:0 30px 60px rgba(0,
	0,
	0,
	.4)
}
.showcase-app-preview .showcase-app-preview-close {
	position:absolute;
	width:40px;
	height:40px;
	cursor:pointer;
	right:0;
	top:0;
	transform:rotate(45deg);
	border-radius:50%;
	box-sizing:border-box;
	background:#ee350f;
	box-shadow:0 10px 20px rgba(0,
	0,
	0,
	.1)
}
.showcase-app-preview .showcase-app-preview-close:hover:after,
.showcase-app-preview .showcase-app-preview-close:hover:before {
	transform:scale(1.2)
}
.showcase-app-preview .showcase-app-preview-close:after {
	content:'';
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-2px;
	width:4px;
	height:60%;
	background:#fff;
	border-radius:2px;
	transition:200ms
}
.showcase-app-preview .showcase-app-preview-close:before {
	content:'';
	position:absolute;
	left:20%;
	top:50%;
	margin-top:-2px;
	height:4px;
	width:60%;
	background:#fff;
	border-radius:2px;
	transition:200ms
}
.showcase-app-preview .app-icon {
	width:200px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	float:left
}
.showcase-app-preview .app-icon img {
	max-width:100%
}
.showcase-app-preview .app-icon.app-icon-rounded img {
	border-radius:45px
}
.showcase-app-preview .app-icon.app-icon-bordered img {
	border:1px solid rgba(0,
	0,
	0,
	.1)
}
.showcase-app-preview .app-info {
	margin-left:230px;
	height:100%;
	overflow:auto
}
.showcase-app-preview .app-about {
	color:#555
}
.showcase-app-preview .app-links {
	line-height:45px
}
.showcase-app-preview .app-links a {
	vertical-align:middle;
	margin-left:10px
}
.showcase-app-preview .app-links a:first-child {
	margin-left:0
}
.showcase-app-preview .app-links .button {
	border-radius:10em;
	display:inline-block;
	transition:200ms;
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none;
	width:150px;
	padding:0;
	text-align:center;
	font-weight:700
}
.showcase-app-preview .app-links .button:hover {
	background:#ee350f;
	color:#fff
}
.showcase-app-preview .app-links .button:active {
	background:#ee350f;
	color:#fff
}
.showcase-app-preview .appstore-button,
.showcase-app-preview .firefox-button,
.showcase-app-preview .googleplay-button,
.showcase-app-preview .amazon-button,
.showcase-app-preview .chrome-button {
	width:150px;
	height:45px;
	display:inline-block;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto
}
.showcase-app-preview .appstore-button {
	background-image:url(../i/appstore-button.png)
}
.showcase-app-preview .firefox-button {
	background-image:url(../i/firefox-button.png)
}
.showcase-app-preview .amazon-button {
	background-image:url(../i/amazon-button.png)
}
.showcase-app-preview .googleplay-button {
	background-image:url(../i/googleplay-button.png)
}
.showcase-app-preview .chrome-button {
	background-image:url(../i/chrome-button.png);
	height:42px
}
.showcase-app-preview .app-author {
	margin-bottom:15px
}
.showcase-app-preview .app-shots {
	background:#f3f3f3;
	border-radius:4px;
	padding:10px;
	overflow:auto;
	white-space:nowrap;
	display:none
}
.showcase-app-preview .app-shots img,
.showcase-app-preview .app-shots iframe {
	max-height:568px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top
}
.showcase-app-preview .app-shots img:last-child,
.showcase-app-preview .app-shots iframe:last-child {
	margin-right:0
}
.showcase-app-preview .app-show-shots a {
	text-decoration:none;
	border-bottom:1px dotted
}
.tutorials {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}
.tutorial {
	width:calc(100%/3 - 40px);
	box-sizing:border-box;
	padding:20px;
	border-radius:10px;
	box-shadow:0 10px 30px rgba(0,
	0,
	0,
	.1);
	margin-bottom:40px;
	position:relative
}
.tutorial:nth-child(3n),
.tutorial:nth-child(3n - 1) {
	margin-left:40px
}
@media(max-width:960px){.tutorial{width:calc(100%/2 - 20px)
}
.tutorial:nth-child(3n),
.tutorial:nth-child(3n - 1) {
	margin-left:0
}
.tutorial:nth-child(2n) {
	margin-left:40px
}
}
@media(max-width:640px){.tutorial{width:100%}.tutorial:nth-child(2n){margin-left:0}}.tutorial.video .tutorial-title a:after {
	content:'▶︎';
	background:#ee350f;
	width:20px;
	box-sizing:border-box;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	margin-left:5px;
	color:#fff;
	text-align:center;
	line-height:20px;
	font-size:10px;
	padding-left:2px
}
.tutorial-title {
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	margin:0
}
.tutorial-title a {
	color:inherit;
	transition-duration:200ms;
	display:block
}
.tutorial-title a:hover {
	color:#ee350f;
	text-decoration:none
}
.tutorial-title span.video {
	margin-left:5px;
	background:#8c2418;
	width:20px;
	height:20px;
	border-radius:100%;
	color:#fff;
	font-weight:400;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.tutorial-title span.video:after {
	content:'';
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:6px solid #fff;
	position:absolute;
	left:50%;
	margin-left:-3px;
	margin-top:-4px;
	top:50%
}
.tutorial-author {
	display:block;
	margin-top:5px
}
.tutorial-date {
	color:#777;
	margin-bottom:5px
}
a.donate-button {
	border-radius:10em;
	display:inline-block;
	transition:200ms;
	background-color:#f3f3f3;
	color:#333;
	text-decoration:none
}
a.donate-button:hover {
	background:#ee350f;
	color:#fff
}
a.donate-button:active {
	background:#ee350f;
	color:#fff
}
a.donate-button:hover {
	background:rgba(183,
	47,
	32,
	.1)
}
h1+.tutorial-author {
	margin-top:-20px;
	margin-bottom:25px
}
.tutorial-badges {
	position:absolute;
	right:5px;
	top:5px;
	white-space:nowrap
}
.tutorial-badges span {
	background:#0d9ef1;
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	min-width:24px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	height:18px;
	padding:0 5px;
	border-radius:10px;
	background:#aaa
}
.tutorial-badges span+span {
	margin-left:5px
}
.sponsors {
	justify-content:center;
	display:flex;
	flex-wrap:wrap
}
.sponsors .sponsor {
	text-align:center;
	font-size:0;
	margin:10px
}
.sponsors .sponsor img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle
}
.sponsors .sponsor a {
	display:block;
	width:100%;
	height:100%
}
.sponsors .sponsor-join {
	font-size:14px;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	line-height:1.2!important;
	font-weight:500;
	border-radius:4px;
	border:1px solid #f4f4f4
}
.sponsors-diamond .sponsor {
	width:calc(50% - 30px);
	height:100px;
	line-height:100px
}
.sponsors-platinum .sponsor {
	width:calc(100%/3 - 30px);
	height:100px;
	line-height:100px
}
.sponsors-gold .sponsor {
	width:calc(25% - 25px);
	height:100px;
	line-height:100px
}
.sponsors-silver .sponsor {
	width:calc(20% - 25px);
	height:100px;
	line-height:100px
}
.sponsors-top .sponsor {
	width:calc(100%/10 - 25px);
	height:80px;
	line-height:80px
}
.sponsors-top .sponsor-join {
	font-size:12px
}
.hljs {
	background:#253238;
	color:#fff
}
.hljs-subst {
	color:#fff
}
.hljs-meta {
	color:#aaa
}
.hljs-comment {
	color:#536e7b;
	font-style:italic
}
.hljs-keyword {
	color:#86ddff
}
.hljs-string {
	color:#c2e988
}
.hljs-number {
	color:#f98c68
}
.hljs-variable {
	color:#80a8ff
}
.hljs-tag {
	color:#86ddff
}
.hljs-tag .hljs-name {
	color:#f27076
}
.hljs-tag .hljs-attr {
	color:#ffcc63;
	font-style:italic
}
.hljs-tag .hljs-string {
	color:#c2e988
}
.hljs-built_in {
	color:#ffcc63
}
.hljs-keyword {
	color:#c88fec;
	font-weight:700
}
.hljs-string {
	color:#c2e988
}
.hljs-literal,
.hljs-params {
	color:#f98c68
}
.hljs-function {
	color:#80a8ff
}
.hljs-function .hljs-keyword {
	color:#c88fec;
	font-weight:700;
	font-style:normal
}
.hljs-selector-class {
	color:#ffcc63
}
.hljs-attribute {
	color:#86ddff
}
.hljs-selector-tag {
	color:#f27076
}
.hljs-selector-attr {
	color:#ffcc63
}
.hljs-selector-pseudo {
	color:#c88fec
}
pre,
code {
	font-family:roboto mono,
	source code pro,
	Menlo,
	Monaco,
	Consolas,
	courier new,
	monospace
}
code {
	font-size:14px;
	color:#333;
	font-weight:400;
	background:#f5f5f5;
	color:#000;
	display:inline-block;
	padding:2px 4px;
	border-radius:4px;
	font-weight:500
}
pre {
	overflow:hidden;
	word-wrap:break-word;
	white-space:pre-wrap
}
pre code {
	padding:20px;
	background:#253238;
	color:#fff;
	display:block;
	overflow-x:auto;
	border-radius:6px;
	font-size:14px;
	line-height:21px;
	font-weight:400
}
.nowrap {
	white-space:nowrap
}
.important-note code:not(.hljs) {
	background:rgba(255,
	255,
	255,
	.8)
}
.with-device pre code {
	font-size:13px;
	line-height:19px
}
.important-note pre code,
table pre code.hljs {
	padding:10px;
	font-size:13px;
	line-height:19px
}
footer {
	background:#f4f4f4;
	color:#666;
	border-top:1px solid rgba(0,
	0,
	0,
	.05);
	position:relative;
	z-index:100;
	font-size:14px;
	line-height:1.5
}
footer .center {
	padding-top:20px
}
footer a {
	color:#888;
	text-decoration:none
}
footer a:hover {
	color:#ee350f;
	text-decoration:none
}
footer .links {
	display:flex;
	justify-content:flex-start
}
footer .links-block {
	text-align:left;
	margin-right:30px
}
footer .links-block ul {
	list-style:none;
	margin:0;
	padding:0
}
footer .links-block li {
	margin:10px 0
}
footer .links-block li:last-child {
	margin-bottom:0
}
footer .links-block-title {
	font-size:16px
}
footer .footer-sponsors {
	text-align:right;
	margin-left:auto
}
footer .footer-sponsors-title {
	font-size:16px;
	margin-bottom:5px;
	text-align:right
}
footer #bsap_1306028 {
	margin-top:5px;
	margin-right:-5px;
	font-size:0;
	text-align:right
}
footer #bsap_1306028 a {
	text-align:left;
	margin-bottom:20px;
	font-size:14px;
	box-sizing:border-box;
	display:inline-block;
	border:0;
	opacity:.97;
	font-family:inherit;
	position:relative;
	overflow:hidden;
	float:none;
	margin:5px;
	vertical-align:top
}
footer #bsap_1306028 a img {
	border:0;
	outline:0
}
footer #bsap_1306028 a:hover {
	opacity:1
}
footer #bsap_1306028 a.adhere {
	border:1px solid rgba(0,
	0,
	0,
	.4);
	border-radius:3px;
	text-align:center;
	width:220px;
	height:65px;
	background:0 0;
	font-family:inherit;
	line-height:63px;
	font-weight:400;
	transform:translate3d(0,
	0,
	0)
}
footer #bsap_1306028 a.adhere:hover {
	background:rgba(255,
	255,
	255,
	.05)
}
footer .copy {
	padding:20px 0;
	font-size:14px;
	border-top:1px solid rgba(255,
	255,
	255,
	.1)
}
footer .copy a {
	border-bottom:1px solid rgba(255,
	255,
	255,
	.2)
}
footer .copy p {
	margin:5px 0
}
footer .copy p:first-child {
	margin-top:0
}
footer .copy p:last-child {
	margin-bottom:0
}
footer a.keycdn-link {
	text-decoration:none;
	border-bottom:0;
	opacity:.5
}
footer a.keycdn-link:hover {
	opacity:1
}
footer .copy-left {
	float:left
}
footer .copy-right {
	float:right
}
footer img.keycdn-logo {
	height:20px;
	width:auto;
	vertical-align:middle;
	position:relative;
	top:-1px
}