/* ::::: https://d1a3f4spazzrp4.cloudfront.net/web-p2/stylesheets/signup/global/landing.9a67fab28ff54a9655ee4a0eec0301f4.css ::::: */

@media only screen and (max-width: 320px) {
}
* { box-sizing: border-box; }
html, body, div, h1, h2, h3, h4, h5, h6, p, a { font-size: 100%; font-weight: 400; line-height: 1; border: 0px none; margin: 0px; padding: 0px; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-family: ff-clan-web-pro-wide,sans-serif; line-height: 1.2em; text-transform: uppercase; }
a { color: rgb(255, 255, 255); text-decoration: none; }
a:hover { color: rgb(192, 192, 200); }
.btn { background: none repeat scroll 0% 0% rgba(192, 192, 200, 0.2); border: 1px solid transparent; border-radius: 3px; display: inline-block; font-family: ff-clan-web-pro-wide,sans-serif; font-size: 14px; height: 42px; line-height: 42px; padding: 0px 35px; text-shadow: 0px -1px rgba(0, 0, 0, 0.08); text-transform: uppercase; }
.btn:hover { background: none repeat scroll 0% 0% rgba(192, 192, 200, 0.4); color: rgb(255, 255, 255); }
.btn.blue { background-color: rgb(31, 186, 214); background-image: -moz-linear-gradient(center top , rgb(31, 186, 214), rgb(22, 169, 202)); border-color: rgb(29, 182, 209); }
.btn.blue:hover { background: none repeat scroll 0% 0% rgb(31, 186, 214); }
.link-auth { display: inline-block; line-height: 15px; padding-right: 10px; position: relative; }
.link-auth:before { background: url('arrow-right@1x.fd37628e426121f63371f3362810166e.png') no-repeat scroll 100% 50% / 5px 7px transparent; content: ""; display: block; height: 100%; position: absolute; right: 0px; top: 0px; width: 10px; }
@media not all, (min--moz-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi) {
	.link-auth:before { background-image: url('arrow-right@2x.05a391a8624c8b9ac08dc11fd3ecda7d.png'); }
}
*::-moz-placeholder { color: rgb(192, 192, 200); }
html, body { height: 100%; }
body { background: none repeat scroll 0% 0% rgb(0, 0, 0); font-family: ff-clan-web-pro,sans-serif; font-size: 16px; margin: 0px; }
#page { min-height: 100%; position: relative; }
#bg-wrap { bottom: 0px; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }
#bg-wrap img { width: 100%; }
#bg-overlay { opacity: 0; background: none repeat scroll 0% 0% rgb(17, 17, 37); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; right: 0px; top: 0px; }
#header { position: relative; z-index: 10; }
#header h1 { overflow: hidden; text-indent: 100%; white-space: nowrap; background: url('logo@1x.54520dea64604a25faee2681ef298a2f.png') no-repeat scroll 50% 50% / 91px 13px transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.25); height: 75px; margin: 0px auto; max-width: 480px; }
@media not all, (min--moz-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi) {
	#header h1 { background-image: url('logo@2x.7e2df14de8d6145107bb7983b2ee6f06.png'); }
}
#header .auth { position: absolute; right: 25px; top: 0px; }
#header .auth p { color: rgb(192, 192, 200); font-family: ff-clan-web-pro-wide,sans-serif; font-size: 11px; line-height: 75px; text-transform: uppercase; }
#content { padding: 40px 0px 75px; position: relative; z-index: 5; }
#footer { bottom: 0px; font-size: 11px; left: 0px; padding: 20px 0px; position: absolute; right: 0px; text-align: center; text-transform: uppercase; z-index: 5; }
#footer span { display: inline-block; line-height: 15px; }
#footer .copyright { opacity: 0.8; color: rgb(192, 192, 200); }
#footer .locale { color: rgb(192, 192, 200); margin-left: 30px; position: relative; }
#footer .locale select { opacity: 0; border: 0px none; cursor: pointer; height: 100%; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; }
#footer .locale span { opacity: 0.8; }
#footer .locale span:after { opacity: 0.8; background: url('flags.54f6638b4bf4fb298498f9b4ac7a71b2.png') no-repeat scroll 0% 0% transparent; content: ""; display: inline-block; height: 11px; margin-left: 5px; vertical-align: middle; width: 16px; }
#footer .locale span.en_US:after { background-position: -144px -154px; }
.mobile { display: none; }
@media screen and (max-width: 640px) {
	body { height: auto; overflow: auto; }
	.mobile { display: block; }
	#bg-wrap img { width: 160%; z-index: -1; }
	#header { padding: 0px 20px; }
	#header h1 { background: url('logo-small@1x.7301655c901c78ab5f33a6c3061eece2.png') no-repeat scroll 50% 50% / 66px 9px transparent; height: 45px; }
	#header .auth { display: none; }
	#content { padding-top: 30px; position: relative; }
	#footer { font-size: 10px; z-index: 100; }
	#footer .copyright { opacity: 1; }
	#footer .locale span { opacity: 1; }
	#footer .locale span:after { margin-top: -1px; }
}
@media not all, screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), not all, not all, not all, screen and (max-width: 640px) and (min-resolution: 192dpi) {
	#header h1 { background-image: url('logo-small@2x.74c8ce147ec048562277341860e818a8.png'); }
}
body { overflow: hidden; }
#bg-overlay { transition: opacity 0.8s ease-in-out 0s; }
#header .links { opacity: 1; transition: all 0.5s ease-in-out 0s; text-align: center; }
#header .links a { border-top: 2px solid transparent; color: rgb(230, 230, 230); display: inline-block; font-family: ff-clan-web-pro-wide,sans-serif; font-size: 13px; margin: 0px 20px; padding-top: 20px; text-transform: uppercase; }
#header .auth { text-align: right; }
#header .register { opacity: 1; transition: all 0.5s ease-in-out 0s; position: relative; top: -15px; visibility: visible; }
#content { bottom: 0px; left: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; }
#sections { transition: -moz-transform 0.8s ease-in-out 0s; height: 100%; position: relative; }
.section { color: rgb(255, 255, 255); height: 100%; padding-top: 180px; position: relative; z-index: 5; }
.section h2 { font-size: 32px; margin-bottom: 20px; text-align: center; }
.section h3 { color: rgb(192, 192, 200); font-family: ff-clan-web-pro,sans-serif; line-height: 30px; margin: 0px auto 80px; max-width: 670px; text-align: center; text-transform: none; }
#footer { transition: opacity 0.5s ease-in-out 0s; padding-top: 0px; }
#start { opacity: 0; transition: all 0.5s ease-in-out 0s; text-align: center; }
#start h2 { font-size: 64px; line-height: 80px; margin: 0px auto; padding: 50px 0px 0px; }
#start h3 { color: rgb(255, 255, 255); margin: 25px auto 50px; max-width: 500px; }
#start .btn { height: 60px; line-height: 60px; margin: 0px 8px 15px; padding: 0px 70px; }
#about { transition: top 0.5s ease-in-out 0s; height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; }
#about .panel { background: none repeat scroll 0% 0% rgb(255, 255, 255); padding-bottom: 468px; position: relative; }
#about .panel h3 { color: rgb(31, 186, 214); font-family: ff-clan-web-pro-wide,sans-serif; font-size: 32px; line-height: 40px; margin: 0px auto; max-width: 820px; padding: 50px 0px; text-align: center; text-transform: uppercase; }
#about .panel h4 { color: rgb(17, 17, 37); font-size: 14px; margin-bottom: 15px; }
#about .panel p { color: rgb(102, 102, 102); font-size: 14px; line-height: 25px; }
#about .promotion-photo { background: url('phone-promotion@1x.3df21717722c55310843e0b781ef55c5.png') no-repeat scroll left top / 500px 570px transparent; width: 500px; height: 570px; bottom: -102px; margin: 0px auto 0px -250px; left: 50%; position: absolute; z-index: 5; }
@media not all, (min--moz-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi) {
	#about .promotion-photo { background-image: url('phone-promotion@2x.a5e3f074cc3a94494432349f5f89f92d.png'); }
}
#about .text { color: rgb(102, 102, 102); left: 50%; position: absolute; top: 290px; width: 140px; }
#about .text:before { background: none repeat scroll 0% 0% rgb(230, 230, 230); content: ""; display: block; height: 1px; position: absolute; top: 42px; width: 50px; }
#about .text.riders { transition: margin 0.5s ease-in-out 0.5s; text-align: right; }
#about .text.riders:before { right: -60px; }
#about .text.drivers { transition: margin 0.5s ease-in-out 1s; margin-left: -140px; }
#about .text.drivers:before { left: -60px; }
#steps { counter-reset: step; text-align: center; }
#steps .step { counter-increment: step; display: inline-block; margin: 0px 35px 20px; vertical-align: top; width: 250px; }
#steps .step:before { background: none repeat scroll 0% 0% rgba(192, 192, 200, 0.3); border-radius: 45px; content: counter(step, decimal); display: block; font-family: ff-clan-web-pro-wide,sans-serif; font-size: 20px; line-height: 45px; margin: 0px auto 30px; text-align: center; width: 45px; }
#steps .step h4 { color: rgb(31, 186, 214); font-size: 24px; line-height: 30px; margin-bottom: 15px; min-height: 60px; padding: 0px 10px; }
#steps .step p { color: rgb(192, 192, 200); font-family: ff-clan-web-pro,sans-serif; font-size: 14px; line-height: 25px; }
#faq h3 { margin-bottom: 20px; }
#faq ul { list-style: none outside none; margin: 0px auto; padding: 0px; width: 480px; }
#faq ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.25); cursor: pointer; position: relative; }
#faq ul li:before { background: url('icon-switch@1x.993a48ccd70152b97a7ee3b0a204e3d5.png') no-repeat scroll left top / 14px 28px transparent; content: ""; display: block; height: 14px; position: absolute; right: 0px; top: 32px; width: 14px; }
@media not all, (min--moz-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi) {
	#faq ul li:before { background-image: url('icon-switch@2x.9f8514bf2c832000f8dd2b4d0f7e00de.png'); }
}
@media not all, (min--moz-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi) {
}
#faq ul h4 { color: rgb(192, 192, 200); font-size: 14px; line-height: 76px; }
#faq ul p { color: rgb(192, 192, 200); display: none; font-size: 14px; line-height: 25px; margin: -10px 0px 25px; }
.section-0 #header .links, .section-0 #header .btn { opacity: 0; visibility: hidden; }
.section-0 #header .btn { top: -40px; }
.section-0 #start { opacity: 1; }
.section-0 #about { top: 100%; }
@media screen and (min-width: 641px) and (max-height: 850px) {
}
@media screen and (max-width: 640px) {
	.btn { font-size: 12px; height: 44px; line-height: 44px; padding: 0px 45px; }
	.link-auth { color: rgb(31, 186, 214); }
	.section { height: auto; padding-top: 0px; }
	.section h2 { font-size: 20px; margin: 0px 20px 10px; }
	.section h3 { font-size: 11px; line-height: 18px; margin: 0px 20px 40px; }
	body { overflow: auto; }
	#bg-wrap { position: fixed; }
	#header .links { display: none; }
	#content { position: relative; }
	#start { background: url('expand-down@1x.5fb7dcd04b97bc36d6117843bb8eefb6.png') no-repeat scroll 50% 100% / 25px 12px transparent; transition: none 0s ease 0s ; margin-bottom: 30px; padding: 0px 20px 40px; }
	#start h2 { font-size: 30px; line-height: 38px; padding-top: 30px; }
	#start h3 { font-size: 12px; line-height: 22px; margin: 15px auto 25px; padding: 0px 15px; }
	#start .btn { height: 44px; line-height: 44px; margin: 0px; padding: 0px 45px; }
	#start .btn.learn { display: none; }
	#about { padding: 0px; position: relative; }
	#about .auth { background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(153, 153, 153); display: block; font-size: 12px; line-height: 15px; padding: 15px 0px; text-align: center; text-transform: uppercase; }
	#about .panel { background: none repeat scroll 0% 0% rgb(247, 247, 247); padding: 0px 0px 500px; position: relative; }
	#about .panel:before { background: none repeat scroll 0% 0% rgb(17, 17, 37); bottom: 0px; content: ""; display: block; height: 243px; left: 0px; position: absolute; right: 0px; }
	#about .panel h3 { font-size: 16px; line-height: 22px; padding: 30px 40px; }
	#about .promotion-photo { background: url('phone-promotion-small@1x.f0bc22f893d16dee75d2b1638163121f.png') no-repeat scroll left top / 296px 500px transparent; width: 296px; height: 500px; bottom: 0px; margin-left: -148px; }
	#about .text { transition: none 0s ease 0s ; width: 115px; }
	#about .text:before { top: 32px; }
	#about .text.riders { margin-left: -150px; top: 195px; }
	#about .text.riders:before { right: -55px; }
	#about .text.drivers { margin-left: 35px; top: 430px; }
	#about .text.drivers:before { opacity: 0.2; left: -55px; }
	#about .text.drivers h4 { color: rgb(255, 255, 255); }
	#about .text.drivers p { color: rgb(192, 192, 200); }
	#about .text h4 { font-size: 12px; margin-bottom: 10px; }
	#about .text p { font-size: 12px; line-height: 18px; }
	#steps, #faq { padding: 85px 20px 0px; }
	#steps:before, #faq:before { opacity: 0.4; background: none repeat scroll 0% 0% rgb(17, 17, 37); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; right: 0px; top: 0px; z-index: -1; }
	#steps .step { margin: 0px; width: auto; }
	#steps .step:before { margin-bottom: 15px; }
	#steps .step + .step { margin-top: 35px; }
	#steps .step h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; min-height: 0px; padding: 0px; }
	#steps .step p { font-size: 12px; line-height: 20px; margin: 0px 30px; }
	#faq h3 { margin-bottom: 35px; }
	#faq ul { margin: 0px 20px; width: auto; }
	#faq ul li { border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgba(153, 153, 153, 0.25); border-width: 1px 0px; }
	#faq ul li:before { top: 22px; }
	#faq ul li + li { border-top: 0px none; }
	#faq ul h4 { font-size: 10px; line-height: 56px; }
	#faq ul p { font-size: 12px; line-height: 18px; margin: -5px 10px 20px 0px; }
	#faq h2.mobile { font-size: 16px; line-height: 20px; margin: 0px; padding: 70px 25px 40px; }
	#footer { background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 0px 0px 35px; position: relative; }
	#footer .auth { position: relative; top: -22px; }
	#footer .auth .btn { margin-bottom: 38px; }
	#footer .auth p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 15px; }
}
@media not all, screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), not all, not all, not all, screen and (max-width: 640px) and (min-resolution: 192dpi) {
	#start { background-image: url('expand-down@2x.3c82c2293a9bf66f602ebaa105dabb81.png'); }
}
@media not all, screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), not all, not all, not all, screen and (max-width: 640px) and (min-resolution: 192dpi) {
	#about .promotion-photo { background-image: url('phone-promotion-small@2x.1853023108c64be33667a55c14c3fb96.png'); }
}
/* ::::: https://use.typekit.net/c/bd1f8f/ff-clan-web-pro:i4:i7:n4:n7,ff-clan-web-pro-wide:n4:n5.b8v:N:2,b8w:N:2,b8y:N:2,b8x:N:2,b8f:N:2,b8h:N:2/d?3bb2a6e53c9684ffdc9a9bf31b5b2a62f8640158474e9a4e257a336293818e14550db9a93917814b1e6bcb4e82954a2f06e1db5e5bde59eff31a866ce20c8d79aa5cfca91a2c2f8397399103a796c15a54cb7937ca2dbb9d4f3f4f6fcfa621c4dadee4502a74c505c8a489131ed1988e62a98004465222465431f2e5b1e12ccb31f46cf4f86f4490aff0dddf1be5d933cf26ea83411b27 ::::: */

@font-face {
	font-family: "ff-clan-web-pro";
	font-style: italic;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "ff-clan-web-pro";
	font-style: italic;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "ff-clan-web-pro";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "ff-clan-web-pro";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "ff-clan-web-pro-wide";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "ff-clan-web-pro-wide";
	font-style: normal;
	font-weight: 500;
	src: url('undefined');
}