/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { position: fixed; width: 100%; left: 0; bottom: 0; padding: 0.5em 5%; background: #565656; background: rgba(86, 86, 86, 0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35); z-index: 99999; text-align: center; color: #fff; }

.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }

.cc-cookies a:hover { text-decoration: none; }

.cc-overlay { height: 100%; padding-top: 25%; }

.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }

.cc-cookies a.cc-cookie-reset { background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }

.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; } }
@media screen and (max-width: 480px) { .cc-cookies { position: relative; float: left; } }
/* Reset --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

abbr[title], dfn[title] { cursor: help; }

a, u, ins { text-decoration: none; }

ins { border-bottom: 1px solid; }

img { font-style: italic; }

label, input, textarea, button, select, option { cursor: pointer; }

.text-input:active, .text-input:focus, textarea:active, textarea:focus { cursor: text; outline: none; }

/* normalize.css ------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

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

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

[hidden] { display: none; }

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

a:focus { outline: thin dotted; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: yellow; color: black; }

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

pre { white-space: pre-wrap; }

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

small { font-size: 80%; }

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

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

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

button, input { line-height: normal; }

button, select { text-transform: none; }

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

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

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

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

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

/* Base styles --------------------------------------------------------------- */
::-moz-selection { color: white; background: black; }

::selection { color: white; background: black; }

html { overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 16px; }

body { position: relative; font-size: 16px; font-size: 1rem; overflow: hidden; }

#landingpage { font-size: 16px; font-family: "Raleway", sans-serif; line-height: 1.25; font-weight: 500; -webkit-font-smoothing: antialiased; background-color: white; }

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

.row { clear: both; }

.section--map { height: 280px; }

/* Helpers ------------------------------------------------------------------- */
.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }

.row:before, .form-fields:before, .section:before, .steps:before, .apps:before, .apps-items:before, .tab-content:before, .faq:before, .contact:before, .contact-content:before, .contact-form-actions:before, .page-footer:before, .row:after, .form-fields:after, .section:after, .steps:after, .apps:after, .apps-items:after, .tab-content:after, .faq:after, .contact:after, .contact-content:after, .contact-form-actions:after, .page-footer:after { display: table; content: " "; }
.row:after, .form-fields:after, .section:after, .steps:after, .apps:after, .apps-items:after, .tab-content:after, .faq:after, .contact:after, .contact-content:after, .contact-form-actions:after, .page-footer:after { clear: both; }

.apps-item, .site-nav-btn { overflow: hidden; border: 0; background-color: transparent; }
.apps-item:before, .site-nav-btn:before { display: block; content: ""; width: 0; height: 150%; }

/* Sprite -------------------------------------------------------------------- */
/* Images -------------------------------------------------------------------- */
img { max-width: 100%; }

/* Forms --------------------------------------------------------------------- */
.form-fields { list-style: none; margin: 0; }
.form-fields > li { margin-bottom: 14px; position: relative; padding-left: 75px; }
.form-fields > li label, .form-fields > li .label { position: absolute; left: 0; top: 8px; width: 75px; text-align: right; padding-right: 10px; }

@media (max-width: 460px) { .contact-form .contact-form-actions { padding-left: 75px; } }
.contact-form .contact-form-actions .btn { float: right; margin-top: 10px; }
@media (max-width: 460px) { .contact-form .contact-form-actions .btn { width: 100%; margin-top: 20px; } }
.contact-form .contact-form-actions .contact-form-note { padding: 0 0 0 75px; white-space: nowrap; margin-top: -8px; color: white; font-size: 12px; font-weight: 300; }
@media (max-width: 460px) { .contact-form .contact-form-actions .contact-form-note { padding-left: 0; } }

label, .label { display: block; margin-bottom: 5px; color: white; font-weight: 300; font-size: 16px; }

.label--required:after { content: "*"; color: red; }

.label--hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }

input { display: inline-block; }

input, textarea { outline: none; }

.text-input, .select, textarea { display: block; position: relative; width: 100%; margin-bottom: 5px; padding: 6px 10px; border: 1px solid transparent; color: white; font-weight: 300; border: 1px solid #49494a; background-color: #1b1b1d; border-radius: 3px; }

textarea { width: 100%; height: 75px; padding: 0.5em; resize: vertical; }

.select { padding-right: 45px; line-height: 1.25; }
.select > select { display: block; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-appearance: menulist-button; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.form-error { display: none; position: relative; top: 5px; margin-bottom: 20px; padding: 5px 10px; border: 1px solid red; border-radius: 5px; font-size: 12.8px; font-size: 0.8rem; color: white; font-weight: bold; background: red; }
.form-error:after { display: block; position: absolute; top: -12px; left: 10px; content: ""; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: red; }
.form-error.is-visible { display: block; }

.source-preview-textarea { border: 1px solid #cccccc; background: #eeeeee; }

/* Navigation ---------------------------------------------------------------- */
.nav { list-style: none; margin: 0; }
.nav > li, .nav > li > a { display: inline-block; }

.nav--stacked li { display: list-item; }
.nav--stacked li > a { display: block; }

/* Button -------------------------------------------------------------------- */
.btn { display: inline-block; height: 40px; line-height: 40px; border: 0; transition: all 0.15s; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; text-shadow: none; color: white; background-color: #313131; cursor: pointer; outline: none; font-size: 16px; padding: 0 40px; border-radius: 20px; transition: 250ms all; }
@media (max-width: 767px) { .btn { height: 44px; line-height: 44px; font-size: 18px; } }
.btn[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; cursor: default; }
.btn:hover { transform: scale(1.1); }

.btn--big { height: 56px; line-height: 56px; border-radius: 28px; font-size: 22px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4); }

.btn--small { height: 24px; font-size: 1.1em; line-height: 24px; border: none; font-weight: bold; }

.btn--full { display: block; width: 100%; text-align: center; }

.btn--white { background-color: white; color: #1a6496; }

.btn--blue { background-color: #1a6496; color: white; }

.btn--turquoise { background-color: #17b9d9; color: white; }

/* Section ------------------------------------------------------------------- */
.section > .wrapper { padding: 65px 20px 60px; }

.section-header { position: relative; text-align: center; color: #94959b; }
.section-header h1, .section-header h2 { display: inline-block; margin-bottom: 50px; padding-bottom: 5px; font-size: 52px; line-height: 1.125; font-weight: 500; font-smooth: antialiased; }
@media (max-width: 680px) { .section-header h1, .section-header h2 { font-size: 44px; } }
.section-header h1 strong, .section-header h2 strong { font-weight: bold; white-space: nowrap; }

/* Pricing ------------------------------------------------------------------- */
.section--pricing .section-header h2 { color: black; }

.section--pricing-description > .wrapper { padding-top: 0 !important; }

.pricing-content { display: flex; flex-wrap: wrap; }
@media (max-width: 1040px) { .pricing-content { display: block; } }

.pricing-section { width: 50%; align-items: stretch; display: flex; flex-wrap: wrap; }
@media (max-width: 1040px) { .pricing-section { width: 100%; margin-bottom: 40px; text-align: center; }
  .pricing-section .btn { margin-right: auto; margin-left: auto; } }
@media (max-width: 600px) { .pricing-section { display: block; } }
.pricing-section:first-child > .pricing-section__header { margin-right: 12px; }
.pricing-section:last-child > .pricing-section__header { margin-left: 12px; }
.pricing-section h3 { width: 100%; display: block; margin-bottom: 20px; font-size: 26px; }
@media (max-width: 1040px) { .pricing-section h3 { text-align: center; } }
.pricing-section ul { width: 100%; padding: 0; margin-left: 12px; list-style-type: none; }
@media (max-width: 1040px) { .pricing-section ul { width: 75%; margin: 0 auto; } }
@media (max-width: 800px) { .pricing-section ul { width: 80%; } }
.pricing-section ul li { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(148, 149, 155, 0.5); font-size: 15px; }
@media (max-width: 1040px) { .pricing-section ul li { text-align: left; } }
@media (max-width: 700px) { .pricing-section ul li { text-align: center; } }
.pricing-section ul li:last-child { border-bottom: none; }
.pricing-section ul li strong { float: right; }
@media (max-width: 700px) { .pricing-section ul li strong { float: none; display: block; } }

.pricing-item { width: 50%; text-align: center; }
@media (max-width: 600px) { .pricing-item { width: 100%; margin-bottom: 60px; } }
.pricing-item .price { width: 136px; height: 136px; display: block; margin: 0 auto 10px; border-radius: 68px; color: white; line-height: 125px; background-color: #1a6496; }
.pricing-item .price big { font-size: 57px; margin-left: 10px; }
.pricing-item .price small { position: absolute; font-size: 30px; margin-top: -2px; margin-left: -12px; }
.pricing-item h3 { margin: 10px 0; font-size: 26px; }
.pricing-item p { color: #616268; }
.pricing-item .btn { margin-top: 40px; }

.pricing-section__header { width: 100%; height: 24px; position: relative; margin-bottom: 20px; border-top: 1px solid #b2b2b2; }
.pricing-section__header h4 { position: absolute; top: -50%; left: 50%; transform: translateX(-50%); display: inline; padding: 0 20px; background-color: white; color: #b2b2b2; font-size: 18px; text-transform: uppercase; }

.visitors .price { background-color: #17b9d9; }

.locales .price { background-color: #1a6496; }

.additional-terms p { margin-top: 50px; padding: 0 10%; text-align: center; color: #94959b; font-size: 14px; line-height: 1.5; }

.additional-pricing-options { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 40; display: none; }
.additional-pricing-options .popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.additional-pricing-options .additional-pricing-box { width: 600px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: white; padding: 10px 20px 30px; }
@media (max-width: 640px) { .additional-pricing-options .additional-pricing-box { max-width: 480px; width: 90%; max-height: 90%; overflow: auto; } }
.additional-pricing-options .additional-pricing-box .additional-pricing-header { padding-bottom: 10px; position: relative; z-index: 42; }
.additional-pricing-options .additional-pricing-box .additional-pricing-header .close-button { position: absolute; top: 28px; right: -5px; cursor: pointer; width: 40px; height: 30px; background-color: white; }
.additional-pricing-options .additional-pricing-box .additional-pricing-header .close-button:before, .additional-pricing-options .additional-pricing-box .additional-pricing-header .close-button:after { display: block; content: " "; width: 20px; height: 4px; background-color: #616268; position: absolute; top: 0; right: 8px; }
.additional-pricing-options .additional-pricing-box .additional-pricing-header .close-button:before { transform: rotate(45deg); }
.additional-pricing-options .additional-pricing-box .additional-pricing-header .close-button:after { transform: rotate(-45deg); }
.additional-pricing-options .additional-pricing-box .additional-pricing-content { padding-top: 20px; }
.additional-pricing-options .additional-pricing-box .additional-pricing-content .pricing-section__header { margin-bottom: 30px; margin-left: 0; margin-right: 0; }
@media (max-width: 640px) { .additional-pricing-options .additional-pricing-box .additional-pricing-content .pricing-item { width: 100%; margin-bottom: 60px; } }
.additional-pricing-options .additional-pricing-box .additional-pricing-content .pricing-section { width: 100%; }
.additional-pricing-options .additional-pricing-box .additional-pricing-content .pricing-section .plan-details { height: 50px; }
@media (max-width: 640px) { .additional-pricing-options .additional-pricing-box .additional-pricing-content .pricing-section .plan-details { height: auto; } }

/* Steps --------------------------------------------------------------------- */
.section--how-it-works { background-color: #1a6496; color: white; }
.section--how-it-works .section-header { color: white; }

.how-it-works-content { max-width: 700px; margin: auto; padding-bottom: 60px; font-size: 16px; text-align: center; line-height: 1.6; font-weight: 500; }

.steps { list-style-type: none; counter-reset: li; }

.step { position: relative; padding: 150px 0 10px; text-align: center; line-height: 1.5; font-weight: 600; }
.step a { color: inherit; font-weight: bold; text-decoration: none; }
.step:after { display: block; position: absolute; left: 50%; top: 0; content: ""; margin-left: -60px; }
.step h2 { font-size: 1.7em; line-height: 1; font-weight: 600; margin-bottom: 0.7em; }
.step p { font-size: 16px; font-weight: 500; height: 120px; max-width: 520px; margin: auto; font-size: 15px; line-height: 1.3; }

.step--reserve:after { height: 119px; width: 119px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1210px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .step--reserve:after { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1206.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.step--release:after { top: -25px; margin-left: -73px; height: 143px; width: 145px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 0; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .step--release:after { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 0; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.step--ride:after { height: 119px; width: 119px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -617px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .step--ride:after { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -616.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.step--return:after { height: 119px; width: 136px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -351px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .step--return:after { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -291px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.how-it-works-video { position: relative; z-index: 10; padding-bottom: 40px; margin-top: -40px; }

.how-it-works-button { text-align: center; padding-top: 20px; padding-bottom: 20px; }

.how-it-works-video { background-color: #1a6496; }

.video-holder { position: relative; width: 980px; margin: auto; padding-top: 20px; padding-bottom: 40px; display: none; }
@media (max-width: 1200px) { .video-holder { width: 640px; } }
@media (max-width: 680px) { .video-holder { width: 480px; } }
@media (max-width: 520px) { .video-holder { width: 320px; } }
.video-holder div { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.video-holder div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.close-btn { z-index: 101; position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; position: absolute; border-radius: 100%; background-color: white; box-shadow: 1px 1px 2px 2px rgba(50, 50, 50, 0.5); cursor: pointer; transition: all 0.1s; }
.close-btn:hover { transform: translate(1px, 1px); box-shadow: none; }
.close-btn:before, .close-btn:after { position: absolute; width: 30px; height: 4px; border-radius: 2px; background-color: #6c6b6b; box-shadow: inset 1px 0 2px rgba(0, 0, 0, 0.6); content: " "; display: block; left: 0; top: 0; }
.close-btn:before { transform: rotate(45deg) translate(25px, 10px); }
.close-btn:after { transform: rotate(-45deg) translate(-10px, 25px); }

.section--rules { background-color: white; }
.section--rules .section-header { color: black; }
.section--rules .rules { clear: both; justify-content: center; display: flex; flex-wrap: wrap; }
.section--rules .rules .rule { text-align: center; padding: 0 15px 30px 15px; color: black; width: 20%; min-width: 220px; }
.section--rules .rules .rule h2 { margin-bottom: 20px; font-size: 20px; color: black; font-weight: 300; }
.section--rules .rules .rule p { font-size: 0.9em; line-height: 1.6em; }

.rules-content { max-width: 780px; text-align: center; margin: auto; margin-bottom: 60px; font-size: 18px; line-height: 1.8em; margin-top: -20px; color: black; }

.rule:before { display: block; content: " "; margin: auto; margin-bottom: 20px; }
.rule.rule--pre-ride-check:before { height: 127px; width: 127px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -480px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .rule.rule--pre-ride-check:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -419.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
.rule.rule--road:before { height: 127px; width: 140px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -153px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .rule.rule--road:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -155px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
.rule.rule--turning:before { height: 127px; width: 127px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1339px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .rule.rule--turning:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1335px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
.rule.rule--predictable:before { height: 127px; width: 127px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -807px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .rule.rule--predictable:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -806px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
.rule.rule--helmet:before { height: 127px; width: 127px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1073px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .rule.rule--helmet:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -942px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.section--partners { background-color: #1a6496; }
.section--partners .partner-description p, .section--partners .section-header h1, .section--partners .partner-contact h4 { color: white; }
.section--partners .row { display: flex; }
@media (max-width: 1040px) { .section--partners .row { display: block; } }

.partner-contact { width: 25%; display: flex; flex-wrap: wrap; flex-direction: column; text-align: center; }
@media (max-width: 1040px) { .partner-contact { width: 100%; } }
.partner-contact a { align-self: center; }
.partner-contact a[href^="mailto"] { color: white; font-size: 18px; }
.partner-contact h4, .partner-contact .btn { margin-bottom: 10px; font-size: 28px; }

.partner-description { width: 75%; }
@media (max-width: 1040px) { .partner-description { width: 100%; margin-bottom: 40px; } }
.partner-description p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; text-align: justify; }
@media (max-width: 720px) { .partner-description p { text-align: center; } }
.partner-description img { margin: -40px -20px 0 30px; float: right; -webkit-shape-outside: ellipse(50% 60% at 50% 60%); shape-outside: ellipse(50% 60% at 50% 60%); }
@media (max-width: 1040px) { .partner-description img { margin-right: 0; } }
@media (max-width: 720px) { .partner-description img { display: none; } }

/* Apps ---------------------------------------------------------------------- */
.section--apps { background-color: #17b9d9; }
.section--apps .section-header h1 { color: white; }

.apps-devices { max-width: 590px; margin: 0 auto -6px; display: none; }

.apps-description { font-size: 1.1em; line-height: 1.5; text-align: center; }
.apps-description p { margin-bottom: 30px; color: white; }
.apps-description a { text-decoration: underline; cursor: pointer; }

.apps-content .apps-items { text-align: center; }
.apps-content .apps-items li { float: none; display: inline-block; }

.apps-items { clear: both; }

.apps-item { position: relative; display: inline-block; margin-bottom: 10px; }

.apps-item--android { height: 51px; width: 173px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -290px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .apps-item--android { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -555.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.apps-item--ios { height: 51px; width: 173px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -746px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .apps-item--ios { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -745px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.section--instagram { background-color: white; }
.section--instagram .btn { display: block; width: 330px; margin: auto; margin-top: 40px; }
@media (max-width: 500px) { .section--instagram .btn { width: 280px; padding: 0 10px; } }

#instafeed { display: flex; flex-wrap: wrap; justify-content: space-between; }
#instafeed a { width: 14.5%; margin-bottom: 15px; text-align: center; }
@media (max-width: 1080px) { #instafeed a { width: 16%; } }
@media (max-width: 880px) { #instafeed a { width: 25%; } }
@media (max-width: 680px) { #instafeed a { width: 33%; } }
@media (max-width: 520px) { #instafeed a { width: 48%; }
  #instafeed a img, #instafeed a div { transition: all 0.15s; } }
#instafeed a.all-photos div { background-color: #1a6496; width: 150px; height: 150px; position: relative; display: inline-block; }
#instafeed a.all-photos div:before { display: block; content: " "; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); height: 48px; width: 49px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1476px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #instafeed a.all-photos div:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1471px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
#instafeed a.all-photos div span { display: block; position: absolute; width: 100%; text-align: center; top: 65%; text-decoration: none; font-weight: bold; font-size: 22px; }
#instafeed a:hover div, #instafeed a:hover img { transform: scale(1.01, 1.01); }

/* About --------------------------------------------------------------------- */
.section--about { background-color: white; }
.section--about .section-header { color: black; }

.about-nav { display: none; }
.about-nav .about-nav-item { color: white; }

.tab { position: relative; padding-bottom: 15px; }

.tab-content { font-size: 0.95em; color: white; }

.tab-content p, .tab-content ul { margin-bottom: 20px; line-height: 1.5em; color: white; }
.tab-content h1, .tab-content h2, .tab-content h3 { text-align: center; margin-bottom: 1em; }
.tab-content h1 { font-size: 1.7em; }
.tab-content h2 { font-size: 1.5em; }
.tab-content h3 { font-size: 1.3em; }
.tab-content .press-room-section { margin-bottom: 30px; }

.about-movie-container .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 20px auto 40px; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5); }
.about-movie-container .embed-container iframe, .about-movie-container .embed-container object, .about-movie-container .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tab--faq p strong { padding-right: 8px; margin-right: 2px; position: relative; }
.tab--faq p strong:after { display: block; content: " "; height: 14px; width: 1px; background-color: white; position: absolute; right: 0; top: 5px; }

/* FAQ ----------------------------------------------------------------------- */
body:after { /* overlay layer visible on small devices when the right panel slides in */ content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(78, 83, 89, 0.8); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s; -webkit-transition-delay: 0s, 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }

.cd-overlay { overflow: hidden; }
.cd-overlay body:after { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s, visibility 0s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.faq { padding-bottom: 15px; font-weight: bold; min-height: 420px; }

.categories { list-style: none; }
.categories a { position: relative; display: block; height: 50px; line-height: 50px; padding: 0 28px 0 16px; background-color: #1a6496; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; border-bottom: 1px solid #2281c1; text-decoration: none; white-space: nowrap; /* plus icon on the right */ }
.categories a:before, .categories a:after { content: ""; position: absolute; top: 50%; right: 16px; display: inline-block; height: 2px; width: 10px; background-color: #17b9d9; }
.categories a:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.categories a:focus, .categories a:active { outline: none; }
.categories li:last-child a { border-bottom: none; }

.faq-items { position: fixed; height: 100%; width: 90%; top: 0; right: 0; background: white; padding: 0 5% 1em; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 100; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) translateX(100%); -moz-transform: translateZ(0) translateX(100%); -ms-transform: translateZ(0) translateX(100%); -o-transform: translateZ(0) translateX(100%); transform: translateZ(0) translateX(100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.faq-items.slide-in { -webkit-transform: translateZ(0) translateX(0%); -moz-transform: translateZ(0) translateX(0%); -ms-transform: translateZ(0) translateX(0%); -o-transform: translateZ(0) translateX(0%); transform: translateZ(0) translateX(0%); }

.no-js .faq-items { position: static; height: auto; width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.cd-close-panel { position: fixed; top: 5px; right: -100%; display: block; height: 40px; width: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 200; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; transition: right 0.4s; }
.cd-close-panel:before, .cd-close-panel:after { /* close icon in CSS */ content: ""; position: absolute; top: 16px; left: 12px; display: inline-block; height: 3px; width: 18px; background: #1a6496; }
.cd-close-panel:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-close-panel:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.cd-close-panel.move-left { right: 2%; }

.faq-group { /* hide not selected group */ display: none; list-style: none; }
.faq-group.selected { display: block; }
.faq-group .faq-title { background: transparent; box-shadow: none; margin: 1em 0; }

.no-touch .faq-group .faq-title:hover { box-shadow: none; }

.faq-group .faq-title h2 { font-size: 28px; font-weight: 500; }

.no-js .faq-group { display: block; }

.trigger { position: relative; display: block; font-size: 1.1em; line-height: 1.2; color: #1a6496; outline: none; padding: 10px 0; text-decoration: none; }
.trigger:focus, .trigger:active { outline: none; }

.faq-content { font-size: 0.95em; line-height: 1.4; font-weight: 500; padding-bottom: 10px; display: none; }

.faq-group > li { border-bottom: 1px solid #d7ddeb; }
.faq-group > li:first-child, .faq-group > li:last-child { border-bottom: none; }
.faq-group > li:last-child { margin-bottom: 2em; }

/* Contact ------------------------------------------------------------------- */
.section--contact { background-color: #1b1b1d; }
.section--contact .section-header { color: white; }
.section--contact a { text-decoration: none; color: #1a6496; }

.contact, .contact-content { color: white; }

.contact-details { text-align: center; }
.contact-details p { padding-bottom: 20px; }

.contact-form { margin-bottom: 30px; }
.contact-form p { padding-bottom: 20px; }
.contact-form > a { display: block; text-decoration: none; }
@media (max-width: 767px) { .contact-form { padding-top: 40px; } }

.contact-address { margin: 0 0 40px; }
.contact-address h3 { font-weight: bold; font-size: 14px; line-height: 1.2em; margin-bottom: 6px; font-weight: 300; color: #94959b; }
.contact-address a { color: white; font-size: 24px; text-decoration: none; white-space: nowrap; }
.contact-address > span { font-size: 12px; color: #94959b; display: block; }

.contact-form-note { display: block; padding: 15px 0; color: #94959b; font-weight: 600; font-size: 0.86em; }
.contact-form-note span { color: red; }

.contact-socials { text-align: left; position: relative; }
@media (max-width: 1023px) { .contact-socials { text-align: center; padding-left: 0; } }
.contact-socials .contact-social { padding-top: 10px; vertical-align: top; }
.contact-socials .contact-social li { display: inline-block; height: 40px; line-height: 40px; vertical-align: top; font-weight: bold; margin-bottom: 10px; }
.contact-socials .contact-social li a { color: white; }

.contact-socials-header { color: white; font-weight: 300; font-size: 18px; line-height: 1.2em; margin-top: 20px; margin-bottom: 15px; }

.contact-social-item { position: relative; font-size: 28px; font-weight: bold; text-decoration: none; color: #94959b; padding-left: 50px; display: block; height: 40px; line-height: 40px; }
.contact-social-item:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; }

.contact-social-item--facebook:before { height: 32px; width: 32px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1714px; background-repeat: no-repeat; left: 6px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .contact-social-item--facebook:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1710px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.contact-social-item--twitter:before { height: 32px; width: 37px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1630px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .contact-social-item--twitter:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1625px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.contact-social-item--instagram:before { height: 32px; width: 32px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1672px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .contact-social-item--instagram:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1667.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.contact-social-item--youtube:before { height: 22px; width: 30px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1756px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .contact-social-item--youtube:before { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1752.5px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }

.contact-thanks { display: none; }
.contact-thanks.is-visible { display: block; }

.contact-thanks-header { margin-bottom: 10px; font-size: 24px; font-size: 1.5rem; line-height: 1; color: #94959b; }

/* Mobile App Popup ---------------------------------------------------------- */
.mobile-app-popup { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; background: white; color: #424242; padding: 10px 40px 10px 20px; font-size: 12px; min-height: 104px; -webkit-box-shadow: 2px 4px 12px 0px rgba(6, 6, 6, 0.45); -moz-box-shadow: 2px 4px 12px 0px rgba(6, 6, 6, 0.45); box-shadow: 2px 4px 12px 0px rgba(6, 6, 6, 0.45); }
.mobile-app-popup:before { content: ""; display: block; width: 83px; height: 83px; position: absolute; top: 50%; margin-top: -39px; left: 6px; background: url(../images/wavelo-app-icon.png) no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .mobile-app-popup:before { background-image: url(../images/wavelo-app-icon@2x.png); background-size: 83px 83px; } }
.mobile-app-popup .title { color: black; line-height: 1.2; font-size: 18px; padding: 5px 0; }
.mobile-app-popup .desc { padding-right: 35px; }
.mobile-app-popup .store-link { color: #176cc0; border: 2px solid #176cc0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-weight: bold; text-decoration: none; padding: 5px 8px 3px; font-size: 16px; line-height: 1.2; display: inline-block; position: absolute; right: 6px; bottom: 10px; }
.mobile-app-popup .close { position: absolute; display: block; width: 31px; height: 31px; background: url(../images/mobile-popup-close.png) no-repeat; top: 10px; right: 6px; cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .mobile-app-popup .close { background-image: url(../images/mobile-popup-close@2x.png); background-size: 31px 31px; } }

body.is-mobile-popup-visible .mobile-app-popup { display: block; visibility: visible; }

/* Promotion Popup ----------------------------------------------------------- */
.promotion-popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999; overflow: auto; }
.promotion-popup .site-item-nav { color: #1a6496; }

.promotion-popup__overlay { position: fixed; width: 100%; height: 100%; background: rgba(31, 34, 42, 0.8); left: 0; top: 0; }

.promotion-popup__modal { position: relative; background: white; height: auto; margin: 5%; margin-top: 5vh; margin-bottom: 5vh; width: 90%; top: 0; padding: 20px; overflow: hidden; text-align: left; -webkit-box-shadow: 2.5px 4.3px 20px rgba(6, 6, 6, 0.25); -moz-box-shadow: 2.5px 4.3px 20px rgba(6, 6, 6, 0.25); box-shadow: 2.5px 4.3px 20px rgba(6, 6, 6, 0.25); }
.promotion-popup__modal h3 { font-size: 1.8em; font-weight: 700; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
.promotion-popup__modal p { margin-top: 12px; margin-bottom: 0px; text-align: justify; }
.promotion-popup__modal ul li { margin-left: 20px; margin-top: 8px; text-align: justify; font-size: 1.2em; }
.promotion-popup__modal img { margin-bottom: -5px; }
.promotion-popup__modal .promotion-popup__illustration { width: 400px; margin: auto; margin-bottom: 10px; display: block; }
.promotion-popup__modal .promotion-popup__information { margin-top: 35px; font-size: 0.8em; }
.promotion-popup__modal h1 { margin-bottom: 35px; font-size: 1.8em; color: #1a6496; }
.promotion-popup__modal h2, .promotion-popup__modal h3 { font-weight: normal; }
.promotion-popup__modal h2 { font-size: 2.4em; padding-bottom: 20px; }
.promotion-popup__modal h3 { font-size: 1.8em; padding-bottom: 0; }
.promotion-popup__modal p { padding-bottom: 1em; font-size: 1.2em; line-height: 20px; }
.promotion-popup__modal a { font-weight: bold; color: #1a6496; font-size: 1em; }

.promotion-popup__close { display: block; width: 30px; height: 30px; background: url("../images/popup-close.png"); font-size: 0; position: absolute; top: 100px; right: 20px; cursor: pointer; opacity: 0.4; z-index: 999; }
.promotion-popup__close:hover { opacity: 0.8; }

.promotion-popup-opened .promotion-popup { display: block; }

@media screen and (min-width: 640px) { .promotion-popup__modal { top: 50%; transform: translate(0, -50%); margin-top: 0; overflow: visible; width: 620px; left: 50%; margin-left: -310px; padding: 60px 50px; }
  .promotion-popup__modal h2 { font-size: 3.3em; }
  .promotion-popup__modal h3 { font-size: 1.8em; font-weight: 700; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
  .promotion-popup__modal p { margin-top: 12px; margin-bottom: 0px; }
  .promotion-popup__modal .promotion-popup__illustration { position: absolute; right: -170px; bottom: -100px; margin-top: 0; margin-bottom: 0; } }
.section--bsfa { height: 600px; color: white; }
.section--bsfa h1, .section--bsfa h2 { color: white; }
.section--bsfa .section-header { margin-top: 100px; }
@media screen and (min-width: 1024px) { .section--bsfa .section-header { margin-top: 150px; } }
.section--bsfa .row { width: 100%; height: 600px; position: relative; }
.section--bsfa .row .col-left, .section--bsfa .row .col-right { display: block; }
.section--bsfa .row .col-left { width: 40%; height: 100%; position: relative; background-image: linear-gradient(270deg, #17b9d9 5%, rgba(23, 185, 217, 0.1) 75%), url(../images/BSFA-header.png); background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; }
@media screen and (min-width: 768px) { .section--bsfa .row .col-left { width: 60%; background-image: linear-gradient(270deg, #17b9d9 5%, rgba(23, 185, 217, 0) 50%), url(../images/BSFA-header.png); } }
.section--bsfa .row .col-right { width: 60%; height: 100%; position: relative; background-color: #17b9d9; float: right; padding-right: 60px; }
@media screen and (min-width: 768px) { .section--bsfa .row .col-right { width: 40%; } }
.section--bsfa .row .col-right .bsfa-content { font-size: 18px; text-align: center; line-height: 28px; }
.section--bsfa .row .col-right .bsfa-content .btn { margin-top: 30px; }
@media screen and (min-width: 768px) { .section--bsfa .row .col-right .bsfa-content { font-size: 18px; line-height: 28px; } }
@media screen and (min-width: 1024px) { .section--bsfa .row .col-right .bsfa-content { font-size: 20px; line-height: 32px; } }

/* Header -------------------------------------------------------------------- */
.page-header { position: relative; z-index: 12; background: url(../images/bg-header.jpg) no-repeat center center #1a6496; background-size: cover; behavior: url(assets/scripts/backgroundsize.htc); min-height: 100vh; align-items: center; width: 100%; }

.header-introduction { position: relative; width: 100%; padding: 260px 0 100px 0; color: white; text-align: center; }
@media (min-height: 800px) { .header-introduction { transform: translateY(10%); } }
@media (min-height: 1000px) { .header-introduction { transform: translateY(15%); } }
@media (min-height: 1200px) { .header-introduction { transform: translateY(20%); } }
.header-introduction .header-content { max-width: 1000px; margin: auto; }
.header-introduction .header-content h1 { font-size: 60px; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4); font-weight: 500; }
.header-introduction .header-content h1 strong, .header-introduction .header-content h1 b { font-weight: 600; }
@media (max-width: 600px) { .header-introduction .header-content h1 { font-size: 42px; } }
.header-introduction .header-content p { font-size: 20px; font-weight: 500; padding-top: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.header-introduction .buttons { margin-top: 40px; }
.header-introduction .btn { position: relative; margin-left: 5px; margin-right: 5px; }
@media (max-width: 600px) { .header-introduction .btn { display: block; margin-bottom: 10px; height: 40px; line-height: 40px; } }

/* Navigation ---------------------------------------------------------------- */
.page-navigation { position: fixed; right: 0; left: 0; top: 0; z-index: 20; height: 90px; }
.page-navigation > .wrapper { margin: 0; }
.page-navigation .quaffle-element { display: none; }
.page-navigation .logo { display: none; }
.page-navigation .logo a img { position: relative; top: -14px; }

.site-nav { position: absolute; top: 60px; right: 0; left: 0; height: 0; overflow: hidden; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; }
.site-nav li:last-child { border-bottom: 1px solid #1a6496; }
.site-nav.is-opened { height: auto; }

.site-nav-scroll, .site-nav-accounts, .lang-menu { display: none; }

.site-nav-item, .site-nav-btn.is-active { background-color: #1a6496; }

.site-nav-item { height: 40px; font-size: 16px; font-size: 1rem; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; text-shadow: none; border-top: 1px solid #1a6496; color: white; }
.site-nav-item:hover { background-color: #17b9d9; }
.is-sticked .site-nav-item { height: auto; }

.site-nav-lang { color: white; }

.site-nav > li > a.site-nav-item--find-a-bike { display: none; }

.site-nav-btn { display: block; position: fixed; top: 0; right: 0; width: 60px; height: 60px; outline: none; background-color: #1a6496; transition: all 0.2s; border-radius: 0 0 0 60px; outline: none !important; }
.site-nav-btn:after { display: block; position: absolute; top: 50%; left: 50%; content: ""; margin: -17px 0 0 -10px; height: 30px; width: 30px; background-image: url('../images/sprites-s92e4c1cb95.png'); background-position: 0 -1833px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .site-nav-btn:after { background-image: url('../images/sprites-retina-s981330832d.png'); background-position: 0 -1829px; background-size: 173px auto; behavior: url(assets/scripts/backgroundsize.htc); } }
.site-nav-btn.is-active { background-color: #12476b; border-radius: 0 0 0 0; }

.lang-menu .lang-item { position: relative; color: white; font-weight: bold; text-decoration: none; font-size: 17px; display: inline-block; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; padding: 10px; margin: 0 6px; }

/* Content ------------------------------------------------------------------- */
.wrapper { position: relative; padding-left: 20px; padding-right: 20px; width: 100%; }

.leaflet-top { z-index: 2 !important; }

/* Footer -------------------------------------------------------------------- */
.page-footer { position: relative; padding: 30px 0; color: #94959b; background-color: black; font-weight: 300; text-align: center; }
.page-footer a { color: #94959b; text-decoration: none; }

.footer-details { margin-bottom: 5px; }

.footer-nav { margin-top: 10px; }
.footer-nav li { margin: 0 16px; }
@media (max-width: 500px) { .footer-nav li { display: block; margin-bottom: 10px; } }

.footer-nav-item { text-decoration: none; color: #94959b; font-weight: 300; }

.poweredby { color: #94959b; }
.poweredby a { color: white; }

@media screen and (min-width: 768px) { /* Section ------------------------------------------------------------------- */
  .section-header { margin-bottom: 30px; line-height: 1; }
  .section--find-a-bike { position: relative; }
  /* Steps --------------------------------------------------------------------- */
  .step { float: left; width: 50%; margin-bottom: 30px; padding-right: 40px; padding-left: 40px; }
  /* Map ------------------------------------------------------------------- */
  .section--map { height: 800px; }
  /* Apps ---------------------------------------------------------------------- */
  .apps-items { margin: 0 -20px; }
  .apps-items > li { float: left; padding-left: 20px; }
  .apps-devices { text-align: center; }
  .apps-description { font-size: 18px; line-height: 1.8em; }
  /* About --------------------------------------------------------------------- */
  .about { position: relative; padding-left: 250px; }
  .about-nav { display: block; position: absolute; top: 0; left: 0; width: 250px; text-align: right; }
  .about-nav .about-nav-item { display: inline-block; position: relative; right: -1px; text-align: right; line-height: 40px; margin-top: 10px; margin-right: 40px; text-decoration: none; font-size: 28px; font-weight: bold; padding: 6px 12px; color: white; outline: none; transition: all 0.15s; }
  .about-nav .about-nav-item:hover, .about-nav .about-nav-item.is-active { color: black; background-color: white; }
  .about-tabs { position: relative; padding-left: 50px; border-left: 1px solid #599db7; padding-top: 10px; }
  .about-team-btn { display: inline-block; float: right; }
  .about-photo { display: block; margin-bottom: 20px; border-radius: 50%; }
  .tab { display: none; min-height: 380px; padding: 0; margin: 0; border: 0; }
  .tab.is-active { display: block; }
  .tab-content { font-size: 1em; color: white; color: rgba(255, 255, 255, 0.8); }
  .tab-content h1, .tab-content h2, .tab-content h3 { color: white; margin-bottom: 20px; text-align: left; }
  .tab-content h1 { font-size: 2.8em; }
  .tab-content h2 { font-size: 2.4em; }
  .tab-content h3 { font-size: 2em; }
  /* Contact ------------------------------------------------------------------- */
  .contact-details, .contact-form { width: 50%; float: left; }
  .contact-details { padding-right: 20px; text-align: left; }
  .contact-socials .apps-item { margin-left: 0; margin-right: 0; }
  /* Header -------------------------------------------------------------------- */
  .page-header { background-image: url(../images/bg-header-small.jpg); }
  /* Navigation ---------------------------------------------------------------- */
  .site-nav .site-nav-lang { display: none; }
  .lang-menu { display: block; float: right; position: relative; right: 70px; top: 15px; list-style: none; }
  .lang-menu li { float: left; }
  .lang-menu ul { position: relative; }
  .lang-menu ul:after { content: ""; display: block; width: 2px; height: 48px; position: absolute; left: 50%; margin-left: -1px; top: -5px; background: white; -webkit-transform: rotate(27deg); -moz-transform: rotate(27deg); -ms-transform: rotate(27deg); -o-transform: rotate(27deg); transform: rotate(27deg); }
  .page-lang-en .lang-menu .lang-item--pl, .page-lang-pl .lang-menu .lang-item--en { opacity: 0.5; }
  .page-lang-en .lang-menu .lang-item--pl:hover, .page-lang-pl .lang-menu .lang-item--en:hover { opacity: 1; }
  /* Footer -------------------------------------------------------------------- */
  .page-footer { background-size: auto 100%; }
  .footer-details { padding-bottom: 20px; margin-bottom: 0; }
  /* FAQ ----------------------------------------------------------------------- */
  body:after { display: none; }
  .faq { position: relative; margin: 4em auto; box-shadow: none; z-index: 1; }
  .categories { width: 300px; position: absolute; top: 0; left: 0; z-index: 1; text-align: right; padding-right: 30px; }
  .categories a { display: inline-block; font-size: 24px; font-weight: bold; padding-right: 10px; margin-right: 30px; padding-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; margin-bottom: 10px; text-align: right; background: transparent; border-bottom: none; color: #94959b; width: 100%; border-radius: 20px 0 0 20px; -webkit-transition: background 0.2s, padding 0.2s; -moz-transition: background 0.2s, padding 0.2s; -o-transition: background 0.2s, padding 0.2s; transition: background 0.2s, padding 0.2s; }
  .categories a:before, .categories a:after { display: none; }
  .categories a:before { /* decorative rectangle on the left visible for the selected item */ display: block; top: 0; right: -4px; height: 100%; width: 6px; background-color: #1a6496; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
  .categories .selected { color: white; background-color: #17b9d9; }
  .categories .selected:before { opacity: 0; }
  .categories.is-fixed { /* top and left value assigned in jQuery */ position: fixed; }
  .no-touch .categories a:hover { background: #555b61; }
  .no-js .categories { width: 100%; margin-bottom: 2em; position: relative; }
  .cd-close-panel { display: none; }
  .faq-items { position: static; height: auto; width: auto; margin-left: 300px; float: none; overflow: visible; -webkit-transform: translateZ(0) translateX(0); -moz-transform: translateZ(0) translateX(0); -ms-transform: translateZ(0) translateX(0); -o-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); padding: 0; background: transparent; border-left: 2px solid #e6ebf5; }
  .no-js .faq-items { padding-left: 0; }
  .faq-group { /* all groups visible */ display: block; padding-left: 50px; min-height: 420px; padding-top: 15px; }
  .faq-group .faq-title { margin: 2em 0 1.6em; margin-top: 0; }
  .faq .trigger { padding-right: 24px; color: black; font-size: 16px; font-weight: bold; }
  .faq .trigger span { padding-top: 4px; padding-bottom: 4px; transition: all 0.1s; }
  .faq .trigger:before, .faq .trigger:after { /* arrow icon on the right */ display: none; content: ""; position: absolute; right: 0px; top: 50%; height: 1px; width: 13px; background: #94959b; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
  .faq .trigger:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 8px; }
  .faq .trigger:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .content-visible .trigger span { padding-left: 10px; background: #17b9d9; color: white; padding-right: 10px; border-radius: 13.5px; margin-left: -10px; }
  .content-visible .trigger:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .content-visible .trigger:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .faq-content { display: none; font-size: 14px; }
  .no-js .faq-content { display: block; } }
@media screen and (min-width: 1024px) { /* Section ------------------------------------------------------------------- */
  .section > .wrapper { padding: 78px 20px; }
  .section--apps > .wrapper { padding-bottom: 0; }
  .section-header { margin-bottom: 20px; }
  /* Steps --------------------------------------------------------------------- */
  .steps { position: relative; }
  /* Apps ---------------------------------------------------------------------- */
  .apps-content { width: 60%; display: block; }
  .apps-devices { width: 40%; display: block; }
  .apps-content { float: left; padding-right: 40px; }
  .apps-devices { float: right; }
  .apps-content .apps-items { position: relative; text-align: left; margin: 40px -5px 0; }
  .apps-content .apps-items > li { padding: 0 5px; }
  .apps-item { padding-top: 8px; line-height: 1; }
  .apps-item > em { display: block; font-size: 1.3em; }
  .apps-description { text-align: left; }
  /* About --------------------------------------------------------------------- */
  .about { position: relative; padding-left: 350px; }
  .about-nav { width: 350px; }
  .about-nav .about-nav-item { font-size: 28px; }
  .tab-content { font-size: 1.1em; }
  /* Contact ------------------------------------------------------------------- */
  .contact-content { float: left; width: 66%; }
  .contact-details { padding-right: 40px; }
  .contact-socials { float: left; width: 33%; padding-left: 100px; margin-top: -20px; text-align: left; }
  /* Header -------------------------------------------------------------------- */
  .page-header { background-image: url(../images/bg-header-medium.jpg); }
  /* Navigation ---------------------------------------------------------------- */
  .page-navigation { height: 70px; top: 0; bottom: auto; background: white; position: absolute; }
  .page-navigation .quaffle-element, .page-navigation .logo { display: inline-block; }
  .page-navigation.fixed-nav { position: fixed; top: 0; bottom: auto; }
  .page-navigation.fixed-nav .quaffle-element { display: none; }
  .site-nav { position: relative; overflow: visible; z-index: 9999999; top: 25px; text-align: center; vertical-align: top; padding-right: 85px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .site-nav > li, .site-nav > li > a { display: inline-block; border: none; vertical-align: top; font-size: 15px; font-weight: 400; color: #1a6496; }
  .site-nav li:last-child { border-bottom: none; }
  .site-nav-item { padding: 0 2px; margin: 0 1px; line-height: 1.7em; height: 1.7em; vertical-align: middle; font-size: 1em; background-color: transparent; color: black; outline: none; vertical-align: top; }
  .site-nav-item:hover, .site-nav-item.is-active { color: black; background: transparent; }
  .lang-menu { right: 0; top: 24px; }
  .site-nav-btn { display: none; }
  /* Footer -------------------------------------------------------------------- */
  .footer-details br { display: none; } }
@media screen and (min-width: 1240px) { /* Section ------------------------------------------------------------------- */
  .section > .wrapper { padding: 78px 0; }
  .section--apps > .wrapper { padding-bottom: 0; }
  .section-header h1 { font-size: 40px; }
  /* Steps ------------------------------------------------------------------- */
  .steps { width: 100%; }
  .step { width: 25%; }
  /* Header -------------------------------------------------------------------- */
  .page-header { background-image: url(../images/bg-header-full.jpg); }
  /* About -------------------------------------------------------------------- */
  /* Navigation ---------------------------------------------------------------- */
  .site-nav-item { padding: 0 4px; margin: 0 3px; font-size: 15.2px; font-size: 0.95rem; }
  .lang-menu { z-index: 99; }
  .lang-menu .lang-item { font-size: 1.1em; }
  .site-nav-accounts { position: relative; float: right; top: 25px; list-style-type: none; z-index: 99; display: block; }
  .site-nav-accounts > li { float: left; margin-left: 10px; }
  /* Content ------------------------------------------------------------------- */
  .wrapper, .page-navigation > .wrapper { width: 1200px; margin: 0 auto; }
  /* Contact ------------------------------------------------------------------- */
  .contact-address h3 { font-size: 18px; }
  .contact-address a { font-size: 28px; }
  .contact-address p:last-of-type a { font-size: 36px; }
  .contact-socials-header { font-size: 22px; }
  .footer-nav { margin-top: 0; float: right; }
  .footer-nav > li + li:before { margin: 0 13px 0 10px; }
  .poweredby { float: left; } }