@charset "UTF-8";
/* 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; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 4, 2017 */
@font-face { font-family: 'edo_szregular'; src: url("../fonts/edosz-webfont.eot"); src: url("../fonts/edosz-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/edosz-webfont.woff") format("woff2"), url("../fonts/edosz-webfont.woff") format("woff"), url("../fonts/edosz-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'core_sans_85'; src: url("../fonts/coresanscr85-webfont.eot"); src: url("../fonts/coresanscr85-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/coresanscr85-webfont.woff") format("woff2"), url("../fonts/coresanscr85-webfont.woff") format("woff"), url("../fonts/coresanscr85-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'core_sans'; src: url("../fonts/coresansg-extrabold-webfont.eot"); src: url("../fonts/coresansg-extrabold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/coresansg-extrabold-webfont.woff") format("woff2"), url("../fonts/coresansg-extrabold-webfont.woff") format("woff"), url("../fonts/coresansg-extrabold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'hero_lightlight'; src: url("../fonts/hero_light-webfont.eot"); src: url("../fonts/hero_light-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/hero_light-webfont.woff") format("woff2"), url("../fonts/hero_light-webfont.woff") format("woff"), url("../fonts/hero_light-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'heroregular'; src: url("../fonts/hero-webfont.eot"); src: url("../fonts/hero-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/hero-webfont.woff") format("woff2"), url("../fonts/hero-webfont.woff") format("woff"), url("../fonts/hero-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

/* 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: "heroregular", sans-serif; line-height: 1.25; font-weight: 500; -webkit-font-smoothing: antialiased; background-color: white; }

a { text-decoration: underline; color: #92cfc7; }

.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, .pricing:before, .pricing-content:before, .pricing__plans:before, .pricing-plan-group:before, .pricing-plan-group .prices:before, .additional-charges: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, .pricing:after, .pricing-content:after, .pricing__plans:after, .pricing-plan-group:after, .pricing-plan-group .prices:after, .additional-charges: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, .pricing:after, .pricing-content:after, .pricing__plans:after, .pricing-plan-group:after, .pricing-plan-group .prices:after, .additional-charges: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; height: 40px; line-height: 40px; padding: 0 10px; 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; }
@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: bold; font-size: 12px; }

.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: bold; background-color: #828385; 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: 50px; line-height: 50px; border: 0; transition: all 0.15s; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; text-shadow: none; color: white; background-color: black; cursor: pointer; outline: none; font-family: "heroregular", sans-serif; font-size: 22px; padding: 0 40px; }
.btn:hover { transform: translateY(1px); }
@media (max-width: 767px) { .btn { height: 44px; line-height: 44px; font-size: 18px; } }
.btn[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; }
.btn[disabled]:hover { transform: translateY(0); }

.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--strawberry { background-color: #bf2c2b; color: white; }

.btn--mint { background-color: #92cfc7; color: white; }

.btn--white { background-color: white; color: #4f4d4c; }

.btn--blue { background-color: #009bbf; color: white; }

.btn--gray { background-color: #646569; color: white; }

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

.section-header { position: relative; text-align: center; color: #4f4d4c; }
.section-header h1 { display: inline-block; margin-bottom: 50px; padding-bottom: 5px; font-size: 32px; font-size: 2rem; line-height: 1.125; font-weight: normal; font-family: "core_sans_85", sans-serif; text-transform: uppercase; font-smooth: antialiased; }
.section-header h1 strong { font-weight: bold; white-space: nowrap; }

/* Pricing ------------------------------------------------------------------- */
.section--pricing .section-header h1 { font-weight: normal; }
.section--pricing .section-header h1 strong { color: #4f4d4c; }

.pricing-content { clear: both; overflow: hidden; margin: 0 -10px; text-align: center; vertical-align: top; }
.pricing-content .pricing-content__element { width: 33.33%; padding: 0 10px; display: inline-block; vertical-align: top; }
@media (max-width: 980px) { .pricing-content .pricing-content__element { width: 46%; } }
@media (max-width: 690px) { .pricing-content .pricing-content__element { width: 100%; margin-bottom: 40px; } }
.pricing-content .pricing-box { background-color: #ededed; padding: 20px 15px; height: 340px; position: relative; }
@media (max-width: 1180px) { .pricing-content .pricing-box { height: 280px; } }
.pricing-content .pricing-box h3 { font-size: 50px; font-weight: 100; font-family: "core_sans_85", sans-serif; font-weight: 900; color: #4f4d4c; }
@media (max-width: 1180px) { .pricing-content .pricing-box h3 { font-size: 40px; } }
.pricing-content .pricing-box h2 { color: #4f4d4c; font-size: 40px; font-weight: 100; margin-top: 20px; margin-bottom: 12px; font-family: "hero_lightlight"; }
@media (max-width: 1180px) { .pricing-content .pricing-box h2 { font-size: 30px; } }
.pricing-content .pricing-box h2 span { font-size: 50px; font-weight: bold; font-family: "heroregular"; }
@media (max-width: 1180px) { .pricing-content .pricing-box h2 span { font-size: 30px; } }
.pricing-content .pricing-box h6 { color: #4f4d4c; font-size: 20px; font-weight: 600; margin-top: -4px; margin-bottom: 0px; font-family: "hero_lightlight"; }
@media (max-width: 1180px) { .pricing-content .pricing-box h6 { font-size: 18px; } }
.pricing-content .pricing-box p { font-weight: normal; font-family: "heroregular"; line-height: 1.25; color: #4f4d4c; }
.pricing-content .pricing-box .btn { font-size: 28px; line-height: 60px; height: 60px; position: absolute; bottom: 10px; left: 0; font-family: "core_sans_85", sans-serif; font-weight: 900; color: #009bbf; width: 100%; text-align: center; background-color: transparent; padding-left: 0; padding-right: 0; transition: color 0.2s; text-transform: uppercase; }
.pricing-content .pricing-box .btn:hover { color: #4f4d4c; }
.pricing-content .additional-charges h4 { font-family: "hero_lightlight"; margin-bottom: 20px; font-size: 26px; margin-top: 10px; }
.pricing-content .additional-charges ul li { list-style: none; border-bottom: 1px solid #e6ebf5; display: flex; padding-top: 10px; padding-bottom: 10px; font-size: 22px; color: #646569; }
.pricing-content .additional-charges ul li p span { display: block; font-size: 14px; margin-top: -4px; }
.pricing-content .additional-charges ul li .additional-charges__price { width: 60px; }

.pound { font-style: normal; font-family: "core_sans", sans-serif; font-weight: 100; font-size: 0.9em; }

.pricing-update { padding: 50px 0 0; text-align: center; max-width: 800px; margin: auto; }
@media (max-width: 690px) { .pricing-update { padding: 10px 0 0; } }

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

.how-it-works-content { font-family: "heroregular"; 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: 900; margin-bottom: 0.7em; font-family: "core_sans_85", sans-serif; }
.step p { font-size: 16px; font-weight: bold; height: 160px; max-width: 520px; margin: auto; font-family: "hero_lightlight", sans-serif; }
@media (max-width: 500px) { .step p { height: auto; } }

.step--reserve:after { height: 123px; width: 123px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -538px; 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-s0e0da052b4.png'); background-position: 0 -670.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.step--release:after { height: 124px; width: 123px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -404px; 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-s0e0da052b4.png'); background-position: 0 -401.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.step--ride:after { height: 123px; width: 124px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -271px; 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-s0e0da052b4.png'); background-position: 0 -269px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.step--return:after { height: 124px; width: 123px; background-image: url('../images/sprites-s23d6b0f573.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--return:after { background-image: url('../images/sprites-retina-s0e0da052b4.png'); background-position: 0 0; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.how-it-works-video { position: relative; z-index: 10; box-shadow: 0px 3px 15px 5px rgba(0, 0, 0, 0.15); }

#show-how-it-works-video:hover { transform: translateY(0); }

.how-it-works-button { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.how-it-works-button .btn-watch-video { position: relative; font-size: 26px; }
@media (max-width: 670px) { .how-it-works-button .btn-watch-video { font-size: 20px; width: 300px; font-size: 20px; line-height: 20px; } }
.how-it-works-button .btn-watch-video:before { height: 22px; width: 30px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1621px; background-repeat: no-repeat; display: block; content: " "; position: absolute; left: -4px; top: 12px; }
@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) { .how-it-works-button .btn-watch-video:before { background-image: url('../images/sprites-retina-s0e0da052b4.png'); background-position: 0 -1614.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.how-it-works-button .btn-watch-video:after { display: block; content: " "; position: absolute; right: 5px; top: 20px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid white; transition: transform 0.3s; }
@media (max-width: 670px) { .how-it-works-button .btn-watch-video:after { top: 17px; } }
.how-it-works-button .btn-watch-video.video-visible:after { transform: rotate(-180deg); }

.how-it-works-video { background-color: #92cfc7; }

.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: #4f4d4c; display: none; }
.section--rules .wrapper { padding-bottom: 30px; }
.section--rules .section-header { color: white; }
.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: white; width: 20%; min-width: 220px; }
.section--rules .rules .rule h2 { margin-bottom: 20px; font-family: "heroregular", sans-serif; font-size: 20px; color: white; font-weight: 100; }
.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: 22px; margin-top: -20px; color: white; }

.rule { position: relative; }
.rule:before { display: block; content: " "; margin: auto; margin-bottom: 20px; position: relative; z-index: 5; }
.rule:after { display: block; content: " "; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: white; border-radius: 50%; width: 125px; height: 125px; }
.rule.rule--pre-ride-check:before { height: 127px; width: 127px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -671px; background-repeat: no-repeat; transform: translate(0, 0); }
@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-s0e0da052b4.png'); background-position: 0 -534.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.rule.rule--road:before { height: 127px; width: 140px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -134px; background-repeat: no-repeat; transform: translate(7px, 0); }
@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-s0e0da052b4.png'); background-position: 0 -133px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.rule.rule--turning:before { height: 127px; width: 180px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -945px; background-repeat: no-repeat; transform: translate(-27px, 0); }
@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-s0e0da052b4.png'); background-position: 0 -939px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.rule.rule--predictable:before { height: 127px; width: 127px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1082px; 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-s0e0da052b4.png'); background-position: 0 -1075px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.rule.rule--helmet:before { height: 127px; width: 127px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -808px; 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-s0e0da052b4.png'); background-position: 0 -803px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.section--partners { margin-bottom: -60px; }
.section--partners .content-holder { padding-bottom: 40px; }
.section--partners .partners { width: 75%; float: left; }
@media (max-width: 1240px) { .section--partners .partners { width: 66%; } }
@media (max-width: 930px) { .section--partners .partners { width: 100%; float: none; max-width: 700px; margin: auto; } }
.section--partners .partners .partners__partner { padding-bottom: 30px; }
.section--partners .partners .partner-logo { width: 33%; float: left; text-align: center; padding-bottom: 20px; }
.section--partners .partners .partner-logo img { max-width: 75%; }
@media (max-width: 600px) { .section--partners .partners .partner-logo { float: none; width: 100%; } }
.section--partners .partners .partner-description { width: 66%; padding-right: 15%; float: left; color: #4f4d4c; font-size: 22px; font-weight: 100; color: #646569; line-height: 1.2; }
@media (max-width: 1240px) { .section--partners .partners .partner-description { padding-right: 5%; } }
@media (max-width: 600px) { .section--partners .partners .partner-description { float: none; padding-right: 0; width: 100%; max-width: 400px; margin: auto; text-align: center; } }
.section--partners .partners .partner-description p { margin-bottom: 20px; }
.section--partners .partners .partner-description i, .section--partners .partners .partner-description em { display: inline-block; position: relative; top: -0.32em; font-style: normal; font-family: arial; }
.section--partners .become-a-sponsor { width: 25%; float: left; color: #646569; line-height: 1.2; border-left: 1px solid #e6ebf5; padding-left: 20px; }
@media (max-width: 1240px) { .section--partners .become-a-sponsor { width: 33%; } }
@media (max-width: 930px) { .section--partners .become-a-sponsor { width: 100%; float: none; max-width: 400px; text-align: center; margin: auto; border: none; margin-top: 40px; } }
.section--partners .become-a-sponsor h4 { font-size: 26px; font-weight: normal; margin-bottom: 20px; color: #4f4d4c; line-height: 1.2; }
.section--partners .become-a-sponsor p { font-size: 14px; line-height: 1.2; }
.section--partners a { color: #009bbf; text-decoration: none; }

/* Apps ---------------------------------------------------------------------- */
.section--apps { background-color: #ededed; position: relative; }
.section--apps .section-header h1 { color: #4f4d4c; }

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

.apps-description { font-size: 1.1em; line-height: 1.5; text-align: center; font-family: "heroregular", sans-serif; }
.apps-description p, .apps-description ul { margin-bottom: 20px; color: #4f4d4c; }
.apps-description li { list-style: none; }
.apps-description li:before { display: inline-block; content: "•"; width: 10px; padding-right: 20px; }
.apps-description a { text-decoration: underline; color: blue; cursor: pointer; }
.apps-description ul { text-align: left; max-width: 500px; margin-left: auto; margin-right: auto; }

.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-s23d6b0f573.png'); background-position: 0 -1219px; 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-s0e0da052b4.png'); background-position: 0 -1211px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.apps-item--ios { height: 51px; width: 173px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1280px; 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-s0e0da052b4.png'); background-position: 0 -1272px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.mobile-app-icon { display: none; }
@media (max-width: 720px) { .mobile-app-icon { display: block; margin: auto; margin-bottom: 20px; } }

.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; max-width: 720px; margin: auto; }
#instafeed a { width: 25%; margin-bottom: 15px; text-align: center; }
@media (max-width: 680px) { #instafeed a { width: 33%; } }
@media (max-width: 520px) { #instafeed a { width: 48%; }
  #instafeed a:nth-child(4), #instafeed a:nth-child(5), #instafeed a:nth-child(6), #instafeed a:nth-child(7) { display: none; } }
#instafeed a img, #instafeed a div { transition: all 0.15s; max-width: 100%; }
@media (max-width: 680px) { #instafeed a img, #instafeed a div { width: 140px; height: 140px; } }
@media (max-width: 520px) { #instafeed a img, #instafeed a div { width: 130px; height: 130px; } }
#instafeed a.all-photos div { background-color: #ededed; width: 150px; height: 150px; position: relative; display: inline-block; }
@media (max-width: 680px) { #instafeed a.all-photos div { width: 140px; height: 140px; } }
@media (max-width: 520px) { #instafeed a.all-photos div { width: 130px; height: 130px; } }
#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-s23d6b0f573.png'); background-position: 0 -1341px; 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-s0e0da052b4.png'); background-position: 0 -1333px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/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; }
@media (max-width: 680px) { #instafeed a.all-photos div span { font-size: 18px; } }
#instafeed a:hover div, #instafeed a:hover img { transform: scale(1.01, 1.01); }

.section--explore_brighton { margin-bottom: -60px; }
.section--explore_brighton .explore-content { max-width: 850px; margin: auto; text-align: center; }
.section--explore_brighton .explore-content p { max-width: 780px; text-align: center; margin: auto; margin-bottom: 60px; font-size: 22px; margin-top: -20px; color: #646569; }
@media (max-width: 640px) { .section--explore_brighton .explore-content p { margin-bottom: 20px; } }
.section--explore_brighton .explore-sections { border-bottom: 2px solid #e6ebf5; clear: both; overflow: hidden; padding-top: 40px; padding-bottom: 20px; }
.section--explore_brighton .explore-sections .explore-section { width: 50%; float: left; padding-bottom: 40px; }
@media (max-width: 1120px) { .section--explore_brighton .explore-sections .explore-section { float: none; width: 100%; clear: both; overflow: hidden; max-width: 540px; margin: auto; } }
.section--explore_brighton .explore-sections .explore-section img { max-width: 360px; display: block; width: 100%; clear: both; overflow: hidden; margin: auto; }
.section--explore_brighton .explore-sections .explore-section .explore-section-content { padding: 30px 20px; text-align: center; width: 100%; clear: both; overflow: hidden; margin: auto; }
.section--explore_brighton .explore-sections .explore-section .explore-section-content h3 { text-transform: uppercase; margin-bottom: 10px; font-size: 24px; font-family: "core_sans_85"; font-weight: 900; color: #4f4d4c; }
@media (max-width: 640px) { .section--explore_brighton .explore-sections .explore-section.experiences { padding-bottom: 10px; } }

/* About --------------------------------------------------------------------- */
.section--about { background-color: #ededed; }

.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 { font-family: "hero_lightlight", sans-serif; 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: #92cfc7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; border-bottom: 1px solid #b5dfd9; 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: white; }
.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: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
@media (max-width: 767px) { .faq-items { opacity: 0; } }
.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%); }
@media (max-width: 767px) { .faq-items.slide-in { opacity: 1; } }

.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: #92cfc7; }
.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; color: #4f4d4c; }
.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: 1.8em; font-weight: bold; }

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

.trigger { position: relative; display: block; font-size: 1.1em; line-height: 1.2; color: #92cfc7; 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: 600; 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; }

#covid_19 p { padding-bottom: 12px; }
#covid_19 h1, #covid_19 h2, #covid_19 h3 { padding-bottom: 20px; }

/* Contact ------------------------------------------------------------------- */
.section--contact { background-color: #ededed; }
.section--contact .section-header { color: #4f4d4c; }
.section--contact a { text-decoration: none; color: #009bbf; }

.contact, .contact-content { color: #4f4d4c; }

.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; text-align: center; } }

.contact-address { margin: 0 0 40px; font-weight: bold; }
.contact-address h3 { font-family: "hero_lightlight", sans-serif; color: #bebfc1; font-weight: bold; font-size: 14px; line-height: 1.2em; margin-top: 20px; margin-bottom: 6px; }
.contact-address a { color: white; font-size: 24px; font-family: "hero_lightlight", sans-serif; text-decoration: none; white-space: nowrap; }
.contact-address > span { font-size: 12px; color: #bebfc1; display: block; }

.contact-form-note { display: block; padding: 15px 0; color: #4f4d4c; 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:before { display: block; content: " "; height: 230px; width: 2px; background-color: #97989c; position: absolute; top: 20px; left: 50px; }
@media (max-width: 1023px) { .contact-socials:before { display: none; } }
.contact-socials img { margin-top: 20px; }
.contact-socials .apps-item { border: 1.5px solid #1f5466; border-radius: 6px; margin: auto; margin-bottom: 10px; }
.contact-socials .contact-social { padding-top: 10px; vertical-align: top; }
@media (max-width: 640px) { .contact-socials .contact-social { padding-left: 10px; } }
.contact-socials .contact-social li { display: inline-block; height: 40px; line-height: 40px; vertical-align: top; font-weight: bold; }
@media (max-width: 640px) { .contact-socials .contact-social li:last-child { margin-left: -10px; } }

.contact-socials-header { color: #4f4d4c; font-weight: bold; font-size: 18px; line-height: 1.2em; margin-top: 20px; margin-bottom: 15px; font-family: "hero_lightlight"; }

.contact-social-item { position: relative; font-size: 1.25em; font-weight: bold; text-decoration: none; color: #4f4d4c; padding-left: 50px; font-family: "hero_lightlight"; display: block; height: 40px; line-height: 40px; }
.contact-social-item:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; filter: brightness(0.31); -webkit-filter: brightness(0.31); }

.contact-social-item--facebook:before { height: 32px; width: 32px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1579px; 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-s0e0da052b4.png'); background-position: 0 -1572px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.contact-social-item--twitter:before { height: 32px; width: 37px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1495px; 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-s0e0da052b4.png'); background-position: 0 -1487px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.contact-social-item--instagram:before { height: 32px; width: 32px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1537px; 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-s0e0da052b4.png'); background-position: 0 -1529.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }

.contact-social-item--youtube:before { height: 22px; width: 30px; background-image: url('../images/sprites-s23d6b0f573.png'); background-position: 0 -1621px; 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-s0e0da052b4.png'); background-position: 0 -1614.5px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/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: #4f4d4c; }

/* Mobile App Popup ---------------------------------------------------------- */
.mobile-app-popup { display: none; font-family: Helvetica, Arial, "sans-serif"; position: fixed; z-index: 1000; 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(https://www.btnbikeshare.com/assets/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(https://www.btnbikeshare.com/assets/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; }

/* Christmas --------------------------------------------------------------------- */
.section--competition > .wrapper { padding: 60px 60px 60px; }

.section--competition { background-color: #828385; color: white; }
.section--competition .row { display: box; }
.section--competition a { color: white; font-weight: 700; }
.section--competition .section-header { color: white; }
.section--competition .competition-content { width: 100%; margin: auto; }
.section--competition .competition-content p { line-heigh: 150%; margin-bottom: 20px; }
.section--competition .competition-prizes { width: 100%; }
.section--competition .competition-candy-cane-bike { position: relative; margin-top: 30px; height: 360px; background-image: url("../images/BTN_candy_cane_bike.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); text-align: center; }
.section--competition .competition-candy-cane-bike h2 { width: 100%; position: absolute; text-align: center; bottom: 20px; }
.section--competition .competition_information { width: 100%; padding-top: 60px; line-heigh: 150%; }
.section--competition .competition_information h2 { font-size: 1.2em; forn-weight: 700; margin-bottom: 10px; }
.section--competition .competition_information li { padding-top: 8px; }
.section--competition .competition_information .competition-how_to_enter { width: 100%; line-heigh: 150%; padding-bottom: 30px; padding-right: 0px; }
.section--competition .competition_information .competition-t_and_c { width: 100%; line-heigh: 150%; padding-bottom: 30px; padding-left: 0px; }

.section--competition { padding: 60px 60px 60px; border-top: 60px solid #92cfc7; border-bottom: 60px solid #92cfc7; background-color: white; color: #828385; }
.section--competition .competition_row { display: flex; flex-direction: column; }
.section--competition .competition_row .competition_info a { color: #92cfc7; }
.section--competition .competition_row .competition_info h1, .section--competition .competition_row .competition_info h2 { color: #828385; }
.section--competition .competition_row .competition_info .competition-how_to_enter p { padding-top: 20px; }
.section--competition .competition_row .competition_info .competition-partner_logo { position: relative; min-height: 100px; }
.section--competition .competition_row .competition_info .competition-partner_logo img { position: absolute; max-height: 120px; bottom: 0px; right: 20px; padding-bottom: 20px; }
.section--competition .competition_row .competition_image { position: relative; }
.section--competition .competition_row .competition_image img { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }
.section--competition .competition_row .competition_image .image_attribution { position: absolute; bottom: 10px; right: 10px; color: white; font-size: 12px; }

/* Christmas --------------------------------------------------------------------- */
.section--christmas > .wrapper { padding: 60px 60px 60px; }

.section--christmas { background-color: #828385; color: white; }
.section--christmas .row { display: box; }
.section--christmas a { color: white; font-weight: 700; }
.section--christmas .section-header { color: white; }
.section--christmas .christmas-content { width: 100%; margin: auto; text-align: center; }
.section--christmas .christmas-content p { line-heigh: 150%; margin-bottom: 20px; }
.section--christmas .christmas-prizes { width: 100%; }
.section--christmas .christmas-candy-cane-bike { position: relative; margin-top: 30px; height: 360px; background-image: url("https://www.btnbikeshare.com/assets/images/christmas/BTN_candy_cane_bike_2021_v2.jpeg"); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); text-align: center; }
.section--christmas .christmas-candy-cane-bike h2 { width: 100%; position: absolute; text-align: center; top: 20px; }
.section--christmas .christmas_information { width: 100%; padding-top: 60px; line-heigh: 150%; }
.section--christmas .christmas_information h2 { font-size: 1.2em; forn-weight: 700; margin-bottom: 10px; }
.section--christmas .christmas_information li { padding-top: 8px; }
.section--christmas .christmas_information .christmas-how_to_enter { width: 100%; line-heigh: 150%; padding-bottom: 30px; padding-right: 0px; }
.section--christmas .christmas_information .christmas-t_and_c { width: 100%; line-heigh: 150%; padding-bottom: 30px; padding-left: 0px; }

.section--christmas { padding: 60px 60px 60px; }
.section--christmas .christmas_row { display: flex; flex-direction: column; }
.section--christmas .christmas_row .christmas_info a { color: #92cfc7; }
.section--christmas .christmas_row img { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }

/* Header -------------------------------------------------------------------- */
.page-header { position: relative; z-index: 5; background: url(https://www.btnbikeshare.com/assets/images/bg-header-v1.jpg) no-repeat center top #92cfc7; background-size: cover; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); min-height: 100vh; align-items: center; width: 100%; z-index: 100; }

.top-links { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; z-index: 10; }
.top-links .app-link-holder, .top-links .deals-link-holder { position: absolute; top: 120px; width: 400px; text-align: right; vertical-align: middle; }
@media (max-width: 640px) { .top-links .app-link-holder, .top-links .deals-link-holder { display: none; } }
.top-links .app-link-holder p, .top-links .deals-link-holder p { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); color: white; display: inline-block; font-weight: bold; vertical-align: middle; line-height: 1.1; }
.top-links .app-link-holder a, .top-links .deals-link-holder a { display: inline-block; color: #009bbf; background-color: white; padding: 8px 12px; padding-right: 45px; height: 35px; position: relative; text-decoration: none; font-weight: bold; vertical-align: middle; margin-left: 8px; font-size: 18px; font-weight: 300; }
.top-links .app-link-holder a span, .top-links .deals-link-holder a span { display: block; background-color: #009bbf; height: 35px; width: 35px; position: absolute; right: 0; top: 0; }
.top-links .app-link-holder a span:after, .top-links .deals-link-holder a span:after { display: block; content: ""; position: absolute; top: 12px; left: 15px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid white; transition: left 0.1s; }
.top-links .app-link-holder a:hover span:after, .top-links .deals-link-holder a:hover span:after { left: 18px; }
.top-links .app-link-holder { left: 0; }
@media (max-width: 1220px) { .top-links .app-link-holder { margin-right: 70px; } }
@media (max-width: 1023px) { .top-links .app-link-holder { left: auto; margin-right: 0; right: 20px; top: 140px; } }
.top-links .deals-link-holder { right: 20px; }

.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%); } }
@media (max-width: 640px) { .header-introduction { padding-top: 160px; } }
.header-introduction .logo { padding-bottom: 40px; padding-top: 40px; }
.header-introduction .header-content { max-width: 900px; margin: auto; }
.header-introduction .header-content h1 { font-family: "edo_szregular", sans-serif; font-size: 66px; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4); font-weight: normal; }
@media (max-width: 600px) { .header-introduction .header-content h1 { font-size: 42px; } }
.header-introduction .header-content p { font-size: 26px; font-weight: bold; padding-top: 30px; 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; text-transform: uppercase; }
@media (max-width: 600px) { .header-introduction .btn { display: block; margin-bottom: 10px; height: 40px; line-height: 40px; } }

.mobile-life-logo { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 50; }
.mobile-life-logo .life-mobile-quaffle-holder { width: 160px; height: 160px; background-color: white; text-align: center; }
@media (max-width: 960px) { .mobile-life-logo .life-mobile-quaffle-holder { width: 100px; height: 100px; } }
.mobile-life-logo .life-mobile-quaffle-holder a { display: block; height: 100%; padding: 10px 5px; }
@media (max-width: 960px) { .mobile-life-logo .life-mobile-quaffle-holder a { padding: 20px 15px 15px 15px; } }

/* Navigation ---------------------------------------------------------------- */
.covid-belt { background: #bf2c2b; text-align: center; line-height: 30px; color: white; font-size: 14px; }
.covid-belt a { color: white; }
.covid-belt .site-nav-item { background: #bf2c2b; border: 0; font-size: 14px; padding: 0px; margin: 0px; line-heigh: 30px; font-family: "heroregular", sans-serif; font-weight: bold; }
.covid-belt .site-nav-item:hover { background: #bf2c2b; }
@media (min-width: 1024px) { .covid-belt .site-nav-item { heigh: 30px; line-height: 30px; } }

.life-quaffle-holder { width: 200px; height: 175px; background-color: white; text-align: center; padding-top: 40px; margin-top: 0px; }
.life-quaffle-holder img { display: block; margin: auto; }
@media (max-width: 1220px) { .life-quaffle-holder img { display: none; } }
.life-quaffle-holder img.no-tagline { display: none; }
@media (max-width: 1220px) { .life-quaffle-holder img.no-tagline { display: block; margin: auto; } }
@media (max-width: 1220px) { .life-quaffle-holder { width: 120px; height: 105px; margin-top: -25px; padding: 5px 0; } }

.page-navigation.fixed-nav .quaffle-element .life-quaffle-holder img { display: none; }
.page-navigation.fixed-nav .quaffle-element .life-quaffle-holder img.no-tagline { display: block; }
@media (max-width: 1220px) { .page-navigation.fixed-nav .quaffle-element .life-quaffle-holder { width: 80px; padding-left: 10px; padding-right: 10px; height: 80px; margin-top: -35px; } }

.page-navigation { position: fixed; right: 0; left: 0; top: 0; z-index: 200; height: 120px; }
.page-navigation > .wrapper { margin: 0; }
.page-navigation .quaffle-element { display: none; }
.page-navigation .logo { display: none; }
.page-navigation .logo a img { position: relative; top: -9px; }

.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 #4f4d4c; }
.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: #4f4d4c; }

.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; font-family: "hero_lightlight", sans-serif; border-top: 1px solid #4f4d4c; color: white; }
.site-nav-item:hover { background-color: #4f4d4c; }
.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: #4f4d4c; transition: all 0.2s; border-radius: 0 0 0 60px; outline: none !important; z-index: 120; }
.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-s23d6b0f573.png'); background-position: 0 -1698px; 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-s0e0da052b4.png'); background-position: 0 -1691px; background-size: 180px auto; behavior: url(https://www.btnbikeshare.com/assets/styles/assets/scripts/backgroundsize.htc); } }
.site-nav-btn.is-active { background-color: #353433; 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 ------------------------------------------------------------------- */
#landingpage { position: relative; }

.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: #646569; background-color: #242527; font-weight: bold; text-align: center; }
.page-footer a { color: #646569; 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: #646569; font-weight: bold; }

.poweredby { color: #646569; }
.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: 1.25em; line-height: 1.6; }
  /* 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; font-family: "hero_lightlight", sans-serif; 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; }
  /* Competition ----------------------------------------------------------------- */
  .section--competition { /* Christmas ----------------------------------------------------------------- */ }
  .section--competition .competition-candy-cane-bike { height: 500px; }
  .section--christmas .christmas-candy-cane-bike { height: 500px; }
  /* 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(https://www.btnbikeshare.com/assets/images/bg-header-v1-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; }
  /* 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; }
  .categories a { font-family: "hero_lightlight"; display: inline-block; font-size: 26px; 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: #646569; -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: #92cfc7; 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: #92cfc7; }
  .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; }
  .faq-group .faq-title { margin: 2em 0 1.6em; margin-top: 0; }
  .faq .trigger { padding-right: 24px; color: #4f4d4c; 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: #646569; -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: 4px; background: #92cfc7; color: white; padding-right: 4px; }
  .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-family: "hero_lightlight"; font-size: 14px; }
  .no-js .faq-content { display: block; }
  /* FAQ ----------------------------------------------------------------------- */
  .section--rules { display: block; } }
@media screen and (min-width: 1024px) { /* Section ------------------------------------------------------------------- */
  .section > .wrapper { padding: 60px 20px 60px; }
  .section--apps > .wrapper { padding-bottom: 0; }
  .section--christmas > .wrapper { padding: 60px 60px 60px; }
  .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-content ul { margin-left: 0; }
  .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; }
  /* Competition ----------------------------------------------------------------- */
  .section--competition { padding: 0px; }
  .section--competition .competition_row { display: flex; flex-direction: row; }
  .section--competition .competition_row .competition_info { flex: 1; padding: 60px 60px 20px; }
  .section--competition .competition_row .competition_info .competition-partner_logo { padding-bottom: 0px; }
  .section--competition .competition_row .competition_image { background-image: url("../images/competition/competition_dome.jpeg"); background-repeat: no-repeat; background-size: contain; background-position: center; flex: 1; width: 100%; background-size: cover; }
  .section--competition .competition_row .competition_image img { display: none; }
  .section--competition .competition_row .competition_image .image_attribution { font-size: 16px; }
  /* Christmas ----------------------------------------------------------------- */
  .section--christmas { padding: 0px; }
  .section--christmas .christmas-content { width: 80%; margin: auto; }
  .section--christmas .christmas-prizes { width: 49%; float: left; }
  .section--christmas .christmas-candy-cane-bike { margin-top: 5px; width: 49%; float: left; height: 330px; }
  .section--christmas .christmas-competition_information h2 { font-size: 2em; margin-bottom: 30px; }
  .section--christmas .christmas-how_to_enter { width: 49%; float: left; line-heigh: 150%; padding-bottom: 100px; padding-right: 20px; }
  .section--christmas .christmas-how_to_enter { width: 49%; float: left; line-heigh: 150%; padding-bottom: 100px; padding-right: 20px; }
  .section--christmas .christmas-t_and_c { width: 49%; float: left; line-heigh: 150%; padding-bottom: 100px; padding-left: 20px; }
  /* 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(https://www.btnbikeshare.com/assets/images/bg-header-v1-medium.jpg); }
  /* Navigation ---------------------------------------------------------------- */
  .page-navigation { height: 100px; 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 .life-quaffle-holder { width: 80px; height: 80px; padding: 7px 0; margin-top: -35px; }
  .site-nav { position: relative; overflow: visible; z-index: 9999999; top: 25px; text-align: center; vertical-align: top; padding-right: 20px; white-space: nowrap; }
  .site-nav > li, .site-nav > li > a { display: inline-block; border: none; vertical-align: top; }
  .site-nav > li:last-child { border: none; }
  .site-nav .site-nav-item--login { color: #009bbf; }
  .site-nav .site-nav-item--login:hover { color: #009bbf; }
  .site-nav-item { padding: 0 4px; 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; }
  .mobile-life-logo { display: none; } }
@media screen and (min-width: 1240px) { /* Section ------------------------------------------------------------------- */
  .section > .wrapper { padding: 60px 0 60px; }
  .section-header h1 { font-size: 40px; }
  /* Steps ------------------------------------------------------------------- */
  .steps { width: 100%; }
  .step { width: 25%; }
  /* Header -------------------------------------------------------------------- */
  .page-header { background-image: url(../images/bg-header-v1-big.jpg); }
  /* About -------------------------------------------------------------------- */
  /* Navigation ---------------------------------------------------------------- */
  .site-nav-item { padding: 0 4px; margin: 0 6px; 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; } }