@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/* ---------------------- Responsiveness ---------------------- */
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Black.woff2") format("woff2"), url("/fonts/Roag-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Medium.woff2") format("woff2"), url("/fonts/Roag-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Italic.woff2") format("woff2"), url("/fonts/Roag-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Bold.woff2") format("woff2"), url("/fonts/Roag-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-ExtraBold.woff2") format("woff2"), url("/fonts/Roag-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-BoldItalic.woff2") format("woff2"), url("/fonts/Roag-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Roag-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-LightItalic.woff2") format("woff2"), url("/fonts/Roag-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Light.woff2") format("woff2"), url("/fonts/Roag-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-BlackItalic.woff2") format("woff2"), url("/fonts/Roag-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-UltraLight.woff2") format("woff2"), url("/fonts/Roag-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-UltraLightItalic.woff2") format("woff2"), url("/fonts/Roag-UltraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-MediumItalic.woff2") format("woff2"), url("/fonts/Roag-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roag";
  src: url("/fonts/Roag-Regular.woff2") format("woff2"), url("/fonts/Roag-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 100;
  src: local("Futura PT Light"), url("/fonts/FuturaCyrillicLight.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 300;
  src: local("Futura PT Book"), url("/fonts/FuturaCyrillicBook.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  src: local("Futura PT Medium"), url("/fonts/FuturaCyrillicMedium.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 500;
  src: local("Futura PT Demi"), url("/fonts/FuturaCyrillicDemi.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 600;
  src: local("Futura PT Heavy"), url("/fonts/FuturaCyrillicHeavy.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 700;
  src: local("Futura PT Bold"), url("/fonts/FuturaCyrillicBold.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 800;
  src: local("Futura PT Extra Bold"), url("/fonts/FuturaCyrillicExtraBold.woff") format("woff");
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}

.fa-monero {
  --fa: "";
}

.fa-hooli {
  --fa: "";
}

.fa-yelp {
  --fa: "";
}

.fa-cc-visa {
  --fa: "";
}

.fa-lastfm {
  --fa: "";
}

.fa-shopware {
  --fa: "";
}

.fa-creative-commons-nc {
  --fa: "";
}

.fa-aws {
  --fa: "";
}

.fa-redhat {
  --fa: "";
}

.fa-yoast {
  --fa: "";
}

.fa-cloudflare {
  --fa: "";
}

.fa-ups {
  --fa: "";
}

.fa-pixiv {
  --fa: "";
}

.fa-wpexplorer {
  --fa: "";
}

.fa-dyalog {
  --fa: "";
}

.fa-bity {
  --fa: "";
}

.fa-stackpath {
  --fa: "";
}

.fa-buysellads {
  --fa: "";
}

.fa-first-order {
  --fa: "";
}

.fa-modx {
  --fa: "";
}

.fa-guilded {
  --fa: "";
}

.fa-vnv {
  --fa: "";
}

.fa-square-js {
  --fa: "";
}

.fa-js-square {
  --fa: "";
}

.fa-microsoft {
  --fa: "";
}

.fa-qq {
  --fa: "";
}

.fa-orcid {
  --fa: "";
}

.fa-java {
  --fa: "";
}

.fa-invision {
  --fa: "";
}

.fa-creative-commons-pd-alt {
  --fa: "";
}

.fa-centercode {
  --fa: "";
}

.fa-glide-g {
  --fa: "";
}

.fa-drupal {
  --fa: "";
}

.fa-jxl {
  --fa: "";
}

.fa-dart-lang {
  --fa: "";
}

.fa-hire-a-helper {
  --fa: "";
}

.fa-creative-commons-by {
  --fa: "";
}

.fa-unity {
  --fa: "";
}

.fa-whmcs {
  --fa: "";
}

.fa-rocketchat {
  --fa: "";
}

.fa-vk {
  --fa: "";
}

.fa-untappd {
  --fa: "";
}

.fa-mailchimp {
  --fa: "";
}

.fa-css3-alt {
  --fa: "";
}

.fa-square-reddit {
  --fa: "";
}

.fa-reddit-square {
  --fa: "";
}

.fa-vimeo-v {
  --fa: "";
}

.fa-contao {
  --fa: "";
}

.fa-square-font-awesome {
  --fa: "";
}

.fa-deskpro {
  --fa: "";
}

.fa-brave {
  --fa: "";
}

.fa-sistrix {
  --fa: "";
}

.fa-square-instagram {
  --fa: "";
}

.fa-instagram-square {
  --fa: "";
}

.fa-battle-net {
  --fa: "";
}

.fa-the-red-yeti {
  --fa: "";
}

.fa-square-hacker-news {
  --fa: "";
}

.fa-hacker-news-square {
  --fa: "";
}

.fa-edge {
  --fa: "";
}

.fa-threads {
  --fa: "";
}

.fa-napster {
  --fa: "";
}

.fa-square-snapchat {
  --fa: "";
}

.fa-snapchat-square {
  --fa: "";
}

.fa-google-plus-g {
  --fa: "";
}

.fa-artstation {
  --fa: "";
}

.fa-markdown {
  --fa: "";
}

.fa-sourcetree {
  --fa: "";
}

.fa-google-plus {
  --fa: "";
}

.fa-diaspora {
  --fa: "";
}

.fa-foursquare {
  --fa: "";
}

.fa-stack-overflow {
  --fa: "";
}

.fa-github-alt {
  --fa: "";
}

.fa-phoenix-squadron {
  --fa: "";
}

.fa-pagelines {
  --fa: "";
}

.fa-algolia {
  --fa: "";
}

.fa-red-river {
  --fa: "";
}

.fa-creative-commons-sa {
  --fa: "";
}

.fa-safari {
  --fa: "";
}

.fa-google {
  --fa: "";
}

.fa-square-font-awesome-stroke {
  --fa: "";
}

.fa-font-awesome-alt {
  --fa: "";
}

.fa-atlassian {
  --fa: "";
}

.fa-linkedin-in {
  --fa: "";
}

.fa-digital-ocean {
  --fa: "";
}

.fa-nimblr {
  --fa: "";
}

.fa-chromecast {
  --fa: "";
}

.fa-evernote {
  --fa: "";
}

.fa-hacker-news {
  --fa: "";
}

.fa-creative-commons-sampling {
  --fa: "";
}

.fa-adversal {
  --fa: "";
}

.fa-creative-commons {
  --fa: "";
}

.fa-watchman-monitoring {
  --fa: "";
}

.fa-fonticons {
  --fa: "";
}

.fa-weixin {
  --fa: "";
}

.fa-shirtsinbulk {
  --fa: "";
}

.fa-codepen {
  --fa: "";
}

.fa-git-alt {
  --fa: "";
}

.fa-lyft {
  --fa: "";
}

.fa-rev {
  --fa: "";
}

.fa-windows {
  --fa: "";
}

.fa-wizards-of-the-coast {
  --fa: "";
}

.fa-square-viadeo {
  --fa: "";
}

.fa-viadeo-square {
  --fa: "";
}

.fa-meetup {
  --fa: "";
}

.fa-centos {
  --fa: "";
}

.fa-adn {
  --fa: "";
}

.fa-cloudsmith {
  --fa: "";
}

.fa-opensuse {
  --fa: "";
}

.fa-pied-piper-alt {
  --fa: "";
}

.fa-square-dribbble {
  --fa: "";
}

.fa-dribbble-square {
  --fa: "";
}

.fa-codiepie {
  --fa: "";
}

.fa-node {
  --fa: "";
}

.fa-mix {
  --fa: "";
}

.fa-steam {
  --fa: "";
}

.fa-cc-apple-pay {
  --fa: "";
}

.fa-scribd {
  --fa: "";
}

.fa-debian {
  --fa: "";
}

.fa-openid {
  --fa: "";
}

.fa-instalod {
  --fa: "";
}

.fa-files-pinwheel {
  --fa: "";
}

.fa-expeditedssl {
  --fa: "";
}

.fa-sellcast {
  --fa: "";
}

.fa-square-twitter {
  --fa: "";
}

.fa-twitter-square {
  --fa: "";
}

.fa-r-project {
  --fa: "";
}

.fa-delicious {
  --fa: "";
}

.fa-freebsd {
  --fa: "";
}

.fa-vuejs {
  --fa: "";
}

.fa-accusoft {
  --fa: "";
}

.fa-ioxhost {
  --fa: "";
}

.fa-fonticons-fi {
  --fa: "";
}

.fa-app-store {
  --fa: "";
}

.fa-cc-mastercard {
  --fa: "";
}

.fa-itunes-note {
  --fa: "";
}

.fa-golang {
  --fa: "";
}

.fa-kickstarter {
  --fa: "";
}

.fa-square-kickstarter {
  --fa: "";
}

.fa-grav {
  --fa: "";
}

.fa-weibo {
  --fa: "";
}

.fa-uncharted {
  --fa: "";
}

.fa-firstdraft {
  --fa: "";
}

.fa-square-youtube {
  --fa: "";
}

.fa-youtube-square {
  --fa: "";
}

.fa-wikipedia-w {
  --fa: "";
}

.fa-wpressr {
  --fa: "";
}

.fa-rendact {
  --fa: "";
}

.fa-angellist {
  --fa: "";
}

.fa-galactic-republic {
  --fa: "";
}

.fa-nfc-directional {
  --fa: "";
}

.fa-skype {
  --fa: "";
}

.fa-joget {
  --fa: "";
}

.fa-fedora {
  --fa: "";
}

.fa-stripe-s {
  --fa: "";
}

.fa-meta {
  --fa: "";
}

.fa-laravel {
  --fa: "";
}

.fa-hotjar {
  --fa: "";
}

.fa-bluetooth-b {
  --fa: "";
}

.fa-square-letterboxd {
  --fa: "";
}

.fa-sticker-mule {
  --fa: "";
}

.fa-creative-commons-zero {
  --fa: "";
}

.fa-hips {
  --fa: "";
}

.fa-css {
  --fa: "";
}

.fa-behance {
  --fa: "";
}

.fa-reddit {
  --fa: "";
}

.fa-discord {
  --fa: "";
}

.fa-chrome {
  --fa: "";
}

.fa-app-store-ios {
  --fa: "";
}

.fa-cc-discover {
  --fa: "";
}

.fa-wpbeginner {
  --fa: "";
}

.fa-confluence {
  --fa: "";
}

.fa-shoelace {
  --fa: "";
}

.fa-mdb {
  --fa: "";
}

.fa-dochub {
  --fa: "";
}

.fa-accessible-icon {
  --fa: "";
}

.fa-ebay {
  --fa: "";
}

.fa-amazon {
  --fa: "";
}

.fa-unsplash {
  --fa: "";
}

.fa-yarn {
  --fa: "";
}

.fa-square-steam {
  --fa: "";
}

.fa-steam-square {
  --fa: "";
}

.fa-500px {
  --fa: "";
}

.fa-square-vimeo {
  --fa: "";
}

.fa-vimeo-square {
  --fa: "";
}

.fa-asymmetrik {
  --fa: "";
}

.fa-font-awesome {
  --fa: "";
}

.fa-font-awesome-flag {
  --fa: "";
}

.fa-font-awesome-logo-full {
  --fa: "";
}

.fa-gratipay {
  --fa: "";
}

.fa-apple {
  --fa: "";
}

.fa-hive {
  --fa: "";
}

.fa-gitkraken {
  --fa: "";
}

.fa-keybase {
  --fa: "";
}

.fa-apple-pay {
  --fa: "";
}

.fa-padlet {
  --fa: "";
}

.fa-amazon-pay {
  --fa: "";
}

.fa-square-github {
  --fa: "";
}

.fa-github-square {
  --fa: "";
}

.fa-stumbleupon {
  --fa: "";
}

.fa-fedex {
  --fa: "";
}

.fa-phoenix-framework {
  --fa: "";
}

.fa-shopify {
  --fa: "";
}

.fa-neos {
  --fa: "";
}

.fa-square-threads {
  --fa: "";
}

.fa-hackerrank {
  --fa: "";
}

.fa-researchgate {
  --fa: "";
}

.fa-swift {
  --fa: "";
}

.fa-angular {
  --fa: "";
}

.fa-speakap {
  --fa: "";
}

.fa-angrycreative {
  --fa: "";
}

.fa-y-combinator {
  --fa: "";
}

.fa-empire {
  --fa: "";
}

.fa-envira {
  --fa: "";
}

.fa-google-scholar {
  --fa: "";
}

.fa-square-gitlab {
  --fa: "";
}

.fa-gitlab-square {
  --fa: "";
}

.fa-studiovinari {
  --fa: "";
}

.fa-pied-piper {
  --fa: "";
}

.fa-wordpress {
  --fa: "";
}

.fa-product-hunt {
  --fa: "";
}

.fa-firefox {
  --fa: "";
}

.fa-linode {
  --fa: "";
}

.fa-goodreads {
  --fa: "";
}

.fa-square-odnoklassniki {
  --fa: "";
}

.fa-odnoklassniki-square {
  --fa: "";
}

.fa-jsfiddle {
  --fa: "";
}

.fa-sith {
  --fa: "";
}

.fa-themeisle {
  --fa: "";
}

.fa-page4 {
  --fa: "";
}

.fa-hashnode {
  --fa: "";
}

.fa-react {
  --fa: "";
}

.fa-cc-paypal {
  --fa: "";
}

.fa-squarespace {
  --fa: "";
}

.fa-cc-stripe {
  --fa: "";
}

.fa-creative-commons-share {
  --fa: "";
}

.fa-bitcoin {
  --fa: "";
}

.fa-keycdn {
  --fa: "";
}

.fa-opera {
  --fa: "";
}

.fa-itch-io {
  --fa: "";
}

.fa-umbraco {
  --fa: "";
}

.fa-galactic-senate {
  --fa: "";
}

.fa-ubuntu {
  --fa: "";
}

.fa-draft2digital {
  --fa: "";
}

.fa-stripe {
  --fa: "";
}

.fa-houzz {
  --fa: "";
}

.fa-gg {
  --fa: "";
}

.fa-dhl {
  --fa: "";
}

.fa-square-pinterest {
  --fa: "";
}

.fa-pinterest-square {
  --fa: "";
}

.fa-xing {
  --fa: "";
}

.fa-blackberry {
  --fa: "";
}

.fa-creative-commons-pd {
  --fa: "";
}

.fa-playstation {
  --fa: "";
}

.fa-quinscape {
  --fa: "";
}

.fa-less {
  --fa: "";
}

.fa-blogger-b {
  --fa: "";
}

.fa-opencart {
  --fa: "";
}

.fa-vine {
  --fa: "";
}

.fa-signal-messenger {
  --fa: "";
}

.fa-paypal {
  --fa: "";
}

.fa-gitlab {
  --fa: "";
}

.fa-typo3 {
  --fa: "";
}

.fa-reddit-alien {
  --fa: "";
}

.fa-yahoo {
  --fa: "";
}

.fa-dailymotion {
  --fa: "";
}

.fa-affiliatetheme {
  --fa: "";
}

.fa-pied-piper-pp {
  --fa: "";
}

.fa-bootstrap {
  --fa: "";
}

.fa-odnoklassniki {
  --fa: "";
}

.fa-nfc-symbol {
  --fa: "";
}

.fa-mintbit {
  --fa: "";
}

.fa-ethereum {
  --fa: "";
}

.fa-speaker-deck {
  --fa: "";
}

.fa-creative-commons-nc-eu {
  --fa: "";
}

.fa-patreon {
  --fa: "";
}

.fa-avianex {
  --fa: "";
}

.fa-ello {
  --fa: "";
}

.fa-gofore {
  --fa: "";
}

.fa-bimobject {
  --fa: "";
}

.fa-brave-reverse {
  --fa: "";
}

.fa-facebook-f {
  --fa: "";
}

.fa-square-google-plus {
  --fa: "";
}

.fa-google-plus-square {
  --fa: "";
}

.fa-web-awesome {
  --fa: "";
}

.fa-mandalorian {
  --fa: "";
}

.fa-first-order-alt {
  --fa: "";
}

.fa-osi {
  --fa: "";
}

.fa-google-wallet {
  --fa: "";
}

.fa-d-and-d-beyond {
  --fa: "";
}

.fa-periscope {
  --fa: "";
}

.fa-fulcrum {
  --fa: "";
}

.fa-cloudscale {
  --fa: "";
}

.fa-forumbee {
  --fa: "";
}

.fa-mizuni {
  --fa: "";
}

.fa-schlix {
  --fa: "";
}

.fa-square-xing {
  --fa: "";
}

.fa-xing-square {
  --fa: "";
}

.fa-bandcamp {
  --fa: "";
}

.fa-wpforms {
  --fa: "";
}

.fa-cloudversify {
  --fa: "";
}

.fa-usps {
  --fa: "";
}

.fa-megaport {
  --fa: "";
}

.fa-magento {
  --fa: "";
}

.fa-spotify {
  --fa: "";
}

.fa-optin-monster {
  --fa: "";
}

.fa-fly {
  --fa: "";
}

.fa-square-bluesky {
  --fa: "";
}

.fa-aviato {
  --fa: "";
}

.fa-itunes {
  --fa: "";
}

.fa-cuttlefish {
  --fa: "";
}

.fa-blogger {
  --fa: "";
}

.fa-flickr {
  --fa: "";
}

.fa-viber {
  --fa: "";
}

.fa-soundcloud {
  --fa: "";
}

.fa-digg {
  --fa: "";
}

.fa-tencent-weibo {
  --fa: "";
}

.fa-letterboxd {
  --fa: "";
}

.fa-symfony {
  --fa: "";
}

.fa-maxcdn {
  --fa: "";
}

.fa-etsy {
  --fa: "";
}

.fa-facebook-messenger {
  --fa: "";
}

.fa-audible {
  --fa: "";
}

.fa-think-peaks {
  --fa: "";
}

.fa-bilibili {
  --fa: "";
}

.fa-erlang {
  --fa: "";
}

.fa-x-twitter {
  --fa: "";
}

.fa-cotton-bureau {
  --fa: "";
}

.fa-dashcube {
  --fa: "";
}

.fa-42-group {
  --fa: "";
}

.fa-innosoft {
  --fa: "";
}

.fa-stack-exchange {
  --fa: "";
}

.fa-elementor {
  --fa: "";
}

.fa-square-pied-piper {
  --fa: "";
}

.fa-pied-piper-square {
  --fa: "";
}

.fa-creative-commons-nd {
  --fa: "";
}

.fa-palfed {
  --fa: "";
}

.fa-superpowers {
  --fa: "";
}

.fa-resolving {
  --fa: "";
}

.fa-xbox {
  --fa: "";
}

.fa-square-web-awesome-stroke {
  --fa: "";
}

.fa-searchengin {
  --fa: "";
}

.fa-tiktok {
  --fa: "";
}

.fa-square-facebook {
  --fa: "";
}

.fa-facebook-square {
  --fa: "";
}

.fa-renren {
  --fa: "";
}

.fa-linux {
  --fa: "";
}

.fa-glide {
  --fa: "";
}

.fa-linkedin {
  --fa: "";
}

.fa-hubspot {
  --fa: "";
}

.fa-deploydog {
  --fa: "";
}

.fa-twitch {
  --fa: "";
}

.fa-flutter {
  --fa: "";
}

.fa-ravelry {
  --fa: "";
}

.fa-mixer {
  --fa: "";
}

.fa-square-lastfm {
  --fa: "";
}

.fa-lastfm-square {
  --fa: "";
}

.fa-vimeo {
  --fa: "";
}

.fa-mendeley {
  --fa: "";
}

.fa-uniregistry {
  --fa: "";
}

.fa-figma {
  --fa: "";
}

.fa-creative-commons-remix {
  --fa: "";
}

.fa-cc-amazon-pay {
  --fa: "";
}

.fa-dropbox {
  --fa: "";
}

.fa-instagram {
  --fa: "";
}

.fa-cmplid {
  --fa: "";
}

.fa-upwork {
  --fa: "";
}

.fa-facebook {
  --fa: "";
}

.fa-gripfire {
  --fa: "";
}

.fa-jedi-order {
  --fa: "";
}

.fa-uikit {
  --fa: "";
}

.fa-fort-awesome-alt {
  --fa: "";
}

.fa-phabricator {
  --fa: "";
}

.fa-ussunnah {
  --fa: "";
}

.fa-earlybirds {
  --fa: "";
}

.fa-trade-federation {
  --fa: "";
}

.fa-autoprefixer {
  --fa: "";
}

.fa-whatsapp {
  --fa: "";
}

.fa-square-upwork {
  --fa: "";
}

.fa-slideshare {
  --fa: "";
}

.fa-google-play {
  --fa: "";
}

.fa-viadeo {
  --fa: "";
}

.fa-line {
  --fa: "";
}

.fa-google-drive {
  --fa: "";
}

.fa-servicestack {
  --fa: "";
}

.fa-simplybuilt {
  --fa: "";
}

.fa-bitbucket {
  --fa: "";
}

.fa-imdb {
  --fa: "";
}

.fa-deezer {
  --fa: "";
}

.fa-raspberry-pi {
  --fa: "";
}

.fa-jira {
  --fa: "";
}

.fa-docker {
  --fa: "";
}

.fa-screenpal {
  --fa: "";
}

.fa-bluetooth {
  --fa: "";
}

.fa-gitter {
  --fa: "";
}

.fa-d-and-d {
  --fa: "";
}

.fa-microblog {
  --fa: "";
}

.fa-cc-diners-club {
  --fa: "";
}

.fa-gg-circle {
  --fa: "";
}

.fa-pied-piper-hat {
  --fa: "";
}

.fa-kickstarter-k {
  --fa: "";
}

.fa-yandex {
  --fa: "";
}

.fa-readme {
  --fa: "";
}

.fa-html5 {
  --fa: "";
}

.fa-sellsy {
  --fa: "";
}

.fa-square-web-awesome {
  --fa: "";
}

.fa-sass {
  --fa: "";
}

.fa-wirsindhandwerk {
  --fa: "";
}

.fa-wsh {
  --fa: "";
}

.fa-buromobelexperte {
  --fa: "";
}

.fa-salesforce {
  --fa: "";
}

.fa-octopus-deploy {
  --fa: "";
}

.fa-medapps {
  --fa: "";
}

.fa-ns8 {
  --fa: "";
}

.fa-pinterest-p {
  --fa: "";
}

.fa-apper {
  --fa: "";
}

.fa-fort-awesome {
  --fa: "";
}

.fa-waze {
  --fa: "";
}

.fa-bluesky {
  --fa: "";
}

.fa-cc-jcb {
  --fa: "";
}

.fa-snapchat {
  --fa: "";
}

.fa-snapchat-ghost {
  --fa: "";
}

.fa-fantasy-flight-games {
  --fa: "";
}

.fa-rust {
  --fa: "";
}

.fa-wix {
  --fa: "";
}

.fa-square-behance {
  --fa: "";
}

.fa-behance-square {
  --fa: "";
}

.fa-supple {
  --fa: "";
}

.fa-webflow {
  --fa: "";
}

.fa-rebel {
  --fa: "";
}

.fa-css3 {
  --fa: "";
}

.fa-staylinked {
  --fa: "";
}

.fa-kaggle {
  --fa: "";
}

.fa-space-awesome {
  --fa: "";
}

.fa-deviantart {
  --fa: "";
}

.fa-cpanel {
  --fa: "";
}

.fa-goodreads-g {
  --fa: "";
}

.fa-square-git {
  --fa: "";
}

.fa-git-square {
  --fa: "";
}

.fa-square-tumblr {
  --fa: "";
}

.fa-tumblr-square {
  --fa: "";
}

.fa-trello {
  --fa: "";
}

.fa-creative-commons-nc-jp {
  --fa: "";
}

.fa-get-pocket {
  --fa: "";
}

.fa-perbyte {
  --fa: "";
}

.fa-grunt {
  --fa: "";
}

.fa-weebly {
  --fa: "";
}

.fa-connectdevelop {
  --fa: "";
}

.fa-leanpub {
  --fa: "";
}

.fa-black-tie {
  --fa: "";
}

.fa-themeco {
  --fa: "";
}

.fa-python {
  --fa: "";
}

.fa-android {
  --fa: "";
}

.fa-bots {
  --fa: "";
}

.fa-free-code-camp {
  --fa: "";
}

.fa-hornbill {
  --fa: "";
}

.fa-js {
  --fa: "";
}

.fa-ideal {
  --fa: "";
}

.fa-git {
  --fa: "";
}

.fa-dev {
  --fa: "";
}

.fa-sketch {
  --fa: "";
}

.fa-yandex-international {
  --fa: "";
}

.fa-cc-amex {
  --fa: "";
}

.fa-uber {
  --fa: "";
}

.fa-github {
  --fa: "";
}

.fa-php {
  --fa: "";
}

.fa-alipay {
  --fa: "";
}

.fa-youtube {
  --fa: "";
}

.fa-skyatlas {
  --fa: "";
}

.fa-firefox-browser {
  --fa: "";
}

.fa-replyd {
  --fa: "";
}

.fa-suse {
  --fa: "";
}

.fa-jenkins {
  --fa: "";
}

.fa-twitter {
  --fa: "";
}

.fa-rockrms {
  --fa: "";
}

.fa-pinterest {
  --fa: "";
}

.fa-buffer {
  --fa: "";
}

.fa-npm {
  --fa: "";
}

.fa-yammer {
  --fa: "";
}

.fa-btc {
  --fa: "";
}

.fa-dribbble {
  --fa: "";
}

.fa-stumbleupon-circle {
  --fa: "";
}

.fa-internet-explorer {
  --fa: "";
}

.fa-stubber {
  --fa: "";
}

.fa-telegram {
  --fa: "";
}

.fa-telegram-plane {
  --fa: "";
}

.fa-old-republic {
  --fa: "";
}

.fa-odysee {
  --fa: "";
}

.fa-square-whatsapp {
  --fa: "";
}

.fa-whatsapp-square {
  --fa: "";
}

.fa-node-js {
  --fa: "";
}

.fa-edge-legacy {
  --fa: "";
}

.fa-slack {
  --fa: "";
}

.fa-slack-hash {
  --fa: "";
}

.fa-medrt {
  --fa: "";
}

.fa-usb {
  --fa: "";
}

.fa-tumblr {
  --fa: "";
}

.fa-vaadin {
  --fa: "";
}

.fa-quora {
  --fa: "";
}

.fa-square-x-twitter {
  --fa: "";
}

.fa-reacteurope {
  --fa: "";
}

.fa-medium {
  --fa: "";
}

.fa-medium-m {
  --fa: "";
}

.fa-amilia {
  --fa: "";
}

.fa-mixcloud {
  --fa: "";
}

.fa-flipboard {
  --fa: "";
}

.fa-viacoin {
  --fa: "";
}

.fa-critical-role {
  --fa: "";
}

.fa-sitrox {
  --fa: "";
}

.fa-discourse {
  --fa: "";
}

.fa-joomla {
  --fa: "";
}

.fa-mastodon {
  --fa: "";
}

.fa-airbnb {
  --fa: "";
}

.fa-wolf-pack-battalion {
  --fa: "";
}

.fa-buy-n-large {
  --fa: "";
}

.fa-gulp {
  --fa: "";
}

.fa-creative-commons-sampling-plus {
  --fa: "";
}

.fa-strava {
  --fa: "";
}

.fa-ember {
  --fa: "";
}

.fa-canadian-maple-leaf {
  --fa: "";
}

.fa-teamspeak {
  --fa: "";
}

.fa-pushed {
  --fa: "";
}

.fa-wordpress-simple {
  --fa: "";
}

.fa-nutritionix {
  --fa: "";
}

.fa-wodu {
  --fa: "";
}

.fa-google-pay {
  --fa: "";
}

.fa-intercom {
  --fa: "";
}

.fa-zhihu {
  --fa: "";
}

.fa-korvue {
  --fa: "";
}

.fa-pix {
  --fa: "";
}

.fa-steam-symbol {
  --fa: "";
}

#ems {
  position: fixed;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.75);
  left: 30%;
  bottom: 0;
  padding: 0.25em;
}
#ems p {
  padding-bottom: 0;
}

#ems p {
  color: black;
  font-weight: bold;
}
#ems p:after {
  content: " <1 (i6 V)";
  margin-left: 1em;
}
@media only screen and (min-width: 32em) {
  #ems p:after {
    content: "bp1";
  }
}
.no-mq #ems p:after {
  content: "bp1";
}
@media only screen and (min-width: 41.5em) {
  #ems p:after {
    content: "bp2/i6 H";
  }
}
.no-mq #ems p:after {
  content: "bp2/i6 H";
}
@media only screen and (min-width: 47.5em) {
  #ems p:after {
    content: "bp3/ipad V";
  }
}
.no-mq #ems p:after {
  content: "bp3/ipad V";
}
@media only screen and (min-width: 62em) {
  #ems p:after {
    content: "bp4/ipad H";
  }
}
.no-mq #ems p:after {
  content: "bp4/ipad H";
}
@media only screen and (min-width: 72em) {
  #ems p:after {
    content: "bp5";
  }
}
.no-mq #ems p:after {
  content: "bp5";
}
@media only screen and (min-width: 85em) {
  #ems p:after {
    content: "bp6";
  }
}
.no-mq #ems p:after {
  content: "bp6";
}
@media only screen and (min-width: 100em) {
  #ems p:after {
    content: "bp7";
  }
}
.no-mq #ems p:after {
  content: "bp7";
}

/* ----------------------  ---------------------- */
html {
  box-sizing: border-box;
}

body {
  font-family: "Futura PT", sans-serif;
  line-height: 1.3em;
  -webkit-text-size-adjust: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > main {
  flex-grow: 1;
}
body > footer {
  margin-top: auto;
  margin-bottom: 0;
}

*, *:before, *:after {
  box-sizing: inherit;
}

*[data-href] {
  cursor: hand;
  cursor: pointer;
}

figure img {
  width: 100%;
  display: block;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.oh {
  overflow: hidden;
}

.smallcaps {
  font-variant: small-caps;
}

.allcaps {
  text-transform: uppercase;
}

.smaller {
  font-size: 90%;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.center {
  text-align: center;
}

.centerm {
  margin: 0 auto;
}

.fixed {
  position: fixed;
}

@media only screen and (max-width: 41.5em) {
  .fixed-bp2 {
    position: fixed;
  }
}

@media only screen and (max-width: 47.5em) {
  .fixed-bp3 {
    position: fixed;
  }
}

strong {
  font-weight: bold;
}

em {
  text-decoration: underline;
}

u {
  text-decoration: underline;
}

p, a, h1, h2, h3, h4, h5, h6, li, q {
  color: inherit;
  line-height: inherit;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

p {
  padding-bottom: 1em;
  font-size: 100%;
  line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  font-family: "Roag", "sans-serif";
  letter-spacing: 0.025em;
}

h1 {
  font-size: 274.4%;
  font-weight: bold;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 196%;
}

h3 {
  font-size: 140%;
}

h2, h3, h4, h5 {
  margin-bottom: 1em;
}

p + h1, p + h2, p + h3, p + h4 {
  margin-top: 1.5em;
}

.cols + h1, .cols + h2, .cols + h3, .cols + h4 {
  margin-top: 1.5em;
}

section + h1, section + h2, section + h3, section + h4 {
  margin-top: 0.5em;
}

div.button,
p.button {
  padding: 0;
}

p.button.wide {
  width: 100%;
  text-align: center;
}
p.button.wide a {
  display: block;
}

input[type=submit],
p.button.thin a {
  padding: 0.5em 1em;
}

button,
.button a,
input[type=submit] {
  font-family: "Futura PT", sans-serif;
  background: #418db5;
  border: none;
  padding: 0.5em 1.5em;
  color: white;
  border-radius: 0.5em;
  -webkit-appearance: none;
  font-size: 140%;
  letter-spacing: 1px;
  cursor: hand;
  cursor: pointer;
  font-weight: 300;
  transform: skew(-20deg);
  border-radius: 0;
  margin-left: 0.5em;
}
button:hover,
.button a:hover,
input[type=submit]:hover {
  background: rgb(51.5243902439, 111.7682926829, 143.4756097561);
  color: white;
  text-decoration: none;
}
button.wide,
.button a.wide,
input[type=submit].wide {
  width: 100%;
}
button span,
.button a span,
input[type=submit] span {
  display: block;
  transform: skew(20deg);
}

.button a {
  display: inline-block;
}

p + p.button,
p + button {
  margin-top: 1em;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
select,
textarea {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-bottom: 1px solid #CCC;
  padding: 0.75em 1em;
  margin-bottom: 1.5em;
  font-size: 110%;
  font-family: "Futura PT", sans-serif;
  font-weight: 100;
}

select {
  width: auto;
}

textarea {
  height: 5em;
}

input::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder {
  color: #999;
}

textarea::-webkit-input-placeholder {
  color: #999;
}

textarea:-moz-placeholder {
  color: #999;
}

select::-ms-expand {
  display: none;
}

.captchaSection {
  margin-bottom: 2em;
}

input.captcha {
  width: 5em;
  display: inline-block;
}

.captchaText {
  display: inline;
}

/* ---------------------- layouts ---------------------- */
body > section,
body > footer,
article > section {
  margin: 8em 0;
}
body > section.rotator,
body > footer.rotator,
article > section.rotator {
  padding: 0;
}

body > footer {
  margin-bottom: 6em;
}

.band {
  width: 100%;
  overflow: hidden;
}
.band.white p, .band.white li {
  color: #555;
}
.band.white p strong, .band.white li strong {
  color: black;
}
.band.blue {
  background: #418db5;
  color: white;
}
.band.blue p {
  color: white;
}

.container {
  margin: 0 2em;
}
@media only screen and (min-width: 41.5em) {
  .container {
    margin: 0 4em;
  }
}
.no-mq .container {
  margin: 0 4em;
}
@media only screen and (min-width: 100em) {
  .container {
    width: 96em;
    margin: 0 auto;
  }
}
.no-mq .container {
  width: 96em;
  margin: 0 auto;
}

.container2 {
  margin: 0 1em;
}
@media only screen and (min-width: 41.5em) {
  .container2 {
    margin: 0 1em;
  }
}
.no-mq .container2 {
  margin: 0 1em;
}
@media only screen and (min-width: 100em) {
  .container2 {
    width: 96em;
    margin: 0 auto;
  }
}
.no-mq .container2 {
  width: 96em;
  margin: 0 auto;
}

.rotatorWrapper {
  position: relative;
}

.rotator .flex-control-nav {
  bottom: 6%;
}

.band.rotator {
  margin: 0;
}
.band.rotator ul.rotator {
  overflow: visible;
  margin-bottom: 0;
}
.band.rotator ul.rotator li {
  margin-bottom: 0;
  line-height: 0;
}
.band.rotator ul.rotator li figure {
  position: relative;
}
.band.rotator ul.rotator li figure.short {
  max-height: 30vw;
}
.band.rotator ul.rotator li figure.short img {
  transform: translateY(-25%);
}
.band.rotator ul.rotator li figure:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10vw;
  background-image: url("/images/video-bottom-edge.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
}
.band.rotator ul.rotator li figure img {
  height: 80vh;
  width: auto;
  margin-left: -12vh;
}
@media only screen and (min-width: 47.5em) {
  .band.rotator ul.rotator li figure img {
    height: auto;
    width: 100%;
    margin-left: 0;
  }
}
.no-mq .band.rotator ul.rotator li figure img {
  height: auto;
  width: 100%;
  margin-left: 0;
}
.band.rotator ul.rotator li figure video {
  height: 80vh;
  width: 142.2222222222vh;
  transform: translateX(-35%);
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 32em) {
  .band.rotator ul.rotator li figure video {
    transform: translateX(-20vh);
  }
}
.no-mq .band.rotator ul.rotator li figure video {
  transform: translateX(-20vh);
}
@media only screen and (min-width: 41.5em) {
  .band.rotator ul.rotator li figure video {
    transform: translateX(-10%);
  }
}
.no-mq .band.rotator ul.rotator li figure video {
  transform: translateX(-10%);
}
@media only screen and (min-width: 47.5em) {
  .band.rotator ul.rotator li figure video {
    transform: translateX(-10%);
    width: 133.3333333333vh;
    height: 75vh;
  }
}
.no-mq .band.rotator ul.rotator li figure video {
  transform: translateX(-10%);
  width: 133.3333333333vh;
  height: 75vh;
}
@media only screen and (min-width: 62em) {
  .band.rotator ul.rotator li figure video {
    transform: none;
    width: 102%;
    margin-left: -1%;
    height: auto;
  }
}
.no-mq .band.rotator ul.rotator li figure video {
  transform: none;
  width: 102%;
  margin-left: -1%;
  height: auto;
}
@media only screen and (max-height: 40em) {
  .band.rotator ul.rotator li figure video {
    transform: none;
    height: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .band.rotator ul.rotator li figure {
    max-height: 75vh;
  }
}
.no-mq .band.rotator ul.rotator li figure {
  max-height: 75vh;
}
.band.rotator ul.rotator li figure aside {
  z-index: 3;
  position: absolute;
  width: 100%;
  top: 60%;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
.band.rotator ul.rotator li figure aside h2 {
  line-height: 1.2em;
  font-size: 6.4vw;
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.75);
  font-weight: 400;
  margin-bottom: 0.65em;
}
.band.rotator ul.rotator li figure aside h2 span {
  font-weight: 500;
}
@media only screen and (max-height: 40em) {
  .band.rotator ul.rotator li figure aside h2 {
    top: 25%;
    font-size: 300%;
  }
}
@media only screen and (min-width: 41.5em) {
  .band.rotator ul.rotator li figure aside {
    width: auto;
    left: 10%;
    top: 50%;
    text-align: left;
  }
}
.no-mq .band.rotator ul.rotator li figure aside {
  width: auto;
  left: 10%;
  top: 50%;
  text-align: left;
}
@media only screen and (min-width: 62em) {
  .band.rotator ul.rotator li figure aside {
    top: 35%;
  }
  .band.rotator ul.rotator li figure aside h2 {
    line-height: 1.1;
    font-size: 400%;
  }
}
.no-mq .band.rotator ul.rotator li figure aside {
  top: 35%;
}
.no-mq .band.rotator ul.rotator li figure aside h2 {
  line-height: 1.1;
  font-size: 400%;
}
@media only screen and (min-width: 72em) {
  .band.rotator ul.rotator li figure aside {
    top: 40%;
  }
}
.no-mq .band.rotator ul.rotator li figure aside {
  top: 40%;
}
@media only screen and (min-width: 85em) {
  .band.rotator ul.rotator li figure aside {
    top: 50%;
  }
}
.no-mq .band.rotator ul.rotator li figure aside {
  top: 50%;
}
@media only screen and (max-width: 61em) and (min-width: 41.5em) {
  .band.rotator ul.rotator li figure aside {
    top: 25%;
  }
}
.band.rotator ul.rotator li figure aside button {
  transform: skew(-20deg);
  background: #418db5;
  border-radius: 0;
  margin-left: -0.5em;
}
.band.rotator ul.rotator li figure aside button span {
  display: block;
  transform: skew(20deg);
}
.band.rotator ul.rotator li figure #speakerIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 2em;
  margin-bottom: 1em;
  color: rgba(65, 141, 181, 0.3);
  z-index: 5;
  font-size: 250%;
  cursor: hand;
  cursor: pointer;
  display: none;
}
.band.rotator ul.rotator li figure #speakerIcon .slash {
  position: absolute;
  margin-left: -0.25em;
  margin-top: 0.1em;
  font-size: 90%;
}
.band.rotator ul.rotator li figure #speakerIcon .speaker {
  position: absolute;
}
.band.rotator ul.rotator li figure #speakerIcon .hidden {
  display: none;
}
@media only screen and (min-width: 32em) {
  .band.rotator ul.rotator li figure #speakerIcon {
    display: inherit;
  }
}
.no-mq .band.rotator ul.rotator li figure #speakerIcon {
  display: inherit;
}

/* ---------------------- common ---------------------- */
.cols {
  overflow: hidden;
  margin-bottom: 1em;
}
.cols img {
  max-width: 100%;
}

@media only screen and (min-width: 47.5em) {
  .cols--two > * {
    float: left;
    width: 47.5%;
  }
  .cols--two > *:nth-child(2n+1) {
    clear: both;
    float: left;
  }
  .cols--two > *:nth-child(2n) {
    float: right;
  }
}
.no-mq .cols--two > * {
  float: left;
  width: 47.5%;
}
.no-mq .cols--two > *:nth-child(2n+1) {
  clear: both;
  float: left;
}
.no-mq .cols--two > *:nth-child(2n) {
  float: right;
}
@media only screen and (min-width: 47.5em) {
  .cols--two.line > *:nth-child(2n) {
    border-left: 1px solid #888;
  }
}
.no-mq .cols--two.line > *:nth-child(2n) {
  border-left: 1px solid #888;
}

@media only screen and (min-width: 41.5em) {
  .cols--three > * {
    float: left;
    width: 30%;
    margin-left: 5%;
  }
  .cols--three > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--three > * {
  float: left;
  width: 30%;
  margin-left: 5%;
}
.no-mq .cols--three > *:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

@media only screen and (min-width: 32em) {
  .cols--three-two > * {
    float: left;
    width: 46%;
    margin-left: 8%;
  }
  .cols--three-two > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--three-two > * {
  float: left;
  width: 46%;
  margin-left: 8%;
}
.no-mq .cols--three-two > *:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
@media only screen and (min-width: 62em) {
  .cols--three-two > * {
    width: 30%;
    margin-left: 3.3333333333%;
  }
  .cols--three-two > *:nth-child(2n+1) {
    clear: none;
    margin-left: 3.3333333333%;
  }
  .cols--three-two > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--three-two > * {
  width: 30%;
  margin-left: 3.3333333333%;
}
.no-mq .cols--three-two > *:nth-child(2n+1) {
  clear: none;
  margin-left: 3.3333333333%;
}
.no-mq .cols--three-two > *:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.cols--four > * {
  margin-bottom: 2em;
}
@media only screen and (min-width: 32em) {
  .cols--four > * {
    float: left;
    width: 47.5%;
    margin-left: 5%;
  }
  .cols--four > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--four > * {
  float: left;
  width: 47.5%;
  margin-left: 5%;
}
.no-mq .cols--four > *:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
@media only screen and (min-width: 47.5em) {
  .cols--four > * {
    width: 23.75%;
    margin-left: 1.6666666667%;
  }
  .cols--four > *:nth-child(2n+1) {
    clear: none;
    margin-left: 1.6666666667%;
  }
  .cols--four > *:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--four > * {
  width: 23.75%;
  margin-left: 1.6666666667%;
}
.no-mq .cols--four > *:nth-child(2n+1) {
  clear: none;
  margin-left: 1.6666666667%;
}
.no-mq .cols--four > *:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}

@media only screen and (min-width: 47.5em) {
  .cols--five > * {
    float: left;
    width: 18.4%;
    margin-left: 2%;
  }
  .cols--five > *:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
  }
}
.no-mq .cols--five > * {
  float: left;
  width: 18.4%;
  margin-left: 2%;
}
.no-mq .cols--five > *:nth-child(5n+1) {
  clear: left;
  margin-left: 0;
}

/* ---------------------- lists ---------------------- */
ol {
  counter-reset: li; /* Initiate a counter */
  list-style: none; /* Remove default numbering */
  *list-style: decimal; /* Keep using default numbering for IE6/7 */
  font: 15px "trebuchet MS", "lucida sans";
  padding: 1.5em;
  margin-bottom: 4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

ul {
  margin-bottom: 1em;
}

/* ---------- rounded list ---------- */
.rounded-list {
  padding: 0 1.5em;
}

.rounded-list li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 2em;
  *padding: 0.4em;
  margin: 0.5em 0;
  background: #ddd;
  color: #444;
  text-decoration: none;
  border-radius: 0.3em;
  transition: all 0.3s ease-out;
}
.rounded-list li a:hover {
  background: none;
}
.rounded-list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: 0.3em solid #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all 0.3s ease-out;
  content: "» ";
}

.rounded-list li:hover {
  background: #eee;
}

ul.raquo li {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 0.2em;
}
ul.raquo:before {
  content: "» ";
  display: inline;
  margin-left: -10px;
}

/* ---------------------- header ---------------------- */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #e19547;
}

.hamburger-box {
  width: 40px;
  height: 22px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #e19547;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#cartWrapper {
  cursor: hand;
  cursor: pointer;
  position: fixed;
  z-index: 11;
  right: 3.4em;
  top: 2em;
  color: #418db5;
  font-size: 1.5em;
}
#cartWrapper #cartCount {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  background: rgba(255, 255, 255, 0.9);
  width: 1.2em;
  height: 1.2em;
  font-size: 70%;
  border-radius: 1em;
  border: 1px solid #CCC;
  align-items: center;
}
#cartWrapper #cartCount.hidden {
  display: none;
}
#cartWrapper #cartCount > span {
  display: block;
  color: black;
  text-align: center;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
}

#mobileNavWrapper {
  cursor: hand;
  cursor: pointer;
  position: fixed;
  z-index: 5601;
  right: 1em;
  top: 2.2em;
  display: block;
}
#mobileNavWrapper.scrolled button.hamburger {
  box-shadow: none;
}

button.hamburger {
  background: none !important;
  transition: 250ms all;
  padding: 12px 12px;
  opacity: 0.5;
}
button.hamburger:focus {
  outline: 0 !important;
}
button.hamburger .hamburger-box {
  margin-top: 1px !important;
  margin-bottom: -1px !important;
}

.hamburger-label {
  text-transform: uppercase;
  color: #418db5;
  margin-right: 0.75em;
  display: inline-block;
  vertical-align: top;
}

.offcanvas-menu {
  position: fixed;
  top: -150%;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #418db5;
  z-index: 100;
  color: white;
  font-family: "Roag", "sans-serif";
  transition: 500ms all;
  opacity: 0;
}
.offcanvas-menu figure.mobileMenuLogo figure {
  width: 15em;
  margin: 0 auto;
  margin-top: 1em;
}
@media only screen and (min-width: 47.5em) {
  .offcanvas-menu figure.mobileMenuLogo figure {
    width: 15em;
    margin-left: 3em;
    margin-top: 1em;
  }
}
.no-mq .offcanvas-menu figure.mobileMenuLogo figure {
  width: 15em;
  margin-left: 3em;
  margin-top: 1em;
}
.offcanvas-menu nav {
  position: absolute;
  left: 15%;
  top: 35%;
  width: 80%;
  transform: translateY(-70%);
  font-size: 8vw;
  /*
          @include mix.minHeight(30em) {
              ul > li {
                  margin-bottom: 0.5em;
                  > div li {
                      margin-bottom: 1em;
                  }
              }
          }
          @include mix.minHeight(60em) {
              top:40%;

          } 

  */
}
@media only screen and (min-width: 32em) {
  .offcanvas-menu nav {
    transform: translateY(-70%);
    font-size: 3em;
  }
}
.no-mq .offcanvas-menu nav {
  transform: translateY(-70%);
  font-size: 3em;
}
@media only screen and (min-width: 41.5em) {
  .offcanvas-menu nav {
    left: 15%;
    transform: translateY(-50%);
  }
}
.no-mq .offcanvas-menu nav {
  left: 15%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 47.5em) {
  .offcanvas-menu nav {
    left: 20%;
    font-size: 3em;
  }
}
.no-mq .offcanvas-menu nav {
  left: 20%;
  font-size: 3em;
}
@media only screen and (min-width: 62em) {
  .offcanvas-menu nav {
    left: 50%;
    margin-left: -5em;
  }
}
.no-mq .offcanvas-menu nav {
  left: 50%;
  margin-left: -5em;
}
@media only screen and (max-height: 65em) {
  .offcanvas-menu nav {
    font-size: 7vmin;
    top: 50%;
  }
}
@media only screen and (max-height: 40em) {
  .offcanvas-menu nav {
    font-size: 6vmin;
    top: 55%;
    transform: translateY(-60%);
    left: 45%;
  }
  .offcanvas-menu nav ul > li > div {
    left: 10em !important;
    font-size: 5vmin !important;
  }
}
.offcanvas-menu nav a {
  color: inherit !important;
  transition: 250ms all;
}
.offcanvas-menu nav a:hover {
  color: #e19547 !important;
  text-decoration: none;
}
.offcanvas-menu nav ul > li {
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
.offcanvas-menu nav ul > li.mobileOnlyLogo figure {
  width: 7em;
}
.offcanvas-menu nav ul > li > div {
  left: 57.5%;
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  /*                    @include mix.min(def.$bp1) {
                        left:50%;
                        // font-size: 1.25rem;
                    }
                    @include mix.min(def.$bp2) {
                        left:50%;
                        font-size: 1.25rem;
                    }
                    @include mix.min(def.$bp3) {
                        left:50%;
                        font-size: 1.5rem;
                    }
                    @include mix.min(def.$bp4) {
                        left:15em;
                        font-size: 1.5rem;
                    }
  */
}
.offcanvas-menu nav ul > li > div li {
  margin-bottom: 0.75em;
}
.offcanvas-menu.active {
  top: 0;
  left: 0;
  opacity: 1;
}

header {
  width: 100%;
  display: block;
  min-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80vh;
}
header div.logo {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 12em;
}
header div.logo figure {
  width: 100%;
}
header div.logo img {
  width: 90vw;
  margin: 0 auto;
}
header.short {
  height: 8em;
}
header.short div.logo {
  margin-top: 1.5em;
}
header.short div.logo img {
  width: 16em;
  margin-left: 2em;
}
@media only screen and (min-width: 41.5em) {
  header {
    height: 8em;
  }
  header div.logo {
    margin-top: 1.5em;
  }
  header div.logo img {
    width: 16em;
    margin-left: 2em;
  }
}
.no-mq header {
  height: 8em;
}
.no-mq header div.logo {
  margin-top: 1.5em;
}
.no-mq header div.logo img {
  width: 16em;
  margin-left: 2em;
}
header div.headerCallouts {
  position: absolute;
  width: 100%;
  margin-top: 70vh;
  text-align: center;
  margin-left: -2em;
  color: white;
  z-index: 10;
  font-family: "Roag", "sans-serif";
  text-transform: uppercase;
}
@media only screen and (min-width: 41.5em) {
  header div.headerCallouts {
    margin-top: 3em;
    right: 8em;
    width: auto;
  }
}
.no-mq header div.headerCallouts {
  margin-top: 3em;
  right: 8em;
  width: auto;
}
header nav {
  line-height: 1.6em;
  text-transform: uppercase;
  position: fixed;
  z-index: 101;
  right: 0px;
  top: 0;
  padding: 1em 0;
  color: white;
  display: none;
  /*
  	// Main menu wide
  	@include mix.min($mobileVisibleUpTo) { 
  		color: black;

  		padding:0;
  		margin:0;
  		margin-top:1.25em;
  		margin-bottom: 0.25em;

  		display:block; 
  		position: inherit;
  		float: right;
  		font-weight: 700;
  		font-size: 90%;

  		> ul {
  			> li { 
  				float: left; 

  				margin-left: 0.6em;
  				padding-left:0.6em;

  				&:first-child { border-left:0; }


  				//Second level
  				> div {
  					margin-left:0;
  					position:absolute;
  					padding-top:1.5em;
  					padding-bottom:0.25em;
  					left:0;
  					right:0;
  					z-index:5001;
  					width: 100%;
  					border-top:5px solid #CCC;
  					background: white;
  					line-height: 1.5em;
  					> ul {
  						li {
  // 							text-transform: uppercase;
  							float:left;
  							width: 45%;
  							margin-right:2.5%;
  							margin-left:2.5%;
  							margin-bottom:0.5em;
  							&:nth-child(odd) { text-align: right; }
  						}
  					}


  				}
  			}
  		}
  	}
  	@include mix.min(def.$bp4) { font-size: 100%; }

  	*/
}
header nav > ul {
  padding: 0;
}
header nav > ul > li {
  display: block;
}
header nav > ul > li a {
  transition: 250ms all;
  display: block;
  padding: 0.5em 2em 0.5em 1em;
}
header nav > ul > li a:hover {
  text-decoration: none;
  background: rgb(36.2921348315, 1.7078651685, 5.5505617978);
}
header nav > ul > li > div {
  display: none;
}

header + main {
  margin-top: 8em;
}

.ecomProductList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ecomProductList > li {
  width: 30%;
}

.mainItemImage {
  width: 50%;
  margin-bottom: 2em;
}

ul.itemImageList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.itemImageList > li {
  width: 10em;
  margin-right: 2em;
}

.ecomCart {
  max-width: 50em;
}
.ecomCart .ecomCartList li {
  margin-bottom: 4em;
  display: flex;
  flex-direction: row;
}
.ecomCart .ecomCartList li figure {
  max-width: 10em;
  margin-right: 1em;
  position: relative;
}
.ecomCart .ecomCartList li figure span.count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  background: rgba(255, 255, 255, 0.9);
  width: 1.2em;
  height: 1.2em;
  font-size: 110%;
  border-radius: 1em;
  border: 1px solid #CCC;
  align-items: center;
}
.ecomCart .ecomCartList li figure span.count.hidden {
  display: none;
}
.ecomCart .ecomCartList li figure span.count > span {
  display: block;
  color: black;
  text-align: center;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
}
.ecomCart .ecomCartList li > div.itemDetails {
  width: 100%;
}

/* ---------------------- Item ---------------------- */
.ecomItemDetails .imageAndSummary {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.ecomItemDetails .imageAndSummary .ecomImages {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2em;
}
.ecomItemDetails .imageAndSummary .ecomImages .itemImageList.carousel {
  background: #DDD;
  width: 5em;
  margin-right: 1em;
}
.ecomItemDetails .imageAndSummary .ecomImages .itemImageList.carousel .slick-slide {
  margin: 1em 0;
}
.ecomItemDetails .imageAndSummary .ecomImages .slick-arrow {
  font-size: 2em;
  margin: 0 auto;
}
.ecomItemDetails .imageAndSummary .ecomImages figure.mainItemImage {
  width: 100%;
  border: 1px solid #DDD;
}
.ecomItemDetails .imageAndSummary .ecomImages figure.mainItemImage img {
  width: 100%;
}
.ecomItemDetails .imageAndSummary .itemSummary h2 {
  font-weight: bold;
  margin-bottom: 0.3em;
  color: #418db5;
}
.ecomItemDetails .imageAndSummary .itemSummary p.price {
  color: #e19547;
  font-weight: 400;
}
@media only screen and (min-width: 47.5em) {
  .ecomItemDetails .imageAndSummary {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .ecomItemDetails .imageAndSummary .ecomImages {
    width: 50%;
    margin-bottom: 0;
  }
  .ecomItemDetails .imageAndSummary .itemSummary {
    width: 45%;
  }
}
.no-mq .ecomItemDetails .imageAndSummary {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.no-mq .ecomItemDetails .imageAndSummary .ecomImages {
  width: 50%;
  margin-bottom: 0;
}
.no-mq .ecomItemDetails .imageAndSummary .itemSummary {
  width: 45%;
}
.ecomItemDetails .itemDetailsWrapper h2 {
  margin-bottom: 0.35em;
}

/* ---------------------- checkout ---------------------- */
form ul li.padTop {
  margin-top: 2em;
}
form ul li.two-cols {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
form ul li.two-cols > * {
  width: 48%;
}
form ul li h3 {
  margin-top: 1em;
}

.checkout-split {
  display: flex;
  flex-direction: column;
}
.checkout-split > div.order-summary {
  background: #EEE;
  margin-bottom: 3em;
}
@media only screen and (min-width: 62em) {
  .checkout-split {
    flex-direction: row;
    justify-content: space-between;
  }
  .checkout-split > .order-summary {
    order: 2;
  }
  .checkout-split > div {
    width: 45%;
    padding: 1em;
  }
}
.no-mq .checkout-split {
  flex-direction: row;
  justify-content: space-between;
}
.no-mq .checkout-split > .order-summary {
  order: 2;
}
.no-mq .checkout-split > div {
  width: 45%;
  padding: 1em;
}
.ecomCartSummary ul li {
  margin-top: 1em;
  display: flex;
  flex-direction: row;
}
.ecomCartSummary ul li.line {
  border-bottom: 1px solid #888;
}
.ecomCartSummary ul li > div {
  width: 50%;
}
.ecomCartSummary ul li > div:last-child {
  text-align: right;
}

.payment-status {
  margin-bottom: 2em;
}
.payment-status h3 {
  margin-top: 0 !important;
}
.payment-status > div {
  border: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.payment-status > div .green {
  color: #08a500;
}
.payment-status > div i {
  font-size: 300%;
  display: block;
  margin-right: 0.5em;
  width: 1em;
  text-align: center;
  color: #418db5;
}
.payment-status > div form {
  display: flex;
  flex-direction: row;
}
.payment-status > div form input {
  margin-right: 1em;
}
.payment-status > div h4 {
  margin-bottom: 0.25em;
}
.payment-status > div p {
  margin-bottom: 0;
}
.payment-status p#registerAccountMessage {
  display: none;
  color: green;
}
.payment-status p#registerAccountMessage.error {
  color: red;
}

/* ---------------------- login ---------------------- */
.ecomLoginWrapper {
  max-width: 30em;
  margin: 0 auto;
}
.ecomLoginWrapper input[type=text],
.ecomLoginWrapper input[type=password],
.ecomLoginWrapper input[type=submit] {
  margin-bottom: 1em;
}
.ecomLoginWrapper input[type=submit] {
  text-align: center;
  display: block;
  width: 100%;
}
.ecomLoginWrapper div.linkRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.content.c-explore {
  display: flex;
  flex-direction: column;
}
.content.c-explore .leftText {
  z-index: 1;
  line-height: 0;
  text-align: center;
  margin-bottom: 2em;
}
.content.c-explore .leftText h1,
.content.c-explore .leftText h2 {
  font-size: 2em;
  color: #418db5;
  text-transform: uppercase;
}
.content.c-explore .leftText h1 {
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1em;
  font-weight: 400;
}
.content.c-explore .leftText h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 300;
}
.content.c-explore .rightText {
  z-index: 1;
  margin-top: 3em;
  line-height: 0;
  text-align: center;
}
.content.c-explore .rightText h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1.25em;
  color: #e19547;
  text-transform: uppercase;
  font-weight: 300;
}
.content.c-explore .product {
  align-self: center;
  position: relative;
  width: 100%;
  z-index: 5;
}
.content.c-explore .product figure {
  z-index: 6;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.content.c-explore .product figure img {
  width: 50%;
  max-width: 25em;
  margin: 0 auto;
}
.content.c-explore .product figure > aside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* #region Line definitions */
  /* #endregion */
}
.content.c-explore .product figure > aside > div {
  color: #418db5;
  font-family: "Futura PT", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.content.c-explore .product figure > aside > div svg {
  position: absolute;
  top: 0.5em;
  left: 0;
  z-index: 2;
  pointer-events: none;
  stroke: rgba(65, 141, 181, 0.3);
}
.content.c-explore .product figure > aside > div > q {
  position: absolute;
  z-index: 10;
  pointer-events: auto;
  font-weight: 300;
  line-height: 1;
  padding: 0.5em;
  font-size: 1.25em;
  border-radius: 0.5em;
  border: 1px solid transparent;
  transition: 250ms all;
  cursor: hand;
  cursor: pointer;
}
.content.c-explore .product figure > aside > div > q:hover {
  transform: scale(1.5);
  border-radius: 0.5em;
}
.content.c-explore .product figure > aside > div > aside {
  position: absolute;
  z-index: 10;
  pointer-events: auto;
  line-height: 1;
  padding: 0.5em;
  border-radius: 0.5em;
  border: 1px solid transparent;
  text-transform: none;
  transition: 500ms all;
  cursor: hand;
  cursor: pointer;
  text-align: left;
}
.content.c-explore .product figure > aside > div > aside h3 {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
@media only screen and (min-width: 41.5em) {
  .content.c-explore .product figure > aside > div > aside h3 {
    font-size: 1.35em;
  }
}
.no-mq .content.c-explore .product figure > aside > div > aside h3 {
  font-size: 1.35em;
}
@media only screen and (min-width: 72em) {
  .content.c-explore .product figure > aside > div > aside h3 {
    font-size: 1.55em;
  }
}
.no-mq .content.c-explore .product figure > aside > div > aside h3 {
  font-size: 1.55em;
}
.content.c-explore .product figure > aside > div > aside p {
  transition: 1250ms all;
  display: none;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 0.95em;
  color: black;
  opacity: 0;
  width: 100%;
}
.content.c-explore .product figure > aside > div > aside p strong {
  font-weight: 400;
  color: #418db5;
}
.content.c-explore .product figure > aside > div > aside p span {
  font-weight: 400;
  color: #418db5;
}
.content.c-explore .product figure > aside > div > aside.expanded {
  z-index: 100;
  border-radius: 0.5em;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.1);
  width: 75%;
}
@media only screen and (min-width: 41.5em) {
  .content.c-explore .product figure > aside > div > aside.expanded {
    width: 50%;
  }
}
.no-mq .content.c-explore .product figure > aside > div > aside.expanded {
  width: 50%;
}
.content.c-explore .product figure > aside > div > aside.expanded p {
  display: block;
  opacity: 1;
}
.content.c-explore .product figure > aside > div.w-right h3 {
  text-align: right;
}
.content.c-explore .product figure > aside aside {
  width: 25%;
}
.content.c-explore .product figure > aside .a1 q,
.content.c-explore .product figure > aside .a1 aside {
  left: 0%;
  top: 5%;
}
.content.c-explore .product figure > aside .a2 q,
.content.c-explore .product figure > aside .a2 aside {
  left: 2%;
  top: 40%;
}
.content.c-explore .product figure > aside .a3 q,
.content.c-explore .product figure > aside .a3 aside {
  left: 0%;
  top: 80%;
}
.content.c-explore .product figure > aside .a4 q,
.content.c-explore .product figure > aside .a4 aside {
  right: 5%;
  top: 0%;
}
.content.c-explore .product figure > aside .a5 q,
.content.c-explore .product figure > aside .a5 aside {
  right: 3%;
  top: 30%;
}
.content.c-explore .product figure > aside .a6 q,
.content.c-explore .product figure > aside .a6 aside {
  right: 2%;
  top: 55%;
}
.content.c-explore .product figure > aside .a7 q,
.content.c-explore .product figure > aside .a7 aside {
  right: 3%;
  top: 92%;
}
@media only screen and (min-width: 46.5em) {
  .content.c-explore .product figure > aside .a1 q,
  .content.c-explore .product figure > aside .a1 aside {
    left: 5%;
    top: 5%;
  }
  .content.c-explore .product figure > aside .a2 q,
  .content.c-explore .product figure > aside .a2 aside {
    left: 3%;
    top: 40%;
  }
  .content.c-explore .product figure > aside .a3 q,
  .content.c-explore .product figure > aside .a3 aside {
    left: 5%;
    top: 75%;
  }
  .content.c-explore .product figure > aside .a4 q,
  .content.c-explore .product figure > aside .a4 aside {
    right: 5%;
    top: 5%;
  }
  .content.c-explore .product figure > aside .a5 q,
  .content.c-explore .product figure > aside .a5 aside {
    right: 3%;
    top: 30%;
  }
  .content.c-explore .product figure > aside .a6 q,
  .content.c-explore .product figure > aside .a6 aside {
    right: 2%;
    top: 55%;
  }
  .content.c-explore .product figure > aside .a7 q,
  .content.c-explore .product figure > aside .a7 aside {
    right: 3%;
    top: 90%;
  }
}
.no-mq .content.c-explore .product figure > aside .a1 q,
.no-mq .content.c-explore .product figure > aside .a1 aside {
  left: 5%;
  top: 5%;
}
.no-mq .content.c-explore .product figure > aside .a2 q,
.no-mq .content.c-explore .product figure > aside .a2 aside {
  left: 3%;
  top: 40%;
}
.no-mq .content.c-explore .product figure > aside .a3 q,
.no-mq .content.c-explore .product figure > aside .a3 aside {
  left: 5%;
  top: 75%;
}
.no-mq .content.c-explore .product figure > aside .a4 q,
.no-mq .content.c-explore .product figure > aside .a4 aside {
  right: 5%;
  top: 5%;
}
.no-mq .content.c-explore .product figure > aside .a5 q,
.no-mq .content.c-explore .product figure > aside .a5 aside {
  right: 3%;
  top: 30%;
}
.no-mq .content.c-explore .product figure > aside .a6 q,
.no-mq .content.c-explore .product figure > aside .a6 aside {
  right: 2%;
  top: 55%;
}
.no-mq .content.c-explore .product figure > aside .a7 q,
.no-mq .content.c-explore .product figure > aside .a7 aside {
  right: 3%;
  top: 90%;
}
@media only screen and (min-width: 57.5em) {
  .content.c-explore {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
  }
  .content.c-explore .leftText {
    writing-mode: sideways-lr;
    align-self: flex-end;
    margin-bottom: 0;
    text-orientation: mixed;
    width: 8em;
    text-align: left;
  }
  .content.c-explore .leftText h1,
  .content.c-explore .leftText h2 {
    font-size: 3.5em;
    font-weight: 400;
  }
  .content.c-explore .leftText h2 {
    font-weight: 300;
  }
  .content.c-explore .rightText {
    writing-mode: vertical-lr;
    align-self: flex-end;
    width: 3em;
    text-align: right;
  }
  .content.c-explore .rightText h2 {
    font-size: 2.2em;
  }
}
.no-mq .content.c-explore {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
}
.no-mq .content.c-explore .leftText {
  writing-mode: sideways-lr;
  align-self: flex-end;
  margin-bottom: 0;
  text-orientation: mixed;
  width: 8em;
  text-align: left;
}
.no-mq .content.c-explore .leftText h1,
.no-mq .content.c-explore .leftText h2 {
  font-size: 3.5em;
  font-weight: 400;
}
.no-mq .content.c-explore .leftText h2 {
  font-weight: 300;
}
.no-mq .content.c-explore .rightText {
  writing-mode: vertical-lr;
  align-self: flex-end;
  width: 3em;
  text-align: right;
}
.no-mq .content.c-explore .rightText h2 {
  font-size: 2.2em;
}
@media only screen and (min-width: 72em) {
  .content.c-explore .leftText,
  .content.c-explore .rightText {
    padding-bottom: 4em;
  }
  .content.c-explore .product figure aside > div > q {
    font-weight: 100;
  }
}
.no-mq .content.c-explore .leftText,
.no-mq .content.c-explore .rightText {
  padding-bottom: 4em;
}
.no-mq .content.c-explore .product figure aside > div > q {
  font-weight: 100;
}

/* #region Wiggles */
@keyframes wiggle1 {
  from {
    transform: translate3d(-0.5vw, -0.5vw, 0px);
  }
  50% {
    transform: translate3d(0.5vw, 0.5vw, 0px);
  }
  to {
    transform: translate3d(-0.5vw, -0.5vw, 0px);
  }
}
@keyframes wiggle2 {
  from {
    transform: translate3d(0.5vw, -0.5vw, 0px);
  }
  50% {
    transform: translate3d(-0.5vw, 0.5vw, 0px);
  }
  to {
    transform: translate3d(0.5vw, -0.5vw, 0px);
  }
}
@keyframes wiggle3 {
  from {
    transform: translate3d(-0.5vw, 0.5vw, 0px);
  }
  50% {
    transform: translate3d(0.5vw, -0.5vw, 0px);
  }
  to {
    transform: translate3d(-0.5vw, 0.5vw, 0px);
  }
}
@keyframes wiggle4 {
  from {
    transform: translate3d(0.5vw, 0.5vw, 0px);
  }
  50% {
    transform: translate3d(-0.5vw, -0.5vw, 0px);
  }
  to {
    transform: translate3d(0.5vw, 0.5vw, 0px);
  }
}
@keyframes wiggleCurrent {
  from {
    transform: translate3d(-0.5vw, -0.5vw, 0);
  }
  50% {
    transform: translate3d(0.5vw, 0.5vw, 0);
  }
  to {
    transform: translate3d(-0.5vw, -0.5vw, 0);
  }
}
.wiggle {
  transform-origin: 50% 50%;
}

.wiggle.a1,
.wiggle.l1 {
  animation: wiggle4 8000ms infinite;
}

.wiggle.a2 {
  animation: wiggle2 9000ms infinite;
}

.wiggle.a3 {
  animation: wiggle3 10000ms infinite;
}

.wiggle.a4 {
  animation: wiggle4 10800ms infinite;
}

.wiggle.a5 {
  animation: wiggle3 12000ms infinite;
}

.wiggle.a6 {
  animation: wiggle3 12950ms infinite;
}

.wiggle.a7 {
  animation: wiggle1 13950ms infinite;
}

.wiggle.current {
  animation: wiggleCurrent 8800ms infinite;
}

/* #endregion */
.c-orange {
  color: #e19547;
}

h1 {
  font-family: "Roag", "sans-serif";
  font-weight: 300;
  text-transform: uppercase;
  color: #418db5;
  text-align: center;
}

.borderBottom {
  position: relative;
  margin-bottom: 1.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media only screen and (min-width: 32em) {
  .borderBottom {
    margin-right: 1.5em;
    margin-left: 1.5em;
  }
}
.no-mq .borderBottom {
  margin-right: 1.5em;
  margin-left: 1.5em;
}
.borderBottom:after {
  content: " ";
  width: 3em;
  border-bottom: 1px solid rgba(65, 141, 181, 0.3);
  position: absolute;
  height: 0.75em;
  left: 0;
  right: 0;
  top: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 0.5em;
}

main article section:first-child {
  margin-top: 3em;
}

.content p,
.content li {
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 300;
  font-size: 110%;
}
@media only screen and (min-width: 47.5em) {
  .content p,
  .content li {
    font-size: 130%;
  }
}
.no-mq .content p,
.no-mq .content li {
  font-size: 130%;
}
.content p strong,
.content li strong {
  font-weight: 400;
}
.content li {
  list-style-type: "- ";
  margin-left: 1em;
}
.content.tal h1 {
  text-align: left;
}
.content h2 {
  font-family: "Futura PT", sans-serif;
}
.content.c-welcome {
  max-width: 65em;
  margin: 0 auto;
  text-align: center;
}
.content.c-welcome h1, .content.c-love h1 {
  font-size: 225%;
}
@media only screen and (min-width: 41.5em) {
  .content.c-welcome h1, .content.c-love h1 {
    font-size: 350%;
  }
}
.no-mq .content.c-welcome h1, .no-mq .content.c-love h1 {
  font-size: 350%;
}
.content.c-research h3 {
  font-family: "Futura PT", sans-serif;
  color: #418db5;
}

/* ---------------------- players love us ---------------------- */
.b-love figure.inline {
  display: inline;
}
.b-love figure.inline img {
  height: 0.75em;
  width: auto;
  display: inline;
  margin-left: 0.5em;
  margin-right: 0;
}
.b-love .picLeft {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.b-love .picLeft .fig {
  order: 2;
  background: url("/images/20250824-134649-2.jpg") no-repeat center 10%;
  background-size: cover;
  height: 80vw;
}
.b-love .picLeft .fig.secondary {
  background: url("/images/explore-holding-ball.jpg") no-repeat center 25%;
}
.b-love .picLeft .text {
  align-self: center;
  order: 1;
  margin-bottom: 3em;
  margin-left: 3em;
  max-width: 45em;
  margin-right: 5em;
}
.b-love .picLeft .text h2 {
  background: #418db5;
  width: 100%;
  padding: 0.25em 0 0.25em 2rem;
  text-transform: uppercase;
  color: white;
}
.b-love .picLeft .text h3 {
  font-family: "Futura PT", sans-serif;
  font-weight: 300;
  font-size: 200%;
  color: #444;
}
.b-love .picLeft .text h4 {
  font-family: "Futura PT", sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  line-height: 1.5;
}
.b-love .picLeft .text p {
  color: black;
  font-weight: 100;
  line-height: 1.5;
}
.b-love .picLeft .text p:last-of-type {
  margin-bottom: 2em;
}
.b-love .picLeft .text p strong {
  color: #418db5;
  font-weight: 300;
}
.b-love .picLeft .text.exploreLove p + p {
  margin-top: -1em;
}
.b-love .picLeft .text div.button {
  margin-left: 2rem;
  font-size: 90%;
}
@media only screen and (min-width: 47.5em) {
  .b-love .picLeft {
    flex-direction: row;
    align-items: stretch;
  }
  .b-love .picLeft .fig {
    order: 1;
    height: auto;
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .b-love .picLeft .text {
    flex-grow: 1;
    order: 2;
    width: 55%;
  }
}
.no-mq .b-love .picLeft {
  flex-direction: row;
  align-items: stretch;
}
.no-mq .b-love .picLeft .fig {
  order: 1;
  height: auto;
  width: 45%;
  flex-grow: 0;
  flex-shrink: 0;
}
.no-mq .b-love .picLeft .text {
  flex-grow: 1;
  order: 2;
  width: 55%;
}
@media only screen and (min-width: 62em) {
  .b-love .picLeft .fig {
    background: url("/images/20250824-134649-2.jpg") no-repeat center 10%;
    background-size: cover;
    min-height: 40em;
  }
}
.no-mq .b-love .picLeft .fig {
  background: url("/images/20250824-134649-2.jpg") no-repeat center 10%;
  background-size: cover;
  min-height: 40em;
}
@media only screen and (min-width: 80em) {
  .b-love .picLeft .fig {
    width: 35em;
  }
}
.no-mq .b-love .picLeft .fig {
  width: 35em;
}
@media only screen and (min-width: 100em) {
  .b-love .content {
    width: 100em;
    margin: 0 auto;
  }
}
.no-mq .b-love .content {
  width: 100em;
  margin: 0 auto;
}

/* ---------------------- bring your game ---------------------- */
.b-alignment {
  margin-top: 15em;
}
.b-alignment .content {
  margin: 0;
}
.b-alignment .picRight {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.b-alignment .picRight h2 {
  font-weight: 300;
  font-family: "Roag", "sans-serif";
}
.b-alignment .picRight .blue {
  background: #418db5;
}
.b-alignment .picRight .text {
  color: white;
  padding: 3em 8em 3em 5em;
  align-self: center;
}
.b-alignment .picRight .text h2 {
  text-transform: uppercase;
  font-size: 250%;
  margin-bottom: 0.75em;
}
.b-alignment .picRight .text p {
  font-weight: 100;
  margin-bottom: 1.5em;
  line-height: 1.5em;
  font-size: 1.25em;
}
.b-alignment .picRight .fig {
  background: url("/images/bring-your-game-into-alignment.jpg") no-repeat center center;
  background-size: cover;
  height: 80vw;
  width: 100%;
}
@media only screen and (min-width: 47.5em) {
  .b-alignment .picRight {
    flex-direction: row;
    align-items: stretch;
  }
  .b-alignment .picRight .text {
    width: 85%;
    padding: 3em 4em 9em 4em;
    flex-grow: 1;
  }
  .b-alignment .picRight .text h2 {
    font-size: 4vw;
  }
  .b-alignment .picRight .text p {
    max-width: 90%;
    font-size: 2vw;
  }
  .b-alignment .picRight .fig {
    width: 45%;
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;
    background: url("/images/bring-your-game-into-alignment.jpg") no-repeat 40% center;
    background-size: cover;
  }
}
.no-mq .b-alignment .picRight {
  flex-direction: row;
  align-items: stretch;
}
.no-mq .b-alignment .picRight .text {
  width: 85%;
  padding: 3em 4em 9em 4em;
  flex-grow: 1;
}
.no-mq .b-alignment .picRight .text h2 {
  font-size: 4vw;
}
.no-mq .b-alignment .picRight .text p {
  max-width: 90%;
  font-size: 2vw;
}
.no-mq .b-alignment .picRight .fig {
  width: 45%;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
  background: url("/images/bring-your-game-into-alignment.jpg") no-repeat 40% center;
  background-size: cover;
}
@media only screen and (min-width: 62em) {
  .b-alignment .picRight .text {
    width: 55%;
    padding: 3em 8em 9em 5em;
  }
  .b-alignment .picRight .text p {
    max-width: 80%;
  }
}
.no-mq .b-alignment .picRight .text {
  width: 55%;
  padding: 3em 8em 9em 5em;
}
.no-mq .b-alignment .picRight .text p {
  max-width: 80%;
}
@media only screen and (min-width: 72em) {
  .b-alignment .picRight .fig {
    background: url("/images/bring-your-game-into-alignment.jpg") no-repeat center center;
    background-size: cover;
  }
}
.no-mq .b-alignment .picRight .fig {
  background: url("/images/bring-your-game-into-alignment.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (min-width: 80em) {
  .b-alignment .picRight .fig {
    width: 45%;
  }
  .b-alignment .picRight .text {
    padding-bottom: 14em;
  }
}
.no-mq .b-alignment .picRight .fig {
  width: 45%;
}
.no-mq .b-alignment .picRight .text {
  padding-bottom: 14em;
}

.b-slant {
  position: relative;
  z-index: 1;
}
.b-slant:after {
  content: " ";
  background: #fff;
  width: 200%;
  height: 20em;
  position: absolute;
  top: 99%;
  left: -2em;
  margin-top: -1em;
  z-index: 3;
  transform-origin: 0% 0%;
  transform: rotate(-5.6deg);
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2) inset;
}

/* ---------------------- contact ---------------------- */
form.contact,
form.signup ul {
  display: flex;
  flex-direction: column;
}
form.contact li,
form.signup ul li {
  list-style: none;
  margin-left: 0;
}
@media only screen and (min-width: 47.5em) {
  form.contact,
  form.signup ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  form.contact input[type=text],
  form.signup ul input[type=text] {
    width: 48%;
  }
  form.contact li,
  form.signup ul li {
    width: 48%;
  }
  form.contact li input[type=text],
  form.signup ul li input[type=text] {
    width: 100%;
  }
  form.contact li.full,
  form.signup ul li.full {
    width: 100%;
  }
  form.contact textarea,
  form.contact p,
  form.signup ul textarea,
  form.signup ul p {
    width: 100%;
  }
  form.contact textarea,
  form.contact p,
  form.contact input[type=submit],
  form.signup ul textarea,
  form.signup ul p,
  form.signup ul input[type=submit] {
    flex-basis: 100;
  }
}
.no-mq form.contact,
.no-mq form.signup ul {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.no-mq form.contact input[type=text],
.no-mq form.signup ul input[type=text] {
  width: 48%;
}
.no-mq form.contact li,
.no-mq form.signup ul li {
  width: 48%;
}
.no-mq form.contact li input[type=text],
.no-mq form.signup ul li input[type=text] {
  width: 100%;
}
.no-mq form.contact li.full,
.no-mq form.signup ul li.full {
  width: 100%;
}
.no-mq form.contact textarea,
.no-mq form.contact p,
.no-mq form.signup ul textarea,
.no-mq form.signup ul p {
  width: 100%;
}
.no-mq form.contact textarea,
.no-mq form.contact p,
.no-mq form.contact input[type=submit],
.no-mq form.signup ul textarea,
.no-mq form.signup ul p,
.no-mq form.signup ul input[type=submit] {
  flex-basis: 100;
}

/* ---------------------- Explore ---------------------- */
.content.c-explorePage h2 {
  font-weight: 200;
}

.sportsGrid > div {
  background: #e19547;
  margin-bottom: 2em;
  padding: 1em;
  transition: 250ms all;
  display: flex;
  flex-direction: column;
}
.sportsGrid > div h3 {
  transition: 500ms all;
  font-family: "Roag", "sans-serif";
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  color: white;
}
.sportsGrid > div p {
  transition: 250ms all;
  color: white !important;
  text-align: center;
  margin: auto 0;
  height: 0;
  opacity: 0;
}
.sportsGrid > div > *:last-child {
  padding-bottom: 0;
}
.sportsGrid > div:hover p {
  display: block;
  opacity: 1;
  height: 4em;
}

/* ---------------------- misc ---------------------- */
.smallLogo {
  height: 1em;
  margin-right: 0.25em;
}

.button2 {
  font-weight: 100;
}
.button2 .fas {
  margin-left: 3em;
}
.button2 span {
  font-size: 130%;
  letter-spacing: 0.05em;
  transition: 250ms all;
}
.button2.orange .fas {
  color: #e19547;
}
.button2.blue {
  color: #418db5;
}
.button2.blue .fas {
  color: #418db5;
}
.button2:hover span {
  font-size: 140%;
}

.fullWidthVideo {
  width: 100%;
}

/* ---------------------- footer ---------------------- */
footer figure {
  width: 20em;
  float: right;
  margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
  footer figure {
    float: left;
  }
}
.no-mq footer figure {
  float: left;
}
footer aside {
  clear: right;
  float: right;
  text-align: right;
  font-size: 120%;
  font-weight: 100;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 62em) {
  footer aside {
    clear: none;
  }
}
.no-mq footer aside {
  clear: none;
}
footer .socials {
  clear: both;
  color: #418db5;
  padding-bottom: 2em;
}
footer .socials li {
  float: right;
  margin-left: 1em;
  font-size: 1.5em;
}
footer .footerMenu {
  color: #418db5;
  text-transform: uppercase;
}

/* ---------------------- misc ---------------------- */
.collapseWrapper {
  margin-top: 3em;
  border-left: 0.5em solid #e19547;
  margin-bottom: 3em;
}
.collapseWrapper .collapseHeader {
  background: #e19547;
  text-align: left !important;
  color: white;
  padding: 0.5em;
  cursor: hand;
  cursor: pointer;
}
.collapseWrapper .collapseHeader .fa-angle-right {
  transition: 400ms all;
  margin-right: 0.5em;
}
.collapseWrapper .collapseHeader.expanded .fa-angle-right {
  transform: rotate(90deg);
}
.collapseWrapper .collapse {
  padding-top: 2em;
  padding-left: 3em;
  padding-bottom: 1em;
}

.collapse.collapsed {
  display: none;
}

/*# sourceMappingURL=screen.css.map */