.low-stock-banner { border: 5px solid #ea2127; border-radius: 5px; text-align: center; padding: 5px; color: #ea2127; }

.low-stock-banner > div:first-child { font-size: 1.3em; margin-bottom: 5px; text-transform: uppercase; }

.low-stock-banner > div:last-child { font-size: 1.1em; }

.low-stock-banner.tilt { position: absolute; top: 0px; right: 0px; transform: rotate(-10deg); background: rgba(255, 255, 255, 0.5); }

div.products-list { display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: stretch; }

div.products-list > a, div.products-list > div { width: 300px; display: flex; flex-direction: column; position: relative; color: #2c2c2c; padding: 20px 10px; transition: background-color 0.5s, border-radius 0.5s; cursor: pointer; }

div.products-list > a:hover, div.products-list > div:hover { background-color: #e4e4ec; text-decoration: none; border-radius: 20px; }

div.products-list > a .img, div.products-list > div .img { position: relative; height: 200px; }

div.products-list > a .img img, div.products-list > div .img img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

div.products-list > a h3, div.products-list > div h3 { text-align: center; }

div.products-list > a ul, div.products-list > div ul { text-align: left; flex-grow: 2; }

div.products-list > a .availability-warning, div.products-list > div .availability-warning { color: #ea2127; margin: 20px 0; text-align: center; }

div.products-list > a .buttons a, div.products-list > div .buttons a { margin: 0 5px; }

div.products-list > a .buttons a.see-more, div.products-list > div .buttons a.see-more { display: inline-block; margin-bottom: 20px; }

div.products-list > a > .red-button, div.products-list > div > .red-button { align-self: center; }

div.products-list > a p.price, div.products-list > div p.price { margin-top: 0; font-size: 24px; }

div.products-list > a p.price strike, div.products-list > div p.price strike { font-size: 18px; }

div.products-list > a p.price strong, div.products-list > div p.price strong { color: #ea2127; }

div.products-list > a:hover { text-decoration: none; }

section { border-bottom: 2px solid #fff; padding-top: 20px; }

section h1 { color: #ea2127; text-align: center; margin-top: 0; }

section h2 { color: #ea2127; text-align: center; margin-top: 0; }

section p.buy, section p.more { background-color: inherit; text-align: center; margin: 20px 0 0; padding: 2px 0; }

section p.buy a, section p.more a { min-width: 180px; }

@media (max-width: 1000px) { section p.buy, section p.more { padding: 2px 20px; } section p.buy a, section p.more a { display: block; } }

section > p.text, section > div.content { background-color: inherit; max-width: 960px; margin: 10px auto 30px auto; padding: 10px 0; text-align: center; }

@media (max-width: 1000px) { section > p.text, section > div.content { text-align: left; padding: 10px; } }

section.with-banner { padding-top: 0; }

section.with-banner .topimg { text-align: center; background: #020202; border-bottom: 2px solid #fff; margin-bottom: 72px; }

section.with-banner .topimg img { max-width: 100%; max-height: 820px; vertical-align: bottom; }

section.top-banner { padding-top: 0; }

section.front-video { padding-top: 0; }

section.front-video + section { padding-top: 72px; }

section.front-introduction { padding-bottom: 32px; background: #f1f1f3 url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.front-introduction h1, section.front-introduction h2 { background: #f1f1f3; }

section.front-introduction p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.front-introduction p.t.l { padding-right: 520px; }

section.front-introduction p.t.r { padding-left: 520px; }

section.front-introduction p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #f1f1f3; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.front-introduction { background-position: 50px top; } section.front-introduction h1 { text-align: left; padding-left: 30px; } section.front-introduction p.t { margin: 0 0 20px 0; max-width: initial; } section.front-introduction p.t.l, section.front-introduction p.t.r { padding: 0 30px 0 100px; } section.front-introduction p.t:before { left: 50px; } }

section.front-introduction p.t.chrono:before { height: 58px; background-image: url(/assets/img/fp/svg/measuring.svg); }

section.front-introduction p.t.location:before { height: 64px; background-image: url(/assets/img/fp/svg/gps-tracking.svg); }

section.front-introduction p.t.box:before { height: 69px; background-image: url(/assets/img/fp/svg/one-solution.svg); }

section.front-introduction p.t.star:before { height: 60px; background-image: url(/assets/img/fp/svg/star.svg); }

section.front-introduction p.t.lap-timer:before { height: 60px; background-image: url(/assets/img/fp/svg/lap-timer.svg); }

section.front-introduction p.t.lap-timer-2:before { height: 60px; background-image: url(/assets/img/fp/svg/lap-timer-2.svg); }

section.front-introduction p.t.drag-meter:before { height: 80px; background-image: url(/assets/img/fp/svg/drag-meter.svg); }

section.front-introduction p.t.drag-meter-2:before { height: 60px; background-image: url(/assets/img/fp/svg/drag-meter-2.svg); }

section.front-introduction div.ks { background: #000; text-align: center; margin: 0 auto 72px auto; padding: 30px 0; color: #f1f1f3; }

section.front-introduction div.ks a { color: #f1f1f3; }

section.front-introduction div.ks p { margin: 0; padding: 0; font-size: 26px; }

section.front-introduction div.ks .t, section.front-introduction div.ks .s { margin: 10px auto 0; display: flex; justify-content: space-evenly; max-width: 600px; text-transform: uppercase; }

section.front-introduction div.ks .t span, section.front-introduction div.ks .s span { display: inline-block; width: 100px; }

section.front-introduction div.ks .t { font-size: 48px; color: #ea2127; }

section.front-carousel { text-align: center; background: #ebebeb; position: relative; }

section.front-carousel a.prev, section.front-carousel a.next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url("/assets/img/carouselle-lr.png") no-repeat; }

section.front-carousel a.prev { background-position: left; left: 30px; }

section.front-carousel a.next { background-position: right; right: 30px; }

section.front-carousel ul.carousel-images { display: flex; align-items: center; justify-content: center; overflow: hidden; }

section.front-carousel ul.carousel-images img { max-width: 730px; max-height: 530px; vertical-align: bottom; }

@media (max-width: 700px) { section.front-carousel ul.carousel-images img { max-width: 100%; } }

section.front-carousel ul.carousel-indicator { height: 30px; width: 200px; position: absolute; bottom: 0; left: 50%; margin-left: -100px; }

section.front-carousel ul.carousel-indicator li { display: inline-block; }

section.front-carousel ul.carousel-indicator li a { display: inline-block; width: 10px; height: 10px; border: 1px solid #ea2127; border-radius: 6px; }

section.front-carousel ul.carousel-indicator li a.active { background: #ea2127; }

section.what-racebox-does { padding-bottom: 32px; background: #fdeae3 url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.what-racebox-does h1, section.what-racebox-does h2 { background: #fdeae3; }

section.what-racebox-does p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.what-racebox-does p.t.l { padding-right: 520px; }

section.what-racebox-does p.t.r { padding-left: 520px; }

section.what-racebox-does p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #fdeae3; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.what-racebox-does { background-position: 50px top; } section.what-racebox-does h1 { text-align: left; padding-left: 30px; } section.what-racebox-does p.t { margin: 0 0 20px 0; max-width: initial; } section.what-racebox-does p.t.l, section.what-racebox-does p.t.r { padding: 0 30px 0 100px; } section.what-racebox-does p.t:before { left: 50px; } }

section.what-racebox-does .topimg { background-color: #ebebeb; }

section.what-racebox-does p.t.hand:before { height: 86px; background-image: url(/assets/img/fp/svg/experience.svg); }

section.what-racebox-does p.t.even-more:before { height: 60px; background-image: url(/assets/img/fp/svg/more.svg); }

section.what-racebox-does p.t.in:before { text-align: center; position: absolute; top: 0; left: 50%; width: 170px; margin-left: -145px; height: 20px; line-height: 20px; padding: 6px 0; border-radius: 3px; background-color: #ea2127; color: #FFF; font-size: 1.2em; font-family: RaceBox-Regular; }

section.what-racebox-does p.t.in.standalone:before { content: "Standalone"; }

section.what-racebox-does p.t.in.lap-timer:before { content: "Lap Timer"; }

section.what-racebox-does p.t.in.drag-meter:before { content: "Drag Meter"; }

section.what-racebox-does p.t.in.history:before { content: "History"; }

section.what-racebox-does p.t.in.predictive:before { content: "Predictive"; }

section.what-racebox-does p.t.in.location:before { content: "25Hz GPS"; }

section.what-racebox-does p.t.in.features:before { content: "Features"; }

section.what-racebox-does p.t.in.hardware:before { content: "Hardware"; }

section.what-racebox-does p.t.in.storage:before { content: "Storage"; }

section.what-racebox-does p.t.in.protocol:before { content: "Protocol"; }

section.what-racebox-does p.t.in.bare-board:before { content: "Bare Board"; }

@media (max-width: 1000px) { section.what-racebox-does p.t.in { padding-top: 40px; } section.what-racebox-does p.t.in:before { left: 15px; margin-left: 0; } }

section.tech-specs { padding-bottom: 32px; background: #fdeae3 url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.tech-specs h1, section.tech-specs h2 { background: #fdeae3; }

section.tech-specs p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.tech-specs p.t.l { padding-right: 520px; }

section.tech-specs p.t.r { padding-left: 520px; }

section.tech-specs p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #fdeae3; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.tech-specs { background-position: 50px top; } section.tech-specs h1 { text-align: left; padding-left: 30px; } section.tech-specs p.t { margin: 0 0 20px 0; max-width: initial; } section.tech-specs p.t.l, section.tech-specs p.t.r { padding: 0 30px 0 100px; } section.tech-specs p.t:before { left: 50px; } }

section.tech-specs div.tech { max-width: 960px; margin: 0 auto; background: #fdeae3; }

section.tech-specs div.tech ul { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }

@media (max-width: 1000px) { section.tech-specs div.tech ul { padding: 0 25px; } }

section.tech-specs div.tech ul li { width: 200px; display: inline-block; margin: 30px 10px; font-family: Racebox-Light; line-height: 140%; font-size: 0.9em; padding-top: 45px; position: relative; }

section.tech-specs div.tech ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url(/assets/img/fp/svg/features.svg); background-repeat: no-repeat; }

section.tech-specs div.tech ul li.lcd:before { background-position: -96px 0; }

section.tech-specs div.tech ul li.wifi:before { background-position: -64px 0; }

section.tech-specs div.tech ul li.gps:before { background-position: 0 0; }

section.tech-specs div.tech ul li.acc:before { background-position: -96px -32px; }

section.tech-specs div.tech ul li.ext:before { background-position: -32px 0; }

section.tech-specs div.tech ul li.type-c:before { background-position: 0 -32px; }

section.tech-specs div.tech ul li.battery:before { background-position: -32px -32px; }

section.tech-specs div.tech ul li.mem:before { background-position: -64px -32px; }

section.tech-specs div.tech ul li.ble:before { background-position: -128px 0; }

section.tech-specs div.tech ul li.gyro:before { background-position: -128px -32px; }

section.tech-specs div.tech ul li.mount:before { background-position: -160px 0; }

section.tech-specs div.tech ul li.water:before { background-position: -160px -32px; }

section.tech-specs div.tech ul li.voltage:before { background-position: -192px 0; }

section.tech-specs div.tech ul li.size:before { background-position: -192px -32px; }

section.tech-specs div.tech ul li.button:before { background-position: -224px 0; }

@media (min-width: 421px) and (max-width: 900px) { section.tech-specs div.tech ul li { width: 160px; } }

@media (max-width: 420px) { section.tech-specs div.tech ul li { width: 100%; padding-top: 0; padding-left: 65px; min-height: 45px; margin: 10px; } }

section.app { /* $background: #efe5f0; */ padding-bottom: 32px; background: #f1f1f3 url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.app h1, section.app h2 { background: #f1f1f3; }

section.app p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.app p.t.l { padding-right: 520px; }

section.app p.t.r { padding-left: 520px; }

section.app p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #f1f1f3; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.app { background-position: 50px top; } section.app h1 { text-align: left; padding-left: 30px; } section.app p.t { margin: 0 0 20px 0; max-width: initial; } section.app p.t.l, section.app p.t.r { padding: 0 30px 0 100px; } section.app p.t:before { left: 50px; } }

section.app p.t.app:before { height: 64px; background-image: url(/assets/img/fp/svg/app-icon.svg); }

section.app p.t.ios-android { min-height: 130px; }

section.app p.t.ios-android:before { height: 110px; background-image: url(/assets/img/fp//svg/ios-android.svg); }

section.app p.t.updates:before { height: 62px; background-image: url(/assets/img/fp/svg/updates.svg); }

section.stay-in-touch { padding-bottom: 32px; background: #e4e4ec url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.stay-in-touch h1, section.stay-in-touch h2 { background: #e4e4ec; }

section.stay-in-touch p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.stay-in-touch p.t.l { padding-right: 520px; }

section.stay-in-touch p.t.r { padding-left: 520px; }

section.stay-in-touch p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #e4e4ec; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.stay-in-touch { background-position: 50px top; } section.stay-in-touch h1 { text-align: left; padding-left: 30px; } section.stay-in-touch p.t { margin: 0 0 20px 0; max-width: initial; } section.stay-in-touch p.t.l, section.stay-in-touch p.t.r { padding: 0 30px 0 100px; } section.stay-in-touch p.t:before { left: 50px; } }

section.stay-in-touch form { background: #e4e4ec; display: block; text-align: center; margin: 10px auto 10px auto; padding: 10px 0; }

section.stay-in-touch form .cnt { position: relative; display: inline-block; }

section.stay-in-touch form .cnt .overlay { position: absolute; display: none; margin: 0; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.2s ease-out; }

section.stay-in-touch form.sending .cnt .sending { display: block; opacity: 1; }

section.stay-in-touch form.done .cnt .done { display: block; opacity: 1; }

@media (max-width: 550px) { section.stay-in-touch form, section.stay-in-touch p.text { text-align: left; padding: 10px 30px; } section.stay-in-touch input { display: block; } }

section.buy { padding-bottom: 32px; background: #e4e4ec url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.buy h1, section.buy h2 { background: #e4e4ec; }

section.buy p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.buy p.t.l { padding-right: 520px; }

section.buy p.t.r { padding-left: 520px; }

section.buy p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #e4e4ec; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.buy { background-position: 50px top; } section.buy h1 { text-align: left; padding-left: 30px; } section.buy p.t { margin: 0 0 20px 0; max-width: initial; } section.buy p.t.l, section.buy p.t.r { padding: 0 30px 0 100px; } section.buy p.t:before { left: 50px; } }

section.buy ul.reddot { display: inline-block; text-align: left; }

section.buy .limited-time-offer { font-size: 120%; color: #ea2127; }

section.buy strong.holiday-delays { color: #ea2127; }

section.buy .price-note { font-style: oblique; }

section.buy .exclusive-distributor img { max-width: 100%; margin: 10px 0; }

section.buy .low-stock-banner { max-width: 200px; margin: 20px auto; }

section.buy .availability-warning { color: #ea2127; font-size: 1.2em; margin: 20px 0; text-align: center; }

section.buy .countdown-counter { max-width: 500px; margin: 0 auto; }

section.testimonials { padding-bottom: 32px; background: #f1f1f3 url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.testimonials h1, section.testimonials h2 { background: #f1f1f3; }

section.testimonials p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.testimonials p.t.l { padding-right: 520px; }

section.testimonials p.t.r { padding-left: 520px; }

section.testimonials p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #f1f1f3; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.testimonials { background-position: 50px top; } section.testimonials h1 { text-align: left; padding-left: 30px; } section.testimonials p.t { margin: 0 0 20px 0; max-width: initial; } section.testimonials p.t.l, section.testimonials p.t.r { padding: 0 30px 0 100px; } section.testimonials p.t:before { left: 50px; } }

section.testimonials .quotes, section.testimonials .references { position: relative; margin: 0 auto; max-width: 960px; display: flex; flex-flow: row wrap; justify-content: space-between; }

section.testimonials .quotes p, section.testimonials .references p { max-width: 440px; }

@media (max-width: 1000px) { section.testimonials .quotes, section.testimonials .references { margin: 0; max-width: initial; } section.testimonials .quotes p, section.testimonials .references p { padding: 0 30px 0 100px; max-width: initial; } }

section.testimonials .quotes:before { position: absolute; top: 20px; left: 50%; width: 60px; height: 62px; margin-left: -30px; content: " "; background: #f1f1f3 url(/assets/img/fp/svg/testimonials.svg) center no-repeat; }

@media (max-width: 1000px) { section.testimonials .quotes:before { margin-left: 0; left: 20px; } }

section.testimonials .references { background: #f1f1f3; align-items: center; align-content: stretch; }

section.testimonials .references a { margin: 10px; }

section.testimonials .references a img { max-width: 190px; max-height: 100px; }

@media (max-width: 1000px) { section.testimonials .references { background: none; padding: 0 30px 0 100px; } section.testimonials .references a img { max-width: 100px; max-height: 60px; } }

section.testimonials small.author { display: block; font-family: RaceBox-Regular; }

section.testimonials small.author:before { content: "- "; }

section.whats-in-the-box { padding-bottom: 32px; background: #e4e4ec url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>') center no-repeat; background-size: 1px 100%; }

section.whats-in-the-box h1, section.whats-in-the-box h2 { background: #e4e4ec; }

section.whats-in-the-box p.t { max-width: 440px; min-height: 90px; margin: 0 auto 20px auto; position: relative; }

section.whats-in-the-box p.t.l { padding-right: 520px; }

section.whats-in-the-box p.t.r { padding-left: 520px; }

section.whats-in-the-box p.t:before { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -30px; width: 60px; background-color: #e4e4ec; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1000px) { section.whats-in-the-box { background-position: 50px top; } section.whats-in-the-box h1 { text-align: left; padding-left: 30px; } section.whats-in-the-box p.t { margin: 0 0 20px 0; max-width: initial; } section.whats-in-the-box p.t.l, section.whats-in-the-box p.t.r { padding: 0 30px 0 100px; } section.whats-in-the-box p.t:before { left: 50px; } }

section.whats-in-the-box .content { background: none; display: flex; justify-content: space-around; flex-wrap: wrap; }

section.whats-in-the-box .content img, section.whats-in-the-box .content div { width: 400px; }

@media (max-width: 410px) { section.whats-in-the-box .content img, section.whats-in-the-box .content div { width: 100%; } }

section.whats-in-the-box .content div { text-align: left; background: #e4e4ec; }

#add-to-cart-popup { background-position: 20px center; }

#add-to-cart-popup .left { line-height: 44px; }

@media (min-width: 1000px) { #add-to-cart-popup { bottom: -200px; } }

@media (min-width: 470px) { section.compatible-apps div.content { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } }

section.compatible-apps div.content a { text-align: center; padding: 10px; display: block; }

section.compatible-apps div.content a img { max-height: 60px; vertical-align: middle; }

section.compatible-apps div.content a span { line-height: 60px; }

section.compatible-apps div.content a:hover { text-decoration: none; background-color: #e4e4ec; }

section.compatible-apps p.small { font-size: 0.8em; color: #666; }

section.stay-in-touch { padding-top: 0; }

@media (max-width: 1001px) { section.introducing-mini-s { padding-top: 0; } section.introducing-mini-s .pre-logo { background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="background-color:%23ea2127"></svg>'); background-size: 1px 20px; background-repeat: no-repeat; background-position: 50px bottom; background-color: inherit; margin-bottom: 20px; text-align: center; } section.introducing-mini-s .pre-logo img { max-width: 100%; margin-top: -10px; } }

@media (min-width: 1000px) { section.introducing-mini-s .pre-logo, section.introducing-mini-s img { display: none; } section.introducing-mini-s .with-s-bg { position: relative; } section.introducing-mini-s .with-s-bg:before { content: ""; position: absolute; height: 100%; width: 40%; left: 0; top: 0; background-image: url("/product-image/racebox-mini-s-front.png"); background-size: contain; background-repeat: no-repeat; background-position: right center; } }

/*# sourceMappingURL=mini-index.css.map */